@zohodesk/components 1.2.44 → 1.2.46

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 (293) hide show
  1. package/README.md +48 -30
  2. package/es/Accordion/Accordion.js +2 -2
  3. package/es/Accordion/AccordionItem.js +4 -4
  4. package/es/Accordion/__tests__/Accordion.spec.js +1 -1
  5. package/es/Accordion/__tests__/AccordionItem.spec.js +1 -1
  6. package/es/Accordion/index.js +2 -2
  7. package/es/Animation/Animation.js +3 -3
  8. package/es/Animation/__tests__/Animation.spec.js +1 -1
  9. package/es/Animation/utils.js +1 -1
  10. package/es/AppContainer/AppContainer.js +9 -9
  11. package/es/AppContainer/__tests__/AppContainer.spec.js +1 -1
  12. package/es/Avatar/Avatar.js +5 -5
  13. package/es/Avatar/__tests__/Avatar.spec.js +1 -1
  14. package/es/AvatarTeam/AvatarTeam.js +4 -4
  15. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -1
  16. package/es/Button/Button.js +4 -4
  17. package/es/Button/__tests__/Button.spec.js +1 -1
  18. package/es/Button/index.js +2 -2
  19. package/es/Button/props/defaultProps.js +1 -1
  20. package/es/Buttongroup/Buttongroup.js +3 -3
  21. package/es/Buttongroup/__tests__/Buttongroup.spec.js +1 -1
  22. package/es/Card/Card.js +5 -5
  23. package/es/Card/__tests__/Card.spec.js +1 -1
  24. package/es/Card/index.js +4 -4
  25. package/es/CheckBox/CheckBox.js +6 -6
  26. package/es/CheckBox/__tests__/CheckBox.spec.js +1 -1
  27. package/es/DateTime/CalendarView.js +6 -6
  28. package/es/DateTime/DateTime.js +15 -15
  29. package/es/DateTime/DateTimePopupFooter.js +5 -5
  30. package/es/DateTime/DateTimePopupHeader.js +4 -4
  31. package/es/DateTime/DateWidget.js +17 -17
  32. package/es/DateTime/DaysRow.js +3 -3
  33. package/es/DateTime/Time.js +5 -5
  34. package/es/DateTime/YearView.js +6 -6
  35. package/es/DateTime/__tests__/CalendarView.spec.js +1 -1
  36. package/es/DateTime/__tests__/DateTime.spec.js +1 -1
  37. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +1 -1
  38. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +1 -1
  39. package/es/DateTime/__tests__/DateWidget.spec.js +1 -1
  40. package/es/DateTime/__tests__/DaysRow.spec.js +1 -1
  41. package/es/DateTime/__tests__/Time.spec.js +1 -1
  42. package/es/DateTime/__tests__/YearView.spec.js +1 -1
  43. package/es/DateTime/dateFormatUtils/dateFormat.js +4 -4
  44. package/es/DateTime/dateFormatUtils/dayChange.js +2 -2
  45. package/es/DateTime/dateFormatUtils/index.js +3 -3
  46. package/es/DateTime/dateFormatUtils/monthChange.js +2 -2
  47. package/es/DateTime/dateFormatUtils/timeChange.js +2 -2
  48. package/es/DateTime/dateFormatUtils/yearChange.js +2 -2
  49. package/es/DateTime/index.js +1 -1
  50. package/es/DateTime/props/propTypes.js +1 -1
  51. package/es/DateTime/validator.js +2 -2
  52. package/es/DropBox/DropBox.js +9 -9
  53. package/es/DropBox/DropBoxElement/DropBoxElement.js +6 -6
  54. package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +1 -1
  55. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  56. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +1 -1
  57. package/es/DropBox/__tests__/DropBox.spec.js +1 -1
  58. package/es/DropBox/css/cssJSLogic.js +1 -1
  59. package/es/DropBox/props/defaultProps.js +1 -1
  60. package/es/DropBox/props/propTypes.js +1 -1
  61. package/es/DropBox/utils/isMobilePopover.js +1 -1
  62. package/es/DropDown/DropDown.js +4 -4
  63. package/es/DropDown/DropDownHeading.js +3 -3
  64. package/es/DropDown/DropDownItem.js +3 -3
  65. package/es/DropDown/DropDownSearch.js +4 -4
  66. package/es/DropDown/DropDownSeparator.js +2 -2
  67. package/es/DropDown/__tests__/DropDown.spec.js +1 -1
  68. package/es/DropDown/__tests__/DropDownHeading.spec.js +1 -1
  69. package/es/DropDown/__tests__/DropDownItem.spec.js +1 -1
  70. package/es/DropDown/__tests__/DropDownSearch.spec.js +1 -1
  71. package/es/DropDown/__tests__/DropDownSeparator.spec.js +1 -1
  72. package/es/DropDown/index.js +7 -7
  73. package/es/DropDown/props/propTypes.js +1 -1
  74. package/es/Heading/Heading.js +4 -4
  75. package/es/Heading/__tests__/Heading.spec.js +1 -1
  76. package/es/Label/Label.js +4 -4
  77. package/es/Label/__tests__/Label.spec.js +1 -1
  78. package/es/Layout/Box.js +4 -4
  79. package/es/Layout/Container.js +4 -4
  80. package/es/Layout/__tests__/Box.spec.js +1 -1
  81. package/es/Layout/__tests__/Container.spec.js +1 -1
  82. package/es/Layout/index.js +2 -2
  83. package/es/ListItem/ListContainer.js +6 -6
  84. package/es/ListItem/ListItem.js +5 -5
  85. package/es/ListItem/ListItemWithAvatar.js +7 -7
  86. package/es/ListItem/ListItemWithCheckBox.js +6 -6
  87. package/es/ListItem/ListItemWithIcon.js +5 -5
  88. package/es/ListItem/ListItemWithRadio.js +6 -6
  89. package/es/ListItem/__tests__/ListContainer.spec.js +1 -1
  90. package/es/ListItem/__tests__/ListItem.spec.js +1 -1
  91. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +1 -1
  92. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +1 -1
  93. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +1 -1
  94. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +1 -1
  95. package/es/ListItem/index.js +6 -6
  96. package/es/Modal/Modal.js +3 -3
  97. package/es/Modal/__tests__/Modal.spec.js +1 -1
  98. package/es/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
  99. package/es/MultiSelect/AdvancedMultiSelect.js +17 -17
  100. package/es/MultiSelect/EmptyState.js +3 -3
  101. package/es/MultiSelect/MobileHeader/MobileHeader.js +5 -5
  102. package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +1 -1
  103. package/es/MultiSelect/MultiSelect.js +32 -20
  104. package/es/MultiSelect/MultiSelectHeader.js +4 -4
  105. package/es/MultiSelect/MultiSelectWithAvatar.js +16 -16
  106. package/es/MultiSelect/SelectedOptions.js +5 -5
  107. package/es/MultiSelect/Suggestions.js +6 -6
  108. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +1 -1
  109. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +1 -1
  110. package/es/MultiSelect/__tests__/EmptyState.spec.js +1 -1
  111. package/es/MultiSelect/__tests__/MultiSelect.spec.js +1 -1
  112. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +1 -1
  113. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +1 -1
  114. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +1 -1
  115. package/es/MultiSelect/__tests__/Suggestions.spec.js +1 -1
  116. package/es/MultiSelect/index.js +4 -4
  117. package/es/MultiSelect/props/defaultProps.js +1 -1
  118. package/es/PopOver/PopOver.js +6 -6
  119. package/es/PopOver/__tests__/PopOver.spec.js +1 -1
  120. package/es/PopOver/index.js +3 -3
  121. package/es/Popup/Popup.js +3 -3
  122. package/es/Provider/AvatarSize.js +1 -1
  123. package/es/Provider/CssProvider.js +1 -1
  124. package/es/Provider/IdProvider.js +2 -2
  125. package/es/Provider/LibraryContext.js +2 -2
  126. package/es/Provider/ZindexProvider.js +2 -2
  127. package/es/Provider/index.js +4 -4
  128. package/es/Radio/Radio.js +5 -5
  129. package/es/Radio/__tests__/Radio.spec.js +1 -1
  130. package/es/Responsive/CustomResponsive.js +7 -7
  131. package/es/Responsive/ResizeComponent.js +2 -2
  132. package/es/Responsive/Responsive.js +6 -6
  133. package/es/Responsive/index.js +3 -3
  134. package/es/Responsive/utils/index.js +1 -1
  135. package/es/Responsive/windowResizeObserver.js +1 -1
  136. package/es/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
  137. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +1 -1
  138. package/es/ResponsiveDropBox/props/propTypes.js +1 -1
  139. package/es/Ribbon/Ribbon.js +3 -3
  140. package/es/Ribbon/__tests__/Ribbon.spec.js +1 -1
  141. package/es/RippleEffect/RippleEffect.js +4 -4
  142. package/es/RippleEffect/__tests__/RippleEffect.spec.js +1 -1
  143. package/es/Select/GroupSelect.js +21 -16
  144. package/es/Select/Select.js +15 -15
  145. package/es/Select/SelectWithAvatar.js +17 -17
  146. package/es/Select/SelectWithIcon.js +13 -13
  147. package/es/Select/__tests__/GroupSelect.spec.js +1 -1
  148. package/es/Select/__tests__/Select.spec.js +1 -1
  149. package/es/Select/__tests__/SelectWithAvatar.spec.js +1 -1
  150. package/es/Select/__tests__/SelectWithIcon.spec.js +1 -1
  151. package/es/Select/index.js +4 -4
  152. package/es/Select/props/defaultProps.js +1 -1
  153. package/es/Stencils/Stencils.js +3 -3
  154. package/es/Stencils/__tests__/Stencils.spec.js +1 -1
  155. package/es/Switch/Switch.js +5 -5
  156. package/es/Switch/__tests__/Switch.spec.js +1 -1
  157. package/es/Tab/Tab.js +5 -5
  158. package/es/Tab/TabContent.js +4 -4
  159. package/es/Tab/TabContentWrapper.js +3 -3
  160. package/es/Tab/TabWrapper.js +3 -3
  161. package/es/Tab/Tabs.js +13 -13
  162. package/es/Tab/__tests__/Tab.spec.js +1 -1
  163. package/es/Tab/__tests__/TabContent.spec.js +1 -1
  164. package/es/Tab/__tests__/TabContentWrapper.spec.js +1 -1
  165. package/es/Tab/__tests__/TabWrapper.spec.js +1 -1
  166. package/es/Tab/__tests__/Tabs.spec.js +1 -1
  167. package/es/Tab/index.js +5 -5
  168. package/es/Tag/Tag.js +7 -7
  169. package/es/Tag/__tests__/Tag.spec.js +1 -1
  170. package/es/TextBox/TextBox.js +3 -3
  171. package/es/TextBox/__tests__/TextBox.spec.js +1 -1
  172. package/es/TextBoxIcon/TextBoxIcon.js +6 -6
  173. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -1
  174. package/es/TextBoxIcon/props/propTypes.js +1 -1
  175. package/es/Textarea/Textarea.js +3 -3
  176. package/es/Textarea/__tests__/Textarea.spec.js +1 -1
  177. package/es/Tooltip/Tooltip.js +6 -6
  178. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
  179. package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +1 -1
  180. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  181. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +1 -1
  182. package/es/VelocityAnimation/index.js +2 -2
  183. package/es/css.js +37 -37
  184. package/es/deprecated/PortalLayer/PortalLayer.js +3 -3
  185. package/es/index.js +39 -39
  186. package/es/semantic/Button/Button.js +3 -3
  187. package/es/semantic/Button/__tests__/Button.spec.js +1 -1
  188. package/es/semantic/index.js +1 -1
  189. package/es/utils/Common.js +1 -1
  190. package/es/utils/ContextOptimizer.js +1 -1
  191. package/es/utils/cssUtils.js +1 -1
  192. package/es/utils/datetime/common.js +1 -1
  193. package/es/utils/dropDownUtils.js +1 -1
  194. package/es/utils/index.js +1 -1
  195. package/es/v1/Accordion/Accordion.js +2 -2
  196. package/es/v1/Accordion/AccordionItem.js +4 -4
  197. package/es/v1/Accordion/index.js +2 -2
  198. package/es/v1/Animation/Animation.js +3 -3
  199. package/es/v1/Animation/utils.js +1 -1
  200. package/es/v1/AppContainer/AppContainer.js +8 -14
  201. package/es/v1/Avatar/Avatar.js +5 -5
  202. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  203. package/es/v1/Button/Button.js +4 -4
  204. package/es/v1/Button/props/defaultProps.js +1 -1
  205. package/es/v1/Buttongroup/Buttongroup.js +3 -3
  206. package/es/v1/Card/Card.js +5 -5
  207. package/es/v1/Card/index.js +4 -4
  208. package/es/v1/CheckBox/CheckBox.js +6 -6
  209. package/es/v1/DateTime/CalendarView.js +7 -7
  210. package/es/v1/DateTime/DateTime.js +15 -15
  211. package/es/v1/DateTime/DateTimePopupFooter.js +5 -5
  212. package/es/v1/DateTime/DateTimePopupHeader.js +4 -4
  213. package/es/v1/DateTime/DateWidget.js +17 -17
  214. package/es/v1/DateTime/DaysRow.js +3 -3
  215. package/es/v1/DateTime/Time.js +5 -5
  216. package/es/v1/DateTime/YearView.js +6 -6
  217. package/es/v1/DateTime/index.js +1 -1
  218. package/es/v1/DateTime/props/propTypes.js +1 -1
  219. package/es/v1/DropBox/DropBox.js +9 -9
  220. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +6 -6
  221. package/es/v1/DropBox/props/defaultProps.js +1 -1
  222. package/es/v1/DropBox/props/propTypes.js +1 -1
  223. package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
  224. package/es/v1/DropDown/DropDown.js +4 -4
  225. package/es/v1/DropDown/DropDownHeading.js +3 -3
  226. package/es/v1/DropDown/DropDownItem.js +3 -3
  227. package/es/v1/DropDown/DropDownSearch.js +4 -4
  228. package/es/v1/DropDown/DropDownSeparator.js +2 -2
  229. package/es/v1/DropDown/props/propTypes.js +1 -1
  230. package/es/v1/Heading/Heading.js +4 -4
  231. package/es/v1/Label/Label.js +4 -4
  232. package/es/v1/Layout/Box.js +4 -4
  233. package/es/v1/Layout/Container.js +4 -4
  234. package/es/v1/Layout/index.js +2 -2
  235. package/es/v1/ListItem/ListContainer.js +6 -6
  236. package/es/v1/ListItem/ListItem.js +5 -5
  237. package/es/v1/ListItem/ListItemWithAvatar.js +7 -7
  238. package/es/v1/ListItem/ListItemWithCheckBox.js +6 -6
  239. package/es/v1/ListItem/ListItemWithIcon.js +5 -5
  240. package/es/v1/ListItem/ListItemWithRadio.js +6 -6
  241. package/es/v1/ListItem/index.js +6 -6
  242. package/es/v1/Modal/Modal.js +3 -3
  243. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
  244. package/es/v1/MultiSelect/AdvancedMultiSelect.js +17 -17
  245. package/es/v1/MultiSelect/EmptyState.js +3 -3
  246. package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +5 -5
  247. package/es/v1/MultiSelect/MultiSelect.js +31 -19
  248. package/es/v1/MultiSelect/MultiSelectHeader.js +4 -4
  249. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +16 -16
  250. package/es/v1/MultiSelect/SelectedOptions.js +5 -5
  251. package/es/v1/MultiSelect/Suggestions.js +6 -6
  252. package/es/v1/MultiSelect/index.js +4 -4
  253. package/es/v1/MultiSelect/props/defaultProps.js +1 -1
  254. package/es/v1/PopOver/PopOver.js +6 -6
  255. package/es/v1/Popup/Popup.js +3 -3
  256. package/es/v1/Radio/Radio.js +5 -5
  257. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
  258. package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -1
  259. package/es/v1/Ribbon/Ribbon.js +3 -3
  260. package/es/v1/RippleEffect/RippleEffect.js +4 -4
  261. package/es/v1/Select/GroupSelect.js +21 -16
  262. package/es/v1/Select/Select.js +15 -15
  263. package/es/v1/Select/SelectWithAvatar.js +17 -17
  264. package/es/v1/Select/SelectWithIcon.js +13 -13
  265. package/es/v1/Select/index.js +4 -4
  266. package/es/v1/Select/props/defaultProps.js +1 -1
  267. package/es/v1/Stencils/Stencils.js +3 -3
  268. package/es/v1/Switch/Switch.js +5 -5
  269. package/es/v1/Tab/Tab.js +5 -5
  270. package/es/v1/Tab/TabContent.js +4 -4
  271. package/es/v1/Tab/TabContentWrapper.js +3 -3
  272. package/es/v1/Tab/TabWrapper.js +3 -3
  273. package/es/v1/Tab/Tabs.js +13 -13
  274. package/es/v1/Tab/index.js +5 -5
  275. package/es/v1/Tag/Tag.js +7 -7
  276. package/es/v1/TextBox/TextBox.js +3 -3
  277. package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -6
  278. package/es/v1/TextBoxIcon/props/propTypes.js +1 -1
  279. package/es/v1/Textarea/Textarea.js +3 -3
  280. package/es/v1/Tooltip/Tooltip.js +6 -6
  281. package/es/v1/Typography/Typography.js +4 -4
  282. package/es/v1/Typography/css/cssJSLogic.js +1 -1
  283. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
  284. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  285. package/es/v1/semantic/Button/Button.js +3 -3
  286. package/es/v1/semantic/index.js +1 -1
  287. package/lib/MultiSelect/MultiSelect.js +19 -7
  288. package/lib/Select/GroupSelect.js +5 -0
  289. package/lib/v1/AppContainer/AppContainer.js +0 -12
  290. package/lib/v1/MultiSelect/MultiSelect.js +19 -7
  291. package/lib/v1/Select/GroupSelect.js +5 -0
  292. package/package.json +3 -3
  293. package/result.json +1 -1
