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

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 (352) hide show
  1. package/README.md +4 -0
  2. package/es/Accordion/Accordion.js +7 -3
  3. package/es/Accordion/AccordionItem.js +4 -2
  4. package/es/Animation/Animation.js +3 -3
  5. package/es/AppContainer/AppContainer.js +13 -5
  6. package/es/Avatar/Avatar.js +23 -11
  7. package/es/AvatarTeam/AvatarTeam.js +3 -3
  8. package/es/Button/Button.js +4 -3
  9. package/es/Buttongroup/Buttongroup.js +3 -3
  10. package/es/Card/Card.js +21 -10
  11. package/es/CheckBox/CheckBox.js +5 -3
  12. package/es/DateTime/CalendarView.js +32 -20
  13. package/es/DateTime/DateTime.js +75 -10
  14. package/es/DateTime/DateTimePopupFooter.js +4 -2
  15. package/es/DateTime/DateTimePopupHeader.js +8 -2
  16. package/es/DateTime/DateWidget.js +98 -35
  17. package/es/DateTime/DaysRow.js +4 -2
  18. package/es/DateTime/Time.js +10 -2
  19. package/es/DateTime/YearView.js +28 -4
  20. package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
  21. package/es/DateTime/__tests__/DateTime.spec.js +1 -0
  22. package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
  23. package/es/DateTime/common.js +3 -0
  24. package/es/DateTime/constants.js +1 -0
  25. package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
  26. package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
  27. package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
  28. package/es/DateTime/dateFormatUtils/index.js +32 -2
  29. package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
  30. package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
  31. package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
  32. package/es/DateTime/objectUtils.js +14 -20
  33. package/es/DateTime/props/defaultProps.js +2 -1
  34. package/es/DateTime/typeChecker.js +3 -0
  35. package/es/DateTime/validator.js +58 -6
  36. package/es/DropBox/DropBox.js +6 -2
  37. package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
  38. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
  39. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
  40. package/es/DropBox/props/defaultProps.js +1 -2
  41. package/es/DropBox/props/propTypes.js +1 -2
  42. package/es/DropDown/DropDown.js +8 -4
  43. package/es/DropDown/DropDownHeading.js +4 -5
  44. package/es/DropDown/DropDownItem.js +6 -0
  45. package/es/DropDown/DropDownSearch.js +4 -0
  46. package/es/DropDown/DropDownSeparator.js +1 -0
  47. package/es/DropDown/__tests__/DropDown.spec.js +1 -2
  48. package/es/Heading/Heading.js +2 -3
  49. package/es/Label/Label.js +2 -3
  50. package/es/Layout/Box.js +13 -0
  51. package/es/Layout/Container.js +12 -1
  52. package/es/Layout/index.js +1 -2
  53. package/es/ListItem/ListContainer.js +8 -3
  54. package/es/ListItem/ListItem.js +9 -3
  55. package/es/ListItem/ListItemWithAvatar.js +9 -3
  56. package/es/ListItem/ListItemWithCheckBox.js +7 -2
  57. package/es/ListItem/ListItemWithIcon.js +8 -3
  58. package/es/ListItem/ListItemWithRadio.js +7 -3
  59. package/es/Modal/Modal.js +28 -11
  60. package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
  61. package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
  62. package/es/MultiSelect/EmptyState.js +2 -0
  63. package/es/MultiSelect/MultiSelect.js +99 -32
  64. package/es/MultiSelect/MultiSelectHeader.js +3 -0
  65. package/es/MultiSelect/MultiSelectWithAvatar.js +12 -6
  66. package/es/MultiSelect/SelectedOptions.js +6 -3
  67. package/es/MultiSelect/Suggestions.js +7 -3
  68. package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
  69. package/es/MultiSelect/props/propTypes.js +2 -0
  70. package/es/PopOver/PopOver.js +18 -2
  71. package/es/PopOver/__tests__/PopOver.spec.js +2 -1
  72. package/es/Popup/Popup.js +77 -24
  73. package/es/Popup/__tests__/Popup.spec.js +17 -5
  74. package/es/Popup/viewPort.js +16 -4
  75. package/es/Provider/IdProvider.js +10 -5
  76. package/es/Provider/LibraryContext.js +6 -4
  77. package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
  78. package/es/Provider/ZindexProvider.js +9 -2
  79. package/es/Radio/Radio.js +4 -2
  80. package/es/Responsive/CustomResponsive.js +30 -18
  81. package/es/Responsive/RefWrapper.js +6 -7
  82. package/es/Responsive/ResizeComponent.js +35 -25
  83. package/es/Responsive/ResizeObserver.js +26 -6
  84. package/es/Responsive/Responsive.js +34 -20
  85. package/es/Responsive/index.js +1 -3
  86. package/es/Responsive/sizeObservers.js +28 -7
  87. package/es/Responsive/utils/index.js +7 -5
  88. package/es/Responsive/utils/shallowCompare.js +7 -2
  89. package/es/Responsive/windowResizeObserver.js +7 -0
  90. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
  91. package/es/Ribbon/Ribbon.js +3 -2
  92. package/es/RippleEffect/RippleEffect.js +1 -3
  93. package/es/Select/GroupSelect.js +58 -14
  94. package/es/Select/Select.js +79 -33
  95. package/es/Select/SelectWithAvatar.js +17 -4
  96. package/es/Select/SelectWithIcon.js +46 -5
  97. package/es/Select/__tests__/Select.spec.js +6 -8
  98. package/es/Select/props/propTypes.js +1 -0
  99. package/es/Stencils/Stencils.js +3 -3
  100. package/es/Switch/Switch.js +5 -3
  101. package/es/Tab/Tab.js +4 -4
  102. package/es/Tab/TabContent.js +1 -0
  103. package/es/Tab/TabContentWrapper.js +2 -0
  104. package/es/Tab/TabWrapper.js +5 -2
  105. package/es/Tab/Tabs.js +54 -7
  106. package/es/Tab/__tests__/Tab.spec.js +1 -3
  107. package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
  108. package/es/Tag/Tag.js +6 -3
  109. package/es/TextBox/TextBox.js +15 -3
  110. package/es/TextBox/__tests__/TextBox.spec.js +1 -4
  111. package/es/TextBoxIcon/TextBoxIcon.js +9 -2
  112. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
  113. package/es/Textarea/Textarea.js +12 -3
  114. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  115. package/es/Tooltip/Tooltip.js +58 -14
  116. package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
  117. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
  118. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
  119. package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
  120. package/es/semantic/Button/Button.js +3 -2
  121. package/es/utils/Common.js +54 -9
  122. package/es/utils/ContextOptimizer.js +4 -5
  123. package/es/utils/__tests__/debounce.spec.js +2 -2
  124. package/es/utils/constructFullName.js +2 -0
  125. package/es/utils/css/compileClassNames.js +5 -0
  126. package/es/utils/css/mergeStyle.js +7 -6
  127. package/es/utils/css/utils.js +1 -0
  128. package/es/utils/datetime/GMTZones.js +48 -0
  129. package/es/utils/datetime/common.js +31 -7
  130. package/es/utils/debounce.js +5 -1
  131. package/es/utils/dropDownUtils.js +68 -11
  132. package/es/utils/getInitial.js +4 -0
  133. package/es/utils/shallowEqual.js +6 -0
  134. package/lib/Accordion/Accordion.js +42 -18
  135. package/lib/Accordion/AccordionItem.js +40 -18
  136. package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
  137. package/lib/Accordion/index.js +3 -0
  138. package/lib/Accordion/props/propTypes.js +3 -0
  139. package/lib/Animation/Animation.js +38 -18
  140. package/lib/Animation/__tests__/Animation.spec.js +11 -7
  141. package/lib/Animation/props/propTypes.js +3 -0
  142. package/lib/AppContainer/AppContainer.js +56 -21
  143. package/lib/AppContainer/props/propTypes.js +3 -0
  144. package/lib/Avatar/Avatar.js +78 -38
  145. package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
  146. package/lib/Avatar/props/propTypes.js +3 -0
  147. package/lib/AvatarTeam/AvatarTeam.js +52 -30
  148. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
  149. package/lib/AvatarTeam/props/propTypes.js +3 -0
  150. package/lib/Button/Button.js +31 -20
  151. package/lib/Button/css/cssJSLogic.js +18 -17
  152. package/lib/Button/index.js +3 -0
  153. package/lib/Button/props/defaultProps.js +2 -0
  154. package/lib/Button/props/propTypes.js +3 -0
  155. package/lib/Buttongroup/Buttongroup.js +32 -12
  156. package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
  157. package/lib/Buttongroup/props/propTypes.js +3 -0
  158. package/lib/Card/Card.js +102 -46
  159. package/lib/Card/__tests__/Card.spec.js +10 -1
  160. package/lib/Card/index.js +4 -0
  161. package/lib/Card/props/propTypes.js +3 -0
  162. package/lib/CheckBox/CheckBox.js +71 -47
  163. package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
  164. package/lib/CheckBox/props/propTypes.js +3 -0
  165. package/lib/DateTime/CalendarView.js +82 -42
  166. package/lib/DateTime/DateTime.js +246 -158
  167. package/lib/DateTime/DateTimePopupFooter.js +31 -8
  168. package/lib/DateTime/DateTimePopupHeader.js +48 -17
  169. package/lib/DateTime/DateWidget.js +352 -250
  170. package/lib/DateTime/DaysRow.js +27 -5
  171. package/lib/DateTime/Time.js +73 -32
  172. package/lib/DateTime/YearView.js +77 -28
  173. package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
  174. package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
  175. package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
  176. package/lib/DateTime/common.js +6 -0
  177. package/lib/DateTime/constants.js +1 -0
  178. package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
  179. package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
  180. package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
  181. package/lib/DateTime/dateFormatUtils/index.js +74 -16
  182. package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
  183. package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
  184. package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
  185. package/lib/DateTime/index.js +2 -0
  186. package/lib/DateTime/objectUtils.js +24 -20
  187. package/lib/DateTime/props/defaultProps.js +2 -1
  188. package/lib/DateTime/props/propTypes.js +11 -1
  189. package/lib/DateTime/typeChecker.js +4 -0
  190. package/lib/DateTime/validator.js +73 -10
  191. package/lib/DropBox/DropBox.js +34 -10
  192. package/lib/DropBox/DropBoxElement/DropBoxElement.js +59 -38
  193. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +42 -34
  194. package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
  195. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
  196. package/lib/DropBox/__tests__/DropBox.spec.js +6 -2
  197. package/lib/DropBox/css/cssJSLogic.js +3 -1
  198. package/lib/DropBox/props/defaultProps.js +8 -4
  199. package/lib/DropBox/props/propTypes.js +10 -4
  200. package/lib/DropDown/DropDown.js +52 -8
  201. package/lib/DropDown/DropDownHeading.js +39 -20
  202. package/lib/DropDown/DropDownItem.js +42 -20
  203. package/lib/DropDown/DropDownSearch.js +40 -17
  204. package/lib/DropDown/DropDownSeparator.js +24 -4
  205. package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
  206. package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
  207. package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
  208. package/lib/DropDown/index.js +9 -0
  209. package/lib/DropDown/props/propTypes.js +6 -4
  210. package/lib/Heading/Heading.js +37 -15
  211. package/lib/Heading/props/propTypes.js +3 -0
  212. package/lib/Label/Label.js +39 -19
  213. package/lib/Label/__tests__/Label.spec.js +14 -1
  214. package/lib/Label/props/propTypes.js +3 -0
  215. package/lib/Layout/Box.js +31 -11
  216. package/lib/Layout/Container.js +29 -10
  217. package/lib/Layout/__tests__/Box.spec.js +65 -49
  218. package/lib/Layout/__tests__/Container.spec.js +67 -50
  219. package/lib/Layout/index.js +3 -0
  220. package/lib/Layout/props/propTypes.js +3 -0
  221. package/lib/Layout/utils.js +10 -0
  222. package/lib/ListItem/ListContainer.js +48 -27
  223. package/lib/ListItem/ListItem.js +69 -45
  224. package/lib/ListItem/ListItemWithAvatar.js +75 -48
  225. package/lib/ListItem/ListItemWithCheckBox.js +64 -39
  226. package/lib/ListItem/ListItemWithIcon.js +68 -44
  227. package/lib/ListItem/ListItemWithRadio.js +65 -41
  228. package/lib/ListItem/index.js +7 -0
  229. package/lib/ListItem/props/propTypes.js +6 -4
  230. package/lib/Modal/Modal.js +45 -10
  231. package/lib/Modal/props/propTypes.js +3 -0
  232. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +294 -166
  233. package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
  234. package/lib/MultiSelect/EmptyState.js +45 -24
  235. package/lib/MultiSelect/MultiSelect.js +323 -206
  236. package/lib/MultiSelect/MultiSelectHeader.js +30 -8
  237. package/lib/MultiSelect/MultiSelectWithAvatar.js +105 -63
  238. package/lib/MultiSelect/SelectedOptions.js +43 -17
  239. package/lib/MultiSelect/Suggestions.js +64 -32
  240. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
  241. package/lib/MultiSelect/index.js +5 -0
  242. package/lib/MultiSelect/props/defaultProps.js +2 -0
  243. package/lib/MultiSelect/props/propTypes.js +5 -0
  244. package/lib/PopOver/PopOver.js +95 -49
  245. package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
  246. package/lib/PopOver/index.js +4 -0
  247. package/lib/PopOver/props/propTypes.js +3 -0
  248. package/lib/Popup/Popup.js +158 -81
  249. package/lib/Popup/__tests__/Popup.spec.js +43 -8
  250. package/lib/Popup/viewPort.js +28 -14
  251. package/lib/Provider/AvatarSize.js +4 -0
  252. package/lib/Provider/Config.js +2 -0
  253. package/lib/Provider/CssProvider.js +4 -0
  254. package/lib/Provider/IdProvider.js +17 -6
  255. package/lib/Provider/LibraryContext.js +35 -15
  256. package/lib/Provider/LibraryContextInit.js +4 -0
  257. package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
  258. package/lib/Provider/ZindexProvider.js +15 -3
  259. package/lib/Provider/index.js +5 -0
  260. package/lib/Radio/Radio.js +61 -38
  261. package/lib/Radio/__tests__/Radiospec.js +9 -5
  262. package/lib/Radio/props/propTypes.js +3 -0
  263. package/lib/Responsive/CustomResponsive.js +73 -29
  264. package/lib/Responsive/RefWrapper.js +17 -11
  265. package/lib/Responsive/ResizeComponent.js +62 -36
  266. package/lib/Responsive/ResizeObserver.js +24 -10
  267. package/lib/Responsive/Responsive.js +80 -30
  268. package/lib/Responsive/index.js +4 -0
  269. package/lib/Responsive/props/propTypes.js +3 -0
  270. package/lib/Responsive/sizeObservers.js +53 -17
  271. package/lib/Responsive/utils/index.js +11 -3
  272. package/lib/Responsive/utils/shallowCompare.js +11 -2
  273. package/lib/Responsive/windowResizeObserver.js +8 -0
  274. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
  275. package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
  276. package/lib/Ribbon/Ribbon.js +33 -13
  277. package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
  278. package/lib/Ribbon/props/propTypes.js +3 -0
  279. package/lib/RippleEffect/RippleEffect.js +18 -10
  280. package/lib/RippleEffect/props/propTypes.js +3 -0
  281. package/lib/Select/GroupSelect.js +229 -130
  282. package/lib/Select/Select.js +290 -209
  283. package/lib/Select/SelectWithAvatar.js +102 -56
  284. package/lib/Select/SelectWithIcon.js +132 -76
  285. package/lib/Select/__tests__/Select.spec.js +133 -91
  286. package/lib/Select/index.js +5 -0
  287. package/lib/Select/props/defaultProps.js +5 -4
  288. package/lib/Select/props/propTypes.js +4 -0
  289. package/lib/Stencils/Stencils.js +29 -10
  290. package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
  291. package/lib/Stencils/props/propTypes.js +3 -0
  292. package/lib/Switch/Switch.js +57 -34
  293. package/lib/Switch/props/propTypes.js +3 -0
  294. package/lib/Tab/Tab.js +40 -27
  295. package/lib/Tab/TabContent.js +12 -5
  296. package/lib/Tab/TabContentWrapper.js +13 -6
  297. package/lib/Tab/TabWrapper.js +37 -19
  298. package/lib/Tab/Tabs.js +171 -91
  299. package/lib/Tab/__tests__/Tab.spec.js +67 -58
  300. package/lib/Tab/__tests__/TabContent.spec.js +10 -6
  301. package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
  302. package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
  303. package/lib/Tab/__tests__/Tabs.spec.js +53 -39
  304. package/lib/Tab/index.js +6 -0
  305. package/lib/Tab/props/propTypes.js +3 -0
  306. package/lib/Tag/Tag.js +72 -43
  307. package/lib/Tag/__tests__/Tag.spec.js +14 -8
  308. package/lib/Tag/props/propTypes.js +3 -0
  309. package/lib/TextBox/TextBox.js +85 -59
  310. package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
  311. package/lib/TextBox/props/propTypes.js +6 -4
  312. package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
  313. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
  314. package/lib/TextBoxIcon/props/propTypes.js +3 -0
  315. package/lib/Textarea/Textarea.js +54 -29
  316. package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
  317. package/lib/Textarea/props/propTypes.js +3 -0
  318. package/lib/Tooltip/Tooltip.js +94 -31
  319. package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
  320. package/lib/Tooltip/props/propTypes.js +3 -0
  321. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
  322. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  323. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
  324. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  325. package/lib/VelocityAnimation/index.js +3 -0
  326. package/lib/css.js +40 -0
  327. package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
  328. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
  329. package/lib/index.js +57 -0
  330. package/lib/semantic/Button/Button.js +42 -22
  331. package/lib/semantic/Button/props/propTypes.js +3 -0
  332. package/lib/semantic/index.js +2 -0
  333. package/lib/utils/Common.js +110 -18
  334. package/lib/utils/ContextOptimizer.js +16 -10
  335. package/lib/utils/__tests__/constructFullName.spec.js +1 -0
  336. package/lib/utils/__tests__/debounce.spec.js +3 -2
  337. package/lib/utils/__tests__/getInitial.spec.js +1 -0
  338. package/lib/utils/constructFullName.js +13 -4
  339. package/lib/utils/css/compileClassNames.js +6 -0
  340. package/lib/utils/css/mergeStyle.js +10 -7
  341. package/lib/utils/css/utils.js +8 -0
  342. package/lib/utils/datetime/GMTZones.js +55 -0
  343. package/lib/utils/datetime/common.js +52 -7
  344. package/lib/utils/debounce.js +6 -1
  345. package/lib/utils/dropDownUtils.js +175 -59
  346. package/lib/utils/dummyFunction.js +2 -0
  347. package/lib/utils/getHTMLFontSize.js +1 -0
  348. package/lib/utils/getInitial.js +6 -0
  349. package/lib/utils/index.js +4 -0
  350. package/lib/utils/scrollTo.js +2 -0
  351. package/lib/utils/shallowEqual.js +8 -0
  352. package/package.json +1 -1
