@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
@@ -4,104 +4,153 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
7
+
7
8
  var _reselect = require("reselect");
9
+
8
10
  var _Common = require("./Common");
11
+
9
12
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
13
+
10
14
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
+
11
16
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
17
+
12
18
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
19
+
13
20
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
+
14
22
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
23
+
15
24
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
+
16
26
  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."); }
27
+
17
28
  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); }
29
+
18
30
  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; }
31
+
19
32
  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; }
33
+
20
34
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
35
+
21
36
  var dummyArray = [];
22
37
  exports.dummyArray = dummyArray;
23
38
  var dummyObj = {};
24
39
  exports.dummyObj = dummyObj;
40
+
25
41
  var getOptions = function getOptions(props) {
26
42
  return props.options || dummyArray;
27
43
  };
44
+
28
45
  exports.getOptions = getOptions;
46
+
29
47
  var getOptionsOrder = function getOptionsOrder(props) {
30
48
  return props.optionsOrder || dummyArray;
31
49
  };
50
+
32
51
  var getSelectedOptionsSel = function getSelectedOptionsSel(props) {
33
52
  return props.selectedOptions || dummyArray;
34
53
  };
54
+
35
55
  var getSearchStr = function getSearchStr(props) {
36
56
  return props.searchStr || '';
37
57
  };
58
+
38
59
  var getValueField = function getValueField(props) {
39
60
  return props.valueField || '';
40
61
  };
62
+
41
63
  exports.getValueField = getValueField;
64
+
42
65
  var getTextField = function getTextField(props) {
43
66
  return props.textField || '';
44
67
  };
68
+
45
69
  exports.getTextField = getTextField;
70
+
46
71
  var getImageField = function getImageField(props) {
47
72
  return props.imageField || '';
48
73
  };
74
+
49
75
  exports.getImageField = getImageField;
76
+
50
77
  var getIconName = function getIconName(props) {
51
78
  return props.iconName || '';
52
79
  };
80
+
53
81
  exports.getIconName = getIconName;
82
+
54
83
  var getIconSize = function getIconSize(props) {
55
84
  return props.iconSize || '';
56
85
  };
86
+
57
87
  exports.getIconSize = getIconSize;
88
+
58
89
  var getOptionType = function getOptionType(props) {
59
90
  return props.optionType || '';
60
91
  };
92
+
61
93
  exports.getOptionType = getOptionType;
94
+
62
95
  var getNeedSearch = function getNeedSearch(props) {
63
96
  return props.needSearch;
64
97
  };
98
+
65
99
  var getIsDefaultSelectValue = function getIsDefaultSelectValue(props) {
66
100
  return props.isDefaultSelectValue;
67
101
  };
102
+
68
103
  var getSelectedOptionsLength = function getSelectedOptionsLength(props) {
69
104
  return (0, _Common.getIsEmptyValue)(props.selectedOptionsLength) ? '' : props.selectedOptionsLength;
70
105
  };
106
+
71
107
  var getNormalizedFormatOptions = function getNormalizedFormatOptions(props) {
72
108
  return props.normalizedFormatOptions || dummyObj;
73
109
  };
110
+
74
111
  var getSelectedValue = function getSelectedValue(props) {
75
112
  return (0, _Common.getIsEmptyValue)(props.selectedValue) ? '' : props.selectedValue;
76
113
  };
114
+
77
115
  var getSelectedFormatOptions = function getSelectedFormatOptions(props) {
78
116
  return props.selectedFormatOptions || dummyObj;
79
117
  };
118
+
80
119
  var getPrefixText = function getPrefixText(props) {
81
120
  return props.prefixText || '';
82
121
  };
122
+
83
123
  exports.getPrefixText = getPrefixText;
124
+
84
125
  var getIsStartWithSearch = function getIsStartWithSearch(props) {
85
126
  return props.isStartsWithSearch;
86
127
  };
