@zohodesk/components 1.0.0-alpha-269 → 1.0.0-alpha-271

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 (434) hide show
  1. package/README.md +16 -0
  2. package/es/Accordion/Accordion.js +3 -7
  3. package/es/Accordion/AccordionItem.js +2 -4
  4. package/es/Animation/Animation.js +3 -3
  5. package/es/AppContainer/AppContainer.js +5 -13
  6. package/es/AppContainer/AppContainer.module.css +2 -2
  7. package/es/Avatar/Avatar.js +11 -23
  8. package/es/Avatar/Avatar.module.css +18 -18
  9. package/es/AvatarTeam/AvatarTeam.js +3 -3
  10. package/es/AvatarTeam/AvatarTeam.module.css +35 -35
  11. package/es/Button/Button.js +3 -4
  12. package/es/Button/css/Button.module.css +70 -70
  13. package/es/Buttongroup/Buttongroup.js +3 -3
  14. package/es/Buttongroup/Buttongroup.module.css +15 -14
  15. package/es/Card/Card.js +10 -21
  16. package/es/CheckBox/CheckBox.js +3 -5
  17. package/es/CheckBox/CheckBox.module.css +15 -15
  18. package/es/DateTime/CalendarView.js +20 -32
  19. package/es/DateTime/DateTime.js +6 -67
  20. package/es/DateTime/DateTime.module.css +39 -39
  21. package/es/DateTime/DateTimePopupFooter.js +2 -4
  22. package/es/DateTime/DateTimePopupHeader.js +2 -8
  23. package/es/DateTime/DateWidget.js +35 -98
  24. package/es/DateTime/DateWidget.module.css +5 -5
  25. package/es/DateTime/DaysRow.js +2 -4
  26. package/es/DateTime/Time.js +2 -10
  27. package/es/DateTime/YearView.js +4 -28
  28. package/es/DateTime/YearView.module.css +15 -15
  29. package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
  30. package/es/DateTime/__tests__/DateTime.spec.js +0 -1
  31. package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
  32. package/es/DateTime/common.js +0 -3
  33. package/es/DateTime/constants.js +0 -1
  34. package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
  35. package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
  36. package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
  37. package/es/DateTime/dateFormatUtils/index.js +2 -32
  38. package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
  39. package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
  40. package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
  41. package/es/DateTime/objectUtils.js +20 -14
  42. package/es/DateTime/typeChecker.js +0 -3
  43. package/es/DateTime/validator.js +6 -58
  44. package/es/DropBox/DropBox.js +5 -9
  45. package/es/DropBox/DropBoxElement/DropBoxElement.js +8 -13
  46. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
  47. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -7
  48. package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
  49. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
  50. package/es/DropBox/__tests__/DropBox.spec.js +2 -2
  51. package/es/DropBox/css/DropBox.module.css +6 -6
  52. package/es/DropBox/props/defaultProps.js +2 -1
  53. package/es/DropBox/props/propTypes.js +2 -1
  54. package/es/DropDown/DropDown.js +4 -8
  55. package/es/DropDown/DropDown.module.css +2 -2
  56. package/es/DropDown/DropDownHeading.js +5 -4
  57. package/es/DropDown/DropDownHeading.module.css +6 -6
  58. package/es/DropDown/DropDownItem.js +0 -6
  59. package/es/DropDown/DropDownItem.module.css +12 -12
  60. package/es/DropDown/DropDownSearch.js +0 -4
  61. package/es/DropDown/DropDownSearch.module.css +3 -3
  62. package/es/DropDown/DropDownSeparator.js +0 -1
  63. package/es/DropDown/DropDownSeparator.module.css +2 -2
  64. package/es/DropDown/__tests__/DropDown.spec.js +2 -1
  65. package/es/Heading/Heading.js +3 -2
  66. package/es/Heading/Heading.module.css +2 -2
  67. package/es/Label/Label.js +3 -2
  68. package/es/Label/Label.module.css +5 -5
  69. package/es/Layout/Box.js +0 -13
  70. package/es/Layout/Container.js +1 -12
  71. package/es/Layout/Layout.module.css +15 -15
  72. package/es/Layout/index.js +2 -1
  73. package/es/ListItem/ListContainer.js +3 -8
  74. package/es/ListItem/ListItem.js +3 -9
  75. package/es/ListItem/ListItem.module.css +38 -38
  76. package/es/ListItem/ListItemWithAvatar.js +3 -9
  77. package/es/ListItem/ListItemWithCheckBox.js +2 -7
  78. package/es/ListItem/ListItemWithIcon.js +3 -8
  79. package/es/ListItem/ListItemWithRadio.js +3 -7
  80. package/es/Modal/Modal.js +11 -28
  81. package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
  82. package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
  83. package/es/MultiSelect/EmptyState.js +0 -2
  84. package/es/MultiSelect/MultiSelect.js +32 -99
  85. package/es/MultiSelect/MultiSelect.module.css +31 -31
  86. package/es/MultiSelect/MultiSelectHeader.js +0 -3
  87. package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
  88. package/es/MultiSelect/SelectedOptions.js +3 -6
  89. package/es/MultiSelect/SelectedOptions.module.css +5 -5
  90. package/es/MultiSelect/Suggestions.js +3 -7
  91. package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
  92. package/es/MultiSelect/props/propTypes.js +0 -2
  93. package/es/PopOver/PopOver.js +2 -18
  94. package/es/PopOver/__tests__/PopOver.spec.js +1 -2
  95. package/es/Popup/Popup.js +24 -77
  96. package/es/Popup/__tests__/Popup.spec.js +5 -17
  97. package/es/Popup/viewPort.js +4 -16
  98. package/es/Provider/IdProvider.js +5 -10
  99. package/es/Provider/LibraryContext.js +4 -6
  100. package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
  101. package/es/Provider/ZindexProvider.js +2 -9
  102. package/es/Radio/Radio.js +2 -4
  103. package/es/Radio/Radio.module.css +9 -9
  104. package/es/Responsive/CustomResponsive.js +18 -30
  105. package/es/Responsive/RefWrapper.js +7 -6
  106. package/es/Responsive/ResizeComponent.js +25 -35
  107. package/es/Responsive/ResizeObserver.js +6 -26
  108. package/es/Responsive/Responsive.js +20 -34
  109. package/es/Responsive/index.js +3 -1
  110. package/es/Responsive/sizeObservers.js +7 -28
  111. package/es/Responsive/utils/index.js +5 -7
  112. package/es/Responsive/utils/shallowCompare.js +2 -7
  113. package/es/Responsive/windowResizeObserver.js +0 -7
  114. package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
  115. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  116. package/es/Ribbon/Ribbon.js +2 -3
  117. package/es/Ribbon/Ribbon.module.css +48 -46
  118. package/es/RippleEffect/RippleEffect.js +3 -1
  119. package/es/Select/GroupSelect.js +14 -58
  120. package/es/Select/Select.js +33 -79
  121. package/es/Select/Select.module.css +23 -23
  122. package/es/Select/SelectWithAvatar.js +4 -17
  123. package/es/Select/SelectWithIcon.js +5 -46
  124. package/es/Select/__tests__/Select.spec.js +8 -6
  125. package/es/Select/props/propTypes.js +0 -1
  126. package/es/Stencils/Stencils.js +3 -3
  127. package/es/Stencils/Stencils.module.css +11 -11
  128. package/es/Switch/Switch.js +3 -5
  129. package/es/Switch/Switch.module.css +23 -23
  130. package/es/Tab/Tab.js +4 -4
  131. package/es/Tab/Tab.module.css +14 -14
  132. package/es/Tab/TabContent.js +0 -1
  133. package/es/Tab/TabContentWrapper.js +0 -2
  134. package/es/Tab/TabWrapper.js +2 -5
  135. package/es/Tab/Tabs.js +7 -54
  136. package/es/Tab/Tabs.module.css +30 -37
  137. package/es/Tab/__tests__/Tab.spec.js +3 -1
  138. package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
  139. package/es/Tag/Tag.js +3 -6
  140. package/es/Tag/Tag.module.css +25 -25
  141. package/es/TextBox/TextBox.js +3 -15
  142. package/es/TextBox/TextBox.module.css +9 -9
  143. package/es/TextBox/__tests__/TextBox.spec.js +4 -1
  144. package/es/TextBoxIcon/TextBoxIcon.js +2 -9
  145. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
  146. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
  147. package/es/Textarea/Textarea.js +3 -12
  148. package/es/Textarea/Textarea.module.css +21 -21
  149. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  150. package/es/Tooltip/Tooltip.js +14 -58
  151. package/es/Tooltip/Tooltip.module.css +5 -5
  152. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
  153. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
  154. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
  155. package/es/common/animation.module.css +8 -8
  156. package/es/common/avatarsizes.module.css +16 -16
  157. package/es/common/basicReset.module.css +3 -3
  158. package/es/common/common.module.css +24 -24
  159. package/es/common/customscroll.module.css +2 -2
  160. package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
  161. package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
  162. package/es/semantic/Button/Button.js +2 -3
  163. package/es/semantic/Button/semanticButton.module.css +1 -1
  164. package/es/utils/Common.js +13 -54
  165. package/es/utils/ContextOptimizer.js +5 -4
  166. package/es/utils/__tests__/debounce.spec.js +2 -2
  167. package/es/utils/constructFullName.js +0 -2
  168. package/es/utils/css/compileClassNames.js +0 -5
  169. package/es/utils/css/mergeStyle.js +7 -8
  170. package/es/utils/css/utils.js +0 -1
  171. package/es/utils/datetime/common.js +5 -16
  172. package/es/utils/debounce.js +1 -5
  173. package/es/utils/dropDownUtils.js +11 -68
  174. package/es/utils/getInitial.js +0 -4
  175. package/es/utils/shallowEqual.js +0 -6
  176. package/lib/Accordion/Accordion.js +18 -42
  177. package/lib/Accordion/AccordionItem.js +18 -40
  178. package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
  179. package/lib/Accordion/index.js +0 -3
  180. package/lib/Accordion/props/propTypes.js +0 -3
  181. package/lib/Animation/Animation.js +18 -38
  182. package/lib/Animation/__tests__/Animation.spec.js +7 -11
  183. package/lib/Animation/props/propTypes.js +0 -3
  184. package/lib/AppContainer/AppContainer.js +21 -56
  185. package/lib/AppContainer/AppContainer.module.css +2 -2
  186. package/lib/AppContainer/props/propTypes.js +0 -3
  187. package/lib/Avatar/Avatar.js +38 -78
  188. package/lib/Avatar/Avatar.module.css +18 -18
  189. package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
  190. package/lib/Avatar/props/propTypes.js +0 -3
  191. package/lib/AvatarTeam/AvatarTeam.js +30 -52
  192. package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
  193. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
  194. package/lib/AvatarTeam/props/propTypes.js +0 -3
  195. package/lib/Button/Button.js +20 -31
  196. package/lib/Button/css/Button.module.css +70 -70
  197. package/lib/Button/css/cssJSLogic.js +17 -18
  198. package/lib/Button/index.js +0 -3
  199. package/lib/Button/props/defaultProps.js +0 -2
  200. package/lib/Button/props/propTypes.js +0 -3
  201. package/lib/Buttongroup/Buttongroup.js +12 -32
  202. package/lib/Buttongroup/Buttongroup.module.css +15 -14
  203. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
  204. package/lib/Buttongroup/props/propTypes.js +0 -3
  205. package/lib/Card/Card.js +46 -102
  206. package/lib/Card/__tests__/Card.spec.js +1 -10
  207. package/lib/Card/index.js +0 -4
  208. package/lib/Card/props/propTypes.js +0 -3
  209. package/lib/CheckBox/CheckBox.js +47 -71
  210. package/lib/CheckBox/CheckBox.module.css +15 -15
  211. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
  212. package/lib/CheckBox/props/propTypes.js +0 -3
  213. package/lib/DateTime/CalendarView.js +42 -82
  214. package/lib/DateTime/DateTime.js +155 -239
  215. package/lib/DateTime/DateTime.module.css +39 -39
  216. package/lib/DateTime/DateTimePopupFooter.js +8 -31
  217. package/lib/DateTime/DateTimePopupHeader.js +17 -48
  218. package/lib/DateTime/DateWidget.js +250 -352
  219. package/lib/DateTime/DateWidget.module.css +5 -5
  220. package/lib/DateTime/DaysRow.js +5 -27
  221. package/lib/DateTime/Time.js +32 -73
  222. package/lib/DateTime/YearView.js +28 -77
  223. package/lib/DateTime/YearView.module.css +15 -15
  224. package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
  225. package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
  226. package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
  227. package/lib/DateTime/common.js +0 -6
  228. package/lib/DateTime/constants.js +0 -1
  229. package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
  230. package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
  231. package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
  232. package/lib/DateTime/dateFormatUtils/index.js +16 -74
  233. package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
  234. package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
  235. package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
  236. package/lib/DateTime/index.js +0 -2
  237. package/lib/DateTime/objectUtils.js +20 -24
  238. package/lib/DateTime/props/propTypes.js +1 -11
  239. package/lib/DateTime/typeChecker.js +0 -4
  240. package/lib/DateTime/validator.js +10 -73
  241. package/lib/DropBox/DropBox.js +12 -36
  242. package/lib/DropBox/DropBoxElement/DropBoxElement.js +44 -63
  243. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
  244. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +35 -42
  245. package/lib/DropBox/DropBoxElement/props/propTypes.js +1 -4
  246. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
  247. package/lib/DropBox/__tests__/DropBox.spec.js +4 -8
  248. package/lib/DropBox/css/DropBox.module.css +6 -6
  249. package/lib/DropBox/css/cssJSLogic.js +1 -3
  250. package/lib/DropBox/props/defaultProps.js +4 -8
  251. package/lib/DropBox/props/propTypes.js +4 -10
  252. package/lib/DropDown/DropDown.js +8 -52
  253. package/lib/DropDown/DropDown.module.css +2 -2
  254. package/lib/DropDown/DropDownHeading.js +20 -39
  255. package/lib/DropDown/DropDownHeading.module.css +6 -6
  256. package/lib/DropDown/DropDownItem.js +20 -42
  257. package/lib/DropDown/DropDownItem.module.css +12 -12
  258. package/lib/DropDown/DropDownSearch.js +17 -40
  259. package/lib/DropDown/DropDownSearch.module.css +3 -3
  260. package/lib/DropDown/DropDownSeparator.js +4 -24
  261. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  262. package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
  263. package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
  264. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
  265. package/lib/DropDown/index.js +0 -9
  266. package/lib/DropDown/props/propTypes.js +4 -6
  267. package/lib/Heading/Heading.js +15 -37
  268. package/lib/Heading/Heading.module.css +2 -2
  269. package/lib/Heading/props/propTypes.js +0 -3
  270. package/lib/Label/Label.js +19 -39
  271. package/lib/Label/Label.module.css +5 -5
  272. package/lib/Label/__tests__/Label.spec.js +1 -14
  273. package/lib/Label/props/propTypes.js +0 -3
  274. package/lib/Layout/Box.js +11 -31
  275. package/lib/Layout/Container.js +10 -29
  276. package/lib/Layout/Layout.module.css +15 -15
  277. package/lib/Layout/__tests__/Box.spec.js +49 -65
  278. package/lib/Layout/__tests__/Container.spec.js +50 -67
  279. package/lib/Layout/index.js +0 -3
  280. package/lib/Layout/props/propTypes.js +0 -3
  281. package/lib/Layout/utils.js +0 -10
  282. package/lib/ListItem/ListContainer.js +27 -48
  283. package/lib/ListItem/ListItem.js +45 -69
  284. package/lib/ListItem/ListItem.module.css +38 -38
  285. package/lib/ListItem/ListItemWithAvatar.js +48 -75
  286. package/lib/ListItem/ListItemWithCheckBox.js +39 -64
  287. package/lib/ListItem/ListItemWithIcon.js +44 -68
  288. package/lib/ListItem/ListItemWithRadio.js +41 -65
  289. package/lib/ListItem/index.js +0 -7
  290. package/lib/ListItem/props/propTypes.js +4 -6
  291. package/lib/Modal/Modal.js +10 -45
  292. package/lib/Modal/props/propTypes.js +0 -3
  293. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
  294. package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
  295. package/lib/MultiSelect/EmptyState.js +24 -45
  296. package/lib/MultiSelect/MultiSelect.js +206 -323
  297. package/lib/MultiSelect/MultiSelect.module.css +31 -31
  298. package/lib/MultiSelect/MultiSelectHeader.js +8 -30
  299. package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
  300. package/lib/MultiSelect/SelectedOptions.js +17 -43
  301. package/lib/MultiSelect/SelectedOptions.module.css +5 -5
  302. package/lib/MultiSelect/Suggestions.js +32 -64
  303. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
  304. package/lib/MultiSelect/index.js +0 -5
  305. package/lib/MultiSelect/props/defaultProps.js +0 -2
  306. package/lib/MultiSelect/props/propTypes.js +0 -5
  307. package/lib/PopOver/PopOver.js +49 -95
  308. package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
  309. package/lib/PopOver/index.js +0 -4
  310. package/lib/PopOver/props/propTypes.js +0 -3
  311. package/lib/Popup/Popup.js +81 -158
  312. package/lib/Popup/__tests__/Popup.spec.js +8 -43
  313. package/lib/Popup/viewPort.js +14 -28
  314. package/lib/Provider/AvatarSize.js +0 -4
  315. package/lib/Provider/Config.js +0 -2
  316. package/lib/Provider/CssProvider.js +0 -4
  317. package/lib/Provider/IdProvider.js +6 -17
  318. package/lib/Provider/LibraryContext.js +15 -35
  319. package/lib/Provider/LibraryContextInit.js +0 -4
  320. package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
  321. package/lib/Provider/ZindexProvider.js +3 -15
  322. package/lib/Provider/index.js +0 -5
  323. package/lib/Radio/Radio.js +38 -61
  324. package/lib/Radio/Radio.module.css +9 -9
  325. package/lib/Radio/__tests__/Radiospec.js +5 -9
  326. package/lib/Radio/props/propTypes.js +0 -3
  327. package/lib/Responsive/CustomResponsive.js +29 -73
  328. package/lib/Responsive/RefWrapper.js +11 -17
  329. package/lib/Responsive/ResizeComponent.js +36 -62
  330. package/lib/Responsive/ResizeObserver.js +10 -24
  331. package/lib/Responsive/Responsive.js +30 -80
  332. package/lib/Responsive/index.js +0 -4
  333. package/lib/Responsive/props/propTypes.js +0 -3
  334. package/lib/Responsive/sizeObservers.js +17 -53
  335. package/lib/Responsive/utils/index.js +3 -11
  336. package/lib/Responsive/utils/shallowCompare.js +2 -11
  337. package/lib/Responsive/windowResizeObserver.js +0 -8
  338. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
  339. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  340. package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
  341. package/lib/Ribbon/Ribbon.js +13 -33
  342. package/lib/Ribbon/Ribbon.module.css +48 -46
  343. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
  344. package/lib/Ribbon/props/propTypes.js +0 -3
  345. package/lib/RippleEffect/RippleEffect.js +10 -18
  346. package/lib/RippleEffect/props/propTypes.js +0 -3
  347. package/lib/Select/GroupSelect.js +130 -229
  348. package/lib/Select/Select.js +209 -290
  349. package/lib/Select/Select.module.css +23 -23
  350. package/lib/Select/SelectWithAvatar.js +56 -102
  351. package/lib/Select/SelectWithIcon.js +76 -132
  352. package/lib/Select/__tests__/Select.spec.js +91 -133
  353. package/lib/Select/index.js +0 -5
  354. package/lib/Select/props/defaultProps.js +4 -5
  355. package/lib/Select/props/propTypes.js +0 -4
  356. package/lib/Stencils/Stencils.js +10 -29
  357. package/lib/Stencils/Stencils.module.css +11 -11
  358. package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
  359. package/lib/Stencils/props/propTypes.js +0 -3
  360. package/lib/Switch/Switch.js +34 -57
  361. package/lib/Switch/Switch.module.css +23 -23
  362. package/lib/Switch/props/propTypes.js +0 -3
  363. package/lib/Tab/Tab.js +27 -40
  364. package/lib/Tab/Tab.module.css +14 -14
  365. package/lib/Tab/TabContent.js +5 -12
  366. package/lib/Tab/TabContentWrapper.js +6 -13
  367. package/lib/Tab/TabWrapper.js +19 -37
  368. package/lib/Tab/Tabs.js +91 -171
  369. package/lib/Tab/Tabs.module.css +30 -37
  370. package/lib/Tab/__tests__/Tab.spec.js +58 -67
  371. package/lib/Tab/__tests__/TabContent.spec.js +6 -10
  372. package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
  373. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
  374. package/lib/Tab/__tests__/Tabs.spec.js +39 -53
  375. package/lib/Tab/index.js +0 -6
  376. package/lib/Tab/props/propTypes.js +0 -3
  377. package/lib/Tag/Tag.js +43 -72
  378. package/lib/Tag/Tag.module.css +25 -25
  379. package/lib/Tag/__tests__/Tag.spec.js +8 -14
  380. package/lib/Tag/props/propTypes.js +0 -3
  381. package/lib/TextBox/TextBox.js +59 -85
  382. package/lib/TextBox/TextBox.module.css +9 -9
  383. package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
  384. package/lib/TextBox/props/propTypes.js +4 -6
  385. package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
  386. package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
  387. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
  388. package/lib/TextBoxIcon/props/propTypes.js +0 -3
  389. package/lib/Textarea/Textarea.js +29 -54
  390. package/lib/Textarea/Textarea.module.css +21 -21
  391. package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
  392. package/lib/Textarea/props/propTypes.js +0 -3
  393. package/lib/Tooltip/Tooltip.js +31 -94
  394. package/lib/Tooltip/Tooltip.module.css +5 -5
  395. package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
  396. package/lib/Tooltip/props/propTypes.js +0 -3
  397. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
  398. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
  399. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
  400. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
  401. package/lib/VelocityAnimation/index.js +0 -3
  402. package/lib/common/animation.module.css +8 -8
  403. package/lib/common/avatarsizes.module.css +16 -16
  404. package/lib/common/basicReset.module.css +3 -3
  405. package/lib/common/common.module.css +24 -24
  406. package/lib/common/customscroll.module.css +2 -2
  407. package/lib/css.js +0 -40
  408. package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
  409. package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
  410. package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
  411. package/lib/index.js +0 -57
  412. package/lib/semantic/Button/Button.js +22 -42
  413. package/lib/semantic/Button/props/propTypes.js +0 -3
  414. package/lib/semantic/Button/semanticButton.module.css +1 -1
  415. package/lib/semantic/index.js +0 -2
  416. package/lib/utils/Common.js +25 -109
  417. package/lib/utils/ContextOptimizer.js +10 -16
  418. package/lib/utils/__tests__/constructFullName.spec.js +0 -1
  419. package/lib/utils/__tests__/debounce.spec.js +2 -3
  420. package/lib/utils/__tests__/getInitial.spec.js +0 -1
  421. package/lib/utils/constructFullName.js +4 -13
  422. package/lib/utils/css/compileClassNames.js +0 -6
  423. package/lib/utils/css/mergeStyle.js +8 -11
  424. package/lib/utils/css/utils.js +0 -8
  425. package/lib/utils/datetime/common.js +5 -32
  426. package/lib/utils/debounce.js +1 -6
  427. package/lib/utils/dropDownUtils.js +59 -175
  428. package/lib/utils/dummyFunction.js +0 -2
  429. package/lib/utils/getHTMLFontSize.js +0 -1
  430. package/lib/utils/getInitial.js +0 -6
  431. package/lib/utils/index.js +0 -4
  432. package/lib/utils/scrollTo.js +0 -2
  433. package/lib/utils/shallowEqual.js +0 -8
  434. package/package.json +1 -1