@@ -1,15 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _Avatar = _interopRequireDefault(require("../Avatar"));
6
+
5
7
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
+
6
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+
7
11
  var avatarURL = 'avatar.jpg';
8
12
  describe('Avatar component', function () {
9
13
  it('should display initial', function () {
10
14
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
11
15
  name: "vimalesan a"
12
16
  }));
17
+
13
18
  var tree = ele.toJSON();
14
19
  expect(tree).toMatchSnapshot();
15
20
  });
@@ -18,146 +23,185 @@ describe('Avatar component', function () {
18
23
  name: "vimalesan a",
19
24
  src: avatarURL
20
25
  }));
26
+
21
27
  var tree = ele.toJSON();
22
28
  expect(tree).toMatchSnapshot();
23
29
  });
24
30
  it('should display initial if invalid url', function () {
25
31
  _Avatar["default"].invalidImageURLs.push(avatarURL);
32
+
26
33
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
27
34
  name: "vimalesan a",
28
35
  src: avatarURL
29
36
  }));
37
+
30
38
  var tree = ele.toJSON();
31
39
  expect(tree).toMatchSnapshot();
32
40
  });
33
41
  it('should display image valid url', function () {
34
42
  _Avatar["default"].invalidImageURLs.length = 0;
43
+
35
44
  _Avatar["default"].validImageURLs.push(avatarURL);
45
+
36
46
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
37
47
  name: "vimalesan a",
38
48
  src: avatarURL
39
49
  }));