128
+
129
+ var getKeepSelectedOptions = function getKeepSelectedOptions(props) {
130
+ return props.keepSelectedOptions;
131
+ };
132
+
87
133
  var getDisabledOptions = function getDisabledOptions(props) {
88
134
  return props.disabledOptions || dummyArray;
89
135
  };
136
+
90
137
  var getListItemProps = function getListItemProps(props) {
91
138
  return props.listItemProps || '';
92
139
  };
140
+
93
141
  var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSuggestions() {
94
- return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch) {
142
+ return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getKeepSelectedOptions], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) {
95
143
  var suggestions = [];
96
144
  var suggestionIds = [];
97
145
  options.forEach(function (option) {
98
146
  var id = option.id,
99
- _option$value = option.value,
100
- value = _option$value === void 0 ? '' : _option$value;
147
+ _option$value = option.value,
148
+ value = _option$value === void 0 ? '' : _option$value;
101
149
  var valueString = (0, _Common.getSearchString)(value);
102
150
  var searchString = (0, _Common.getSearchString)(searchStr);
103
151
  var isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
104
- if (selectedOptions.indexOf(id) === -1 && isMatch) {
152
+
153
+ if (selectedOptions.indexOf(id) === -1 && isMatch || keepSelectedOptions) {
105
154
  suggestions.push(option);
106
155
  suggestionIds.push(id);
107
156
  }
@@ -112,40 +161,51 @@ var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSugge
112
161
  };
113
162
  });
114
163
  };
164
+
115
165
  exports.makeGetMultiSelectFilterSuggestions = makeGetMultiSelectFilterSuggestions;
166
+
116
167
  var optionIdGrouping = function optionIdGrouping(id, prefixText) {
117
168
  if ((0, _Common.getIsEmptyValue)(id)) {
118
169
  return '';
119
170
  }
171
+
120
172
  if ((0, _Common.getIsEmptyValue)(prefixText)) {
121
173
  return id;
122
174
  }
175
+
123
176
  var prefixType = typeof prefixText === 'number' ? 'Int' : 'Str';
124
177
  var idType = typeof id === 'number' ? 'Int' : 'Str';
125
178
  return "".concat(prefixType, "_").concat(prefixText, "_").concat(idType, "_").concat(id);
126
179
  };
180
+
127
181
  exports.optionIdGrouping = optionIdGrouping;