@@ -5,9 +5,9 @@
5
5
  --textbox_border_width: 0;
6
6
  --textbox_border_style: solid;
7
7
  --textbox_border_color: var(--zdt_textbox_default_border);
8
- --textbox_font_size: var(--zd_font_size14);
8
+ --textbox_font_size: 14px;
9
9
  --textbox_width: 100%;
10
- --textbox_height: var(--zd_size35);
10
+ --textbox_height: 35px;
11
11
  --textbox_border_radius: none;
12
12
  --textbox_font_family: var(--zd_regular);
13
13
  /* Variable:Ignore */
@@ -111,24 +111,24 @@
111
111
  /* Size */
112
112
  .xmedium,
113
113
  .medium {
114
- --textbox_font_size: var(--zd_font_size14);
114
+ --textbox_font_size: 14px;
115
115
  }
116
116
  .xmedium {
117
- --textbox_height: var(--zd_size28);
117
+ --textbox_height: 28px;
118
118
  --textbox_line_height: 28px;
119
119
  }
120
120
  .medium {
121
- --textbox_height: var(--zd_size35);
121
+ --textbox_height: 35px;
122
122
  --textbox_line_height: 35px;
123
123
  }
124
124
  .small {
125
- --textbox_font_size: var(--zd_font_size12);
126
- --textbox_height: var(--zd_size28);
125
+ --textbox_font_size: 12px;
126
+ --textbox_height: 28px;
127
127
  --textbox_line_height: 28px;
128
128
  }