50
+
40
51
  var tree = ele.toJSON();
41
52
  expect(tree).toMatchSnapshot();
42
53
  });
43
54
  it('should the palette is default', function () {
44
55
  _Avatar["default"].invalidImageURLs.length = 0;
56
+
45
57
  _Avatar["default"].validImageURLs.push(avatarURL);
58
+
46
59
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
47
60
  name: "vimalesan a",
48
61
  src: avatarURL,
49
62
  palette: "default"
50
63
  }));
64
+
51
65
  var tree = ele.toJSON();
52
66
  expect(tree).toMatchSnapshot();
53
67
  });
54
68
  it('should the palette is secondary', function () {
55
69
  _Avatar["default"].invalidImageURLs.length = 0;
70
+
56
71
  _Avatar["default"].validImageURLs.push(avatarURL);
72
+
57
73
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
58
74
  name: "vimalesan a",
59
75
  src: avatarURL,
60
76
  palette: "secondary"
61
77
  }));
78
+
62
79
  var tree = ele.toJSON();
63
80
  expect(tree).toMatchSnapshot();
64
81
  });
65
82
  it('should the palette is info', function () {
66
83
  _Avatar["default"].invalidImageURLs.length = 0;
84
+
67
85
  _Avatar["default"].validImageURLs.push(avatarURL);
86
+
68
87
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
69
88
  name: "vimalesan a",
70
89
  src: avatarURL,
71
90
  palette: "info"
72
91
  }));