@@ -1,31 +1,31 @@
1
1
  /**** Libraries ****/
2
2
  import React from 'react';
3
- import { DateWidget_propTypes } from './props/propTypes';
4
- import { DateWidget_defaultProps } from './props/defaultProps';
3
+ import { DateWidget_propTypes } from "./props/propTypes";
4
+ import { DateWidget_defaultProps } from "./props/defaultProps";
5
5
  /**** Components ****/
6
6
 
7
- import DateTime from './DateTime';
8
- import Popup from '../Popup/Popup';
7
+ import DateTime from "./DateTime";
8
+ import Popup from "../Popup/Popup";
9
9
  import { Icon } from '@zohodesk/icons';
10
- import { Container } from '../Layout';
11
- import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
10
+ import { Container } from "../Layout";
11
+ import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
12
12
  /**** CSS ****/
13
13
 
14
- import style from './DateWidget.module.css';
14
+ import style from "./DateWidget.module.css";
15
15
  /**** Methods ****/
16
16
 
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';
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 './constants';
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'] }] */
@@ -2,13 +2,13 @@
2
2
 
3
3
  /** ** Libraries *** */
4
4
  import React, { PureComponent } from 'react';
5
- import { DaysRow_propTypes } from './props/propTypes';
5
+ import { DaysRow_propTypes } from "./props/propTypes";
6
6
  /** ** CSS *** */