129
129
  .xsmall {
130
- --textbox_font_size: var(--zd_font_size13);
131
- --textbox_height: var(--zd_size25);
130
+ --textbox_font_size: 13px;
131
+ --textbox_height: 25px;
132
132
  --textbox_line_height: 25px;
133
133
  }
134
134
  .default,
@@ -1,13 +1,9 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
-
5
4
  var _TextBox = _interopRequireDefault(require("../TextBox"));
6
-
7
5
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
6
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
7
  describe('TextBox component', function () {
12
8
  it('should display size small', function () {
13
9
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
@@ -16,7 +12,6 @@ describe('TextBox component', function () {
16
12
  size: "small",
17
13
  variant: "default"
18
14
  }));
19
-
20
15
  var tree = ele.toJSON();
21
16
  expect(tree).toMatchSnapshot();
22
17
  });
@@ -27,7 +22,6 @@ describe('TextBox component', function () {
27
22
  size: "medium",
28
23
  variant: "default"
29
24
  }));
30
-
31
25
  var tree = ele.toJSON();
32
26
  expect(tree).toMatchSnapshot();
33
27
  });
@@ -38,7 +32,6 @@ describe('TextBox component', function () {
38
32
  size: "xmedium",
39
33
  variant: "default"
40
34
  }));