92
+
73
93
  var tree = ele.toJSON();
74
94
  expect(tree).toMatchSnapshot();
75
95
  });
76
96
  it('should the shape is square', function () {
77
97
  _Avatar["default"].invalidImageURLs.length = 0;
98
+
78
99
  _Avatar["default"].validImageURLs.push(avatarURL);
100
+
79
101
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
80
102
  name: "vimalesan a",
81
103
  src: avatarURL,
82
104
  shape: "square"
83
105
  }));
106
+
84
107
  var tree = ele.toJSON();
85
108
  expect(tree).toMatchSnapshot();
86
109
  });
87
110
  it('should the size is small', function () {
88
111
  _Avatar["default"].invalidImageURLs.length = 0;
112
+
89
113
  _Avatar["default"].validImageURLs.push(avatarURL);
114
+
90
115
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
91
116
  name: "vimalesan a",
92
117
  src: avatarURL,
93
118
  size: "square"
94
119
  }));
120
+
95
121
  var tree = ele.toJSON();
96
122
  expect(tree).toMatchSnapshot();
97
123
  });
98
124
  it('should the size is xsmall', function () {
99
125
  _Avatar["default"].invalidImageURLs.length = 0;
126
+
100
127
  _Avatar["default"].validImageURLs.push(avatarURL);
128
+
101
129
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
102
130
  name: "vimalesan a",
103
131
  src: avatarURL,
104
132
  size: "xsmall"
105
133
  }));