182
+
128
183
  var extractOptionId = function extractOptionId(id) {
129
184
  if ((0, _Common.getIsEmptyValue)(id)) {
130
185
  return {
131
186
  id: ''
132
187
  };
133
188
  }
189
+
134
190
  if (typeof id === 'number') {
135
191
  return {
136
192
  id: id
137
193
  };
138
194
  }
195
+
139
196
  var splitedOption = id.split && id.split('_');
197
+
140
198
  if (splitedOption.length === 1) {
141
199
  return splitedOption[0];
142
200
  }
201
+
143
202
  if (splitedOption.length === 4) {
144
203
  var _splitedOption = _slicedToArray(splitedOption, 4),
145
- prefixType = _splitedOption[0],
146
- prefixText = _splitedOption[1],
147
- idType = _splitedOption[2],
148
- _id = _splitedOption[3];
204
+ prefixType = _splitedOption[0],
205
+ prefixText = _splitedOption[1],
206
+ idType = _splitedOption[2],
207
+ _id = _splitedOption[3];
208
+
149
209
  _id = idType === 'Int' ? Number.parseInt(_id) : _id;
150
210
  prefixText = prefixType === 'Int' ? Number.parseInt(prefixText) : prefixText;
151
211
  return {
@@ -154,7 +214,9 @@ var extractOptionId = function extractOptionId(id) {
154
214
  };
155
215
  }
156
216
  };
217
+
157
218
  exports.extractOptionId = extractOptionId;
219
+
158
220
  var makeFormatOptions = function makeFormatOptions() {
159
221
  return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
160
222
  var revampOptions = [];
@@ -165,18 +227,18 @@ var makeFormatOptions = function makeFormatOptions() {
165
227
  if (!(0, _Common.getIsEmptyValue)(option)) {
166
228
  //For group multiSelect - grouping selectedOptions case
167
229
  var impValueField = option.valueField,
168
- impTextField = option.textField,
169
- impImageField = option.imageField,
170
- impOptionType = option.optionType,
171
- impIconName = option.iconName,
172
- impIconSize = option.iconSize,
173
- listStyle = option.listItemProps;
230
+ impTextField = option.textField,
231
+ impImageField = option.imageField,
232
+ impOptionType = option.optionType,
233
+ impIconName = option.iconName,
234
+ impIconSize = option.iconSize,
235
+ listStyle = option.listItemProps;
174
236
  var id = _typeof(option) === 'object' ? option[impValueField || valueField] : option;
175
237
  var value = _typeof(option) === 'object' ? option[impTextField || textField] : option;
176
- var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : '';
238
+ var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
177
239
 
178
- // grouping options (group select/MultiSelect)
179
240
  id = !(0, _Common.getIsEmptyValue)(id) ? optionIdGrouping(id, prefixText) : '';
241
+
180
242
  if (remvampOptionIds.indexOf(id) === -1 && !(0, _Common.getIsEmptyValue)(id) && !(0, _Common.getIsEmptyValue)(value)) {
181
243
  remvampOptionIds.push(id);
182
244
  var optionDetails = {
@@ -184,21 +246,27 @@ var makeFormatOptions = function makeFormatOptions() {
184
246
  value: value,
185
247
  optionType: impOptionType || optionType
186
248
  };
249
+
187
250
  if (imageField) {
188
251
  optionDetails.photoURL = photoURL;
189
252
  }
253
+
190
254
  if (impIconName || iconName) {
191
255
  optionDetails.icon = impIconName || iconName;
192
256
  }
257
+
193
258
  if (impIconSize || iconSize) {
194
259
  optionDetails.iconSize = impIconSize || iconSize;
195
260
  }
261
+
196
262
  if (disabledOptions.length) {
197
263
  optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
198
264
  }
265
+
199
266
  if (listStyle || listItemProps) {
200
267
  optionDetails.listItemProps = listStyle || listItemProps;
201
268
  }
269
+
202
270
  normalizedFormatOptions[id] = optionDetails;
203
271
  normalizedAllOptions[id] = option;
204
272
  revampOptions.push(optionDetails);
@@ -213,17 +281,22 @@ var makeFormatOptions = function makeFormatOptions() {
213
281
  };
214
282
  });
215
283
  };
284
+
216
285
  exports.makeFormatOptions = makeFormatOptions;
286
+
217
287
  var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptions() {
218
288
  return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength) {
219
289
  var output = [];
220
290
  var revampSelectedOptions = [];
221
291
  var normalizedSelectedOptions = {};
222
292
  selectedOptionsLength = !(0, _Common.getIsEmptyValue)(selectedOptionsLength) ? selectedOptionsLength : selectedOptions.length;
293
+
223
294
  for (var i = 0; i < selectedOptionsLength; i++) {
224
295
  var option = selectedOptions[i];
296
+
225
297
  var _ref = normalizedFormatOptions[option] || {},
226
- id = _ref.id;
298
+ id = _ref.id;
299
+
227
300
  if (revampSelectedOptions.indexOf(id) === -1 && !(0, _Common.getIsEmptyValue)(id)) {
228
301
  revampSelectedOptions.push(id);
229
302
  output.push(normalizedFormatOptions[option]);
@@ -238,6 +311,7 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
238
311
  revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
239
312
  }
240
313
  }
314
+
241
315
  return {
242
316
  formatSelectedOptions: output,
243
317
  normalizedSelectedOptions: normalizedSelectedOptions,
@@ -245,26 +319,32 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
245
319
  };
246
320
  });
247
321
  };
322
+
248
323
  exports.makeGetMultiSelectSelectedOptions = makeGetMultiSelectSelectedOptions;
324
+
249
325
  var makeGetSelectedValueText = function makeGetSelectedValueText() {
250
326
  return (0, _reselect.createSelector)([getOptionsOrder, getNormalizedFormatOptions, getSelectedValue, getSelectedFormatOptions, getIsDefaultSelectValue, getValueField, getTextField], function (optionsOrder, normalizedFormatOptions, selectedValue, selectedFormatOptions, isDefaultSelectValue, valueField, textField) {
251
327
  var selectedValueIndex = optionsOrder.indexOf(selectedValue);
252
328
  var isSelfValueChanged = false;
329
+
253
330
  if ((0, _Common.getIsEmptyValue)(selectedValue) && isDefaultSelectValue) {
254
331
  var _optionsOrder = _slicedToArray(optionsOrder, 1);
332
+
255
333
  selectedValue = _optionsOrder[0];
256
334
  isSelfValueChanged = true;
257
335
  }
336
+
258
337
  var allOptions = Object.assign({}, selectedFormatOptions, normalizedFormatOptions);
259
338
  var details = allOptions[selectedValue];
260
339
  var hoverIndex = selectedValueIndex !== -1 ? selectedValueIndex : 0;
261
340
  var selectedValueDetails = details ? _defineProperty({}, selectedValue, details) : dummyObj;
341
+
262
342
  var _ref3 = details || dummyObj,
263
- _ref3$value = _ref3.value,
264
- selectedValueText = _ref3$value === void 0 ? '' : _ref3$value,
265
- selectedId = _ref3.id;
343
+ _ref3$value = _ref3.value,
344
+ selectedValueText = _ref3$value === void 0 ? '' : _ref3$value,
345
+ selectedId = _ref3.id; //selectedValue is not included in options case
346
+
266
347
 
267
- //selectedValue is not included in options case
268
348
  if ((0, _Common.getIsEmptyValue)(selectedId)) {
269
349
  if (_typeof(selectedValue) === 'object') {
270
350
  var id = selectedValue[valueField];
@@ -282,6 +362,7 @@ var makeGetSelectedValueText = function makeGetSelectedValueText() {
282
362
  selectedId = selectedValue;
283
363
  }
284
364
  }
365
+
285
366
  return {
286
367
  selected: selectedValueText,
287
368
  hoverIndex: hoverIndex,
@@ -291,52 +372,64 @@ var makeGetSelectedValueText = function makeGetSelectedValueText() {
291
372
  };
292
373
  });
293
374
  };
375
+
294
376
  exports.makeGetSelectedValueText = makeGetSelectedValueText;
377
+
295
378
  var getObj1 = function getObj1(props) {
296
379
  return props.obj1 || dummyObj;
297
380
  };
381
+
298
382
  var getObj2 = function getObj2(props) {
299
383
  return props.obj2 || dummyObj;
300
384
  };
385
+
301
386
  var makeObjectConcat = function makeObjectConcat() {
302
387
  return (0, _reselect.createSelector)([getObj1, getObj2], function (obj1, obj2) {
303
388
  return Object.assign({}, obj1, obj2);
304
389
  });
305
390
  };
306
-
307
391
  /***** Group Select *****/
392
+
393
+
308
394
  exports.makeObjectConcat = makeObjectConcat;
395
+
309
396
  var getGroupedOptions = function getGroupedOptions(props) {
310
397
  return props.groupedOptions || dummyArray;
311
398
  };
399
+
312
400
  var getFormatOptions = makeFormatOptions();
401
+
313
402
  var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
314
403
  return (0, _reselect.createSelector)([getGroupedOptions], function (groupedOptions) {
315
404
  var revampedGroups = [];
316
405
  var allOptionIds = [];
317
406
  var allNormalizedOptions = {}; //all group normalized options
407
+
318
408
  var allNormalizedFormatOptions = {};
319
409
  var groupIds = [];
320
410
  var normalizedGroupedOptions = {};
321
411
  groupedOptions.forEach(function (group) {
322
412
  var options = group.options,
323
- groupId = group.id,
324
- name = group.name,
325
- valueField = group.valueField,
326
- textField = group.textField;
413
+ groupId = group.id,
414
+ name = group.name,
415
+ valueField = group.valueField,
416
+ textField = group.textField;
417
+
327
418
  if (!(0, _Common.getIsEmptyValue)(groupId) && groupIds.indexOf(groupId) === -1) {
328
419
  groupIds.push(groupId);
329
420
  normalizedGroupedOptions[groupId] = group;
421
+
330
422
  var _getFormatOptions = getFormatOptions({
331
- options: options,
332
- valueField: valueField,
333
- textField: textField,
334
- prefixText: groupId
335
- }),
336
- allOptions = _getFormatOptions.allOptions,
337
- normalizedAllOptions = _getFormatOptions.normalizedAllOptions,
338
- normalizedFormatOptions = _getFormatOptions.normalizedFormatOptions,
339
- optionsOrder = _getFormatOptions.optionsOrder;
423
+ options: options,
424
+ valueField: valueField,
425
+ textField: textField,
426
+ prefixText: groupId
427
+ }),
428
+ allOptions = _getFormatOptions.allOptions,
429
+ normalizedAllOptions = _getFormatOptions.normalizedAllOptions,
430
+ normalizedFormatOptions = _getFormatOptions.normalizedFormatOptions,
431
+ optionsOrder = _getFormatOptions.optionsOrder;
432
+
340
433
  if (optionsOrder.length) {
341
434
  revampedGroups.push({
342
435
  id: groupId,
@@ -359,25 +452,31 @@ var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
359
452
  };
360
453
  });
361
454
  };
455
+
362
456
  exports.makeGetGroupSelectOptions = makeGetGroupSelectOptions;
457
+
363
458
  var getGroups = function getGroups(props) {
364
459
  return props.revampedGroups;
365
460
  };
461
+
366
462
  var getFilterSuggestions = makeGetMultiSelectFilterSuggestions();
463
+
367
464
  var makeGetGroupSelectFilterSuggestions = function makeGetGroupSelectFilterSuggestions() {
368
465
  return (0, _reselect.createSelector)([getGroups, getSearchStr, getNeedSearch, getIsStartWithSearch], function (groups, searchStr, needSearch, isStartsWithSearch) {
369
466
  var suggestionGroups = [];
370
467
  var suggestionOptionIds = [];
371
468
  groups.forEach(function (group) {
372
469
  var options = group.options;
470
+
373
471
  var _getFilterSuggestions = getFilterSuggestions({
374
- options: options,
375
- needSearch: needSearch,
376
- searchStr: searchStr,
377
- isStartsWithSearch: isStartsWithSearch
378
- }),
379
- suggestions = _getFilterSuggestions.suggestions,
380
- suggestionIds = _getFilterSuggestions.suggestionIds;
472
+ options: options,
473
+ needSearch: needSearch,
474
+ searchStr: searchStr,
475
+ isStartsWithSearch: isStartsWithSearch
476
+ }),
477
+ suggestions = _getFilterSuggestions.suggestions,
478
+ suggestionIds = _getFilterSuggestions.suggestionIds;
479
+
381
480
  if (suggestionIds.length) {
382
481
  suggestionGroups.push(Object.assign({}, group, {
383
482
  options: suggestions
@@ -391,19 +490,25 @@ var makeGetGroupSelectFilterSuggestions = function makeGetGroupSelectFilterSugge
391
490
  };
392
491
  });
393
492
  };
493
+
394
494
  exports.makeGetGroupSelectFilterSuggestions = makeGetGroupSelectFilterSuggestions;
495
+
395
496
  var makeGetOptionIdChange = function makeGetOptionIdChange() {
396
497
  return (0, _reselect.createSelector)([getOptions, getValueField, getPrefixText, getTextField, getImageField, getIconName, getIconSize, getOptionType], function (options, valueField, prefixText, textField, imageField, iconName, iconSize, optionType) {
397
498
  var newOptions = [];
398
499
  return options.reduce(function (changedOptions, option) {
399
500
  var newOption;
400
501
  var id = _typeof(option) === 'object' ? option[valueField] : option;
502
+
401
503
  if (_typeof(option) === 'object' && !(0, _Common.getIsEmptyValue)(id)) {
402
504
  var _Object$assign;
505
+
403
506
  newOption = Object.assign({}, option, (_Object$assign = {}, _defineProperty(_Object$assign, valueField, optionIdGrouping(id, prefixText)), _defineProperty(_Object$assign, "valueField", valueField), _defineProperty(_Object$assign, "textField", textField), _defineProperty(_Object$assign, "optionType", optionType), _Object$assign));
507
+
404
508
  if (imageField) {
405
509
  newOption.imageField = imageField;
406
510
  }
511
+
407
512
  changedOptions.push(newOption);
408
513
  } else if (!(0, _Common.getIsEmptyValue)(id)) {
409
514
  newOption = {
@@ -417,75 +522,91 @@ var makeGetOptionIdChange = function makeGetOptionIdChange() {
417
522
  };
418
523
  changedOptions.push(newOption);
419
524
  }
525
+
420
526
  return changedOptions;
421
527
  }, newOptions);
422
528
  });
423
529
  };
530
+
424
531
  exports.makeGetOptionIdChange = makeGetOptionIdChange;
532
+
425
533
  var filterSelectedOptions = function filterSelectedOptions() {
426
534
  var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
427
- _ref4$selectedOptions = _ref4.selectedOptions,
428
- selectedOptions = _ref4$selectedOptions === void 0 ? dummyArray : _ref4$selectedOptions,
429
- _ref4$propSelectedOpt = _ref4.propSelectedOptions,
430
- propSelectedOptions = _ref4$propSelectedOpt === void 0 ? dummyArray : _ref4$propSelectedOpt,
431
- _ref4$disabledOptions = _ref4.disabledOptions,
432
- disabledOptions = _ref4$disabledOptions === void 0 ? dummyArray : _ref4$disabledOptions;
433
- // eslint-disable-next-line no-param-reassign
434
- selectedOptions = selectedOptions || dummyArray;
435
- // eslint-disable-next-line no-param-reassign
436
- propSelectedOptions = propSelectedOptions || dummyArray;
535
+ _ref4$selectedOptions = _ref4.selectedOptions,
536
+ selectedOptions = _ref4$selectedOptions === void 0 ? dummyArray : _ref4$selectedOptions,
537
+ _ref4$propSelectedOpt = _ref4.propSelectedOptions,
538
+ propSelectedOptions = _ref4$propSelectedOpt === void 0 ? dummyArray : _ref4$propSelectedOpt,
539
+ _ref4$disabledOptions = _ref4.disabledOptions,
540
+ disabledOptions = _ref4$disabledOptions === void 0 ? dummyArray : _ref4$disabledOptions;
541
+
437
542
  // eslint-disable-next-line no-param-reassign
543
+ selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
544
+
545
+ propSelectedOptions = propSelectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
546
+
438
547
  disabledOptions = disabledOptions || dummyArray;
439
548
  var newlyAddedOptions = selectedOptions.filter(function (selectedOption) {
440
549
  return propSelectedOptions.indexOf(selectedOption) === -1;
441
- });
550
+ }); // eslint-disable-next-line max-len
442
551
 
443
- // eslint-disable-next-line max-len
444
552
  var oldValidSelectedOptions = propSelectedOptions.filter(function (selectedOption) {
445
553
  var isRemoved = selectedOptions.indexOf(selectedOption) === -1;
446
554
  var isDisabled = disabledOptions.indexOf(selectedOption) >= 0;
555
+
447
556
  if (isDisabled) {
448
557
  return true;
449
558
  } else if (isRemoved) {
450
559
  return false;
451
560
  }
561
+
452
562
  return true;
453
563
  });
454
564
  return {
455
565
  newSelectedOptions: [].concat(_toConsumableArray(oldValidSelectedOptions), _toConsumableArray(newlyAddedOptions))
456
566
  };
457
567
  };
568
+
458
569
  exports.filterSelectedOptions = filterSelectedOptions;
570
+
459
571
  var makeGetIsShowClearIcon = function makeGetIsShowClearIcon() {
460
572
  return (0, _reselect.createSelector)([getSelectedOptionsSel, getDisabledOptions], function (selectedOptions, disabledOptions) {
461
573
  var countForShowClear = 2;
462
574
  var enabledOptionsLength = 0;
463
575
  var isShowClearIcon = selectedOptions.length >= countForShowClear;
576
+
464
577
  if (disabledOptions.length) {
465
578
  var isHaveEnabledOptions = false;
466
579
  var isAllDisabled = disabledOptions.length === selectedOptions.length;
580
+
467
581
  if (!isAllDisabled) {
468
582
  isHaveEnabledOptions = selectedOptions.some(function (option) {
469
583
  var _ref5 = option || {},
470
- _ref5$isDisabled = _ref5.isDisabled,
471
- isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
584
+ _ref5$isDisabled = _ref5.isDisabled,
585
+ isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
586
+
472
587
  if (!isDisabled) {
473
588
  enabledOptionsLength += 1;
589
+
474
590
  if (enabledOptionsLength === countForShowClear) {
475
591
  return true;
476
592
  }
593
+
477
594
  return false;
478
595
  }
596
+
479
597
  return false;
480
598
  });
481
599
  }
600
+
482
601
  return {
483
602
  isShowClearIcon: isAllDisabled ? !isAllDisabled : isHaveEnabledOptions
484
603
  };
485
604
  }
605
+
486
606
  return {
487
607
  isShowClearIcon: isShowClearIcon
488
608
  };
489
609
  });
490
610
  };
611
+
491
612
  exports.makeGetIsShowClearIcon = makeGetIsShowClearIcon;
@@ -4,5 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.dummyFunction = void 0;
7
+
7
8
  var dummyFunction = function dummyFunction() {};
9
+
8
10
  exports.dummyFunction = dummyFunction;
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getHTMLFontSize = getHTMLFontSize;
7
+
7
8
  function getHTMLFontSize() {
8
9
  var fontSizePixel = window.getComputedStyle(document.documentElement).fontSize;
9
10
  return parseFloat(fontSizePixel) || 16;
@@ -5,23 +5,29 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.getInitial = getInitial;
7
7
  exports.getInitialByPattern = getInitialByPattern;
8
+
8
9
  function getInitial() {
9
10
  var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
10
11
  var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
11
12
  var initial = '';
13
+
12
14
  if (firstName) {
13
15
  firstName = firstName.trim();
14
16
  initial = firstName[0];
15
17
  }
18
+
16
19
  if (lastName) {
17
20
  lastName = lastName.trim();
18
21
  initial += initial ? lastName[0] : lastName.substring(0, 2);
19
22
  }
23
+
20
24
  return initial ? initial.toUpperCase() : initial;
21
25
  }
26
+
22
27
  function getInitialByPattern(firstName, lastName, pattern) {
23
28
  if (pattern[0] === 'FIRST_NAME') {
24
29
  return getInitial(firstName, lastName);
25
30
  }
31
+
26
32
  return getInitial(lastName, firstName);
27
33
  }