41
-
42
35
  var tree = ele.toJSON();
43
36
  expect(tree).toMatchSnapshot();
44
37
  });
@@ -49,7 +42,6 @@ describe('TextBox component', function () {
49
42
  size: "small",
50
43
  variant: "primary"
51
44
  }));
52
-
53
45
  var tree = ele.toJSON();
54
46
  expect(tree).toMatchSnapshot();
55
47
  });
@@ -60,7 +52,6 @@ describe('TextBox component', function () {
60
52
  size: "medium",
61
53
  variant: "primary"
62
54
  }));
63
-
64
55
  var tree = ele.toJSON();
65
56
  expect(tree).toMatchSnapshot();
66
57
  });
@@ -71,7 +62,6 @@ describe('TextBox component', function () {
71
62
  size: "xmedium",
72
63
  variant: "primary"
73
64
  }));
74
-
75
65
  var tree = ele.toJSON();
76
66
  expect(tree).toMatchSnapshot();
77
67
  });
@@ -82,7 +72,6 @@ describe('TextBox component', function () {
82
72
  size: "small",
83
73
  variant: "secondary"
84
74
  }));
85
-
86
75
  var tree = ele.toJSON();
87
76
  expect(tree).toMatchSnapshot();
88
77
  });
@@ -93,7 +82,6 @@ describe('TextBox component', function () {
93
82
  size: "medium",
94
83
  variant: "secondary"
95
84
  }));