134
+
106
135
  var tree = ele.toJSON();
107
136
  expect(tree).toMatchSnapshot();
108
137
  });
109
138
  it('should the size is xmedium', function () {
110
139
  _Avatar["default"].invalidImageURLs.length = 0;
140
+
111
141
  _Avatar["default"].validImageURLs.push(avatarURL);
142
+
112
143
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
113
144
  name: "vimalesan a",
114
145
  src: avatarURL,
115
146
  size: "xmedium"
116
147
  }));
148
+
117
149
  var tree = ele.toJSON();
118
150
  expect(tree).toMatchSnapshot();
119
151
  });
120
152
  it('should the size is large', function () {
121
153
  _Avatar["default"].invalidImageURLs.length = 0;
154
+
122
155
  _Avatar["default"].validImageURLs.push(avatarURL);
156
+
123
157
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
124
158
  name: "vimalesan a",
125
159
  src: avatarURL,
126
160
  size: "large"
127
161
  }));
162
+
128
163
  var tree = ele.toJSON();
129
164
  expect(tree).toMatchSnapshot();
130
165
  });
131
166
  it('should the size is xlarge', function () {
132
167
  _Avatar["default"].invalidImageURLs.length = 0;
168
+
133
169
  _Avatar["default"].validImageURLs.push(avatarURL);
170
+
134
171
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
135
172
  name: "vimalesan a",
136
173
  src: avatarURL,
137
174
  size: "xlarge"
138
175
  }));
