@zohodesk/components 1.2.23 → 1.2.24

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 (627) hide show
  1. package/README.md +4 -0
  2. package/es/Accordion/Accordion.js +7 -3
  3. package/es/Accordion/AccordionItem.js +4 -2
  4. package/es/Animation/Animation.js +7 -89
  5. package/es/Animation/utils.js +83 -0
  6. package/es/AppContainer/AppContainer.js +14 -3
  7. package/es/AppContainer/AppContainer.module.css +2 -2
  8. package/es/Avatar/Avatar.js +23 -11
  9. package/es/Avatar/Avatar.module.css +18 -18
  10. package/es/AvatarTeam/AvatarTeam.js +3 -3
  11. package/es/AvatarTeam/AvatarTeam.module.css +35 -35
  12. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -2
  13. package/es/Button/Button.js +4 -3
  14. package/es/Button/css/Button.module.css +70 -70
  15. package/es/Buttongroup/Buttongroup.js +3 -3
  16. package/es/Buttongroup/Buttongroup.module.css +13 -15
  17. package/es/Card/Card.js +21 -10
  18. package/es/CheckBox/CheckBox.js +5 -3
  19. package/es/CheckBox/CheckBox.module.css +15 -15
  20. package/es/DateTime/CalendarView.js +32 -20
  21. package/es/DateTime/DateTime.js +69 -6
  22. package/es/DateTime/DateTime.module.css +40 -40
  23. package/es/DateTime/DateTimePopupFooter.js +4 -1
  24. package/es/DateTime/DateTimePopupHeader.js +8 -2
  25. package/es/DateTime/DateWidget.js +98 -35
  26. package/es/DateTime/DateWidget.module.css +5 -5
  27. package/es/DateTime/DaysRow.js +4 -1
  28. package/es/DateTime/Time.js +10 -1
  29. package/es/DateTime/YearView.js +28 -4
  30. package/es/DateTime/YearView.module.css +15 -15
  31. package/es/DateTime/common.js +3 -0
  32. package/es/DateTime/constants.js +1 -0
  33. package/es/DateTime/dateFormatUtils/dateFormat.js +65 -30
  34. package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
  35. package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
  36. package/es/DateTime/dateFormatUtils/index.js +31 -1
  37. package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
  38. package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
  39. package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
  40. package/es/DateTime/objectUtils.js +14 -20
  41. package/es/DateTime/typeChecker.js +3 -0
  42. package/es/DateTime/validator.js +58 -6
  43. package/es/DropBox/DropBox.js +6 -2
  44. package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
  45. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
  46. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
  47. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
  48. package/es/DropBox/css/DropBox.module.css +6 -6
  49. package/es/DropBox/props/defaultProps.js +1 -2
  50. package/es/DropBox/props/propTypes.js +1 -2
  51. package/es/DropDown/DropDown.js +7 -1
  52. package/es/DropDown/DropDown.module.css +2 -2
  53. package/es/DropDown/DropDownHeading.js +4 -5
  54. package/es/DropDown/DropDownHeading.module.css +6 -6
  55. package/es/DropDown/DropDownItem.js +6 -0
  56. package/es/DropDown/DropDownItem.module.css +12 -12
  57. package/es/DropDown/DropDownSearch.js +4 -0
  58. package/es/DropDown/DropDownSearch.module.css +3 -3
  59. package/es/DropDown/DropDownSeparator.js +1 -0
  60. package/es/DropDown/DropDownSeparator.module.css +2 -2
  61. package/es/DropDown/props/propTypes.js +1 -2
  62. package/es/Heading/Heading.js +2 -3
  63. package/es/Heading/Heading.module.css +2 -2
  64. package/es/Label/Label.js +2 -3
  65. package/es/Label/Label.module.css +5 -5
  66. package/es/Label/__tests__/Label.spec.js +1 -2
  67. package/es/Layout/Box.js +15 -2
  68. package/es/Layout/Container.js +14 -3
  69. package/es/Layout/Layout.module.css +15 -15
  70. package/es/Layout/index.js +1 -2
  71. package/es/Layout/utils.js +1 -0
  72. package/es/ListItem/ListContainer.js +8 -3
  73. package/es/ListItem/ListItem.js +9 -3
  74. package/es/ListItem/ListItem.module.css +27 -38
  75. package/es/ListItem/ListItemWithAvatar.js +9 -3
  76. package/es/ListItem/ListItemWithCheckBox.js +7 -2
  77. package/es/ListItem/ListItemWithIcon.js +8 -3
  78. package/es/ListItem/ListItemWithRadio.js +7 -3
  79. package/es/Modal/Modal.js +28 -11
  80. package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
  81. package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
  82. package/es/MultiSelect/EmptyState.js +2 -0
  83. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
  84. package/es/MultiSelect/MultiSelect.js +99 -30
  85. package/es/MultiSelect/MultiSelect.module.css +31 -31
  86. package/es/MultiSelect/MultiSelectHeader.js +3 -0
  87. package/es/MultiSelect/MultiSelectWithAvatar.js +10 -3
  88. package/es/MultiSelect/SelectedOptions.js +6 -3
  89. package/es/MultiSelect/SelectedOptions.module.css +5 -5
  90. package/es/MultiSelect/Suggestions.js +7 -3
  91. package/es/MultiSelect/props/propTypes.js +2 -2
  92. package/es/PopOver/PopOver.js +16 -0
  93. package/es/Popup/Popup.js +77 -24
  94. package/es/Popup/viewPort.js +16 -4
  95. package/es/Provider/IdProvider.js +10 -5
  96. package/es/Provider/LibraryContext.js +6 -4
  97. package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
  98. package/es/Provider/ZindexProvider.js +9 -2
  99. package/es/Radio/Radio.js +3 -0
  100. package/es/Radio/Radio.module.css +9 -9
  101. package/es/Responsive/CustomResponsive.js +30 -18
  102. package/es/Responsive/RefWrapper.js +6 -7
  103. package/es/Responsive/ResizeComponent.js +35 -25
  104. package/es/Responsive/ResizeObserver.js +26 -6
  105. package/es/Responsive/Responsive.js +34 -20
  106. package/es/Responsive/index.js +1 -3
  107. package/es/Responsive/sizeObservers.js +28 -7
  108. package/es/Responsive/utils/index.js +7 -5
  109. package/es/Responsive/utils/shallowCompare.js +7 -2
  110. package/es/Responsive/windowResizeObserver.js +7 -0
  111. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
  112. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  113. package/es/ResponsiveDropBox/props/propTypes.js +1 -2
  114. package/es/Ribbon/Ribbon.js +3 -2
  115. package/es/Ribbon/Ribbon.module.css +45 -48
  116. package/es/RippleEffect/RippleEffect.js +1 -3
  117. package/es/Select/GroupSelect.js +58 -14
  118. package/es/Select/Select.js +79 -33
  119. package/es/Select/Select.module.css +23 -23
  120. package/es/Select/SelectWithAvatar.js +17 -4
  121. package/es/Select/SelectWithIcon.js +46 -5
  122. package/es/Select/props/propTypes.js +2 -2
  123. package/es/Stencils/Stencils.js +3 -3
  124. package/es/Stencils/Stencils.module.css +11 -11
  125. package/es/Switch/Switch.js +5 -3
  126. package/es/Switch/Switch.module.css +23 -23
  127. package/es/Tab/Tab.js +4 -4
  128. package/es/Tab/Tab.module.css +14 -14
  129. package/es/Tab/TabContent.js +1 -0
  130. package/es/Tab/TabContentWrapper.js +3 -0
  131. package/es/Tab/TabWrapper.js +5 -2
  132. package/es/Tab/Tabs.js +54 -7
  133. package/es/Tab/Tabs.module.css +22 -22
  134. package/es/Tag/Tag.js +6 -3
  135. package/es/Tag/Tag.module.css +24 -25
  136. package/es/TextBox/TextBox.js +16 -3
  137. package/es/TextBox/TextBox.module.css +9 -9
  138. package/es/TextBoxIcon/TextBoxIcon.js +9 -2
  139. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
  140. package/es/TextBoxIcon/props/propTypes.js +1 -2
  141. package/es/Textarea/Textarea.js +12 -3
  142. package/es/Textarea/Textarea.module.css +21 -21
  143. package/es/Tooltip/Tooltip.js +58 -14
  144. package/es/Tooltip/Tooltip.module.css +5 -5
  145. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
  146. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
  147. package/es/common/animation.module.css +8 -8
  148. package/es/common/avatarsizes.module.css +16 -16
  149. package/es/common/basicReset.module.css +3 -3
  150. package/es/common/common.module.css +24 -24
  151. package/es/common/customscroll.module.css +2 -2
  152. package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
  153. package/es/semantic/Button/Button.js +3 -2
  154. package/es/semantic/Button/semanticButton.module.css +1 -1
  155. package/es/utils/Common.js +54 -9
  156. package/es/utils/ContextOptimizer.js +4 -5
  157. package/es/utils/constructFullName.js +2 -0
  158. package/es/utils/datetime/common.js +16 -5
  159. package/es/utils/debounce.js +5 -1
  160. package/es/utils/dropDownUtils.js +68 -11
  161. package/es/utils/getInitial.js +4 -0
  162. package/es/utils/shallowEqual.js +6 -0
  163. package/es/v1/Accordion/Accordion.js +4 -3
  164. package/es/v1/Accordion/AccordionItem.js +4 -2
  165. package/es/v1/Animation/Animation.js +5 -89
  166. package/es/v1/Animation/utils.js +83 -0
  167. package/es/v1/AppContainer/AppContainer.js +9 -3
  168. package/es/v1/Avatar/Avatar.js +18 -6
  169. package/es/v1/AvatarTeam/AvatarTeam.js +1 -0
  170. package/es/v1/Button/Button.js +3 -3
  171. package/es/v1/Card/Card.js +16 -8
  172. package/es/v1/CheckBox/CheckBox.js +6 -3
  173. package/es/v1/DateTime/CalendarView.js +32 -20
  174. package/es/v1/DateTime/DateTime.js +69 -6
  175. package/es/v1/DateTime/DateTimePopupFooter.js +4 -1
  176. package/es/v1/DateTime/DateTimePopupHeader.js +8 -2
  177. package/es/v1/DateTime/DateWidget.js +98 -35
  178. package/es/v1/DateTime/DaysRow.js +4 -1
  179. package/es/v1/DateTime/Time.js +10 -1
  180. package/es/v1/DateTime/YearView.js +28 -4
  181. package/es/v1/DropBox/DropBox.js +6 -2
  182. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +7 -0
  183. package/es/v1/DropBox/props/defaultProps.js +1 -2
  184. package/es/v1/DropBox/props/propTypes.js +1 -2
  185. package/es/v1/DropDown/DropDown.js +3 -0
  186. package/es/v1/DropDown/DropDownHeading.js +2 -2
  187. package/es/v1/DropDown/DropDownItem.js +5 -0
  188. package/es/v1/DropDown/DropDownSearch.js +3 -2
  189. package/es/v1/DropDown/props/propTypes.js +1 -2
  190. package/es/v1/Heading/Heading.js +1 -3
  191. package/es/v1/Layout/Box.js +15 -2
  192. package/es/v1/Layout/Container.js +14 -3
  193. package/es/v1/ListItem/ListContainer.js +8 -3
  194. package/es/v1/ListItem/ListItem.js +10 -3
  195. package/es/v1/ListItem/ListItemWithAvatar.js +9 -1
  196. package/es/v1/ListItem/ListItemWithCheckBox.js +8 -2
  197. package/es/v1/ListItem/ListItemWithIcon.js +9 -3
  198. package/es/v1/ListItem/ListItemWithRadio.js +8 -3
  199. package/es/v1/Modal/Modal.js +17 -1
  200. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +90 -15
  201. package/es/v1/MultiSelect/AdvancedMultiSelect.js +32 -9
  202. package/es/v1/MultiSelect/EmptyState.js +2 -0
  203. package/es/v1/MultiSelect/MultiSelect.js +100 -31
  204. package/es/v1/MultiSelect/MultiSelectHeader.js +3 -0
  205. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +11 -3
  206. package/es/v1/MultiSelect/SelectedOptions.js +6 -3
  207. package/es/v1/MultiSelect/Suggestions.js +7 -3
  208. package/es/v1/MultiSelect/props/propTypes.js +2 -2
  209. package/es/v1/PopOver/PopOver.js +11 -0
  210. package/es/v1/Popup/Popup.js +77 -24
  211. package/es/v1/Provider/IdProvider.js +10 -5
  212. package/es/v1/Provider/LibraryContext.js +6 -4
  213. package/es/v1/Provider/NumberGenerator/NumberGenerator.js +21 -7
  214. package/es/v1/Provider/ZindexProvider.js +9 -2
  215. package/es/v1/Radio/Radio.js +5 -2
  216. package/es/v1/Responsive/CustomResponsive.js +30 -18
  217. package/es/v1/Responsive/RefWrapper.js +6 -7
  218. package/es/v1/Responsive/ResizeComponent.js +35 -25
  219. package/es/v1/Responsive/ResizeObserver.js +26 -6
  220. package/es/v1/Responsive/Responsive.js +34 -20
  221. package/es/v1/Responsive/index.js +1 -3
  222. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -0
  223. package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -2
  224. package/es/v1/Select/GroupSelect.js +58 -14
  225. package/es/v1/Select/Select.js +81 -37
  226. package/es/v1/Select/SelectWithAvatar.js +17 -4
  227. package/es/v1/Select/SelectWithIcon.js +46 -5
  228. package/es/v1/Select/props/propTypes.js +2 -2
  229. package/es/v1/Stencils/Stencils.js +2 -0
  230. package/es/v1/Switch/Switch.js +6 -3
  231. package/es/v1/Tab/Tab.js +3 -3
  232. package/es/v1/Tab/TabContent.js +1 -0
  233. package/es/v1/Tab/TabContentWrapper.js +3 -0
  234. package/es/v1/Tab/TabWrapper.js +5 -2
  235. package/es/v1/Tab/Tabs.js +54 -9
  236. package/es/v1/Tab/v1Tab.module.css +14 -14
  237. package/es/v1/Tab/v1Tabs.module.css +22 -22
  238. package/es/v1/Tag/Tag.js +5 -1
  239. package/es/v1/TextBox/TextBox.js +14 -0
  240. package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -2
  241. package/es/v1/TextBoxIcon/props/propTypes.js +1 -2
  242. package/es/v1/Textarea/Textarea.js +10 -3
  243. package/es/v1/Tooltip/Tooltip.js +58 -14
  244. package/es/v1/Typography/Typography.js +2 -0
  245. package/es/v1/Typography/css/Typography.module.css +31 -31
  246. package/es/v1/Typography/css/cssJSLogic.js +3 -0
  247. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -2
  248. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -4
  249. package/es/v1/semantic/Button/Button.js +1 -2
  250. package/lib/Accordion/Accordion.js +42 -18
  251. package/lib/Accordion/AccordionItem.js +40 -18
  252. package/lib/Accordion/index.js +3 -0
  253. package/lib/Accordion/props/propTypes.js +3 -0
  254. package/lib/Animation/Animation.js +42 -104
  255. package/lib/Animation/props/propTypes.js +3 -0
  256. package/lib/Animation/utils.js +94 -0
  257. package/lib/AppContainer/AppContainer.js +58 -20
  258. package/lib/AppContainer/AppContainer.module.css +2 -2
  259. package/lib/AppContainer/props/propTypes.js +3 -0
  260. package/lib/Avatar/Avatar.js +78 -38
  261. package/lib/Avatar/Avatar.module.css +18 -18
  262. package/lib/Avatar/__tests__/Avatar.spec.js +95 -71
  263. package/lib/Avatar/props/propTypes.js +3 -0
  264. package/lib/AvatarTeam/AvatarTeam.js +52 -30
  265. package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
  266. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +77 -61
  267. package/lib/AvatarTeam/props/propTypes.js +3 -0
  268. package/lib/Button/Button.js +33 -22
  269. package/lib/Button/__tests__/Button.spec.js +65 -48
  270. package/lib/Button/css/Button.module.css +70 -70
  271. package/lib/Button/css/cssJSLogic.js +18 -17
  272. package/lib/Button/index.js +3 -0
  273. package/lib/Button/props/defaultProps.js +2 -0
  274. package/lib/Button/props/propTypes.js +3 -0
  275. package/lib/Buttongroup/Buttongroup.js +32 -12
  276. package/lib/Buttongroup/Buttongroup.module.css +13 -15
  277. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +18 -10
  278. package/lib/Buttongroup/props/propTypes.js +3 -0
  279. package/lib/Card/Card.js +102 -46
  280. package/lib/Card/index.js +4 -0
  281. package/lib/Card/props/propTypes.js +3 -0
  282. package/lib/CheckBox/CheckBox.js +71 -47
  283. package/lib/CheckBox/CheckBox.module.css +15 -15
  284. package/lib/CheckBox/props/propTypes.js +3 -0
  285. package/lib/DateTime/CalendarView.js +82 -42
  286. package/lib/DateTime/DateTime.js +244 -156
  287. package/lib/DateTime/DateTime.module.css +40 -40
  288. package/lib/DateTime/DateTimePopupFooter.js +33 -8
  289. package/lib/DateTime/DateTimePopupHeader.js +49 -17
  290. package/lib/DateTime/DateWidget.js +350 -249
  291. package/lib/DateTime/DateWidget.module.css +5 -5
  292. package/lib/DateTime/DaysRow.js +28 -5
  293. package/lib/DateTime/Time.js +75 -32
  294. package/lib/DateTime/YearView.js +76 -27
  295. package/lib/DateTime/YearView.module.css +15 -15
  296. package/lib/DateTime/common.js +6 -0
  297. package/lib/DateTime/constants.js +1 -0
  298. package/lib/DateTime/dateFormatUtils/dateFormat.js +187 -122
  299. package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
  300. package/lib/DateTime/dateFormatUtils/dayChange.js +15 -7
  301. package/lib/DateTime/dateFormatUtils/index.js +73 -16
  302. package/lib/DateTime/dateFormatUtils/monthChange.js +20 -9
  303. package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
  304. package/lib/DateTime/dateFormatUtils/yearChange.js +23 -11
  305. package/lib/DateTime/index.js +2 -0
  306. package/lib/DateTime/objectUtils.js +24 -20
  307. package/lib/DateTime/props/propTypes.js +11 -1
  308. package/lib/DateTime/typeChecker.js +4 -0
  309. package/lib/DateTime/validator.js +73 -10
  310. package/lib/DropBox/DropBox.js +45 -21
  311. package/lib/DropBox/DropBoxElement/DropBoxElement.js +59 -38
  312. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
  313. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +42 -34
  314. package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
  315. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
  316. package/lib/DropBox/css/DropBox.module.css +6 -6
  317. package/lib/DropBox/css/cssJSLogic.js +3 -1
  318. package/lib/DropBox/props/defaultProps.js +8 -4
  319. package/lib/DropBox/props/propTypes.js +10 -4
  320. package/lib/DropDown/DropDown.js +51 -5
  321. package/lib/DropDown/DropDown.module.css +2 -2
  322. package/lib/DropDown/DropDownHeading.js +39 -20
  323. package/lib/DropDown/DropDownHeading.module.css +6 -6
  324. package/lib/DropDown/DropDownItem.js +42 -20
  325. package/lib/DropDown/DropDownItem.module.css +12 -12
  326. package/lib/DropDown/DropDownSearch.js +40 -17
  327. package/lib/DropDown/DropDownSearch.module.css +3 -3
  328. package/lib/DropDown/DropDownSeparator.js +24 -4
  329. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  330. package/lib/DropDown/index.js +9 -0
  331. package/lib/DropDown/props/propTypes.js +10 -4
  332. package/lib/Heading/Heading.js +37 -15
  333. package/lib/Heading/Heading.module.css +2 -2
  334. package/lib/Heading/props/propTypes.js +3 -0
  335. package/lib/Label/Label.js +41 -21
  336. package/lib/Label/Label.module.css +5 -5
  337. package/lib/Label/__tests__/Label.spec.js +48 -34
  338. package/lib/Label/props/propTypes.js +3 -0
  339. package/lib/Layout/Box.js +35 -15
  340. package/lib/Layout/Container.js +33 -14
  341. package/lib/Layout/Layout.module.css +15 -15
  342. package/lib/Layout/index.js +3 -0
  343. package/lib/Layout/props/propTypes.js +3 -0
  344. package/lib/Layout/utils.js +11 -0
  345. package/lib/ListItem/ListContainer.js +55 -30
  346. package/lib/ListItem/ListItem.js +74 -45
  347. package/lib/ListItem/ListItem.module.css +27 -38
  348. package/lib/ListItem/ListItemWithAvatar.js +80 -48
  349. package/lib/ListItem/ListItemWithCheckBox.js +70 -40
  350. package/lib/ListItem/ListItemWithIcon.js +73 -44
  351. package/lib/ListItem/ListItemWithRadio.js +71 -42
  352. package/lib/ListItem/index.js +7 -0
  353. package/lib/ListItem/props/propTypes.js +6 -4
  354. package/lib/Modal/Modal.js +45 -10
  355. package/lib/Modal/props/propTypes.js +3 -0
  356. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +293 -166
  357. package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
  358. package/lib/MultiSelect/EmptyState.js +45 -24
  359. package/lib/MultiSelect/MobileHeader/MobileHeader.js +14 -5
  360. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
  361. package/lib/MultiSelect/MobileHeader/props/propTypes.js +3 -0
  362. package/lib/MultiSelect/MultiSelect.js +333 -214
  363. package/lib/MultiSelect/MultiSelect.module.css +31 -31
  364. package/lib/MultiSelect/MultiSelectHeader.js +29 -7
  365. package/lib/MultiSelect/MultiSelectWithAvatar.js +85 -43
  366. package/lib/MultiSelect/SelectedOptions.js +43 -17
  367. package/lib/MultiSelect/SelectedOptions.module.css +5 -5
  368. package/lib/MultiSelect/Suggestions.js +64 -32
  369. package/lib/MultiSelect/index.js +5 -0
  370. package/lib/MultiSelect/props/defaultProps.js +2 -0
  371. package/lib/MultiSelect/props/propTypes.js +14 -4
  372. package/lib/PopOver/PopOver.js +94 -47
  373. package/lib/PopOver/index.js +4 -0
  374. package/lib/PopOver/props/propTypes.js +3 -0
  375. package/lib/Popup/Popup.js +158 -81
  376. package/lib/Popup/viewPort.js +28 -14
  377. package/lib/Provider/AvatarSize.js +4 -0
  378. package/lib/Provider/Config.js +2 -0
  379. package/lib/Provider/CssProvider.js +4 -0
  380. package/lib/Provider/IdProvider.js +17 -6
  381. package/lib/Provider/LibraryContext.js +35 -15
  382. package/lib/Provider/LibraryContextInit.js +4 -0
  383. package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
  384. package/lib/Provider/ZindexProvider.js +15 -3
  385. package/lib/Provider/index.js +5 -0
  386. package/lib/Radio/Radio.js +60 -36
  387. package/lib/Radio/Radio.module.css +9 -9
  388. package/lib/Radio/__tests__/Radio.spec.js +134 -103
  389. package/lib/Radio/props/propTypes.js +3 -0
  390. package/lib/Responsive/CustomResponsive.js +73 -29
  391. package/lib/Responsive/RefWrapper.js +17 -11
  392. package/lib/Responsive/ResizeComponent.js +62 -36
  393. package/lib/Responsive/ResizeObserver.js +24 -10
  394. package/lib/Responsive/Responsive.js +80 -30
  395. package/lib/Responsive/index.js +4 -0
  396. package/lib/Responsive/props/propTypes.js +3 -0
  397. package/lib/Responsive/sizeObservers.js +53 -17
  398. package/lib/Responsive/utils/index.js +11 -3
  399. package/lib/Responsive/utils/shallowCompare.js +11 -2
  400. package/lib/Responsive/windowResizeObserver.js +8 -0
  401. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
  402. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  403. package/lib/ResponsiveDropBox/props/propTypes.js +9 -4
  404. package/lib/Ribbon/Ribbon.js +33 -13
  405. package/lib/Ribbon/Ribbon.module.css +45 -48
  406. package/lib/Ribbon/__tests__/Ribbon.spec.js +24 -14
  407. package/lib/Ribbon/props/propTypes.js +3 -0
  408. package/lib/RippleEffect/RippleEffect.js +18 -10
  409. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +34 -22
  410. package/lib/RippleEffect/props/propTypes.js +3 -0
  411. package/lib/Select/GroupSelect.js +229 -130
  412. package/lib/Select/Select.js +295 -211
  413. package/lib/Select/Select.module.css +23 -23
  414. package/lib/Select/SelectWithAvatar.js +102 -56
  415. package/lib/Select/SelectWithIcon.js +131 -76
  416. package/lib/Select/index.js +5 -0
  417. package/lib/Select/props/defaultProps.js +5 -4
  418. package/lib/Select/props/propTypes.js +10 -4
  419. package/lib/Stencils/Stencils.js +29 -10
  420. package/lib/Stencils/Stencils.module.css +11 -11
  421. package/lib/Stencils/__tests__/Stencils.spec.js +22 -13
  422. package/lib/Stencils/props/propTypes.js +3 -0
  423. package/lib/Switch/Switch.js +57 -34
  424. package/lib/Switch/Switch.module.css +23 -23
  425. package/lib/Switch/__tests__/Switch.spec.js +91 -72
  426. package/lib/Switch/props/propTypes.js +3 -0
  427. package/lib/Tab/Tab.js +40 -27
  428. package/lib/Tab/Tab.module.css +14 -14
  429. package/lib/Tab/TabContent.js +12 -5
  430. package/lib/Tab/TabContentWrapper.js +16 -8
  431. package/lib/Tab/TabWrapper.js +37 -19
  432. package/lib/Tab/Tabs.js +171 -91
  433. package/lib/Tab/Tabs.module.css +22 -22
  434. package/lib/Tab/index.js +6 -0
  435. package/lib/Tab/props/propTypes.js +3 -0
  436. package/lib/Tag/Tag.js +72 -43
  437. package/lib/Tag/Tag.module.css +24 -25
  438. package/lib/Tag/props/propTypes.js +3 -0
  439. package/lib/TextBox/TextBox.js +86 -60
  440. package/lib/TextBox/TextBox.module.css +9 -9
  441. package/lib/TextBox/props/propTypes.js +6 -4
  442. package/lib/TextBoxIcon/TextBoxIcon.js +80 -53
  443. package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
  444. package/lib/TextBoxIcon/props/propTypes.js +9 -4
  445. package/lib/Textarea/Textarea.js +54 -29
  446. package/lib/Textarea/Textarea.module.css +21 -21
  447. package/lib/Textarea/props/propTypes.js +3 -0
  448. package/lib/Tooltip/Tooltip.js +94 -31
  449. package/lib/Tooltip/Tooltip.module.css +5 -5
  450. package/lib/Tooltip/props/propTypes.js +3 -0
  451. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
  452. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  453. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
  454. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  455. package/lib/VelocityAnimation/index.js +3 -0
  456. package/lib/common/animation.module.css +8 -8
  457. package/lib/common/avatarsizes.module.css +16 -16
  458. package/lib/common/basicReset.module.css +3 -3
  459. package/lib/common/common.module.css +24 -24
  460. package/lib/common/customscroll.module.css +2 -2
  461. package/lib/css.js +40 -0
  462. package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
  463. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
  464. package/lib/index.js +58 -0
  465. package/lib/semantic/Button/Button.js +42 -22
  466. package/lib/semantic/Button/props/propTypes.js +3 -0
  467. package/lib/semantic/Button/semanticButton.module.css +1 -1
  468. package/lib/semantic/index.js +2 -0
  469. package/lib/utils/Common.js +111 -18
  470. package/lib/utils/ContextOptimizer.js +16 -10
  471. package/lib/utils/constructFullName.js +13 -4
  472. package/lib/utils/datetime/common.js +34 -5
  473. package/lib/utils/debounce.js +6 -1
  474. package/lib/utils/dropDownUtils.js +175 -59
  475. package/lib/utils/dummyFunction.js +2 -0
  476. package/lib/utils/getHTMLFontSize.js +1 -0
  477. package/lib/utils/getInitial.js +6 -0
  478. package/lib/utils/index.js +1 -0
  479. package/lib/utils/scrollTo.js +2 -0
  480. package/lib/utils/shallowEqual.js +8 -0
  481. package/lib/v1/Accordion/Accordion.js +38 -19
  482. package/lib/v1/Accordion/AccordionItem.js +23 -13
  483. package/lib/v1/Accordion/index.js +3 -0
  484. package/lib/v1/Accordion/props/propTypes.js +3 -0
  485. package/lib/v1/Animation/Animation.js +24 -100
  486. package/lib/v1/Animation/props/propTypes.js +3 -0
  487. package/lib/v1/Animation/utils.js +94 -0
  488. package/lib/v1/AppContainer/AppContainer.js +46 -17
  489. package/lib/v1/AppContainer/props/propTypes.js +3 -0
  490. package/lib/v1/Avatar/Avatar.js +68 -32
  491. package/lib/v1/Avatar/props/propTypes.js +3 -0
  492. package/lib/v1/AvatarTeam/AvatarTeam.js +32 -24
  493. package/lib/v1/AvatarTeam/props/propTypes.js +3 -0
  494. package/lib/v1/Button/Button.js +32 -22
  495. package/lib/v1/Button/props/defaultProps.js +2 -0
  496. package/lib/v1/Button/props/propTypes.js +3 -0
  497. package/lib/v1/Buttongroup/Buttongroup.js +13 -5
  498. package/lib/v1/Buttongroup/props/propTypes.js +3 -0
  499. package/lib/v1/Card/Card.js +78 -44
  500. package/lib/v1/Card/index.js +4 -0
  501. package/lib/v1/Card/props/propTypes.js +3 -0
  502. package/lib/v1/CheckBox/CheckBox.js +52 -41
  503. package/lib/v1/CheckBox/props/propTypes.js +3 -0
  504. package/lib/v1/DateTime/CalendarView.js +89 -48
  505. package/lib/v1/DateTime/DateTime.js +246 -158
  506. package/lib/v1/DateTime/DateTimePopupFooter.js +33 -8
  507. package/lib/v1/DateTime/DateTimePopupHeader.js +49 -17
  508. package/lib/v1/DateTime/DateWidget.js +352 -251
  509. package/lib/v1/DateTime/DaysRow.js +28 -5
  510. package/lib/v1/DateTime/Time.js +75 -32
  511. package/lib/v1/DateTime/YearView.js +76 -27
  512. package/lib/v1/DateTime/index.js +2 -0
  513. package/lib/v1/DateTime/props/propTypes.js +11 -1
  514. package/lib/v1/DropBox/DropBox.js +45 -21
  515. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +59 -38
  516. package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +3 -0
  517. package/lib/v1/DropBox/props/defaultProps.js +8 -4
  518. package/lib/v1/DropBox/props/propTypes.js +10 -4
  519. package/lib/v1/DropDown/DropDown.js +23 -3
  520. package/lib/v1/DropDown/DropDownHeading.js +20 -13
  521. package/lib/v1/DropDown/DropDownItem.js +26 -11
  522. package/lib/v1/DropDown/DropDownSearch.js +28 -16
  523. package/lib/v1/DropDown/DropDownSeparator.js +7 -1
  524. package/lib/v1/DropDown/props/propTypes.js +10 -4
  525. package/lib/v1/Heading/Heading.js +19 -14
  526. package/lib/v1/Heading/props/propTypes.js +3 -0
  527. package/lib/v1/Label/Label.js +22 -14
  528. package/lib/v1/Label/props/propTypes.js +3 -0
  529. package/lib/v1/Layout/Box.js +35 -15
  530. package/lib/v1/Layout/Container.js +33 -14
  531. package/lib/v1/Layout/index.js +3 -0
  532. package/lib/v1/Layout/props/propTypes.js +3 -0
  533. package/lib/v1/ListItem/ListContainer.js +55 -30
  534. package/lib/v1/ListItem/ListItem.js +53 -38
  535. package/lib/v1/ListItem/ListItemWithAvatar.js +62 -39
  536. package/lib/v1/ListItem/ListItemWithCheckBox.js +49 -34
  537. package/lib/v1/ListItem/ListItemWithIcon.js +52 -37
  538. package/lib/v1/ListItem/ListItemWithRadio.js +49 -35
  539. package/lib/v1/ListItem/index.js +7 -0
  540. package/lib/v1/ListItem/props/propTypes.js +6 -4
  541. package/lib/v1/Modal/Modal.js +46 -9
  542. package/lib/v1/Modal/props/propTypes.js +3 -0
  543. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +294 -168
  544. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +202 -125
  545. package/lib/v1/MultiSelect/EmptyState.js +45 -24
  546. package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +14 -5
  547. package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +3 -0
  548. package/lib/v1/MultiSelect/MultiSelect.js +335 -216
  549. package/lib/v1/MultiSelect/MultiSelectHeader.js +29 -7
  550. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +86 -43
  551. package/lib/v1/MultiSelect/SelectedOptions.js +43 -17
  552. package/lib/v1/MultiSelect/Suggestions.js +64 -32
  553. package/lib/v1/MultiSelect/index.js +5 -0
  554. package/lib/v1/MultiSelect/props/defaultProps.js +2 -0
  555. package/lib/v1/MultiSelect/props/propTypes.js +14 -4
  556. package/lib/v1/PopOver/PopOver.js +71 -40
  557. package/lib/v1/PopOver/props/propTypes.js +3 -0
  558. package/lib/v1/Popup/Popup.js +158 -81
  559. package/lib/v1/Provider/AvatarSize.js +4 -0
  560. package/lib/v1/Provider/Config.js +2 -0
  561. package/lib/v1/Provider/CssProvider.js +4 -0
  562. package/lib/v1/Provider/IdProvider.js +17 -6
  563. package/lib/v1/Provider/LibraryContext.js +35 -15
  564. package/lib/v1/Provider/LibraryContextInit.js +4 -0
  565. package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +44 -15
  566. package/lib/v1/Provider/ZindexProvider.js +15 -3
  567. package/lib/v1/Provider/index.js +5 -0
  568. package/lib/v1/Radio/Radio.js +42 -32
  569. package/lib/v1/Radio/props/propTypes.js +3 -0
  570. package/lib/v1/Responsive/CustomResponsive.js +73 -29
  571. package/lib/v1/Responsive/RefWrapper.js +17 -11
  572. package/lib/v1/Responsive/ResizeComponent.js +62 -36
  573. package/lib/v1/Responsive/ResizeObserver.js +24 -10
  574. package/lib/v1/Responsive/Responsive.js +80 -30
  575. package/lib/v1/Responsive/index.js +4 -0
  576. package/lib/v1/Responsive/props/propTypes.js +3 -0
  577. package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +27 -13
  578. package/lib/v1/ResponsiveDropBox/props/propTypes.js +9 -4
  579. package/lib/v1/Ribbon/Ribbon.js +14 -7
  580. package/lib/v1/Ribbon/props/propTypes.js +3 -0
  581. package/lib/v1/RippleEffect/RippleEffect.js +17 -7
  582. package/lib/v1/RippleEffect/props/propTypes.js +3 -0
  583. package/lib/v1/Select/GroupSelect.js +229 -130
  584. package/lib/v1/Select/Select.js +297 -214
  585. package/lib/v1/Select/SelectWithAvatar.js +102 -56
  586. package/lib/v1/Select/SelectWithIcon.js +131 -76
  587. package/lib/v1/Select/index.js +5 -0
  588. package/lib/v1/Select/props/defaultProps.js +5 -4
  589. package/lib/v1/Select/props/propTypes.js +10 -4
  590. package/lib/v1/Stencils/Stencils.js +13 -3
  591. package/lib/v1/Stencils/props/propTypes.js +3 -0
  592. package/lib/v1/Switch/Switch.js +38 -25
  593. package/lib/v1/Switch/props/propTypes.js +3 -0
  594. package/lib/v1/Tab/Tab.js +40 -27
  595. package/lib/v1/Tab/TabContent.js +12 -5
  596. package/lib/v1/Tab/TabContentWrapper.js +16 -8
  597. package/lib/v1/Tab/TabWrapper.js +37 -19
  598. package/lib/v1/Tab/Tabs.js +170 -83
  599. package/lib/v1/Tab/index.js +6 -0
  600. package/lib/v1/Tab/props/propTypes.js +3 -0
  601. package/lib/v1/Tab/v1Tab.module.css +14 -14
  602. package/lib/v1/Tab/v1Tabs.module.css +22 -22
  603. package/lib/v1/Tag/Tag.js +50 -32
  604. package/lib/v1/Tag/props/propTypes.js +3 -0
  605. package/lib/v1/TextBox/TextBox.js +70 -47
  606. package/lib/v1/TextBox/props/propTypes.js +6 -4
  607. package/lib/v1/TextBoxIcon/TextBoxIcon.js +80 -55
  608. package/lib/v1/TextBoxIcon/props/propTypes.js +9 -4
  609. package/lib/v1/Textarea/Textarea.js +45 -28
  610. package/lib/v1/Textarea/props/propTypes.js +3 -0
  611. package/lib/v1/Tooltip/Tooltip.js +94 -31
  612. package/lib/v1/Tooltip/props/propTypes.js +3 -0
  613. package/lib/v1/Typography/Typography.js +26 -15
  614. package/lib/v1/Typography/css/Typography.module.css +31 -31
  615. package/lib/v1/Typography/css/cssJSLogic.js +25 -20
  616. package/lib/v1/Typography/props/propTypes.js +3 -0
  617. package/lib/v1/Typography/utils/index.js +1 -0
  618. package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +25 -12
  619. package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  620. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +38 -22
  621. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  622. package/lib/v1/semantic/Button/Button.js +24 -18
  623. package/lib/v1/semantic/Button/props/propTypes.js +3 -0
  624. package/lib/v1/semantic/index.js +2 -0
  625. package/package.json +2 -2
  626. package/result.json +1 -1
  627. package/.DS_Store +0 -0