96
-
97
85
  var tree = ele.toJSON();
98
86
  expect(tree).toMatchSnapshot();
99
87
  });
@@ -104,7 +92,6 @@ describe('TextBox component', function () {
104
92
  size: "xmedium",
105
93
  variant: "secondary"
106
94
  }));
107
-
108
95
  var tree = ele.toJSON();
109
96
  expect(tree).toMatchSnapshot();
110
97
  });
@@ -127,7 +114,9 @@ describe('TextBox component', function () {
127
114
  text: "Text Box Working"
128
115
  }));
129
116
  expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox').getAttribute('placeholder')).toMatch(/Text Box/);
130
- }); // it('Check disabled works', () => {
117
+ });
118
+
119
+ // it('Check disabled works', () => {
131
120
  // let renderedDOM = TestUtils.renderIntoDocument(
132
121
  // <TextBox maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' disabled />
133
122
  // );
@@ -143,6 +132,7 @@ describe('TextBox component', function () {
143
132
  // pass
144
133
  // ).toBe(true);
145
134
  // });
135
+
146
136
  // it('Check readOnly works', () => {
147
137
  // let renderedDOM = TestUtils.renderIntoDocument(
148
138
  // <TextBox maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' readOnly />
@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
-
8
7
  var _propTypes2 = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _propTypes;
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
- 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; }
15
-
10
+ 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); }
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
16
14
  var propTypes = (_propTypes = {
17
15
  autofocus: _propTypes2["default"].bool,
18
16
  borderColor: _propTypes2["default"].oneOf(['transparent', 'default']),
@@ -1,63 +1,39 @@
1
1
  "use strict";
2
2
 
3
3
  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); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _defaultProps = require("./props/defaultProps");
13
-
14
10
  var _propTypes = require("./props/propTypes");
15
-
16
11
  var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
17
-
18
12
  var _Layout = require("../Layout");
19
-
20
13
  var _icons = require("@zohodesk/icons");
21
-
22
14
  var _semanticButtonModule = _interopRequireDefault(require("../semantic/Button/semanticButton.module.css"));
23
-
24
15
  var _TextBoxIconModule = _interopRequireDefault(require("./TextBoxIcon.module.css"));
25
-
26
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
-
28
17
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
29
-
30
18
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31
-
32
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
33
-
19
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
34
20
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
35
-
21
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
36
23
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
37
-
38
24
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
-
40
25
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
41
-
42
26
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
43
-
44
27
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
45
-
46
28
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
47
-
48
29
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
49
-
50
30
  /* eslint-disable react/forbid-component-props */
51
31
  var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
52
32
  _inherits(TextBoxIcon, _React$Component);
53
-
54
33
  var _super = _createSuper(TextBoxIcon);
55
-
56
34
  function TextBoxIcon(props) {
57
35
  var _this;
58
-
59
36
  _classCallCheck(this, TextBoxIcon);
60
-
61
37
  _this = _super.call(this, props);
62
38
  _this.state = {
63
39
  isActive: false
@@ -68,7 +44,6 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
68
44
  _this.handleClear = _this.handleClear.bind(_assertThisInitialized(_this));
69
45
  return _this;
70
46
  }
71
-
72
47
  _createClass(TextBoxIcon, [{
73
48
  key: "handleRef",
74
49
  value: function handleRef(ele) {
@@ -89,10 +64,9 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
89
64
  key: "handleFocus",
90
65
  value: function handleFocus(e) {
91
66
  var _this$props = this.props,
92
- onFocus = _this$props.onFocus,
93
- needReadOnlyStyle = _this$props.needReadOnlyStyle,
94
- isReadOnly = _this$props.isReadOnly;
95
-
67
+ onFocus = _this$props.onFocus,
68
+ needReadOnlyStyle = _this$props.needReadOnlyStyle,
69
+ isReadOnly = _this$props.isReadOnly;
96
70
  if (!needReadOnlyStyle || !isReadOnly && needReadOnlyStyle) {
97
71
  this.setState({
98
72
  isActive: true
@@ -113,54 +87,54 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
113
87
  key: "render",
114
88
  value: function render() {
115
89
  var _this$props2 = this.props,
116
- type = _this$props2.type,
117
- name = _this$props2.name,
118
- id = _this$props2.id,
119
- maxLength = _this$props2.maxLength,
120
- placeHolder = _this$props2.placeHolder,
121
- size = _this$props2.size,
122
- onKeyUp = _this$props2.onKeyUp,
123
- isReadOnly = _this$props2.isReadOnly,
124
- isDisabled = _this$props2.isDisabled,
125
- children = _this$props2.children,
126
- onKeyDown = _this$props2.onKeyDown,
127
- onClick = _this$props2.onClick,
128
- value = _this$props2.value,
129
- iconRotated = _this$props2.iconRotated,
130
- needBorder = _this$props2.needBorder,
131
- variant = _this$props2.variant,
132
- onClear = _this$props2.onClear,
133
- onChange = _this$props2.onChange,
134
- title = _this$props2.title,
135
- dataId = _this$props2.dataId,
136
- dataSelectorId = _this$props2.dataSelectorId,
137
- needReadOnlyStyle = _this$props2.needReadOnlyStyle,
138
- isClickable = _this$props2.isClickable,
139
- needEffect = _this$props2.needEffect,
140
- onKeyPress = _this$props2.onKeyPress,
141
- borderColor = _this$props2.borderColor,
142
- onMouseDown = _this$props2.onMouseDown,
143
- showClearIcon = _this$props2.showClearIcon,
144
- htmlId = _this$props2.htmlId,
145
- i18nKeys = _this$props2.i18nKeys,
146
- customClass = _this$props2.customClass,
147
- iconOnHover = _this$props2.iconOnHover,
148
- isFocus = _this$props2.isFocus,
149
- onClearMouseDown = _this$props2.onClearMouseDown,
150
- customProps = _this$props2.customProps;
90
+ type = _this$props2.type,
91
+ name = _this$props2.name,
92
+ id = _this$props2.id,
93
+ maxLength = _this$props2.maxLength,
94
+ placeHolder = _this$props2.placeHolder,
95
+ size = _this$props2.size,
96
+ onKeyUp = _this$props2.onKeyUp,
97
+ isReadOnly = _this$props2.isReadOnly,
98
+ isDisabled = _this$props2.isDisabled,
99
+ children = _this$props2.children,
100
+ onKeyDown = _this$props2.onKeyDown,
101
+ onClick = _this$props2.onClick,
102
+ value = _this$props2.value,
103
+ iconRotated = _this$props2.iconRotated,
104
+ needBorder = _this$props2.needBorder,
105
+ variant = _this$props2.variant,
106
+ onClear = _this$props2.onClear,
107
+ onChange = _this$props2.onChange,
108
+ title = _this$props2.title,
109
+ dataId = _this$props2.dataId,
110
+ dataSelectorId = _this$props2.dataSelectorId,
111
+ needReadOnlyStyle = _this$props2.needReadOnlyStyle,
112
+ isClickable = _this$props2.isClickable,
113
+ needEffect = _this$props2.needEffect,
114
+ onKeyPress = _this$props2.onKeyPress,
115
+ borderColor = _this$props2.borderColor,
116
+ onMouseDown = _this$props2.onMouseDown,
117
+ showClearIcon = _this$props2.showClearIcon,
118
+ htmlId = _this$props2.htmlId,
119
+ i18nKeys = _this$props2.i18nKeys,
120
+ customClass = _this$props2.customClass,
121
+ iconOnHover = _this$props2.iconOnHover,
122
+ isFocus = _this$props2.isFocus,
123
+ onClearMouseDown = _this$props2.onClearMouseDown,
124
+ customProps = _this$props2.customProps;
151
125
  var isActive = this.state.isActive;
152
126
  var _customClass$customTB = customClass.customTBoxWrap,
153
- customTBoxWrap = _customClass$customTB === void 0 ? '' : _customClass$customTB,
154
- _customClass$customTe = customClass.customTextBox,
155
- customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe,
156
- _customClass$customTB2 = customClass.customTBoxIcon,
157
- customTBoxIcon = _customClass$customTB2 === void 0 ? '' : _customClass$customTB2,
158
- _customClass$customTB3 = customClass.customTBoxLine,
159
- customTBoxLine = _customClass$customTB3 === void 0 ? '' : _customClass$customTB3;
127
+ customTBoxWrap = _customClass$customTB === void 0 ? '' : _customClass$customTB,
128
+ _customClass$customTe = customClass.customTextBox,
129
+ customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe,
130
+ _customClass$customTB2 = customClass.customTBoxIcon,
131
+ customTBoxIcon = _customClass$customTB2 === void 0 ? '' : _customClass$customTB2,
132
+ _customClass$customTB3 = customClass.customTBoxLine,
133
+ customTBoxLine = _customClass$customTB3 === void 0 ? '' : _customClass$customTB3;
160
134
  var _i18nKeys$clearText = i18nKeys.clearText,
161
- clearText = _i18nKeys$clearText === void 0 ? 'Clear' : _i18nKeys$clearText;
135
+ clearText = _i18nKeys$clearText === void 0 ? 'Clear' : _i18nKeys$clearText;
162
136
  var _customProps$TextBoxP = customProps.TextBoxProps,
163
- TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP;
137
+ TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP;
164
138
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
165
139
  alignBox: "row",
166
140
  isCover: false,
@@ -220,13 +194,12 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
220
194
  }));
221
195
  }
222
196
  }]);
223
-
224
197
  return TextBoxIcon;
225
198
  }(_react["default"].Component);
226
-
227
199
  exports["default"] = TextBoxIcon;
228
200
  TextBoxIcon.defaultProps = _defaultProps.defaultProps;
229
- TextBoxIcon.propTypes = _propTypes.propTypes; // if (__DOCS__) {
201
+ TextBoxIcon.propTypes = _propTypes.propTypes;
202
+ // if (__DOCS__) {
230
203
  // TextBoxIcon.docs = {
231
204
  // componentGroup: 'Form Elements',
232
205
  // folderName: 'Style Guide',
@@ -1,10 +1,10 @@
1
1
  .varClass {
2
2
  /* textboxicon default variables */
3
- --textboxicon_line_height: var(--zd_size1);
3
+ --textboxicon_line_height: 1px;
4
4
  --textboxicon_line_color: var(--zdt_textboxicon_default_line_bg);
5
5
 
6
6
  /* textboxicon icon default variables */
7
- --textboxicon_icon_margin: 0 var(--zd_size5);
7
+ --textboxicon_icon_margin: 0 5px;
8
8
  --textboxicon_icon_cursor: pointer;
9
9
  --textboxicon_icon_color: var(--zdt_textboxicon_default_icon);
10
10
  }
@@ -35,7 +35,7 @@
35
35
  }
36
36
  .line {
37
37
  position: absolute;
38
- bottom: 0 ;
38
+ bottom: 0;
39
39
  /* Variable:Ignore */
40
40
  min-height: 1px;
41
41
  transition: var(--zd_transition2);
@@ -43,12 +43,12 @@
43
43
  transform: perspective(1px);
44
44
  }
45
45
  [dir=ltr] .line {
46
- left: 0 ;
47
- right: 0 ;
46
+ left: 0;
47
+ right: 0;
48
48
  }
49
49
  [dir=rtl] .line {
50
- right: 0 ;
51
- left: 0 ;
50
+ right: 0;
51
+ left: 0;
52
52
  }
53
53
  .line, .borderColor_default {
54
54
  background-color: var(--textboxicon_line_color);
@@ -1,13 +1,9 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
-
5
4
  var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon"));
6
-
7
5
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
6
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
7
  // children: PropTypes.node,
12
8
  // disabled: PropTypes.bool,
13
9
  // iconRotated: PropTypes.bool,
@@ -31,6 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
31
27
  // type: PropTypes.oneOf(['text', 'password', 'number']),
32
28
  // value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
33
29
  // variant: PropTypes.oneOf(['primary', 'secondary', 'default'])
30
+
34
31
  describe('TextBoxIcon component', function () {
35
32
  it('should display size small', function () {
36
33
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
@@ -39,7 +36,6 @@ describe('TextBoxIcon component', function () {
39
36
  size: "small",
40
37
  variant: "default"
41
38
  }));
42
-
43
39
  var tree = ele.toJSON();
44
40
  expect(tree).toMatchSnapshot();
45
41
  });
@@ -50,7 +46,6 @@ describe('TextBoxIcon component', function () {
50
46
  size: "medium",
51
47
  variant: "default"
52
48
  }));
53
-
54
49
  var tree = ele.toJSON();
55
50
  expect(tree).toMatchSnapshot();
56
51
  });
@@ -61,7 +56,6 @@ describe('TextBoxIcon component', function () {
61
56
  size: "xmedium",
62
57
  variant: "default"
63
58
  }));