7
7
 
8
- import style from './DateTime.module.css';
8
+ import style from "./DateTime.module.css";
9
9
  /** ** Components *** */
10
10
 
11
- import { Container, Box } from '../Layout';
11
+ import { Container, Box } from "../Layout";
12
12
  export default class DaysRow extends PureComponent {
13
13
  render() {
14
14
  const {
@@ -2,15 +2,15 @@
2
2
 
3
3
  /** ** Libraries *** */
4
4
  import React, { PureComponent } from 'react';
5
- import { Time_propTypes } from './props/propTypes';
6
- import { Time_defaultProps } from './props/defaultProps';
5
+ import { Time_propTypes } from "./props/propTypes";
6
+ import { Time_defaultProps } from "./props/defaultProps";
7
7
  /**** Components ****/
8
8
 
9
- import { Container, Box } from '../Layout';
10
- import Select from '../Select/Select';
9
+ import { Container, Box } from "../Layout";
10
+ import Select from "../Select/Select";
11
11
  /** ** CSS *** */
12
12
 
13
- import style from './DateTime.module.css';
13
+ import style from "./DateTime.module.css";
14
14
  export default class Time extends PureComponent {
15
15
  render() {
16
16
  const {
@@ -1,19 +1,19 @@
1
1
  /**** Libraries ****/
2
2
  import React from 'react';
3
- import { YearView_propTypes } from './props/propTypes';
4
- import { YearView_defaultProps } from './props/defaultProps';
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 '../Layout';
8
+ import { Container, Box } from "../Layout";
9
9
  import { Icon } from '@zohodesk/icons';
10
- import Heading from '../Heading/Heading';
10
+ import Heading from "../Heading/Heading";
11
11
  /**** CSS ****/
12
12
 
13
- import style from './YearView.module.css';
13
+ import style from "./YearView.module.css";
14
14
  /**** Methods ****/
15
15
 
16
- import { getYearDetails } from './dateFormatUtils';
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 CalendarView from '../CalendarView';
3
+ import CalendarView from "../CalendarView";
4
4
  describe('CalendarView', () => {
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 DateTime from '../DateTime';
3
+ import DateTime from "../DateTime";
4
4
  describe('DateTime', () => {
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 DateTimePopupFooter from '../DateTimePopupFooter';
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 '../DateTimePopupHeader';
3
+ import DateTimePopupHeader from "../DateTimePopupHeader";
4
4
  describe('DateTimePopupHeader', () => {
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 DateWidget from '../DateWidget';
3
+ import DateWidget from "../DateWidget";
4
4
  describe('DateWidget', () => {
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 DaysRow from '../DaysRow';
3
+ import DaysRow from "../DaysRow";
4
4
  describe('DaysRow', () => {
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 Time from '../Time';
3
+ import Time from "../Time";
4
4
  describe('Time', () => {
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 YearView from '../YearView';
3
+ import YearView from "../YearView";
4
4
  describe('YearView', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
@@ -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 './index';
8
- import { getIsEmptyValue } from '../../utils/Common';
9
- import { formatDate } from '../../utils/datetime/common';
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 '../constants';
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 './index';
3
- import { getKeyValue } from '../../utils/Common';
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 '../../utils/datetime/common';
4
+ import { getMonthEnd } from "../../utils/datetime/common";
5
5
  /** * Constants ** */
6
6
 
7
- import { flags, INVALID_DATE } from '../constants';
8
- import { getDateText } from './dateFormat';
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 './index';
3
- import { getKeyValue } from '../../utils/Common';
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 './index';
3
- import { getKeyValue, getIsEmptyValue } from '../../utils/Common';
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 './index';
3
- import { getKeyValue } from '../../utils/Common';
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
@@ -1 +1 @@
1
- export { default as DateWidget } from './DateWidget';
1
+ export { default as DateWidget } from "./DateWidget";
@@ -1,5 +1,5 @@
1
1
  import PropTypes from 'prop-types';
2
- import { dataFormatList } from '../dateFormatUtils/dateFormats';
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]),
@@ -1,5 +1,5 @@
1
- import typeChecker from './typeChecker';
2
- import { clone } from './objectUtils';
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();
@@ -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 '../Modal/Modal'; // import { getLibraryConfig } from '../Provider/Config';
3
+ import Modal from "../Modal/Modal"; // import { getLibraryConfig } from '../Provider/Config';
4
4
 
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';
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,11 +1,11 @@
1
1
  import React from 'react';
2
- import useDropboxPosCalc from './useDropboxPosCalc';
3
- import cssJSLogic from './css/cssJSLogic';
4
- import { positionMapping } from '../DropBoxPositionMapping.js';
5
- import { DropBoxElementDefaultProps } from './props/defaultProps';
6
- import { DropBoxElementPropTypes } from './props/propTypes';
2
+ import useDropboxPosCalc from "./useDropboxPosCalc";
3
+ import cssJSLogic from "./css/cssJSLogic";
4
+ import { positionMapping } from "../DropBoxPositionMapping.js";
5
+ import { DropBoxElementDefaultProps } from "./props/defaultProps";
6
+ import { DropBoxElementPropTypes } from "./props/propTypes";
7
7
  import { mergeStyle } from '@zohodesk/utils';
8
- import style from './css/DropBoxElement.module.css';
8
+ import style from "./css/DropBoxElement.module.css";
9
9
  export default function DropBoxElement(props) {
10
10
  let {
11
11
  children,
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import DropBoxElement from '../DropBoxElement';
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 '../../../Provider/LibraryContextInit';
2
+ import LibraryContext from "../../../Provider/LibraryContextInit";
3
3
  import { compileClassNames } from '@zohodesk/utils';
4
4
  export default function cssJSLogic(_ref) {
5
5
  let {
@@ -1,4 +1,4 @@
1
- import { remConvert } from '../../utils/Common';
1
+ import { remConvert } from "../../utils/Common";
2
2
  export default function useDropboxPosCalc(props) {
3
3
  let {
4
4
  right,
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import DropBox from '../DropBox';
3
+ import DropBox from "../DropBox";
4
4
  describe('DropBox', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
@@ -1,4 +1,4 @@
1
- import { useZIndex } from '../../Provider/ZindexProvider';
1
+ import { useZIndex } from "../../Provider/ZindexProvider";
2
2
  export default function cssJSLogic(props) {
3
3
  const {
4
4
  isActive,
@@ -1,4 +1,4 @@
1
- import { DropBoxElementDefaultProps } from '../DropBoxElement/props/defaultProps';
1
+ import { DropBoxElementDefaultProps } from "../DropBoxElement/props/defaultProps";
2
2
  export const defaultProps = {
3
3
  needResponsive: true,
4
4
  portalId: 'portal1',
@@ -1,5 +1,5 @@
1
1
  import PropTypes from 'prop-types';
2
- import { DropBoxElementPropTypes } from '../DropBoxElement/props/propTypes';
2
+ import { DropBoxElementPropTypes } from "../DropBoxElement/props/propTypes";
3
3
  export const propTypes = {
4
4
  needResponsive: PropTypes.bool,
5
5
  portalId: PropTypes.string,
@@ -1,4 +1,4 @@
1
- import { getLibraryConfig } from '../../Provider/Config';
1
+ import { getLibraryConfig } from "../../Provider/Config";
2
2
  export default function isMobilePopover(needResponsive) {
3
3
  // let { needResponsive } = props;
4
4
  let windowWidth,
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
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';
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 './props/propTypes';
3
- import { DropDownHeading_defaultProps } from './props/defaultProps';
4
- import style from './DropDownHeading.module.css';
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 './props/propTypes';
3
- import { DropDownItem_defaultProps } from './props/defaultProps';
4
- import style from './DropDownItem.module.css';
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 './props/propTypes';
3
- import { DropDownSearch_defaultProps } from './props/defaultProps';
4
- import TextBox from '../TextBox/TextBox';
5
- import style from './DropDownSearch.module.css';
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 './props/propTypes';
3
- import style from './DropDownSeparator.module.css';
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 DropDown from '../DropDown';
3
+ import DropDown from "../DropDown";
4
4
  describe('DropDown', () => {
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 DropDownHeading from '../DropDownHeading';
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 DropDownItem from '../DropDownItem';
3
+ import DropDownItem from "../DropDownItem";
4
4
  describe('DropDownItem', () => {
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 '../DropDownSearch';
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 '../DropDownSeparator';
3
+ import DropDownSeparator from "../DropDownSeparator";
4
4
  describe('DropDownSeparator', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
@@ -1,7 +1,7 @@
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';
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";
@@ -1,5 +1,5 @@
1
1
  import PropTypes from 'prop-types';
2
- import { PopOver_propTypes } from './../../PopOver/props/propTypes';
2
+ import { PopOver_propTypes } from "./../../PopOver/props/propTypes";
3
3
  export const DropDown_propTypes = { ...PopOver_propTypes
4
4
  };
5
5
  export const DropDownTarget_propTypes = {
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
4
- import { whiteSpaceClassMapping } from '../utils/cssUtils';
5
- import style from './Heading.module.css';
2
+ import { defaultProps } from "./props/defaultProps";
3
+ import { propTypes } from "./props/propTypes";
4
+ import { whiteSpaceClassMapping } from "../utils/cssUtils";
5
+ import style from "./Heading.module.css";
6
6
  export default class Heading extends React.Component {
7
7
  render() {
8
8
  let {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import Heading from '../Heading';
3
+ import Heading from "../Heading";
4
4
  describe('Heading', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
package/es/Label/Label.js CHANGED
@@ -2,10 +2,10 @@
2
2
  'small', 'medium', 'large', 'title', 'subtitle', 'default', 'primary', 'secondary', 'danger', 'mandatory'
3
3
  ]}] */
4
4
  import React from 'react';
5
- import { defaultProps } from './props/defaultProps';
6
- import { propTypes } from './props/propTypes';
7
- import style from './Label.module.css';
8
- import colors from './LabelColors.module.css';
5
+ import { defaultProps } from "./props/defaultProps";
6
+ import { propTypes } from "./props/propTypes";
7
+ import style from "./Label.module.css";
8
+ import colors from "./LabelColors.module.css";
9
9
  export default class Label extends React.Component {
10
10
  render() {
11
11
  let {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { render } from '@testing-library/react';
3
- import Label from '../Label.js';
3
+ import Label from "../Label.js";
4
4
  describe('Label', () => {
5
5
  test('rendering the defult props', () => {
6
6
  const {
package/es/Layout/Box.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
- import { BoxProps as propTypes } from './props/propTypes';
3
- import { BoxDefaultProps as defaultProps } from './props/defaultProps';
2
+ import { BoxProps as propTypes } from "./props/propTypes";
3
+ import { BoxDefaultProps as defaultProps } from "./props/defaultProps";
4
4
  /* eslint css-modules/no-unused-class: 0 */
5
5
 
6
- import { createProps, getClass, setProps } from './utils';
7
- import style from './Layout.module.css';
6
+ import { createProps, getClass, setProps } from "./utils";
7
+ import style from "./Layout.module.css";
8
8
  /* eslint-disable react/no-unused-prop-types*/
9
9
 
10
10
  function getBoxClassNames(props) {