@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
@@ -4,26 +4,29 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getChangedDay = getChangedDay;
7
+
7
8
  var _index = require("./index");
9
+
8
10
  var _Common = require("../../utils/Common");
9
- /** * Methods ** */
10
11
 
12
+ /** * Methods ** */
11
13
  function getChangedDay(values, event, focusOrders, keyActions) {
12
14
  var keyCode = event.keyCode,
13
- which = event.which;
15
+ which = event.which;
14
16
  var _values$day = values.day,
15
- day = _values$day === void 0 ? '' : _values$day;
17
+ day = _values$day === void 0 ? '' : _values$day;
16
18
  var isChanged = false;
17
- var newDay = Number.parseInt(day) || 0;
18
- // const newMonth = Number.parseInt(month) || 0;
19
+ var newDay = Number.parseInt(day) || 0; // const newMonth = Number.parseInt(month) || 0;
19
20
  // const newYear = Number.parseInt(year) || 0;
20
21
 
21
22
  var focusOrder = focusOrders.focusOrder;
22
23
  var newFocusOrder = focusOrder;
23
24
  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
25
+
24
26
  var _getDayDetails = (0, _index.getDayDetails)(),
25
- startPoint = _getDayDetails.startPoint,
26
- endPoint = _getDayDetails.endPoint;
27
+ startPoint = _getDayDetails.startPoint,
28
+ endPoint = _getDayDetails.endPoint;
29
+
27
30
  if (keyCode === 38) {
28
31
  //up arrow
29
32
  if (newDay === endPoint || !newDay) {
@@ -46,15 +49,19 @@ function getChangedDay(values, event, focusOrders, keyActions) {
46
49
  var keyString = (0, _Common.getKeyValue)(event);
47
50
  var newValue = isNewType ? keyString : day.toString() + keyString;
48
51
  newValue = Number.parseInt(newValue);
52
+
49
53
  if (isNewType) {
50
54
  isChanged = true;
55
+
51
56
  if (newValue * 10 > endPoint) {
52
57
  newFocusOrder += 1;
53
58
  }
59
+
54
60
  newDay = newValue;
55
61
  } else {
56
62
  isChanged = true;
57
63
  newFocusOrder += 1;
64
+
58
65
  if (newValue > endPoint) {
59
66
  newDay = endPoint;
60
67
  } else if (!newValue) {
@@ -67,6 +74,7 @@ function getChangedDay(values, event, focusOrders, keyActions) {
67
74
  isChanged = true;
68
75
  newDay = '';
69
76
  }
77
+
70
78
  return {
71
79
  day: newDay,
72
80
  isChanged: isChanged,
@@ -26,22 +26,27 @@ exports.getMonthDetails = getMonthDetails;
26
26
  exports.getNoonDetails = getNoonDetails;
27
27
  exports.getYearDetails = getYearDetails;
28
28
  exports.removeYearPattern = removeYearPattern;
29
+
29
30
  var _common = require("../../utils/datetime/common");
31
+
30
32
  var _constants = require("../constants");
33
+
31
34
  var _dateFormat = require("./dateFormat");
35
+
32
36
  /* eslint-disable no-param-reassign */
33
37
 
34
38
  /** * Methods ** */
35
39
 
36
40
  /** * Constants ** */
37
-
38
41
  function convertYearToTwoDigit(year) {
39
42
  return parseInt(year.toString().slice(-2));
40
43
  }
44
+
41
45
  function addZero() {
42
46
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
43
47
  var length = arguments.length > 1 ? arguments[1] : undefined;
44
48
  var newValue = value.toString();
49
+
45
50
  for (var i = 0; i < length; i++) {
46
51
  if (newValue.length < length) {
47
52
  newValue = "0".concat(newValue);
@@ -49,56 +54,70 @@ function addZero() {
49
54
  break;
50
55
  }
51
56
  }
57
+
52
58
  return newValue;
53
59
  }
60
+
54
61
  function getDayEnd(month, year) {
55
62
  month -= 1;
56
63
  var monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
64
+
57
65
  if (month && year) {
58
66
  return (0, _common.getMonthEnd)(month, year);
59
67
  } else if (month) {
60
68
  return monthend[month];
61
69
  }
70
+
62
71
  return 31;
63
72
  }
73
+
64
74
  function getIsNumberTyped(event) {
65
75
  var keyCode = event.keyCode,
66
- ctrlKey = event.ctrlKey,
67
- metaKey = event.metaKey,
68
- shiftKey = event.shiftKey;
76
+ ctrlKey = event.ctrlKey,
77
+ metaKey = event.metaKey,
78
+ shiftKey = event.shiftKey;
79
+
69
80
  if ((keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105) && !ctrlKey && !metaKey && !shiftKey) {
70
81
  return true;
71
82
  }
83
+
72
84
  return false;
73
85
  }
86
+
74
87
  function getIsDeleteTyped(keyCode) {
75
88
  if (keyCode === 8) {
76
89
  return true;
77
90
  }
91
+
78
92
  return false;
79
93
  }
94
+
80
95
  function getIsNewValueType(focusOrders, keyActions) {
81
96
  var focusOrder = focusOrders.focusOrder,
82
- oldFocusOrder = focusOrders.oldFocusOrder;
97
+ oldFocusOrder = focusOrders.oldFocusOrder;
83
98
  var oldKeyAction = keyActions.oldKeyAction,
84
- keyAction = keyActions.keyAction;
99
+ keyAction = keyActions.keyAction;
85
100
  return focusOrder !== oldFocusOrder || oldKeyAction !== keyAction;
86
101
  }
102
+
87
103
  function getDayDetails() {
88
104
  return {
89
105
  startPoint: 1,
90
106
  endPoint: 31
91
107
  };
92
108
  }
109
+
93
110
  function getMonthDetails() {
94
111
  return {
95
112
  startPoint: 1,
96
113
  endPoint: 12
97
114
  };
98
115
  }
116
+
99
117
  function getYearDetails(yearLength) {
100
118
  var dateObj = new Date();
101
119
  var year = dateObj.getFullYear();
120
+
102
121
  if (yearLength === 2) {
103
122
  return {
104
123
  startPoint: 0,
@@ -106,12 +125,14 @@ function getYearDetails(yearLength) {
106
125
  currentYear: year
107
126
  };
108
127
  }
128
+
109
129
  return {
110
130
  startPoint: 1850,
111
131
  endPoint: 9999,
112
132
  currentYear: year
113
133
  };
114
134
  }
135
+
115
136
  function convertTwoDigitToYear() {
116
137
  var digitValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
117
138
  var selectedYear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -119,106 +140,139 @@ function convertTwoDigitToYear() {
119
140
  var year = dateObj.getFullYear();
120
141
  var digitValueStr = addZero(digitValue.toString(), 2);
121
142
  year = selectedYear ? selectedYear : year;
143
+
122
144
  if (digitValueStr && digitValueStr.length <= 2) {
123
145
  return parseInt(year.toString().slice(0, 2) + digitValueStr);
124
146
  }
147
+
125
148
  return digitValue;
126
149
  }
150
+
127
151
  function getHourDetails(is24Hour) {
128
152
  return {
129
153
  startPoint: is24Hour ? 0 : 1,
130
154
  endPoint: is24Hour ? 23 : 12
131
155
  };
132
156
  }
157
+
133
158
  function getHourSuggestions(is24Hour) {
134
159
  var _getHourDetails = getHourDetails(is24Hour),
135
- startPoint = _getHourDetails.startPoint,
136
- endPoint = _getHourDetails.endPoint;
160
+ startPoint = _getHourDetails.startPoint,
161
+ endPoint = _getHourDetails.endPoint;
162
+
137
163
  var hourArr = [];
164
+
138
165
  for (var hour = startPoint; hour <= endPoint; hour++) {
139
166
  var htxt = addZeroIfNeeded(hour);
140
167
  hourArr.push(htxt);
141
168
  }
169
+
142
170
  return hourArr;
143
171
  }
172
+
144
173
  function getMinuteDetails() {
145
174
  return {
146
175
  startPoint: 0,
147
176
  endPoint: 59
148
177
  };
149
178
  }
179
+
150
180
  function getMinuteSuggestions() {
151
181
  var _getMinuteDetails = getMinuteDetails(),
152
- startPoint = _getMinuteDetails.startPoint,
153
- endPoint = _getMinuteDetails.endPoint;
182
+ startPoint = _getMinuteDetails.startPoint,
183
+ endPoint = _getMinuteDetails.endPoint;
184
+
154
185
  var minArr = [];
186
+
155
187
  for (var minute = startPoint; minute <= endPoint; minute++) {
156
188
  var mtxt = addZeroIfNeeded(minute);
157
189
  minArr.push(mtxt);
158
190
  }
191
+
159
192
  return minArr;
160
193
  }
194
+
161
195
  function addZeroIfNeeded(value) {
162
196
  return value < 10 ? "0".concat(value) : value;
163
197
  }
198
+
164
199
  function getIsNoonValueTyped(event) {
165
200
  var keyCode = event.keyCode;
201
+
166
202
  if (keyCode === 65 || keyCode === 77 || keyCode === 80) {
167
203
  //A -65
168
204
  //M -77
169
205
  //P -80
170
206
  return true;
171
207
  }
208
+
172
209
  return false;
173
210
  }
211
+
174
212
  function getNoonDetails() {
175
213
  return {
176
214
  allowedValues: ['AM', 'PM']
177
215
  };
178
216
  }
217
+
179
218
  function getIsArrowTyped(keyCode) {
180
219
  var arrowKeycodes = [37, 38, 39, 40];
220
+
181
221
  if (arrowKeycodes.indexOf(keyCode) >= 0) {
182
222
  return true;
183
223
  }
224
+
184
225
  return false;
185
226
  }
227
+
186
228
  function getIsSupportedKey(event) {
187
229
  var keyCode = event.keyCode;
230
+
188
231
  if (getIsArrowTyped(keyCode) || getIsDeleteTyped(keyCode) || getIsNumberTyped(event) || getIsNoonValueTyped(event)) {
189
232
  return true;
190
233
  }
234
+
191
235
  return false;
192
236
  }
237
+
193
238
  function arrayIsNotEqual(a, b) {
194
239
  return a.some(function (val, index) {
195
240
  return val !== b[index];
196
241
  });
197
242
  }
243
+
198
244
  function getIsEmptyValue(value, startPoint, endPoint) {
199
245
  var newValue = parseInt(value) || 0;
246
+
200
247
  if (newValue >= startPoint && newValue <= endPoint) {
201
248
  return false;
202
249
  }
250
+
203
251
  return true;
204
252
  }
253
+
205
254
  function getIsEmptyHour(value, is24Hour) {
206
255
  var _getHourDetails2 = getHourDetails(is24Hour),
207
- startPoint = _getHourDetails2.startPoint,
208
- endPoint = _getHourDetails2.endPoint;
256
+ startPoint = _getHourDetails2.startPoint,
257
+ endPoint = _getHourDetails2.endPoint;
258
+
209
259
  return getIsEmptyValue(value, startPoint, endPoint);
210
260
  }
261
+
211
262
  function getIsEmptyYear(value, yearLength) {
212
263
  var _getYearDetails = getYearDetails(yearLength),
213
- startPoint = _getYearDetails.startPoint,
214
- endPoint = _getYearDetails.endPoint;
264
+ startPoint = _getYearDetails.startPoint,
265
+ endPoint = _getYearDetails.endPoint;
266
+
215
267
  return getIsEmptyValue(value, startPoint, endPoint);
216
268
  }
269
+
217
270
  function getIsCurrentYear(_ref) {
218
271
  var isDateTime = _ref.isDateTime,
219
- value = _ref.value,
220
- timeZone = _ref.timeZone;
272
+ value = _ref.value,
273
+ timeZone = _ref.timeZone;
221
274
  var isCurrentYear = false;
275
+
222
276
  if (value && value !== _constants.INVALID_DATE) {
223
277
  var dateObj = (0, _dateFormat.getDateText)(value, isDateTime, timeZone);
224
278
  var currentDateObj = new Date();
@@ -226,16 +280,19 @@ function getIsCurrentYear(_ref) {
226
280
  var selectedYear = dateObj.getFullYear();
227
281
  isCurrentYear = currentYear === selectedYear;
228
282
  }
283
+
229
284
  return {
230
285
  isCurrentYear: isCurrentYear
231
286
  };
232
287
  }
288
+
233
289
  function removeYearPattern(dateFormatArr, patternArr) {
234
290
  var newDateFormatArr = [];
235
291
  var newPatternArr = [];
236
292
  var yearIndex = '';
237
293
  dateFormatArr.forEach(function (val, index) {
238
294
  var type = _constants.flags[val].type;
295
+
239
296
  if (type === 'year') {
240
297
  yearIndex = index;
241
298
  } else {
@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getChangedMonth = getChangedMonth;
7
+
7
8
  var _index = require("./index");
9
+
8
10
  var _Common = require("../../utils/Common");
9
- /** * Methods ** */
10
11
 
12
+ /** * Methods ** */
11
13
  function getChangedMonth(values, event, focusOrders, keyActions) {
12
14
  var keyCode = event.keyCode,
13
- which = event.which;
15
+ which = event.which;
14
16
  var _values$day = values.day,
15
- day = _values$day === void 0 ? '' : _values$day,
16
- _values$month = values.month,
17
- month = _values$month === void 0 ? '' : _values$month,
18
- _values$year = values.year,
19
- year = _values$year === void 0 ? '' : _values$year;
17
+ day = _values$day === void 0 ? '' : _values$day,
18
+ _values$month = values.month,
19
+ month = _values$month === void 0 ? '' : _values$month,
20
+ _values$year = values.year,
21
+ year = _values$year === void 0 ? '' : _values$year;
20
22
  var isChanged = false;
21
23
  var newDay = Number.parseInt(day) || 0;
22
24
  var newMonth = Number.parseInt(month) || 0;
@@ -24,9 +26,11 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
24
26
  var focusOrder = focusOrders.focusOrder;
25
27
  var newFocusOrder = focusOrder;
26
28
  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
29
+
27
30
  var _getMonthDetails = (0, _index.getMonthDetails)(),
28
- startPoint = _getMonthDetails.startPoint,
29
- endPoint = _getMonthDetails.endPoint;
31
+ startPoint = _getMonthDetails.startPoint,
32
+ endPoint = _getMonthDetails.endPoint;
33
+
30
34
  if (keyCode === 38) {
31
35
  //up arrow
32
36
  if (newMonth === endPoint || !newMonth) {
@@ -49,15 +53,19 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
49
53
  var keyString = (0, _Common.getKeyValue)(event);
50
54
  var newValue = isNewType ? keyString : month.toString() + keyString;
51
55
  newValue = Number.parseInt(newValue);
56
+
52
57
  if (isNewType) {
53
58
  isChanged = true;
59
+
54
60
  if (newValue * 10 > endPoint) {
55
61
  newFocusOrder += 1;
56
62
  }
63
+
57
64
  newMonth = newValue;
58
65
  } else {
59
66
  isChanged = true;
60
67
  newFocusOrder += 1;
68
+
61
69
  if (newValue > endPoint) {
62
70
  newMonth = endPoint;
63
71
  } else if (!newValue) {
@@ -70,12 +78,15 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
70
78
  isChanged = true;
71
79
  newMonth = '';
72
80
  }
81
+
73
82
  var dayEnd = (0, _index.getDayEnd)(newMonth, newYear);
74
83
  var dayChanged = false;
84
+
75
85
  if (newDay && newDay > dayEnd) {
76
86
  dayChanged = true;
77
87
  newDay = dayEnd;
78
88
  }
89
+
79
90
  return {
80
91
  day: dayChanged ? newDay : day,
81
92
  month: newMonth,
@@ -6,30 +6,42 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getChangedHour = getChangedHour;
7
7
  exports.getChangedMinute = getChangedMinute;
8
8
  exports.getChangedNoon = getChangedNoon;
9
+
9
10
  var _index = require("./index");
11
+
10
12
  var _Common = require("../../utils/Common");
13
+
11
14
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
+
12
16
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
+
13
18
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
14
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
15
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
19
+
20
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
21
+
22
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
23
+
16
24
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
+
17
26
  function getChangedHour(values, event, focusOrders, keyActions) {
18
27
  var _ref = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
19
- _ref$is24Hour = _ref.is24Hour,
20
- is24Hour = _ref$is24Hour === void 0 ? false : _ref$is24Hour;
28
+ _ref$is24Hour = _ref.is24Hour,
29
+ is24Hour = _ref$is24Hour === void 0 ? false : _ref$is24Hour;
30
+
21
31
  var keyCode = event.keyCode,
22
- which = event.which;
32
+ which = event.which;
23
33
  var _values$hour = values.hour,
24
- hour = _values$hour === void 0 ? '' : _values$hour;
34
+ hour = _values$hour === void 0 ? '' : _values$hour;
25
35
  var isChanged = false;
26
36
  var newHour = Number.parseInt(hour) || 0;
27
37
  var focusOrder = focusOrders.focusOrder;
28
38
  var newFocusOrder = focusOrder;
29
39
  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
40
+
30
41
  var _getHourDetails = (0, _index.getHourDetails)(is24Hour),
31
- startPoint = _getHourDetails.startPoint,
32
- endPoint = _getHourDetails.endPoint;
42
+ startPoint = _getHourDetails.startPoint,
43
+ endPoint = _getHourDetails.endPoint;
44
+
33
45
  if (keyCode === 38) {
34
46
  //up arrow
35
47
  if (newHour === endPoint || (0, _index.getIsEmptyHour)(newHour, is24Hour)) {
@@ -52,15 +64,19 @@ function getChangedHour(values, event, focusOrders, keyActions) {
52
64
  var keyString = (0, _Common.getKeyValue)(event);
53
65
  var newValue = isNewType ? keyString : hour.toString() + keyString;
54
66
  newValue = Number.parseInt(newValue);
67
+
55
68
  if (isNewType) {
56
69
  isChanged = true;
70
+
57
71
  if (newValue * 10 > endPoint) {
58
72
  newFocusOrder += 1;
59
73
  }
74
+
60
75
  newHour = newValue;
61
76
  } else {
62
77
  isChanged = true;
63
78
  newFocusOrder += 1;
79
+
64
80
  if (newValue > endPoint) {
65
81
  newHour = endPoint;
66
82
  } else if (!newValue) {
@@ -73,26 +89,30 @@ function getChangedHour(values, event, focusOrders, keyActions) {
73
89
  isChanged = true;
74
90
  newHour = '';
75
91
  }
92
+
76
93
  return {
77
94
  hour: newHour,
78
95
  isChanged: isChanged,
79
96
  focusOrder: newFocusOrder
80
97
  };
81
98
  }
99
+
82
100
  function getChangedMinute(values, event, focusOrders, keyActions) {
83
101
  var keyCode = event.keyCode,
84
- which = event.which;
102
+ which = event.which;
85
103
  var _values$minute = values.minute,
86
- minute = _values$minute === void 0 ? '' : _values$minute;
104
+ minute = _values$minute === void 0 ? '' : _values$minute;
87
105
  var isChanged = false;
88
106
  var isEmptyMinute = (0, _Common.getIsEmptyValue)(minute);
89
107
  var newMinute = isEmptyMinute ? '' : Number.parseInt(minute);
90
108
  var focusOrder = focusOrders.focusOrder;
91
109
  var newFocusOrder = focusOrder;
92
110
  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
111
+
93
112
  var _getMinuteDetails = (0, _index.getMinuteDetails)(),
94
- startPoint = _getMinuteDetails.startPoint,
95
- endPoint = _getMinuteDetails.endPoint;
113
+ startPoint = _getMinuteDetails.startPoint,
114
+ endPoint = _getMinuteDetails.endPoint;
115
+
96
116
  if (keyCode === 38) {
97
117
  //up arrow
98
118
  if (newMinute === endPoint || isEmptyMinute) {
@@ -115,15 +135,19 @@ function getChangedMinute(values, event, focusOrders, keyActions) {
115
135
  var keyString = (0, _Common.getKeyValue)(event);
116
136
  var newValue = isNewType ? keyString : minute.toString() + keyString;
117
137
  newValue = Number.parseInt(newValue);
138
+
118
139
  if (isNewType) {
119
140
  isChanged = true;
141
+
120
142
  if (newValue * 10 > endPoint) {
121
143
  newFocusOrder += 1;
122
144
  }
145
+
123
146
  newMinute = newValue;
124
147
  } else {
125
148
  isChanged = true;
126
149
  newFocusOrder += 1;
150
+
127
151
  if (newValue > endPoint) {
128
152
  newMinute = endPoint;
129
153
  } else {
@@ -134,30 +158,35 @@ function getChangedMinute(values, event, focusOrders, keyActions) {
134
158
  isChanged = true;
135
159
  newMinute = '';
136
160
  }
161
+
137
162
  return {
138
163
  minute: newMinute,
139
164
  isChanged: isChanged,
140
165
  focusOrder: newFocusOrder
141
166
  };
142
167
  }
143
- function getChangedNoon(values, event, focusOrders /*keyActions*/) {
168
+
169
+ function getChangedNoon(values, event, focusOrders
170
+ /*keyActions*/
171
+ ) {
144
172
  var keyCode = event.keyCode,
145
- which = event.which;
173
+ which = event.which;
146
174
  var _values$noon = values.noon,
147
- noon = _values$noon === void 0 ? '' : _values$noon;
175
+ noon = _values$noon === void 0 ? '' : _values$noon;
148
176
  var isChanged = false;
149
177
  var newNoon = noon;
150
178
  var focusOrder = focusOrders.focusOrder;
151
- var newFocusOrder = focusOrder;
152
-
153
- // const isNewType = getIsNewValueType(focusOrders, keyActions);
179
+ var newFocusOrder = focusOrder; // const isNewType = getIsNewValueType(focusOrders, keyActions);
154
180
 
155
181
  var _getNoonDetails = (0, _index.getNoonDetails)(),
156
- allowedValues = _getNoonDetails.allowedValues;
182
+ allowedValues = _getNoonDetails.allowedValues;
183
+
157
184
  var _allowedValues = _slicedToArray(allowedValues, 1),
158
- startPoint = _allowedValues[0];
185
+ startPoint = _allowedValues[0];
186
+
159
187
  var endPoint = allowedValues[allowedValues.length - 1];
160
188
  var currentNoonIndex = allowedValues.indexOf(newNoon);
189
+
161
190
  if (keyCode === 38) {
162
191
  //up arrow
163
192
  if (newNoon === endPoint || !newNoon) {
@@ -177,11 +206,11 @@ function getChangedNoon(values, event, focusOrders /*keyActions*/) {
177
206
  newNoon = allowedValues[currentNoonIndex - 1];
178
207
  }
179
208
  } else if ((0, _index.getIsNoonValueTyped)(event)) {
180
- var keyString = (0, _Common.getKeyValue)(event).toUpperCase();
209
+ var keyString = (0, _Common.getKeyValue)(event).toUpperCase(); // let newValue = isNewType ? keyString : noon.toString() + keyString;
181
210
 
182
- // let newValue = isNewType ? keyString : noon.toString() + keyString;
183
211
  var newValue = keyString;
184
212
  var needChangeNoon = newNoon.indexOf(newValue) === -1 ? true : false;
213
+
185
214
  if (needChangeNoon) {
186
215
  var newValueIndex = currentNoonIndex;
187
216
  allowedValues.some(function (val, index) {
@@ -189,8 +218,10 @@ function getChangedNoon(values, event, focusOrders /*keyActions*/) {
189
218
  newValueIndex = index;
190
219
  return true;
191
220
  }
221
+
192
222
  return false;
193
223
  });
224
+
194
225
  if (currentNoonIndex !== newValueIndex) {
195
226
  isChanged = true;
196
227
  newNoon = allowedValues[newValueIndex];
@@ -200,6 +231,7 @@ function getChangedNoon(values, event, focusOrders /*keyActions*/) {
200
231
  isChanged = true;
201
232
  newNoon = '';
202
233
  }
234
+
203
235
  return {
204
236
  noon: newNoon,
205
237
  isChanged: isChanged,