64
-
65
59
  var tree = ele.toJSON();
66
60
  expect(tree).toMatchSnapshot();
67
61
  });
@@ -72,7 +66,6 @@ describe('TextBoxIcon component', function () {
72
66
  size: "small",
73
67
  variant: "primary"
74
68
  }));
75
-
76
69
  var tree = ele.toJSON();
77
70
  expect(tree).toMatchSnapshot();
78
71
  });
@@ -83,7 +76,6 @@ describe('TextBoxIcon component', function () {
83
76
  size: "medium",
84
77
  variant: "primary"
85
78
  }));
86
-
87
79
  var tree = ele.toJSON();
88
80
  expect(tree).toMatchSnapshot();
89
81
  });
@@ -94,7 +86,6 @@ describe('TextBoxIcon component', function () {
94
86
  size: "xmedium",
95
87
  variant: "primary"
96
88
  }));
97
-
98
89
  var tree = ele.toJSON();
99
90
  expect(tree).toMatchSnapshot();
100
91
  });
@@ -105,7 +96,6 @@ describe('TextBoxIcon component', function () {
105
96
  size: "small",
106
97
  variant: "secondary"
107
98
  }));
108
-
109
99
  var tree = ele.toJSON();
110
100
  expect(tree).toMatchSnapshot();