@@ -10,12 +10,19 @@ exports.getDateText = getDateText;
10
10
  exports.getDateTimeString = getDateTimeString;
11
11
  exports.getIsValidDate = getIsValidDate;
12
12
  exports.getSelectedDate = getSelectedDate;
13
+
13
14
  var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
15
+
14
16
  var _index = require("./index");
17
+
15
18
  var _Common = require("../../utils/Common");
19
+
16
20
  var _common = require("../../utils/datetime/common");
21
+
17
22
  var _constants = require("../constants");
23
+
18
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
+
19
26
  /* eslint-disable no-param-reassign */
20
27
 
21
28
  /** * Libraries ** */
@@ -23,7 +30,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
23
30
  /** * Methods ** */
24
31
 
25
32
  /** * Constants ** */
26
-
27
33
  function getDateFormatString() {
28
34
  var dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
29
35
  var datePatternArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -33,15 +39,18 @@ function getDateFormatString() {
33
39
  return res;
34
40
  }, '');
35
41
  }
42
+
36
43
  function getIsValidPattern() {
37
44
  var dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
38
45
  var datePatternArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
46
+
39
47
  var isValueInArray = function isValueInArray() {
40
48
  var possibleFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
41
49
  return possibleFormat.some(function (str) {
42
50
  return dateFormatArr.indexOf(str) >= 0;
43
51
  });
44
52
  };
53
+
45
54
  var haveDay = isValueInArray(_constants.flags.day);
46
55
  var haveMonth = isValueInArray(_constants.flags.month);
47
56
  var haveYear = isValueInArray(_constants.flags.year);
@@ -50,34 +59,42 @@ function getIsValidPattern() {
50
59
  });
