@zohodesk/components 1.0.0-test-252 → 1.0.0

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