@zohodesk/components 1.0.0-temp-194 → 1.0.0-temp-195

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.
Files changed (236) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/es/Accordion/Accordion.js +2 -2
  3. package/es/Accordion/AccordionItem.js +4 -4
  4. package/es/Accordion/index.js +2 -2
  5. package/es/Animation/Animation.js +3 -3
  6. package/es/Animation/utils.js +1 -1
  7. package/es/AppContainer/AppContainer.js +9 -9
  8. package/es/Avatar/Avatar.js +5 -5
  9. package/es/Avatar/__tests__/Avatar.spec.js +1 -1
  10. package/es/AvatarTeam/AvatarTeam.js +4 -4
  11. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -1
  12. package/es/Button/Button.js +4 -4
  13. package/es/Button/__tests__/Button.spec.js +1 -1
  14. package/es/Button/index.js +2 -2
  15. package/es/Button/props/defaultProps.js +1 -1
  16. package/es/Buttongroup/Buttongroup.js +3 -3
  17. package/es/Buttongroup/__tests__/Buttongroup.spec.js +1 -1
  18. package/es/Card/Card.js +5 -5
  19. package/es/Card/index.js +4 -4
  20. package/es/CheckBox/CheckBox.js +6 -6
  21. package/es/DateTime/CalendarView.js +6 -6
  22. package/es/DateTime/DateTime.js +15 -15
  23. package/es/DateTime/DateTimePopupFooter.js +5 -5
  24. package/es/DateTime/DateTimePopupHeader.js +4 -4
  25. package/es/DateTime/DateWidget.js +17 -17
  26. package/es/DateTime/DaysRow.js +3 -3
  27. package/es/DateTime/Time.js +5 -5
  28. package/es/DateTime/YearView.js +6 -6
  29. package/es/DateTime/dateFormatUtils/dateFormat.js +4 -4
  30. package/es/DateTime/dateFormatUtils/dayChange.js +2 -2
  31. package/es/DateTime/dateFormatUtils/index.js +3 -3
  32. package/es/DateTime/dateFormatUtils/monthChange.js +2 -2
  33. package/es/DateTime/dateFormatUtils/timeChange.js +2 -2
  34. package/es/DateTime/dateFormatUtils/yearChange.js +2 -2
  35. package/es/DateTime/index.js +1 -1
  36. package/es/DateTime/props/propTypes.js +1 -1
  37. package/es/DateTime/validator.js +2 -2
  38. package/es/DropBox/DropBox.js +9 -9
  39. package/es/DropBox/DropBoxElement/DropBoxElement.js +6 -6
  40. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  41. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +1 -1
  42. package/es/DropBox/css/cssJSLogic.js +1 -1
  43. package/es/DropBox/props/defaultProps.js +1 -1
  44. package/es/DropBox/props/propTypes.js +1 -1
  45. package/es/DropBox/utils/isMobilePopover.js +1 -1
  46. package/es/DropDown/DropDown.js +4 -4
  47. package/es/DropDown/DropDownHeading.js +3 -3
  48. package/es/DropDown/DropDownItem.js +3 -3
  49. package/es/DropDown/DropDownSearch.js +4 -4
  50. package/es/DropDown/DropDownSeparator.js +2 -2
  51. package/es/DropDown/index.js +7 -7
  52. package/es/DropDown/props/propTypes.js +1 -1
  53. package/es/Heading/Heading.js +3 -3
  54. package/es/Label/Label.js +4 -4
  55. package/es/Label/__tests__/Label.spec.js +1 -1
  56. package/es/Layout/Box.js +4 -4
  57. package/es/Layout/Container.js +4 -4
  58. package/es/Layout/index.js +2 -2
  59. package/es/ListItem/ListContainer.js +6 -6
  60. package/es/ListItem/ListItem.js +5 -5
  61. package/es/ListItem/ListItemWithAvatar.js +7 -7
  62. package/es/ListItem/ListItemWithCheckBox.js +6 -6
  63. package/es/ListItem/ListItemWithIcon.js +5 -5
  64. package/es/ListItem/ListItemWithRadio.js +6 -6
  65. package/es/ListItem/index.js +6 -6
  66. package/es/Modal/Modal.js +3 -3
  67. package/es/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
  68. package/es/MultiSelect/AdvancedMultiSelect.js +23 -19
  69. package/es/MultiSelect/EmptyState.js +3 -3
  70. package/es/MultiSelect/MobileHeader/MobileHeader.js +5 -5
  71. package/es/MultiSelect/MultiSelect.js +20 -20
  72. package/es/MultiSelect/MultiSelectHeader.js +4 -4
  73. package/es/MultiSelect/MultiSelectWithAvatar.js +16 -16
  74. package/es/MultiSelect/SelectedOptions.js +5 -5
  75. package/es/MultiSelect/Suggestions.js +6 -6
  76. package/es/MultiSelect/index.js +4 -4
  77. package/es/MultiSelect/props/defaultProps.js +3 -2
  78. package/es/MultiSelect/props/propTypes.js +2 -1
  79. package/es/PopOver/PopOver.js +6 -6
  80. package/es/PopOver/index.js +3 -3
  81. package/es/Popup/Popup.js +3 -3
  82. package/es/Provider/AvatarSize.js +1 -1
  83. package/es/Provider/CssProvider.js +1 -1
  84. package/es/Provider/IdProvider.js +2 -2
  85. package/es/Provider/LibraryContext.js +2 -2
  86. package/es/Provider/ZindexProvider.js +2 -2
  87. package/es/Provider/index.js +4 -4
  88. package/es/Radio/Radio.js +5 -5
  89. package/es/Radio/__tests__/Radio.spec.js +1 -1
  90. package/es/Responsive/CustomResponsive.js +7 -7
  91. package/es/Responsive/ResizeComponent.js +2 -2
  92. package/es/Responsive/Responsive.js +6 -6
  93. package/es/Responsive/index.js +3 -3
  94. package/es/Responsive/utils/index.js +1 -1
  95. package/es/Responsive/windowResizeObserver.js +1 -1
  96. package/es/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
  97. package/es/ResponsiveDropBox/props/propTypes.js +1 -1
  98. package/es/Ribbon/Ribbon.js +3 -3
  99. package/es/Ribbon/__tests__/Ribbon.spec.js +1 -1
  100. package/es/RippleEffect/RippleEffect.js +4 -4
  101. package/es/RippleEffect/__tests__/RippleEffect.spec.js +1 -1
  102. package/es/Select/GroupSelect.js +16 -16
  103. package/es/Select/Select.js +16 -16
  104. package/es/Select/SelectWithAvatar.js +17 -17
  105. package/es/Select/SelectWithIcon.js +13 -13
  106. package/es/Select/index.js +4 -4
  107. package/es/Select/props/defaultProps.js +1 -1
  108. package/es/Stencils/Stencils.js +3 -3
  109. package/es/Stencils/__tests__/Stencils.spec.js +1 -1
  110. package/es/Switch/Switch.js +5 -5
  111. package/es/Switch/__tests__/Switch.spec.js +1 -1
  112. package/es/Tab/Tab.js +5 -5
  113. package/es/Tab/TabContent.js +4 -4
  114. package/es/Tab/TabContentWrapper.js +3 -3
  115. package/es/Tab/TabWrapper.js +5 -6
  116. package/es/Tab/Tabs.js +12 -12
  117. package/es/Tab/index.js +5 -5
  118. package/es/Tab/props/propTypes.js +0 -1
  119. package/es/Tag/Tag.js +7 -7
  120. package/es/TextBox/TextBox.js +3 -3
  121. package/es/TextBoxIcon/TextBoxIcon.js +6 -6
  122. package/es/TextBoxIcon/props/propTypes.js +1 -1
  123. package/es/Textarea/Textarea.js +3 -3
  124. package/es/Tooltip/Tooltip.js +5 -5
  125. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
  126. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  127. package/es/VelocityAnimation/index.js +2 -2
  128. package/es/css.js +37 -37
  129. package/es/deprecated/PortalLayer/PortalLayer.js +3 -3
  130. package/es/index.js +39 -39
  131. package/es/semantic/Button/Button.js +3 -3
  132. package/es/semantic/index.js +1 -1
  133. package/es/utils/Common.js +1 -1
  134. package/es/utils/ContextOptimizer.js +1 -1
  135. package/es/utils/datetime/common.js +1 -1
  136. package/es/utils/dropDownUtils.js +1 -1
  137. package/es/utils/index.js +1 -1
  138. package/es/v1/Accordion/Accordion.js +2 -2
  139. package/es/v1/Accordion/AccordionItem.js +4 -4
  140. package/es/v1/Accordion/index.js +2 -2
  141. package/es/v1/Animation/Animation.js +3 -3
  142. package/es/v1/Animation/utils.js +1 -1
  143. package/es/v1/AppContainer/AppContainer.js +9 -9
  144. package/es/v1/Avatar/Avatar.js +5 -5
  145. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  146. package/es/v1/Button/Button.js +4 -4
  147. package/es/v1/Button/props/defaultProps.js +1 -1
  148. package/es/v1/Buttongroup/Buttongroup.js +3 -3
  149. package/es/v1/Card/Card.js +5 -5
  150. package/es/v1/Card/index.js +4 -4
  151. package/es/v1/CheckBox/CheckBox.js +6 -6
  152. package/es/v1/DateTime/CalendarView.js +7 -7
  153. package/es/v1/DateTime/DateTime.js +15 -15
  154. package/es/v1/DateTime/DateTimePopupFooter.js +5 -5
  155. package/es/v1/DateTime/DateTimePopupHeader.js +4 -4
  156. package/es/v1/DateTime/DateWidget.js +17 -17
  157. package/es/v1/DateTime/DaysRow.js +3 -3
  158. package/es/v1/DateTime/Time.js +5 -5
  159. package/es/v1/DateTime/YearView.js +6 -6
  160. package/es/v1/DateTime/index.js +1 -1
  161. package/es/v1/DateTime/props/propTypes.js +1 -1
  162. package/es/v1/DropBox/DropBox.js +9 -9
  163. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +6 -6
  164. package/es/v1/DropBox/props/defaultProps.js +1 -1
  165. package/es/v1/DropBox/props/propTypes.js +1 -1
  166. package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
  167. package/es/v1/DropDown/DropDown.js +4 -4
  168. package/es/v1/DropDown/DropDownHeading.js +3 -3
  169. package/es/v1/DropDown/DropDownItem.js +3 -3
  170. package/es/v1/DropDown/DropDownSearch.js +4 -4
  171. package/es/v1/DropDown/DropDownSeparator.js +2 -2
  172. package/es/v1/DropDown/props/propTypes.js +1 -1
  173. package/es/v1/Heading/Heading.js +3 -3
  174. package/es/v1/Label/Label.js +4 -4
  175. package/es/v1/Layout/Box.js +4 -4
  176. package/es/v1/Layout/Container.js +4 -4
  177. package/es/v1/Layout/index.js +2 -2
  178. package/es/v1/ListItem/ListContainer.js +6 -6
  179. package/es/v1/ListItem/ListItem.js +5 -5
  180. package/es/v1/ListItem/ListItemWithAvatar.js +7 -7
  181. package/es/v1/ListItem/ListItemWithCheckBox.js +6 -6
  182. package/es/v1/ListItem/ListItemWithIcon.js +5 -5
  183. package/es/v1/ListItem/ListItemWithRadio.js +6 -6
  184. package/es/v1/ListItem/index.js +6 -6
  185. package/es/v1/Modal/Modal.js +3 -3
  186. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
  187. package/es/v1/MultiSelect/AdvancedMultiSelect.js +17 -17
  188. package/es/v1/MultiSelect/EmptyState.js +3 -3
  189. package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +5 -5
  190. package/es/v1/MultiSelect/MultiSelect.js +19 -19
  191. package/es/v1/MultiSelect/MultiSelectHeader.js +4 -4
  192. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +16 -16
  193. package/es/v1/MultiSelect/SelectedOptions.js +5 -5
  194. package/es/v1/MultiSelect/Suggestions.js +6 -6
  195. package/es/v1/MultiSelect/index.js +4 -4
  196. package/es/v1/MultiSelect/props/defaultProps.js +1 -1
  197. package/es/v1/PopOver/PopOver.js +6 -6
  198. package/es/v1/Popup/Popup.js +3 -3
  199. package/es/v1/Radio/Radio.js +5 -5
  200. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
  201. package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -1
  202. package/es/v1/Ribbon/Ribbon.js +3 -3
  203. package/es/v1/RippleEffect/RippleEffect.js +4 -4
  204. package/es/v1/Select/GroupSelect.js +16 -16
  205. package/es/v1/Select/Select.js +16 -16
  206. package/es/v1/Select/SelectWithAvatar.js +17 -17
  207. package/es/v1/Select/SelectWithIcon.js +13 -13
  208. package/es/v1/Select/index.js +4 -4
  209. package/es/v1/Select/props/defaultProps.js +1 -1
  210. package/es/v1/Stencils/Stencils.js +3 -3
  211. package/es/v1/Switch/Switch.js +5 -5
  212. package/es/v1/Tab/Tab.js +5 -5
  213. package/es/v1/Tab/TabContent.js +4 -4
  214. package/es/v1/Tab/TabContentWrapper.js +3 -3
  215. package/es/v1/Tab/TabWrapper.js +3 -3
  216. package/es/v1/Tab/Tabs.js +12 -12
  217. package/es/v1/Tab/index.js +5 -5
  218. package/es/v1/Tag/Tag.js +7 -7
  219. package/es/v1/TextBox/TextBox.js +3 -3
  220. package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -6
  221. package/es/v1/TextBoxIcon/props/propTypes.js +1 -1
  222. package/es/v1/Textarea/Textarea.js +3 -3
  223. package/es/v1/Tooltip/Tooltip.js +5 -5
  224. package/es/v1/Typography/Typography.js +4 -4
  225. package/es/v1/Typography/css/cssJSLogic.js +1 -1
  226. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
  227. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  228. package/es/v1/semantic/Button/Button.js +3 -3
  229. package/es/v1/semantic/index.js +1 -1
  230. package/lib/MultiSelect/AdvancedMultiSelect.js +5 -2
  231. package/lib/MultiSelect/props/defaultProps.js +2 -1
  232. package/lib/MultiSelect/props/propTypes.js +2 -1
  233. package/lib/Tab/TabWrapper.js +2 -3
  234. package/lib/Tab/props/propTypes.js +0 -1
  235. package/package.json +1 -1
  236. package/result.json +1 -1
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
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 './Stencils.module.css';
6
+ import style from "./Stencils.module.css";
7
7
  export default class Stencils extends React.PureComponent {
8
8
  render() {
9
9
  let {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import Stencils from '../Stencils.js';
3
+ import Stencils from "../Stencils.js";
4
4
  describe('Stencils', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
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';
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);
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import Switch from '../Switch';
3
+ import Switch from "../Switch";
4
4
  describe('Switch', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
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 './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';
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',
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
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';
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 './props/defaultProps';
3
- import { TabContentWrapper_propTypes } from './props/propTypes';
4
- import { Box } from '../Layout';
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 => {
@@ -1,7 +1,7 @@
1
1
  import React, { useState, useCallback } from 'react';
2
- import { TabWrapper_defaultProps } from './props/defaultProps';
3
- import { TabWrapper_propTypes } from './props/propTypes';
4
- import { Container } from '../Layout';
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 {
@@ -17,8 +17,7 @@ function TabWrapper(_ref) {
17
17
  align,
18
18
  dataId,
19
19
  children,
20
- dataSelectorId,
21
- alignWrapper
20
+ dataSelectorId
22
21
  } = _ref;
23
22
  let [selectedTabInternal, setSelected] = useState(!hookToDisableInternalState ? defaultTab || 0 : null);
24
23
  const setSelectedTab = useCallback(id => {
@@ -29,7 +28,7 @@ function TabWrapper(_ref) {
29
28
  onSelect && onSelect(id);
30
29
  }, [hookToDisableInternalState, onSelect]);
31
30
  return /*#__PURE__*/React.createElement(Container, {
32
- alignBox: alignWrapper ? alignWrapper : align === 'vertical' ? 'column' : 'row',
31
+ alignBox: align === 'vertical' ? 'column' : 'row',
33
32
  dataId: dataId,
34
33
  dataSelectorId: dataSelectorId
35
34
  }, React.Children.map(children, child => {
package/es/Tab/Tabs.js CHANGED
@@ -8,19 +8,19 @@
8
8
  }]
9
9
  */
10
10
  import React from 'react';
11
- import Tab from './Tab';
12
- import { Tabs_defaultProps } from './props/defaultProps';
13
- import { Tabs_propTypes } from './props/propTypes';
14
- import { remConvert, getTotalDimension, cs, bind, throttle, cancelBubblingEffect } from '../utils/Common';
15
- import { Box, Container } from '../Layout';
16
- import ResizeObserver from '../Responsive/ResizeObserver';
17
- import ListItem from '../ListItem/ListItem';
11
+ import Tab from "./Tab";
12
+ import { Tabs_defaultProps } from "./props/defaultProps";
13
+ import { Tabs_propTypes } from "./props/propTypes";
14
+ import { remConvert, getTotalDimension, cs, bind, throttle, cancelBubblingEffect } from "../utils/Common";
15
+ import { Box, Container } from "../Layout";
16
+ import ResizeObserver from "../Responsive/ResizeObserver";
17
+ import ListItem from "../ListItem/ListItem";
18
18
  import { Icon } from '@zohodesk/icons';
19
- import tabsStyle from './Tabs.module.css';
20
- import Popup from '../Popup/Popup';
21
- import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
22
- import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
23
- import btnstyle from '../semantic/Button/semanticButton.module.css';
19
+ import tabsStyle from "./Tabs.module.css";
20
+ import Popup from "../Popup/Popup";
21
+ import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
22
+ import { ResponsiveReceiver } from "../Responsive/CustomResponsive";
23
+ import btnstyle from "../semantic/Button/semanticButton.module.css";
24
24
 
25
25
  class Tabs extends React.Component {
26
26
  constructor(props) {
package/es/Tab/index.js CHANGED
@@ -1,5 +1,5 @@
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';
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";
@@ -93,7 +93,6 @@ export const Tabs_propTypes = {
93
93
  };
94
94
  export const TabWrapper_propTypes = {
95
95
  align: PropTypes.oneOf(['vertical', 'horizontal']),
96
- alignWrapper: PropTypes.string,
97
96
  children: PropTypes.node,
98
97
  dataId: PropTypes.string,
99
98
  defaultTab: PropTypes.string,
package/es/Tag/Tag.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React, { PureComponent } from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
2
+ import { defaultProps } from "./props/defaultProps";
3
+ import { propTypes } from "./props/propTypes";
4
4
  import { Icon } from '@zohodesk/icons';
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';
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',
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
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 './TextBox.module.css';
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 './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
4
- import TextBox from '../TextBox/TextBox';
5
- import { Container, Box } from '../Layout';
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 '../semantic/Button/semanticButton.module.css';
8
- import style from './TextBoxIcon.module.css';
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 '../../TextBox/props/propTypes';
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,
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
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 './Textarea.module.css';
6
+ import style from "./Textarea.module.css";
7
7
  export default class Textarea extends React.Component {
8
8
  constructor(props) {
9
9
  super(props);
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
4
- import { getLibraryConfig } from '../Provider/Config';
5
- import style from './Tooltip.module.css';
6
- import ResizeObserver from '../Responsive/ResizeObserver';
2
+ import { defaultProps } from "./props/defaultProps";
3
+ import { propTypes } from "./props/propTypes";
4
+ import { getLibraryConfig } from "../Provider/Config";
5
+ import style from "./Tooltip.module.css";
6
+ import ResizeObserver from "../Responsive/ResizeObserver";
7
7
  import selectn from 'selectn';
8
8
  export default class Tooltip extends React.Component {
9
9
  constructor(props) {
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
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 '../../Provider/LibraryContextInit';
6
+ import LibraryContext from "../../Provider/LibraryContextInit";
7
7
  export default class VelocityAnimation extends React.Component {
8
8
  constructor(props) {
9
9
  super(props);
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
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 '../../Provider/LibraryContextInit';
6
+ import LibraryContext from "../../Provider/LibraryContextInit";
7
7
 
8
8
  function clearProps(props) {
9
9
  let newProps = Object.assign({}, props);
@@ -1,2 +1,2 @@
1
- export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation';
2
- export { default as VelocityAnimationGroup } from './VelocityAnimationGroup/VelocityAnimationGroup';
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 './common/reset.module.css';
2
- import './common/basic.module.css';
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 './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';
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 './props/propTypes';
3
- import { defaultProps } from './props/defaultProps'; //Components
2
+ import { propTypes, RefElement_propTypes } from "./props/propTypes";
3
+ import { defaultProps } from "./props/defaultProps"; //Components
4
4
 
5
- import Modal from '../../Modal/Modal';
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 './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';
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 './Popup/Popup';
22
- import * as _Providers from './Provider';
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 './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';
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 './VelocityAnimation';
41
- export * from './semantic';
42
- export { default as Typography } from './v1/Typography/Typography';
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 './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
4
- import style from './semanticButton.module.css';
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);
@@ -1 +1 @@
1
- export { default as SemanticButton } from './Button/Button';
1
+ export { default as SemanticButton } from "./Button/Button";
@@ -1,5 +1,5 @@
1
1
  //$Id$//
2
- import viewPort from '../Popup/viewPort';
2
+ import viewPort from "../Popup/viewPort";
3
3
  const {
4
4
  frameRelativeRects
5
5
  } = viewPort;
@@ -1,7 +1,7 @@
1
1
  /** ** Libraries *** */
2
2
  import { useContext, useRef } from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import shallowEqual from './shallowEqual'; // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
4
+ import shallowEqual from "./shallowEqual"; // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
5
5
  // Because below componends only rerender when children or calculation are changed, unless no changes will update below
6
6
  // this component logic based on return same children reference to stop rerender.
7
7
  // Think before change logic
@@ -1,4 +1,4 @@
1
- import { offsetMap } from './GMTZones.js';
1
+ import { offsetMap } from "./GMTZones.js";
2
2
  let dateFormat = {
3
3
  dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
4
4
  monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
@@ -1,6 +1,6 @@
1
1
  /***** Libraries *****/
2
2
  import { createSelector } from 'reselect';
3
- import { getIsEmptyValue, getSearchString } from './Common';
3
+ import { getIsEmptyValue, getSearchString } from "./Common";
4
4
  export const dummyArray = [];
5
5
  export const dummyObj = {};
6
6
  export const getOptions = props => props.options || dummyArray;
package/es/utils/index.js CHANGED
@@ -1 +1 @@
1
- export { stopAllEventPropagation, capitalize, getFullName, bytesToSize, getMemSize, checkIsImageFile, getFullDateString, format12Hour, getDateOnly, doAfterScrollEnd, debounce, throttle, getElementSpace, getSearchString, findScrollEnd, isTextSelected } from './Common';
1
+ export { stopAllEventPropagation, capitalize, getFullName, bytesToSize, getMemSize, checkIsImageFile, getFullDateString, format12Hour, getDateOnly, doAfterScrollEnd, debounce, throttle, getElementSpace, getSearchString, findScrollEnd, isTextSelected } from "./Common";
@@ -1,7 +1,7 @@
1
1
  import React, { useState } from 'react';
2
2
  import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
3
- import { Accordion_defaultProps } from './props/defaultProps';
4
- import { Accordion_propTypes } from './props/propTypes';
3
+ import { Accordion_defaultProps } from "./props/defaultProps";
4
+ import { Accordion_propTypes } from "./props/propTypes";
5
5
  export default function Accordion(props) {
6
6
  const {
7
7
  className,
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { AccordionItem_defaultProps } from './props/defaultProps';
3
- import { AccordionItem_propTypes } from './props/propTypes';
4
- import VelocityAnimation from '../VelocityAnimation/VelocityAnimation/VelocityAnimation';
5
- import VelocityAnimationGroup from '../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
2
+ import { AccordionItem_defaultProps } from "./props/defaultProps";
3
+ import { AccordionItem_propTypes } from "./props/propTypes";
4
+ import VelocityAnimation from "../VelocityAnimation/VelocityAnimation/VelocityAnimation";
5
+ import VelocityAnimationGroup from "../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup";
6
6
  export default function AccordionItem(props) {
7
7
  let {
8
8
  id,
@@ -1,2 +1,2 @@
1
- export { default as Accordion } from './Accordion';
2
- export { default as AccordionItem } from './AccordionItem';
1
+ export { default as Accordion } from "./Accordion";
2
+ export { default as AccordionItem } from "./AccordionItem";
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
2
+ import { defaultProps } from "./props/defaultProps";
3
+ import { propTypes } from "./props/propTypes";
4
4
  import { CSSTransition } from 'react-transition-group';
5
- import { animationStyle } from './utils';
5
+ import { animationStyle } from "./utils";
6
6
  export default function Animation(props) {
7
7
  let {
8
8
  name,
@@ -1,4 +1,4 @@
1
- import style from '../../common/transition.module.css';
1
+ import style from "../../common/transition.module.css";
2
2
  export const animationStyle = {
3
3
  zoomIn: {
4
4
  enter: style.zoomInEnter,