51
60
  return haveDay && haveMonth && (haveYear || !haveYear) && isValidPattern;
52
61
  }
62
+
53
63
  function getDateFormatDetails() {
54
64
  var dateFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
65
+
55
66
  var _ref = arguments.length > 1 ? arguments[1] : undefined,
56
- isHideCurrentYear = _ref.isHideCurrentYear,
57
- value = _ref.value,
58
- timeZone = _ref.timeZone,
59
- isDateTime = _ref.isDateTime;
67
+ isHideCurrentYear = _ref.isHideCurrentYear,
68
+ value = _ref.value,
69
+ timeZone = _ref.timeZone,
70
+ isDateTime = _ref.isDateTime;
71
+
60
72
  var dayInfo = {};
61
73
  var monthInfo = {};
62
74
  var yearInfo = {};
63
75
  var dateFormatArr = [];
64
76
  var patternArr = [];
77
+
65
78
  var _getIsCurrentYear = (0, _index.getIsCurrentYear)({
66
- value: value,
67
- timeZone: timeZone,
68
- isDateTime: isDateTime
69
- }),
70
- isCurrentYear = _getIsCurrentYear.isCurrentYear;
79
+ value: value,
80
+ timeZone: timeZone,
81
+ isDateTime: isDateTime
82
+ }),
83
+ isCurrentYear = _getIsCurrentYear.isCurrentYear;
84
+
71
85
  var isHideYear = isHideCurrentYear ? isCurrentYear : false;