176
+
139
177
  var tree = ele.toJSON();
140
178
  expect(tree).toMatchSnapshot();
141
179
  });
142
180
  it('should have title', function () {
143
181
  _Avatar["default"].invalidImageURLs.length = 0;
182
+
144
183
  _Avatar["default"].validImageURLs.push(avatarURL);
184
+
145
185
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
146
186
  name: "vimalesan a",
147
187
  src: avatarURL,
148
188
  title: "Sample Title"
149
189
  }));
190
+
150
191
  var tree = ele.toJSON();
151
192
  expect(tree).toMatchSnapshot();
152
193
  });
153
194
  it('should no need title', function () {
154
195
  _Avatar["default"].invalidImageURLs.length = 0;
196
+
155
197
  _Avatar["default"].validImageURLs.push(avatarURL);
198
+
156
199
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
157
200
  name: "vimalesan a",
158
201
  src: avatarURL,
159
202
  needTitle: false
160
203
  }));
204
+
161
205
  var tree = ele.toJSON();
162
206
  expect(tree).toMatchSnapshot();
163
207
  });
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  dataId: _propTypes["default"].string,
11
14
  dataSelectorId: _propTypes["default"].string,
@@ -1,75 +1,97 @@
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
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
17
+
12
18
  var _AvatarTeamModule = _interopRequireDefault(require("./AvatarTeam.module.css"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  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); }
23
+
15
24
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
- 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); } }
25
+
26
+ 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); } }
27
+
17
28
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- 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); }
29
+
20
30
  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); }
31
+
21
32
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
+
22
34
  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); }; }
35
+
23
36
  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); }
37
+
24
38
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
+
25
40
  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; } }
41
+
26
42
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
+
27
44
  /* once avatar support firstname lastname and pattern
28
45
  pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
29
46
 
30
47
  Not going to export to external then can kept inside supportapp
31
48
  */
49
+
32
50
  /*
33
51
  eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
34
52
  "small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
35
53
  */
36
54
  var AvatarTeam = /*#__PURE__*/function (_React$Component) {
37
55
  _inherits(AvatarTeam, _React$Component);
56
+
38
57
  var _super = _createSuper(AvatarTeam);
58
+
39
59
  function AvatarTeam() {
40
60
  _classCallCheck(this, AvatarTeam);
61
+
41
62
  return _super.apply(this, arguments);
42
63
  }
64
+
43
65
  _createClass(AvatarTeam, [{
44
66
  key: "render",
45
67
  value: function render() {
46
68
  var _this$props = this.props,
47
- src = _this$props.src,
48
- name = _this$props.name,
49
- size = _this$props.size,
50
- palette = _this$props.palette,
51
- textPalette = _this$props.textPalette,
52
- onClick = _this$props.onClick,
53
- title = _this$props.title,
54
- isFilled = _this$props.isFilled,
55
- dataId = _this$props.dataId,
56
- needTitle = _this$props.needTitle,
57
- customClass = _this$props.customClass,
58
- borderOnActive = _this$props.borderOnActive,
59
- borderOnHover = _this$props.borderOnHover,
60
- dataSelectorId = _this$props.dataSelectorId,
61
- customProps = _this$props.customProps,
62
- needInnerBorder = _this$props.needInnerBorder,
63
- needBorder = _this$props.needBorder,
64
- needDefaultBorder = _this$props.needDefaultBorder;
69
+ src = _this$props.src,
70
+ name = _this$props.name,
71
+ size = _this$props.size,
72
+ palette = _this$props.palette,
73
+ textPalette = _this$props.textPalette,
74
+ onClick = _this$props.onClick,
75
+ title = _this$props.title,
76
+ isFilled = _this$props.isFilled,
77
+ dataId = _this$props.dataId,
78
+ needTitle = _this$props.needTitle,
79
+ customClass = _this$props.customClass,
80
+ borderOnActive = _this$props.borderOnActive,
81
+ borderOnHover = _this$props.borderOnHover,
82
+ dataSelectorId = _this$props.dataSelectorId,
83
+ customProps = _this$props.customProps,
84
+ needInnerBorder = _this$props.needInnerBorder,
85
+ needBorder = _this$props.needBorder,
86
+ needDefaultBorder = _this$props.needDefaultBorder;
65
87
  var _customProps$AvatarTe = customProps.AvatarTeamProps,
66
- AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
67
- _customProps$AvatarPr = customProps.AvatarProps,
68
- AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
88
+ AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
89
+ _customProps$AvatarPr = customProps.AvatarProps,
90
+ AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
69
91
  var _customClass$customAv = customClass.customAvatar,
70
- customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
71
- _customClass$customAv2 = customClass.customAvatarTeam,
72
- customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
92
+ customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
93
+ _customClass$customAv2 = customClass.customAvatarTeam,
94
+ customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
73
95
  var border = borderOnHover || onClick;
74
96
  return /*#__PURE__*/_react["default"].createElement("span", _extends({
75
97
  className: "".concat(_AvatarTeamModule["default"].container, " ").concat(borderOnActive ? _AvatarTeamModule["default"].borderOnActive : border ? _AvatarTeamModule["default"].borderOnHover : '', " "),
@@ -95,13 +117,13 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
95
117
  }));
96
118
  }
97
119
  }]);
120
+
98
121
  return AvatarTeam;
99
122
  }(_react["default"].Component);