111
101
  });
@@ -116,7 +106,6 @@ describe('TextBoxIcon component', function () {
116
106
  size: "medium",
117
107
  variant: "secondary"
118
108
  }));
119
-
120
109
  var tree = ele.toJSON();
121
110
  expect(tree).toMatchSnapshot();
122
111
  });
@@ -127,7 +116,6 @@ describe('TextBoxIcon component', function () {
127
116
  size: "xmedium",
128
117
  variant: "secondary"
129
118
  }));
130
-
131
119
  var tree = ele.toJSON();
132
120
  expect(tree).toMatchSnapshot();
133
121
  });
@@ -150,7 +138,9 @@ describe('TextBoxIcon component', function () {
150
138
  text: "Text Box Working"
151
139
  }));
152
140
  expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBoxIcon').getAttribute('placeholder')).toMatch(/Text Box/);
153
- }); // it('Check disabled works', () => {
141
+ });
142
+
143
+ // it('Check disabled works', () => {
154
144
  // let renderedDOM = TestUtils.renderIntoDocument(
155
145
  // <TextBoxIcon maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' disabled />
156
146
  // );
@@ -166,6 +156,7 @@ describe('TextBoxIcon component', function () {
166
156
  // pass
167
157
  // ).toBe(true);
168
158
  // });
159
+
169
160
  // it('Check readOnly works', () => {
170
161
  // let renderedDOM = TestUtils.renderIntoDocument(
171
162
  // <TextBoxIcon maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' readOnly />
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
-
8
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
9
  var propTypes = {
13
10
  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'error']),
14
11
  children: _propTypes["default"].node,