86
+
72
87
  function getDateFormat(dateFormat) {
73
88
  var token = /D{1,4}|M{1,4}|YY(?:YY)?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/gi;
74
89
  dateFormatArr = [];
75
90
  patternArr = [];
76
91
  var newDateFormat = dateFormat.replace(token, function (match) {
77
92
  var dateFormatArrLen = dateFormatArr.length;
93
+
78
94
  if (match in _constants.flags) {
79
95
  dateFormatArr.push(match);
80
96
  var type = _constants.flags[match].type;
97
+
81
98
  if (type === 'day') {
82
99
  dayInfo = Object.assign({}, _constants.flags[match], {
83
100
  index: dateFormatArrLen
@@ -91,27 +108,35 @@ function getDateFormatDetails() {
91
108
  index: dateFormatArrLen
92
109
  });
93
110
  }
111
+
94
112
  return _constants.patternSplitStr;
95
113
  }
114
+
96
115
  return match.slice(1, match.length - 1);
97
116
  });
98
117
  patternArr = newDateFormat.split(_constants.patternSplitStr).reduce(function (res, patternStr) {
99
118
  if (patternStr) {
100
119
  res.push(patternStr);
101
120
  }
121
+
102
122
  return res;
103
123
  }, []);
104
124
  }
125
+
105
126
  getDateFormat(dateFormat);
106
127
  var isValidPattern = getIsValidPattern(dateFormatArr, patternArr);
128
+
107
129
  if (!isValidPattern) {
108
130
  getDateFormat(_constants.defaultFormat);
109
131
  }
132
+
110
133
  if (isHideYear) {
111
134
  var _removeYearPattern = (0, _index.removeYearPattern)(dateFormatArr, patternArr);
135
+
112
136
  dateFormatArr = _removeYearPattern.dateFormatArr;
113
137
  patternArr = _removeYearPattern.patternArr;
114
138
  }
139
+
115
140
  return {
116
141
  dateFormat: getDateFormatString(dateFormatArr, patternArr),
117
142
  dateFormatArr: dateFormatArr,
@@ -122,35 +147,43 @@ function getDateFormatDetails() {
122
147
  isValidPattern: isValidPattern
123
148
  };
124
149
  }
150
+
125
151
  function getDisplayFormatValue(dateVal, formatVal) {
126
152
  var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
127
- _ref2$i18nShortMonths = _ref2.i18nShortMonths,
128
- i18nShortMonths = _ref2$i18nShortMonths === void 0 ? [] : _ref2$i18nShortMonths,
129
- _ref2$i18nMonths = _ref2.i18nMonths,
130
- i18nMonths = _ref2$i18nMonths === void 0 ? [] : _ref2$i18nMonths;
153
+ _ref2$i18nShortMonths = _ref2.i18nShortMonths,
154
+ i18nShortMonths = _ref2$i18nShortMonths === void 0 ? [] : _ref2$i18nShortMonths,
155
+ _ref2$i18nMonths = _ref2.i18nMonths,
156
+ i18nMonths = _ref2$i18nMonths === void 0 ? [] : _ref2$i18nMonths;
157
+
131
158
  var _ref3 = _constants.flags[formatVal] || {},
132
- length = _ref3.length,
133
- type = _ref3.type;
159
+ length = _ref3.length,
160
+ type = _ref3.type;
161
+
134
162
  if (length === _constants.INCONSTANT) {
135
163
  if (dateVal && formatVal === 'MMM' && i18nShortMonths.length) {
136
164
  return i18nShortMonths[dateVal - 1];
137
165
  } else if (dateVal && formatVal === 'MMMM' && i18nMonths.length) {
138
166
  return i18nMonths[dateVal - 1];
139
167
  }
168
+
140
169
  return (0, _index.addZero)(dateVal, formatVal.length ? formatVal.length : 1);
141
170
  } else if (type === 'year' && length === 2) {
142
171
  return (0, _index.addZero)((0, _index.convertYearToTwoDigit)(dateVal), length);
143
172
  }
173
+
144
174
  return (0, _index.addZero)(dateVal, length);
145
175
  }
176
+
146
177
  function concatDate(values, dateFormatArr, patternArr, fillPlaceHolder) {
147
178
  var _ref4 = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
148
- i18nShortMonths = _ref4.i18nShortMonths,
149
- i18nMonths = _ref4.i18nMonths;
179
+ i18nShortMonths = _ref4.i18nShortMonths,
180
+ i18nMonths = _ref4.i18nMonths;
181
+
150
182
  var dateString = dateFormatArr.reduce(function (res, formatVal, index) {
151
183
  var _ref5 = _constants.flags[formatVal] || {},
152
- _ref5$type = _ref5.type,
153
- dateFormatVal = _ref5$type === void 0 ? '' : _ref5$type;
184
+ _ref5$type = _ref5.type,
185
+ dateFormatVal = _ref5$type === void 0 ? '' : _ref5$type;
186
+
154
187
  var dateVal = values[dateFormatVal];
155
188
  dateVal = !(0, _Common.getIsEmptyValue)(dateVal) ? getDisplayFormatValue(dateVal, formatVal, {
156
189
  i18nShortMonths: i18nShortMonths,
@@ -162,24 +195,27 @@ function concatDate(values, dateFormatArr, patternArr, fillPlaceHolder) {
162
195
  }, '');
163
196
  return dateString;
164
197
  }
198
+
165
199
  function getDateTimeString() {
166
200
  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
167
201
  var dateFormatDetails = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
168
202
  var isDateTime = arguments.length > 2 ? arguments[2] : undefined;
203
+
169
204
  var _ref6 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
170
- i18nShortMonths = _ref6.i18nShortMonths,
171
- i18nMonths = _ref6.i18nMonths,
172
- is24Hour = _ref6.is24Hour;
205
+ i18nShortMonths = _ref6.i18nShortMonths,
206
+ i18nMonths = _ref6.i18nMonths,
207
+ is24Hour = _ref6.is24Hour;
208
+
173
209
  var day = values.day,
174
- month = values.month,
175
- year = values.year,
176
- noon = values.noon;
210
+ month = values.month,
211
+ year = values.year,
212
+ noon = values.noon;
177
213
  var hour = values.hour,
178
- minute = values.minute;
214
+ minute = values.minute;
179
215
  var _dateFormatDetails$da = dateFormatDetails.dateFormatArr,
180
- dateFormatArr = _dateFormatDetails$da === void 0 ? [] : _dateFormatDetails$da,
181
- _dateFormatDetails$pa = dateFormatDetails.patternArr,
182
- patternArr = _dateFormatDetails$pa === void 0 ? [] : _dateFormatDetails$pa;
216
+ dateFormatArr = _dateFormatDetails$da === void 0 ? [] : _dateFormatDetails$da,
217
+ _dateFormatDetails$pa = dateFormatDetails.patternArr,
218
+ patternArr = _dateFormatDetails$pa === void 0 ? [] : _dateFormatDetails$pa;
183
219
  var dateString = concatDate({
184
220
  day: day,
185
221
  month: month,
@@ -189,27 +225,33 @@ function getDateTimeString() {
189
225
  i18nMonths: i18nMonths
190
226
  });
191
227
  var timeString = '';
228
+
192
229
  if (isDateTime) {
193
230
  hour = !(0, _Common.getIsEmptyValue)(hour) ? (0, _index.addZero)(hour, 2) : is24Hour ? 'HH' : 'hh';
194
231
  minute = !(0, _Common.getIsEmptyValue)(minute) ? (0, _index.addZero)(minute, 2) : 'mm';
195
232
  timeString = " ".concat(hour, ":").concat(minute, " ").concat(is24Hour ? '' : "".concat(noon || '--'));
196
233
  }
234
+
197
235
  return "".concat(dateString).concat(timeString);
198
236
  }
237
+
199
238
  function getDateText(value, isDateTime, timeZone) {
200
239
  if (value && !timeZone) {
201
240
  value = value.replace('Z', '');
202
241
  }
242
+
203
243
  return value ? isDateTime ? timeZone ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : new Date(value) : timeZone ? _datetimejs["default"].toDate(value) : new Date(value) : new Date();
204
244
  }
245
+
205
246
  function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
206
247
  var is24Hour = _ref7.is24Hour;
207
248
  var day = localValues.day,
208
- month = localValues.month,
209
- year = localValues.year,
210
- hour = localValues.hour,
211
- minute = localValues.minute,
212
- noon = localValues.noon;
249
+ month = localValues.month,
250
+ year = localValues.year,
251
+ hour = localValues.hour,
252
+ minute = localValues.minute,
253
+ noon = localValues.noon;
254
+
213
255
  if (value) {
214
256
  var dateObj = getDateText(value, isDateTime, timeZone);
215
257
  var selectedDay = dateObj.getDate();
@@ -218,13 +260,16 @@ function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
218
260
  var newDay = day ? day : selectedDay;
219
261
  var newMonth = month ? month : selectedMonth + 1;
220
262
  var newYear = year ? year : selectedYear;
263
+
221
264
  if (isDateTime) {
222
265
  var selectedHour = dateObj.getHours();
223
266
  var selectedMinute = dateObj.getMinutes();
224
267
  var selectedNoon = selectedHour < 12 ? 'AM' : 'PM';
268
+
225
269
  if (!is24Hour) {
226
270
  selectedHour = selectedHour === 0 ? 12 : selectedHour > 12 ? selectedHour - 12 : selectedHour;
227
271
  }
272
+
228
273
  var newHour = hour ? hour : selectedHour;
229
274
  var newMinute = minute ? minute : selectedMinute;
230
275
  var newNoon = noon ? noon : selectedNoon;
@@ -237,22 +282,25 @@ function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
237
282
  noon: newNoon
238
283
  };
239
284
  }
285
+
240
286
  return {
241
287
  day: newDay,
242
288
  month: newMonth,
243
289
  year: newYear
244
290
  };
245
291
  }
292
+
246
293
  return localValues;
247
294
  }
295
+
248
296
  function getIsValidDate(values, isDateTime, _ref8) {
249
297
  var is24Hour = _ref8.is24Hour;
250
298
  var day = values.day,
251
- month = values.month,
252
- year = values.year,
253
- hour = values.hour,
254
- minute = values.minute,
255
- noon = values.noon;
299
+ month = values.month,
300
+ year = values.year,
301
+ hour = values.hour,
302
+ minute = values.minute,
303
+ noon = values.noon;
256
304
  var isError = false;
257
305
  var message = '';
258
306
  var valuesArr = isDateTime ? is24Hour ? [day, month, year, hour, minute] : [day, month, year, hour, minute, noon] : [day, month, year];
@@ -262,6 +310,7 @@ function getIsValidDate(values, isDateTime, _ref8) {
262
310
  var value = parseInt(val);
263
311
  return (0, _Common.getIsEmptyValue)(value);
264
312
  }
313
+
265
314
  return (0, _Common.getIsEmptyValue)(val);
266
315
  });
267
316
  var haveAllValues = valuesArr.every(function (val, index) {
@@ -277,26 +326,35 @@ function getIsValidDate(values, isDateTime, _ref8) {
277
326
  } else if (val) {
278
327
  return true;
279
328
  }
329
+
280
330
  return false;
281
331
  });
332
+
282
333
  if (haveAllValues) {
283
334
  var dayEnd = (0, _index.getDayEnd)(month, year);
335
+
284
336
  var _getMonthDetails = (0, _index.getMonthDetails)(),
285
- monthStart = _getMonthDetails.startPoint,
286
- monthEnd = _getMonthDetails.endPoint;
337
+ monthStart = _getMonthDetails.startPoint,
338
+ monthEnd = _getMonthDetails.endPoint;
339
+
287
340
  var _getYearDetails = (0, _index.getYearDetails)(),
288
- yearStart = _getYearDetails.startPoint,
289
- yearEnd = _getYearDetails.endPoint;
341
+ yearStart = _getYearDetails.startPoint,
342
+ yearEnd = _getYearDetails.endPoint;
343
+
290
344
  var _getDayDetails = (0, _index.getDayDetails)(),
291
- dayStart = _getDayDetails.startPoint;
345
+ dayStart = _getDayDetails.startPoint;
346
+
292
347
  var _getHourDetails = (0, _index.getHourDetails)(is24Hour),
293
- hourStart = _getHourDetails.startPoint,
294
- hourEnd = _getHourDetails.endPoint;
348
+ hourStart = _getHourDetails.startPoint,
349
+ hourEnd = _getHourDetails.endPoint;
350
+
295
351
  var _getMinuteDetails = (0, _index.getMinuteDetails)(),
296
- minuteStart = _getMinuteDetails.startPoint,
297
- minuteEnd = _getMinuteDetails.endPoint;
352
+ minuteStart = _getMinuteDetails.startPoint,
353
+ minuteEnd = _getMinuteDetails.endPoint;
354
+
298
355
  var _getNoonDetails = (0, _index.getNoonDetails)(),
299
- noonAllowedValues = _getNoonDetails.allowedValues;
356
+ noonAllowedValues = _getNoonDetails.allowedValues;
357
+
300
358
  if (dayEnd < day || dayStart > day) {
301
359
  isError = true;
302
360
  message = 'Wrong Day';
@@ -320,52 +378,61 @@ function getIsValidDate(values, isDateTime, _ref8) {
320
378
  isError = true;
321
379
  message = 'Empty value';
322
380
  }
381
+
323
382
  return {
324
383
  isError: isError,
325
384
  message: message,
326
385
  isEmptyValError: haveNotAllValues
327
386
  };
328
387
  }
388
+
329
389
  function getSelectedDate(values, props) {
330
390
  var month = values.month,
331
- hour = values.hour;
391
+ hour = values.hour;
332
392
  var year = values.year,
333
- date = values.day,
334
- mins = values.minute,
335
- noon = values.noon;
393
+ date = values.day,
394
+ mins = values.minute,
395
+ noon = values.noon;
336
396
  var min = props.min,
337
- max = props.max,
338
- timeZone = props.timeZone,
339
- isDateTime = props.isDateTime,
340
- is24Hour = props.is24Hour;
397
+ max = props.max,
398
+ timeZone = props.timeZone,
399
+ isDateTime = props.isDateTime,
400
+ is24Hour = props.is24Hour;
401
+
341
402
  if (!is24Hour) {
342
403
  if (parseInt(hour) === 12) {
343
404
  hour = noon === 'AM' ? 0 : 12;
344
405
  }
406
+
345
407
  if (noon === 'PM') {
346
408
  if (hour < 12) {
347
409
  hour = parseInt(hour) + 12;
348
410
  }
349
411
  }
350
412
  }
413
+
351
414
  month = parseInt(month) - 1;
352
415
  var minInMillis = min ? _datetimejs["default"].millis(min) : null,
353
- maxInMillis = max ? _datetimejs["default"].millis(max) : null;
416
+ maxInMillis = max ? _datetimejs["default"].millis(max) : null;
354
417
  var selectedInMillis,
355
- selectedValue = '';
418
+ selectedValue = '';
419
+
356
420
  if (isDateTime) {
357
421
  if (timeZone) {
358
422
  selectedInMillis = _datetimejs["default"].tz.tzToUtc(Date.UTC(year, month, date, hour, mins), timeZone);
359
423
  } else {
360
424
  selectedInMillis = Date.UTC(year, month, date, hour, mins);
361
425
  }
426
+
362
427
  selectedValue = _datetimejs["default"].ISO(selectedInMillis);
363
428
  } else {
364
429
  selectedInMillis = Date.UTC(year, month, date);
365
430
  selectedValue = (0, _common.formatDate)(new Date(year, month, date), 'YYYY-MM-DD');
366
431
  }
432
+
367
433
  var isError = false;
368
434
  var errorType = '';
435
+
369
436
  if (minInMillis && minInMillis > selectedInMillis) {
370
437
  isError = true;
371
438
  errorType = 'MIN';
@@ -373,87 +440,101 @@ function getSelectedDate(values, props) {
373
440
  isError = true;
374
441
  errorType = 'MAX';
375
442
  }
443
+
376
444
  return {
377
445
  isError: isError,
378
446
  errorType: errorType,
379
447
  selectedValue: selectedValue
380
448
  };
381
449
  }
450
+
382
451
  function getDateFormatLength(type, length) {
383
452
  var formatVal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
453
+
384
454
  var _ref9 = arguments.length > 3 ? arguments[3] : undefined,
385
- i18nShortMonths = _ref9.i18nShortMonths,
386
- i18nMonths = _ref9.i18nMonths,
387
- selectedValue = _ref9.selectedValue,
388
- day = _ref9.day,
389
- month = _ref9.month,
390
- year = _ref9.year,
391
- hour = _ref9.hour,
392
- minute = _ref9.minute,
393
- noon = _ref9.noon,
394
- timeZone = _ref9.timeZone,
395
- isDateTime = _ref9.isDateTime,
396
- is24Hour = _ref9.is24Hour;
455
+ i18nShortMonths = _ref9.i18nShortMonths,
456
+ i18nMonths = _ref9.i18nMonths,
457
+ selectedValue = _ref9.selectedValue,
458
+ day = _ref9.day,
459
+ month = _ref9.month,
460
+ year = _ref9.year,
461
+ hour = _ref9.hour,
462
+ minute = _ref9.minute,
463
+ noon = _ref9.noon,
464
+ timeZone = _ref9.timeZone,
465
+ isDateTime = _ref9.isDateTime,
466
+ is24Hour = _ref9.is24Hour;
467
+
397
468
  var _getDateDetails = getDateDetails(selectedValue, {
398
- day: day,
399
- month: month,
400
- year: year,
401
- hour: hour,
402
- minute: minute,
403
- noon: noon
404
- }, isDateTime, timeZone, {
405
- is24Hour: is24Hour
406
- }),
407
- selectedMonth = _getDateDetails.month;
469
+ day: day,
470
+ month: month,
471
+ year: year,
472
+ hour: hour,
473
+ minute: minute,
474
+ noon: noon
475
+ }, isDateTime, timeZone, {
476
+ is24Hour: is24Hour
477
+ }),
478
+ selectedMonth = _getDateDetails.month;
479
+
408
480
  if (length === _constants.INCONSTANT) {
409
481
  if (selectedMonth && formatVal === 'MMM' && i18nShortMonths.length) {
410
482
  return i18nShortMonths[selectedMonth - 1].length;
411
483
  } else if (selectedMonth && formatVal === 'MMMM' && i18nMonths.length) {
412
484
  return i18nMonths[selectedMonth - 1].length;
413
485
  }
486
+
414
487
  return formatVal.length ? formatVal.length : 1;
415
488
  }
489
+
416
490
  return length;
417
491
  }
492
+
418
493
  function getDateFormatSelection(dateFormatDetails, isDateTime) {
419
494
  var _ref10 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
420
- i18nShortMonths = _ref10.i18nShortMonths,
421
- i18nMonths = _ref10.i18nMonths,
422
- selectedValue = _ref10.selectedValue,
423
- day = _ref10.day,
424
- month = _ref10.month,
425
- year = _ref10.year,
426
- hour = _ref10.hour,
427
- minute = _ref10.minute,
428
- noon = _ref10.noon,
429
- timeZone = _ref10.timeZone,
430
- is24Hour = _ref10.is24Hour;
495
+ i18nShortMonths = _ref10.i18nShortMonths,
496
+ i18nMonths = _ref10.i18nMonths,
497
+ selectedValue = _ref10.selectedValue,
498
+ day = _ref10.day,
499
+ month = _ref10.month,
500
+ year = _ref10.year,
501
+ hour = _ref10.hour,
502
+ minute = _ref10.minute,
503
+ noon = _ref10.noon,
504
+ timeZone = _ref10.timeZone,
505
+ is24Hour = _ref10.is24Hour;
506
+
431
507
  var _dateFormatDetails$da2 = dateFormatDetails.dateFormatArr,
432
- dateFormatArr = _dateFormatDetails$da2 === void 0 ? [] : _dateFormatDetails$da2,
433
- _dateFormatDetails$pa2 = dateFormatDetails.patternArr,
434
- patternArr = _dateFormatDetails$pa2 === void 0 ? [] : _dateFormatDetails$pa2;
508
+ dateFormatArr = _dateFormatDetails$da2 === void 0 ? [] : _dateFormatDetails$da2,
509
+ _dateFormatDetails$pa2 = dateFormatDetails.patternArr,
510
+ patternArr = _dateFormatDetails$pa2 === void 0 ? [] : _dateFormatDetails$pa2;
435
511
  var focusedIndex = {};
436
512
  var clickIndex = {};
437
513
  var order = [];
438
514
  var tempLength = 0;
515
+
439
516
  function addResult(type, length) {
440
517
  var startIndex = tempLength;
441
518
  var endIndex = tempLength + length;
442
519
  var orderLen = order.length;
443
520
  focusedIndex["".concat(startIndex, "_").concat(endIndex)] = orderLen;
521
+
444
522
  for (var i = startIndex; i <= endIndex; i++) {
445
523
  clickIndex[i] = orderLen;
446
524
  }
525
+
447
526
  order.push({
448
527
  type: type,
449
528
  index: [startIndex, endIndex]
450
529
  });
451
530
  tempLength += length;
452
531
  }
532
+
453
533
  dateFormatArr.forEach(function (formatVal, index) {
454
534
  var _ref11 = _constants.flags[formatVal] || '',
455
- type = _ref11.type,
456
- length = _ref11.length;
535
+ type = _ref11.type,
536
+ length = _ref11.length;
537
+
457
538
  var patternVal = patternArr[index] || '';
458
539
  var validLength = getDateFormatLength(type, length, formatVal, {
459
540
  i18nShortMonths: i18nShortMonths,
@@ -472,38 +553,32 @@ function getDateFormatSelection(dateFormatDetails, isDateTime) {
472
553
  addResult(type, validLength);
473
554
  tempLength += patternVal.length;
474
555
  });
556
+
475
557
  if (isDateTime) {
476
558
  //For space between date and time
477
- tempLength += 1;
559
+ tempLength += 1; //hour
478
560
 
479
- //hour
480
- addResult('hour', 2);
561
+ addResult('hour', 2); //For :
481
562
 
482
- //For :
483
- tempLength += 1;
563
+ tempLength += 1; //minute
484
564
 
485
- //minute
486
- addResult('minute', 2);
565
+ addResult('minute', 2); //For space between time and noon
487
566
 
488
- //For space between time and noon
489
- tempLength += 1;
567
+ tempLength += 1; //noon
490
568
 
491
- //noon
492
569
  if (!is24Hour) {
493
570
  addResult('noon', 2);
494
571
  }
495
572
  }
573
+
496
574
  return {
497
575
  focusedIndex: focusedIndex,
498
576
  clickIndex: clickIndex,
499
577
  order: order
500
578
  };
501
- }
502
-
503
- // export function getDateValues(date = '', dateFormatDetails = {}) {
579
+ } // export function getDateValues(date = '', dateFormatDetails = {}) {
504
580
  // const { dateFormatArr, patternArr, dayInfo, monthInfo, yearInfo } =
505
581
  // dateFormatDetails;
506
-
507
582
  // const newDate = date.split('').reduce((res, str) => {
508
583
  // if (patternArr.indexOf(str) >= 0) {
509
584
  // res += patternChangeStr;
@@ -512,21 +587,16 @@ function getDateFormatSelection(dateFormatDetails, isDateTime) {
512
587
  // }
513
588
  // return res;
514
589
  // }, '');
515
-
516
590
  // const dateArr = newDate.split(patternChangeStr);
517
-
518
591
  // const { index: dayIndex, length: dayLength } = dayInfo;
519
592
  // let day = dateArr[dayIndex];
520
593
  // day = addZero(day, dayLength);
521
-
522
594
  // const { index: monthIndex, length: monthLength } = monthInfo;
523
595
  // let month = dateArr[monthIndex];
524
596
  // month = addZero(month, monthLength);
525
-
526
597
  // const { index: yearIndex, length: yearLength } = yearInfo;
527
598
  // let year = dateArr[yearIndex];
528
599
  // year = addZero(year, yearLength);
529
-
530
600
  // return {
531
601
  // day,
532
602
  // month,
@@ -534,21 +604,16 @@ function getDateFormatSelection(dateFormatDetails, isDateTime) {
534
604
  // dateString: concatDate({ day, month, year }, dateFormatArr, patternArr)
535
605
  // };
536
606
  // }
537
-
538
607
  // export function getDateTimeValues(value = '', dateFormatDetails = {}) {
539
608
  // const [date, time = '', noon = ''] = value.split(' ');
540
-
541
609
  // let [hour = '', minute = ''] = time.split(':');
542
610
  // hour = addZero(hour, 2);
543
611
  // minute = addZero(minute, 2);
544
-
545
612
  // const { day, month, year, dateString } = getDateValues(
546
613
  // date,
547
614
  // dateFormatDetails
548
615
  // );
549
-
550
616
  // const timeString = `${hour}:${minute}`;
551
-
552
617
  // return {
553
618
  // day,
554
619
  // month,
@@ -22,7 +22,6 @@ exports.dateSymbols = exports.dataFormatList = void 0;
22
22
  // 15.A: represent the AM or PM
23
23
  // 16.Z: represent the timezone (Asia/Kolkata)
24
24
  // 17. (O) : Offset Of the timezone (GMT+00:00)
25
-
26
25
  var dateSymbols = {
27
26
  d: 'date',
28
27
  dd: 'date',