123
+
100
124
  exports["default"] = AvatarTeam;
101
125
  AvatarTeam.defaultProps = _defaultProps.defaultProps;
102
- AvatarTeam.propTypes = _propTypes.propTypes;
103
-
104
- // if (__DOCS__) {
126
+ AvatarTeam.propTypes = _propTypes.propTypes; // if (__DOCS__) {
105
127
  // AvatarTeam.docs = {
106
128
  // componentGroup: 'Avatar Group',
107
129
  // folderName: 'Style Guide',
@@ -1,14 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam"));
6
+
5
7
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
+
6
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+
7
11
  describe('AvatarTeam component', function () {
8
12
  it('should display initial', function () {
9
13
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
10
14
  name: "vimalesan a"
11
15
  }));
16
+
12
17
  var tree = ele.toJSON();
13
18
  expect(tree).toMatchSnapshot();
14
19
  });
@@ -17,6 +22,7 @@ describe('AvatarTeam component', function () {
17
22
  name: "vimalesan a",
18
23
  isFilled: true
19
24
  }));
25
+
20
26
  var tree = ele.toJSON();
21
27
  expect(tree).toMatchSnapshot();
22
28
  });
@@ -25,6 +31,7 @@ describe('AvatarTeam component', function () {
25
31
  name: "vimalesan a",
26
32
  palette: "secondary"
27
33
  }));
34
+
28
35
  var tree = ele.toJSON();
29
36
  expect(tree).toMatchSnapshot();
30
37
  });
@@ -33,6 +40,7 @@ describe('AvatarTeam component', function () {
33
40
  name: "vimalesan a",
34
41
  palette: "info"
35
42
  }));
43
+
36
44
  var tree = ele.toJSON();
37
45
  expect(tree).toMatchSnapshot();
38
46
  });
@@ -41,6 +49,7 @@ describe('AvatarTeam component', function () {
41
49
  name: "vimalesan a",
42
50
  size: "small"
43
51
  }));
52
+
44
53
  var tree = ele.toJSON();
45
54
  expect(tree).toMatchSnapshot();
46
55
  });
@@ -49,6 +58,7 @@ describe('AvatarTeam component', function () {
49
58
  name: "vimalesan a",
50
59
  size: "xsmall"
51
60
  }));
61
+
52
62
  var tree = ele.toJSON();
53
63
  expect(tree).toMatchSnapshot();
54
64
  });
@@ -57,6 +67,7 @@ describe('AvatarTeam component', function () {
57
67
  name: "vimalesan a",
58
68
  size: "xmedium"
59
69
  }));
70
+
60
71
  var tree = ele.toJSON();
61
72
  expect(tree).toMatchSnapshot();
62
73
  });
@@ -65,6 +76,7 @@ describe('AvatarTeam component', function () {
65
76
  name: "vimalesan a",
66
77
  size: "large"
67
78
  }));
79
+
68
80
  var tree = ele.toJSON();
69
81
  expect(tree).toMatchSnapshot();
70
82
  });
@@ -73,6 +85,7 @@ describe('AvatarTeam component', function () {
73
85
  name: "vimalesan a",
74
86
  size: "xlarge"
75
87
  }));
88
+
76
89
  var tree = ele.toJSON();
77
90
  expect(tree).toMatchSnapshot();
78
91
  });
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  dataId: _propTypes["default"].string,
11
14
  dataSelectorId: _propTypes["default"].string,
@@ -4,41 +4,53 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = Button;
7
+
7
8
  var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _defaultProps = require("./props/defaultProps");
11
+
9
12
  var _propTypes = require("./props/propTypes");
13
+
10
14
  var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
15
+
11
16
  var _utils = require("./../utils/");
17
+
12
18
  var _ButtonModule = _interopRequireDefault(require("./css/Button.module.css"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  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); }
23
+
15
24
  /*
16
25
  Button text and children props?
17
26
  use children for both cases
18
27
  toLowerCase check needed?
19
28
  */
29
+
20
30
  /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
21
31
  function Button(props) {
22
32
  var text = props.text,
23
- disabled = props.disabled,
24
- onClick = props.onClick,
25
- status = props.status,
26
- children = props.children,
27
- dataId = props.dataId,
28
- needAppearance = props.needAppearance,
29
- getRef = props.getRef,
30
- title = props.title,
31
- dataSelectorId = props.dataSelectorId,
32
- customProps = props.customProps,
33
- customStyle = props.customStyle;
33
+ disabled = props.disabled,
34
+ onClick = props.onClick,
35
+ status = props.status,
36
+ children = props.children,
37
+ dataId = props.dataId,
38
+ needAppearance = props.needAppearance,
39
+ getRef = props.getRef,
40
+ title = props.title,
41
+ dataSelectorId = props.dataSelectorId,
42
+ customProps = props.customProps,
43
+ customStyle = props.customStyle;
34
44
  var finalStyle = (0, _utils.mergeStyle)(_ButtonModule["default"], customStyle);
45
+
35
46
  var _cssJSLogic = (0, _cssJSLogic2["default"])({
36
- props: props,
37
- style: finalStyle
38
- }),
39
- buttonClass = _cssJSLogic.buttonClass,
40
- loaderParentClass = _cssJSLogic.loaderParentClass,
41
- loaderChildClass = _cssJSLogic.loaderChildClass;
47
+ props: props,
48
+ style: finalStyle
49
+ }),
50
+ buttonClass = _cssJSLogic.buttonClass,
51
+ loaderParentClass = _cssJSLogic.loaderParentClass,
52
+ loaderChildClass = _cssJSLogic.loaderChildClass;
53
+
42
54
  var statusLower = status.toLowerCase();
43
55
  return /*#__PURE__*/_react["default"].createElement("button", _extends({
44
56
  className: buttonClass,
@@ -57,10 +69,9 @@ function Button(props) {
57
69
  className: loaderChildClass
58
70
  }))));
59
71
  }
60
- Button.defaultProps = _defaultProps.defaultProps;
61
- Button.propTypes = _propTypes.propTypes;
62
72
 
63
- // if (__DOCS__) {
73
+ Button.defaultProps = _defaultProps.defaultProps;
74
+ Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
64
75
  // Button.docs = {
65
76
  // componentGroup: 'Form Elements',
66
77
  // folderName: 'Style Guide'
@@ -4,29 +4,30 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = cssJSLogic;
7
+
7
8
  var _utils = require("./../../utils");
8
- 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); }
9
- 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; }
10
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
11
- 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); }
9
+
10
+ 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; }
11
+
12
12
  function cssJSLogic(_ref) {
13
13
  var _compileClassNames, _compileClassNames2, _compileClassNames3;
14
+
14
15
  var props = _ref.props,
15
- style = _ref.style;
16
+ style = _ref.style;
16
17
  var customClass = props.customClass,
17
- needAppearance = props.needAppearance,
18
- isBold = props.isBold,
19
- rounded = props.rounded,
20
- size = props.size,
21
- children = props.children,
22
- palette = props.palette,
23
- status = props.status;
18
+ needAppearance = props.needAppearance,
19
+ isBold = props.isBold,
20
+ rounded = props.rounded,
21
+ size = props.size,
22
+ children = props.children,
23
+ palette = props.palette,
24
+ status = props.status;
24
25
  var _customClass$customBu = customClass.customButton,
25
- customButton = _customClass$customBu === void 0 ? '' : _customClass$customBu,
26
- _customClass$customSt = customClass.customStatus,
27
- customStatus = _customClass$customSt === void 0 ? '' : _customClass$customSt,
28
- _customClass$customSt2 = customClass.customStatusSize,
29
- customStatusSize = _customClass$customSt2 === void 0 ? '' : _customClass$customSt2;
26
+ customButton = _customClass$customBu === void 0 ? '' : _customClass$customBu,
27
+ _customClass$customSt = customClass.customStatus,
28
+ customStatus = _customClass$customSt === void 0 ? '' : _customClass$customSt,
29
+ _customClass$customSt2 = customClass.customStatusSize,
30
+ customStatusSize = _customClass$customSt2 === void 0 ? '' : _customClass$customSt2;
30
31
  var paletteLower = palette.toLowerCase();
31
32
  var statusLower = status.toLowerCase();
32
33
  var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
@@ -15,6 +15,9 @@ Object.defineProperty(exports, "ButtonPropTypes", {
15
15
  return _propTypes["default"];
16
16
  }
17
17
  });
18
+
18
19
  var _Button = _interopRequireDefault(require("./Button"));
20
+
19
21
  var _propTypes = _interopRequireDefault(require("./props/propTypes"));
22
+
20
23
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.defaultProps = void 0;
7
+
7
8
  var _dummyFunction = require("../../utils/dummyFunction");
9
+
8
10
  var defaultProps = {
9
11
  children: null,
10
12
  dataId: 'buttonComp',
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = exports["default"] = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  children: _propTypes["default"].node,
11
14
  className: _propTypes["default"].string,