@bigbinary/neetoui 8.3.0-beta2 → 8.3.1

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 (283) hide show
  1. package/README.md +1 -0
  2. package/dist/ActionDropdown.js +7 -6
  3. package/dist/ActionDropdown.js.map +1 -1
  4. package/dist/Alert.js +9 -9
  5. package/dist/Alert.js.map +1 -1
  6. package/dist/Avatar.js +1 -0
  7. package/dist/Avatar.js.map +1 -1
  8. package/dist/Button.js +5 -52
  9. package/dist/Button.js.map +1 -1
  10. package/dist/Checkbox.js +6 -5
  11. package/dist/Checkbox.js.map +1 -1
  12. package/dist/ColorPicker.js +147 -51
  13. package/dist/ColorPicker.js.map +1 -1
  14. package/dist/DatePicker.js +18 -19
  15. package/dist/DatePicker.js.map +1 -1
  16. package/dist/Dropdown.js +4 -3
  17. package/dist/Dropdown.js.map +1 -1
  18. package/dist/Input.js +14 -10
  19. package/dist/Input.js.map +1 -1
  20. package/dist/Kbd.js +1 -0
  21. package/dist/Kbd.js.map +1 -1
  22. package/dist/Label.js +72 -55
  23. package/dist/Label.js.map +1 -1
  24. package/dist/Modal.js +21 -8
  25. package/dist/Modal.js.map +1 -1
  26. package/dist/MultiEmailInput.js +98 -60
  27. package/dist/MultiEmailInput.js.map +1 -1
  28. package/dist/NoData.js +1 -2
  29. package/dist/NoData.js.map +1 -1
  30. package/dist/Pagination.js +5 -5
  31. package/dist/Pane.js +58 -22
  32. package/dist/Pane.js.map +1 -1
  33. package/dist/ProgressBar.js +1 -0
  34. package/dist/ProgressBar.js.map +1 -1
  35. package/dist/Radio.js +11 -8
  36. package/dist/Radio.js.map +1 -1
  37. package/dist/Select.js +52 -22
  38. package/dist/Select.js.map +1 -1
  39. package/dist/Sidebar.js +6 -4
  40. package/dist/Sidebar.js.map +1 -1
  41. package/dist/Slider.js +6 -5
  42. package/dist/Slider.js.map +1 -1
  43. package/dist/Stepper.js +1 -0
  44. package/dist/Stepper.js.map +1 -1
  45. package/dist/Switch.js +9 -5
  46. package/dist/Switch.js.map +1 -1
  47. package/dist/Table.js +358 -194
  48. package/dist/Table.js.map +1 -1
  49. package/dist/{Textarea-67a30930.js → Textarea-TKn0l0RC.js} +5 -4
  50. package/dist/Textarea-TKn0l0RC.js.map +1 -0
  51. package/dist/Textarea.js +7 -6
  52. package/dist/Textarea.js.map +1 -1
  53. package/dist/TimePicker.js +16 -17
  54. package/dist/TimePicker.js.map +1 -1
  55. package/dist/Toastr.js +45 -23
  56. package/dist/Toastr.js.map +1 -1
  57. package/dist/Tooltip.js +17 -11
  58. package/dist/Tooltip.js.map +1 -1
  59. package/dist/TranslationProvider.js +45 -13
  60. package/dist/TranslationProvider.js.map +1 -1
  61. package/dist/Tree.js +15 -8
  62. package/dist/Tree.js.map +1 -1
  63. package/dist/TreeSelect.js +19 -7
  64. package/dist/TreeSelect.js.map +1 -1
  65. package/dist/cjs/Accordion.js +18 -27
  66. package/dist/cjs/Accordion.js.map +1 -1
  67. package/dist/cjs/ActionDropdown.js +13 -20
  68. package/dist/cjs/ActionDropdown.js.map +1 -1
  69. package/dist/cjs/Alert.js +15 -20
  70. package/dist/cjs/Alert.js.map +1 -1
  71. package/dist/cjs/Avatar.js +11 -19
  72. package/dist/cjs/Avatar.js.map +1 -1
  73. package/dist/cjs/Button.js +17 -73
  74. package/dist/cjs/Button.js.map +1 -1
  75. package/dist/cjs/Callout.js +5 -13
  76. package/dist/cjs/Callout.js.map +1 -1
  77. package/dist/cjs/Checkbox.js +13 -19
  78. package/dist/cjs/Checkbox.js.map +1 -1
  79. package/dist/cjs/ColorPicker.js +170 -84
  80. package/dist/cjs/ColorPicker.js.map +1 -1
  81. package/dist/cjs/DatePicker.js +18 -19
  82. package/dist/cjs/DatePicker.js.map +1 -1
  83. package/dist/cjs/Dropdown.js +32 -41
  84. package/dist/cjs/Dropdown.js.map +1 -1
  85. package/dist/cjs/Input.js +31 -36
  86. package/dist/cjs/Input.js.map +1 -1
  87. package/dist/cjs/Kbd.js +5 -11
  88. package/dist/cjs/Kbd.js.map +1 -1
  89. package/dist/cjs/Label.js +71 -62
  90. package/dist/cjs/Label.js.map +1 -1
  91. package/dist/cjs/Modal.js +38 -34
  92. package/dist/cjs/Modal.js.map +1 -1
  93. package/dist/cjs/MultiEmailInput.js +126 -99
  94. package/dist/cjs/MultiEmailInput.js.map +1 -1
  95. package/dist/cjs/NoData.js +15 -23
  96. package/dist/cjs/NoData.js.map +1 -1
  97. package/dist/cjs/Pagination.js +21 -27
  98. package/dist/cjs/Pagination.js.map +1 -1
  99. package/dist/cjs/Pane.js +74 -47
  100. package/dist/cjs/Pane.js.map +1 -1
  101. package/dist/cjs/Popover.js +5 -12
  102. package/dist/cjs/Popover.js.map +1 -1
  103. package/dist/cjs/ProgressBar.js +4 -8
  104. package/dist/cjs/ProgressBar.js.map +1 -1
  105. package/dist/cjs/Radio.js +25 -31
  106. package/dist/cjs/Radio.js.map +1 -1
  107. package/dist/cjs/Select.js +95 -78
  108. package/dist/cjs/Select.js.map +1 -1
  109. package/dist/cjs/Sidebar.js +72 -79
  110. package/dist/cjs/Sidebar.js.map +1 -1
  111. package/dist/cjs/Slider.js +15 -23
  112. package/dist/cjs/Slider.js.map +1 -1
  113. package/dist/cjs/Spinner.js +2 -7
  114. package/dist/cjs/Spinner.js.map +1 -1
  115. package/dist/cjs/Stepper.js +7 -11
  116. package/dist/cjs/Stepper.js.map +1 -1
  117. package/dist/cjs/Switch.js +22 -25
  118. package/dist/cjs/Switch.js.map +1 -1
  119. package/dist/cjs/Tab.js +10 -18
  120. package/dist/cjs/Tab.js.map +1 -1
  121. package/dist/cjs/Table.js +387 -236
  122. package/dist/cjs/Table.js.map +1 -1
  123. package/dist/cjs/Tag.js +9 -16
  124. package/dist/cjs/Tag.js.map +1 -1
  125. package/dist/cjs/{Textarea-60f7ed17.js → Textarea-DdURL8Dd.js} +21 -29
  126. package/dist/cjs/Textarea-DdURL8Dd.js.map +1 -0
  127. package/dist/cjs/Textarea.js +7 -6
  128. package/dist/cjs/Textarea.js.map +1 -1
  129. package/dist/cjs/TimePicker.js +16 -17
  130. package/dist/cjs/TimePicker.js.map +1 -1
  131. package/dist/cjs/Toastr.js +61 -49
  132. package/dist/cjs/Toastr.js.map +1 -1
  133. package/dist/cjs/Tooltip.js +20 -22
  134. package/dist/cjs/Tooltip.js.map +1 -1
  135. package/dist/cjs/TranslationProvider.js +48 -21
  136. package/dist/cjs/TranslationProvider.js.map +1 -1
  137. package/dist/cjs/Tree.js +21 -23
  138. package/dist/cjs/Tree.js.map +1 -1
  139. package/dist/cjs/TreeSelect.js +30 -28
  140. package/dist/cjs/TreeSelect.js.map +1 -1
  141. package/dist/cjs/Typography.js +4 -12
  142. package/dist/cjs/Typography.js.map +1 -1
  143. package/dist/cjs/constants.js +7 -19
  144. package/dist/cjs/constants.js.map +1 -1
  145. package/dist/cjs/{en-80d0fbff.js → en-DhnUUSB_.js} +13 -6
  146. package/dist/cjs/en-DhnUUSB_.js.map +1 -0
  147. package/dist/cjs/formik/ActionBlock.js +12 -18
  148. package/dist/cjs/formik/ActionBlock.js.map +1 -1
  149. package/dist/cjs/formik/BlockNavigation.js +24 -42
  150. package/dist/cjs/formik/BlockNavigation.js.map +1 -1
  151. package/dist/cjs/formik/Button.js +3 -10
  152. package/dist/cjs/formik/Button.js.map +1 -1
  153. package/dist/cjs/formik/Checkbox.js +10 -16
  154. package/dist/cjs/formik/Checkbox.js.map +1 -1
  155. package/dist/cjs/formik/Form.js +13 -24
  156. package/dist/cjs/formik/Form.js.map +1 -1
  157. package/dist/cjs/formik/Input.js +10 -16
  158. package/dist/cjs/formik/Input.js.map +1 -1
  159. package/dist/cjs/formik/MultiEmailInput.js +8 -15
  160. package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
  161. package/dist/cjs/formik/Radio.js +10 -17
  162. package/dist/cjs/formik/Radio.js.map +1 -1
  163. package/dist/cjs/formik/Select.js +9 -17
  164. package/dist/cjs/formik/Select.js.map +1 -1
  165. package/dist/cjs/formik/Slider.js +10 -17
  166. package/dist/cjs/formik/Slider.js.map +1 -1
  167. package/dist/cjs/formik/Switch.js +10 -16
  168. package/dist/cjs/formik/Switch.js.map +1 -1
  169. package/dist/cjs/formik/Textarea.js +11 -17
  170. package/dist/cjs/formik/Textarea.js.map +1 -1
  171. package/dist/cjs/formik/TreeSelect.js +8 -14
  172. package/dist/cjs/formik/TreeSelect.js.map +1 -1
  173. package/dist/cjs/formik/index.js +12 -15
  174. package/dist/cjs/formik/index.js.map +1 -1
  175. package/dist/cjs/index-BG9I04iF.js +451 -0
  176. package/dist/cjs/index-BG9I04iF.js.map +1 -0
  177. package/dist/cjs/{index-9d108a41.js → index-DOn2FmWB.js} +80 -80
  178. package/dist/cjs/index-DOn2FmWB.js.map +1 -0
  179. package/dist/cjs/index.css +2 -2
  180. package/dist/cjs/index.js +26 -29
  181. package/dist/cjs/index.js.map +1 -1
  182. package/dist/cjs/layouts.js +6 -7
  183. package/dist/cjs/layouts.js.map +1 -1
  184. package/dist/cjs/managers.js +0 -2
  185. package/dist/cjs/managers.js.map +1 -1
  186. package/dist/cjs/overlayManager.js +2 -9
  187. package/dist/cjs/overlayManager.js.map +1 -1
  188. package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
  189. package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
  190. package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
  191. package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
  192. package/dist/cjs/{useOverlayManager-d4108cf8.js → useOverlayManager-D5NTaYt6.js} +25 -744
  193. package/dist/cjs/useOverlayManager-D5NTaYt6.js.map +1 -0
  194. package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
  195. package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
  196. package/dist/cjs/useRecentlyUsedColors-DmV1uj1F.js +1270 -0
  197. package/dist/cjs/useRecentlyUsedColors-DmV1uj1F.js.map +1 -0
  198. package/dist/cjs/{HeaderCellMenu-2b1247bb.js → useRestoreScrollPosition-Ck_b0Nh4.js} +87 -88
  199. package/dist/cjs/useRestoreScrollPosition-Ck_b0Nh4.js.map +1 -0
  200. package/dist/{en-41f5c641.js → en-_r5-MxJe.js} +13 -6
  201. package/dist/en-_r5-MxJe.js.map +1 -0
  202. package/dist/formik/ActionBlock.js +7 -7
  203. package/dist/formik/BlockNavigation.js +15 -26
  204. package/dist/formik/BlockNavigation.js.map +1 -1
  205. package/dist/formik/Button.js +1 -2
  206. package/dist/formik/Button.js.map +1 -1
  207. package/dist/formik/Checkbox.js +6 -5
  208. package/dist/formik/Checkbox.js.map +1 -1
  209. package/dist/formik/Form.js +2 -2
  210. package/dist/formik/Form.js.map +1 -1
  211. package/dist/formik/Input.js +6 -5
  212. package/dist/formik/Input.js.map +1 -1
  213. package/dist/formik/MultiEmailInput.js +5 -5
  214. package/dist/formik/Radio.js +6 -5
  215. package/dist/formik/Radio.js.map +1 -1
  216. package/dist/formik/Select.js +5 -5
  217. package/dist/formik/Slider.js +6 -5
  218. package/dist/formik/Slider.js.map +1 -1
  219. package/dist/formik/Switch.js +6 -5
  220. package/dist/formik/Switch.js.map +1 -1
  221. package/dist/formik/Textarea.js +7 -6
  222. package/dist/formik/Textarea.js.map +1 -1
  223. package/dist/formik/TreeSelect.js +5 -4
  224. package/dist/formik/TreeSelect.js.map +1 -1
  225. package/dist/formik/index.js +12 -13
  226. package/dist/formik/index.js.map +1 -1
  227. package/dist/index-BCP3m_SF.js +434 -0
  228. package/dist/index-BCP3m_SF.js.map +1 -0
  229. package/dist/{index-fd0e5fa5.js → index-BXAHRXsD.js} +33 -21
  230. package/dist/index-BXAHRXsD.js.map +1 -0
  231. package/dist/index.css +2 -2
  232. package/dist/index.js +26 -27
  233. package/dist/index.js.map +1 -1
  234. package/dist/layouts.js +6 -5
  235. package/dist/layouts.js.map +1 -1
  236. package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
  237. package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
  238. package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
  239. package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
  240. package/dist/{useOverlayManager-593daea1.js → useOverlayManager-U3cqV61l.js} +9 -716
  241. package/dist/useOverlayManager-U3cqV61l.js.map +1 -0
  242. package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
  243. package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
  244. package/dist/useRecentlyUsedColors-CJe4G0Xs.js +1267 -0
  245. package/dist/useRecentlyUsedColors-CJe4G0Xs.js.map +1 -0
  246. package/dist/{HeaderCellMenu-85777f9d.js → useRestoreScrollPosition-B3J6xSHt.js} +77 -75
  247. package/dist/useRestoreScrollPosition-B3J6xSHt.js.map +1 -0
  248. package/package.json +20 -14
  249. package/src/translations/de.json +7 -2
  250. package/src/translations/en.json +12 -5
  251. package/src/translations/es.json +7 -2
  252. package/src/translations/fr.json +7 -2
  253. package/src/translations/nl.json +7 -2
  254. package/src/translations/pl.json +7 -2
  255. package/src/translations/pt.json +7 -2
  256. package/types/Button.d.ts +0 -2
  257. package/types/ColorPicker.d.ts +7 -5
  258. package/types/DatePicker.d.ts +2 -0
  259. package/types/Modal.d.ts +1 -1
  260. package/types/Pane.d.ts +1 -1
  261. package/types/Select.d.ts +4 -0
  262. package/types/Table.d.ts +9 -0
  263. package/types/Toastr.d.ts +3 -1
  264. package/types/Tree.d.ts +2 -1
  265. package/dist/HeaderCellMenu-85777f9d.js.map +0 -1
  266. package/dist/Textarea-67a30930.js.map +0 -1
  267. package/dist/cjs/HeaderCellMenu-2b1247bb.js.map +0 -1
  268. package/dist/cjs/Textarea-60f7ed17.js.map +0 -1
  269. package/dist/cjs/en-80d0fbff.js.map +0 -1
  270. package/dist/cjs/index-0f5141e0.js +0 -178
  271. package/dist/cjs/index-0f5141e0.js.map +0 -1
  272. package/dist/cjs/index-9d108a41.js.map +0 -1
  273. package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
  274. package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
  275. package/dist/cjs/useOverlayManager-d4108cf8.js.map +0 -1
  276. package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
  277. package/dist/en-41f5c641.js.map +0 -1
  278. package/dist/index-abadd6e9.js +0 -155
  279. package/dist/index-abadd6e9.js.map +0 -1
  280. package/dist/index-fd0e5fa5.js.map +0 -1
  281. package/dist/tinycolor-282c618c.js +0 -1200
  282. package/dist/tinycolor-282c618c.js.map +0 -1
  283. package/dist/useOverlayManager-593daea1.js.map +0 -1
@@ -8,18 +8,10 @@ var Avvvatars = require('avvvatars-react');
8
8
  var classnames = require('classnames');
9
9
  var ramda = require('ramda');
10
10
  var Tooltip = require('./Tooltip.js');
11
+ require('@babel/runtime/helpers/defineProperty');
11
12
  require('@tippyjs/react');
12
13
  require('tippy.js');
13
14
 
14
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
-
16
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
17
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
18
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
- var Avvvatars__default = /*#__PURE__*/_interopDefaultLegacy(Avvvatars);
21
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
22
-
23
15
  var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
24
16
  var SIZE = {
25
17
  small: 24,
@@ -48,9 +40,9 @@ var Avatar = function Avatar(_ref) {
48
40
  showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
49
41
  _ref$tooltipProps = _ref.tooltipProps,
50
42
  tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
51
- otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
43
+ otherProps = _objectWithoutProperties(_ref, _excluded);
52
44
  var _useState = React.useState(false),
53
- _useState2 = _slicedToArray__default["default"](_useState, 2),
45
+ _useState2 = _slicedToArray(_useState, 2),
54
46
  isLoadingFailed = _useState2[0],
55
47
  setIsLoadingFailed = _useState2[1];
56
48
  var _user$name = user.name,
@@ -59,42 +51,42 @@ var Avatar = function Avatar(_ref) {
59
51
  var isMedium = size === "medium";
60
52
  var isLarge = size === "large";
61
53
  var isExtraLarge = size === "extraLarge";
62
- var containerClasses = classnames__default["default"]("neeto-ui-avatar__container neeto-ui-select-none", {
54
+ var containerClasses = classnames("neeto-ui-avatar__container neeto-ui-select-none", {
63
55
  "neeto-ui-avatar__container--medium": isMedium,
64
56
  "neeto-ui-avatar__container--large": isLarge,
65
57
  "neeto-ui-avatar__container--xlarge": isExtraLarge
66
58
  }, className);
67
- var imageClasses = classnames__default["default"]("neeto-ui-avatar", {
59
+ var imageClasses = classnames("neeto-ui-avatar", {
68
60
  "neeto-ui-avatar--medium": isMedium,
69
61
  "neeto-ui-avatar--large": isLarge,
70
62
  "neeto-ui-avatar--xlarge": isExtraLarge,
71
63
  hidden: isLoadingFailed
72
64
  });
73
- var statusClasses = classnames__default["default"]("neeto-ui-avatar__status", status, {
65
+ var statusClasses = classnames("neeto-ui-avatar__status", status, {
74
66
  "neeto-ui-avatar__status-medium": isMedium,
75
67
  "neeto-ui-avatar__status-large": isLarge,
76
68
  "neeto-ui-avatar__status-xlarge": isExtraLarge
77
69
  });
78
70
  var Indicator = function Indicator() {
79
- return ramda.isNil(status) ? React__default["default"].Fragment : /*#__PURE__*/React__default["default"].createElement("span", {
71
+ return ramda.isNil(status) ? React.Fragment : /*#__PURE__*/React.createElement("span", {
80
72
  className: statusClasses,
81
73
  "data-testid": "indicator"
82
74
  });
83
75
  };
84
76
  var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
85
- return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({
77
+ return /*#__PURE__*/React.createElement(Tooltip, _extends({
86
78
  content: name,
87
79
  disabled: !showTooltip,
88
80
  position: "bottom"
89
- }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", _extends__default["default"]({
81
+ }, tooltipProps), /*#__PURE__*/React.createElement("span", _extends({
90
82
  onClick: onClick,
91
83
  className: containerClasses,
92
84
  "data-testid": "avatar"
93
- }, otherProps), /*#__PURE__*/React__default["default"].createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default["default"].createElement(Avvvatars__default["default"], {
85
+ }, otherProps), /*#__PURE__*/React.createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React.createElement(Avvvatars, {
94
86
  displayValue: getInitials(name),
95
87
  size: SIZE[size],
96
88
  value: name
97
- }) : /*#__PURE__*/React__default["default"].createElement("img", {
89
+ }) : /*#__PURE__*/React.createElement("img", {
98
90
  alt: "avatar-".concat(name),
99
91
  className: imageClasses,
100
92
  src: imageUrl,
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const Indicator = () =>\n isNil(status) ? (\n React.Fragment\n ) : (\n <span className={statusClasses} data-testid=\"indicator\" />\n );\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"avatar\"\n {...otherProps}\n >\n <Indicator />\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const Indicator = () =>\n isNil(status) ? (\n React.Fragment\n ) : (\n <span className={statusClasses} data-testid=\"indicator\" />\n );\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"avatar\"\n {...otherProps}\n >\n <Indicator />\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
@@ -2,32 +2,19 @@
2
2
 
3
3
  var _extends = require('@babel/runtime/helpers/extends');
4
4
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
5
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
6
  var React = require('react');
8
7
  var classnames = require('classnames');
9
- var neetoIcons = require('@bigbinary/neeto-icons');
10
8
  var reactRouterDom = require('react-router-dom');
11
9
  var Spinner = require('./Spinner.js');
12
10
  var Tooltip = require('./Tooltip.js');
11
+ require('@babel/runtime/helpers/slicedToArray');
13
12
  require('@tippyjs/react');
14
13
  require('tippy.js');
15
14
 
16
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
-
18
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
19
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
20
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
21
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
24
-
25
- var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children", "status", "onStatusReset"];
15
+ var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
26
16
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
27
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
28
- var ThumbsUp = function ThumbsUp() {
29
- return /*#__PURE__*/React__default["default"].createElement("span", null, "\uD83D\uDC4D");
30
- };
17
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
18
  var BUTTON_STYLES = {
32
19
  primary: "primary",
33
20
  secondary: "secondary",
@@ -51,11 +38,7 @@ var BUTTON_TYPES = {
51
38
  reset: "reset",
52
39
  submit: "submit"
53
40
  };
54
- var STATUS = {
55
- SUCCESS: "success",
56
- ERROR: "error"
57
- };
58
- var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
41
+ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
59
42
  var _ref$icon = _ref.icon,
60
43
  icon = _ref$icon === void 0 ? null : _ref$icon,
61
44
  _ref$iconPosition = _ref.iconPosition,
@@ -87,22 +70,11 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
87
70
  _ref$tooltipProps = _ref.tooltipProps,
88
71
  tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
89
72
  children = _ref.children,
90
- status = _ref.status,
91
- onStatusReset = _ref.onStatusReset,
92
- otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
73
+ otherProps = _objectWithoutProperties(_ref, _excluded);
93
74
  var Parent = "button";
94
75
  var elementSpecificProps = {
95
76
  type: type
96
77
  };
97
- var resetFeedbackIconTimeout = React.useRef();
98
- var _useState = React.useState(false),
99
- _useState2 = _slicedToArray__default["default"](_useState, 2),
100
- didStartAction = _useState2[0],
101
- setDidStartAction = _useState2[1];
102
- var _useState3 = React.useState(false),
103
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
104
- isFeedbackIconVisible = _useState4[0],
105
- setIsFeedbackIconVisible = _useState4[1];
106
78
  var renderLabel = label || children;
107
79
  if (!disabled) {
108
80
  if (to) {
@@ -117,43 +89,20 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
117
89
  };
118
90
  }
119
91
  }
120
- React.useEffect(function () {
121
- if (!loading) return;
122
- setDidStartAction(true);
123
- }, [loading]);
124
- React.useEffect(function () {
125
- if (loading || !didStartAction) return;
126
- if (didStartAction && !status) {
127
- setDidStartAction(false);
128
- return;
129
- }
130
- setIsFeedbackIconVisible(true);
131
- setDidStartAction(false);
132
- resetFeedbackIconTimeout.current = setTimeout(function () {
133
- setIsFeedbackIconVisible(false);
134
- onStatusReset === null || onStatusReset === void 0 || onStatusReset();
135
- }, 5000);
136
- }, [didStartAction, loading]);
137
- var FeedbackIcon = null;
138
- if (status === STATUS.SUCCESS) FeedbackIcon = ThumbsUp;
139
- if (status === STATUS.ERROR) FeedbackIcon = neetoIcons.Error;
140
92
  var handleClick = function handleClick(e) {
141
93
  if (loading || disabled) return;
142
- setIsFeedbackIconVisible(false);
143
- clearTimeout(resetFeedbackIconTimeout.current);
144
94
  onClick(e);
145
95
  };
146
96
  var Icon = typeof icon === "string" ? function () {
147
- return /*#__PURE__*/React__default["default"].createElement("i", {
148
- className: classnames__default["default"]("neeto-ui-btn__icon", [icon]),
97
+ return /*#__PURE__*/React.createElement("i", {
98
+ className: classnames("neeto-ui-btn__icon", [icon]),
149
99
  "data-testid": "class-icon"
150
100
  });
151
- } : icon || React__default["default"].Fragment;
152
- var isFeedbackIconsVisible = loading || didStartAction || isFeedbackIconVisible && status;
153
- return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({
101
+ } : icon || React.Fragment;
102
+ return /*#__PURE__*/React.createElement(Tooltip, _extends({
154
103
  disabled: !tooltipProps
155
- }, tooltipProps), /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default["default"]({
156
- className: classnames__default["default"]("neeto-ui-btn", [className], {
104
+ }, tooltipProps), /*#__PURE__*/React.createElement(Parent, _extends({
105
+ className: classnames("neeto-ui-btn", [className], {
157
106
  "neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
158
107
  "neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
159
108
  "neeto-ui-btn--style-tertiary": style === BUTTON_STYLES.tertiary,
@@ -166,29 +115,24 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
166
115
  "neeto-ui-btn--width-full": fullWidth,
167
116
  "neeto-ui-btn--icon-left": iconPosition === ICON_POSITIONS.left,
168
117
  "neeto-ui-btn--icon-only": !renderLabel,
169
- "neeto-ui-btn--feedback-visible": isFeedbackIconsVisible,
118
+ "neeto-ui-btn--loading": loading,
170
119
  disabled: disabled
171
120
  }),
172
121
  onClick: handleClick
173
122
  }, _objectSpread(_objectSpread({
174
123
  disabled: disabled,
175
124
  ref: ref
176
- }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement("span", {
125
+ }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React.createElement("span", {
177
126
  className: "neeto-ui-btn__label"
178
- }, renderLabel), icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
127
+ }, renderLabel), icon && /*#__PURE__*/React.createElement(Icon, {
179
128
  "aria-hidden": "true",
180
129
  className: "neeto-ui-btn__icon",
181
130
  size: iconSize
182
- }), loading && /*#__PURE__*/React__default["default"].createElement("span", {
183
- className: "neeto-ui-btn__feedback-icon"
184
- }, /*#__PURE__*/React__default["default"].createElement(Spinner, {
131
+ }), loading && /*#__PURE__*/React.createElement("span", {
132
+ className: "neeto-ui-btn__spinner"
133
+ }, /*#__PURE__*/React.createElement(Spinner, {
185
134
  "aria-hidden": "true",
186
135
  size: "small"
187
- })), isFeedbackIconVisible && status && /*#__PURE__*/React__default["default"].createElement("span", {
188
- className: "neeto-ui-btn__feedback-icon"
189
- }, /*#__PURE__*/React__default["default"].createElement(FeedbackIcon, {
190
- "aria-hidden": "true",
191
- size: "20"
192
136
  }))));
193
137
  });
194
138
  Button.displayName = "Button";
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Error } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst ThumbsUp = () => <span>👍</span>;\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\nconst STATUS = { SUCCESS: \"success\", ERROR: \"error\" };\n\nconst Button = React.forwardRef(\n (\n {\n icon = null,\n iconPosition = ICON_POSITIONS.right,\n iconSize = 16,\n label = \"\",\n loading = false,\n onClick = () => {},\n to = \"\",\n type = BUTTON_TYPES.button,\n style = BUTTON_STYLES.primary,\n fullWidth = false,\n className = \"\",\n disabled = false,\n size = SIZES.medium,\n href = \"\",\n tooltipProps = null,\n children,\n status,\n onStatusReset,\n ...otherProps\n },\n ref\n ) => {\n let Parent = \"button\";\n let elementSpecificProps = { type };\n const resetFeedbackIconTimeout = useRef();\n\n const [didStartAction, setDidStartAction] = useState(false);\n const [isFeedbackIconVisible, setIsFeedbackIconVisible] = useState(false);\n\n const renderLabel = label || children;\n\n if (!disabled) {\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n }\n }\n\n useEffect(() => {\n if (!loading) return;\n\n setDidStartAction(true);\n }, [loading]);\n\n useEffect(() => {\n if (loading || !didStartAction) return;\n\n if (didStartAction && !status) {\n setDidStartAction(false);\n\n return;\n }\n\n setIsFeedbackIconVisible(true);\n setDidStartAction(false);\n resetFeedbackIconTimeout.current = setTimeout(() => {\n setIsFeedbackIconVisible(false);\n onStatusReset?.();\n }, 5000);\n }, [didStartAction, loading]);\n\n let FeedbackIcon = null;\n if (status === STATUS.SUCCESS) FeedbackIcon = ThumbsUp;\n\n if (status === STATUS.ERROR) FeedbackIcon = Error;\n\n const handleClick = e => {\n if (loading || disabled) return;\n setIsFeedbackIconVisible(false);\n clearTimeout(resetFeedbackIconTimeout.current);\n onClick(e);\n };\n\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i\n className={classnames(\"neeto-ui-btn__icon\", [icon])}\n data-testid=\"class-icon\"\n />\n )\n : icon || React.Fragment;\n\n const isFeedbackIconsVisible =\n loading || didStartAction || (isFeedbackIconVisible && status);\n\n return (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <Parent\n className={classnames(\"neeto-ui-btn\", [className], {\n \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n \"neeto-ui-btn--style-danger-text\":\n style === BUTTON_STYLES.danger_text,\n \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n \"neeto-ui-btn--size-large\": size === SIZES.large,\n \"neeto-ui-btn--width-full\": fullWidth,\n \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n \"neeto-ui-btn--icon-only\": !renderLabel,\n \"neeto-ui-btn--feedback-visible\": isFeedbackIconsVisible,\n disabled,\n })}\n onClick={handleClick}\n {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n >\n {renderLabel && (\n <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n )}\n {icon && (\n <Icon\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__icon\"\n size={iconSize}\n />\n )}\n {loading && (\n <span className=\"neeto-ui-btn__feedback-icon\">\n <Spinner aria-hidden=\"true\" size=\"small\" />\n </span>\n )}\n {isFeedbackIconVisible && status && (\n <span className=\"neeto-ui-btn__feedback-icon\">\n <FeedbackIcon aria-hidden=\"true\" size=\"20\" />\n </span>\n )}\n </Parent>\n </Tooltip>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To set the size of the Button.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the position of the icon.\n */\n iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n /**\n * To specify the size of the icon.\n */\n iconSize: PropTypes.number,\n /**\n * To set the text to be displayed inside the Button.\n */\n label: PropTypes.string,\n /**\n * Indicates if a Button is in loading state and shows spinner if true.\n */\n loading: PropTypes.bool,\n /**\n * To set Button as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To set the icon to be shown in the Button.\n */\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element,\n ]),\n /**\n * To specify the action to be triggered on clicking the Button.\n */\n onClick: PropTypes.func,\n /**\n * To specify an internal route to which the Button points to.\n */\n to: PropTypes.string,\n /**\n * To specify an external link to which the Button points to.\n */\n href: PropTypes.string,\n /**\n * To specify the type of Button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To set the Button to full width of the container.\n */\n fullWidth: PropTypes.bool,\n /**\n * To provide external classnames to Button component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To specify the children to be rendered inside the Button.\n */\n children: PropTypes.string,\n /**\n * To specify the status of the user action, a check or cross icon will be rendered based on the status\n */\n status: PropTypes.oneOf(Object.values(STATUS)),\n /**\n * This callback will be triggered at the timeout to reset the feedback icon, the host application\n * can use this to reset the status if they are using a local state.\n */\n onStatusReset: PropTypes.func,\n};\n\nexport default Button;\n"],"names":["ThumbsUp","React","createElement","BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","STATUS","SUCCESS","ERROR","Button","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","status","onStatusReset","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","resetFeedbackIconTimeout","useRef","_useState","useState","_useState2","_slicedToArray","didStartAction","setDidStartAction","_useState3","_useState4","isFeedbackIconVisible","setIsFeedbackIconVisible","renderLabel","Link","useEffect","current","setTimeout","FeedbackIcon","Error","handleClick","e","clearTimeout","Icon","classnames","Fragment","isFeedbackIconsVisible","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n (\n {\n icon = null,\n iconPosition = ICON_POSITIONS.right,\n iconSize = 16,\n label = \"\",\n loading = false,\n onClick = () => {},\n to = \"\",\n type = BUTTON_TYPES.button,\n style = BUTTON_STYLES.primary,\n fullWidth = false,\n className = \"\",\n disabled = false,\n size = SIZES.medium,\n href = \"\",\n tooltipProps = null,\n children,\n ...otherProps\n },\n ref\n ) => {\n let Parent = \"button\";\n let elementSpecificProps = { type };\n\n const renderLabel = label || children;\n\n if (!disabled) {\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n }\n }\n\n const handleClick = e => {\n if (loading || disabled) return;\n onClick(e);\n };\n\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i\n className={classnames(\"neeto-ui-btn__icon\", [icon])}\n data-testid=\"class-icon\"\n />\n )\n : icon || React.Fragment;\n\n return (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <Parent\n className={classnames(\"neeto-ui-btn\", [className], {\n \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n \"neeto-ui-btn--style-danger-text\":\n style === BUTTON_STYLES.danger_text,\n \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n \"neeto-ui-btn--size-large\": size === SIZES.large,\n \"neeto-ui-btn--width-full\": fullWidth,\n \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n \"neeto-ui-btn--icon-only\": !renderLabel,\n \"neeto-ui-btn--loading\": loading,\n disabled,\n })}\n onClick={handleClick}\n {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n >\n {renderLabel && (\n <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n )}\n {icon && (\n <Icon\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__icon\"\n size={iconSize}\n />\n )}\n {loading && (\n <span className=\"neeto-ui-btn__spinner\">\n <Spinner aria-hidden=\"true\" size=\"small\" />\n </span>\n )}\n </Parent>\n </Tooltip>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To set the size of the Button.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the position of the icon.\n */\n iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n /**\n * To specify the size of the icon.\n */\n iconSize: PropTypes.number,\n /**\n * To set the text to be displayed inside the Button.\n */\n label: PropTypes.string,\n /**\n * Indicates if a Button is in loading state and shows spinner if true.\n */\n loading: PropTypes.bool,\n /**\n * To set Button as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To set the icon to be shown in the Button.\n */\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element,\n ]),\n /**\n * To specify the action to be triggered on clicking the Button.\n */\n onClick: PropTypes.func,\n /**\n * To specify an internal route to which the Button points to.\n */\n to: PropTypes.string,\n /**\n * To specify an external link to which the Button points to.\n */\n href: PropTypes.string,\n /**\n * To specify the type of Button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To set the Button to full width of the container.\n */\n fullWidth: PropTypes.bool,\n /**\n * To provide external classnames to Button component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To specify the children to be rendered inside the Button.\n */\n children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","React","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","createElement","classnames","Fragment","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}
@@ -6,14 +6,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
6
6
  var React = require('react');
7
7
  var classnames = require('classnames');
8
8
 
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
12
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
13
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
14
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
16
-
17
9
  var _excluded = ["icon", "style", "className", "children"];
18
10
  var STYLES = {
19
11
  info: "info",
@@ -29,20 +21,20 @@ var Callout = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
29
21
  _ref$className = _ref.className,
30
22
  className = _ref$className === void 0 ? "" : _ref$className,
31
23
  children = _ref.children,
32
- otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
24
+ otherProps = _objectWithoutProperties(_ref, _excluded);
33
25
  var Icon = icon;
34
- return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
26
+ return /*#__PURE__*/React.createElement("div", _extends({
35
27
  ref: ref,
36
- className: classnames__default["default"]("neeto-ui-callout", _defineProperty__default["default"]({
28
+ className: classnames("neeto-ui-callout", _defineProperty({
37
29
  "neeto-ui-callout--info": style === STYLES.info,
38
30
  "neeto-ui-callout--warning": style === STYLES.warning,
39
31
  "neeto-ui-callout--danger": style === STYLES.danger,
40
32
  "neeto-ui-callout--success": style === STYLES.success
41
33
  }, className, className))
42
- }, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("div", {
34
+ }, otherProps), icon && /*#__PURE__*/React.createElement("div", {
43
35
  className: "neeto-ui-callout__icon",
44
36
  "data-testid": "callout-icon"
45
- }, /*#__PURE__*/React__default["default"].createElement(Icon, null)), children);
37
+ }, /*#__PURE__*/React.createElement(Icon, null)), children);
46
38
  });
47
39
  Callout.displayName = "Callout";
48
40
 
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n info: \"info\",\n warning: \"warning\",\n danger: \"danger\",\n success: \"success\",\n};\n\nconst Callout = forwardRef(\n (\n {\n icon = null,\n style = STYLES.info,\n className = \"\",\n children,\n ...otherProps\n },\n ref\n ) => {\n const Icon = icon;\n\n return (\n <div\n {...{ ref }}\n className={classnames(\"neeto-ui-callout\", {\n \"neeto-ui-callout--info\": style === STYLES.info,\n \"neeto-ui-callout--warning\": style === STYLES.warning,\n \"neeto-ui-callout--danger\": style === STYLES.danger,\n \"neeto-ui-callout--success\": style === STYLES.success,\n [className]: className,\n })}\n {...otherProps}\n >\n {icon && (\n <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n <Icon />\n </div>\n )}\n {children}\n </div>\n );\n }\n);\n\nCallout.displayName = \"Callout\";\n\nCallout.propTypes = {\n /**\n * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n */\n icon: PropTypes.elementType,\n /**\n * To specify the style of Callout component.\n */\n style: PropTypes.oneOf(Object.values(STYLES)),\n /**\n * To provide external classnames to Callout component.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Callout component.\n */\n children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEKC,IAAAA,OAAO,gBAAGC,gBAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AACQd,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAES,8BAAU,CAAC,kBAAkB,EAAAC,mCAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI,OAAAA;KAC7CU,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,yBAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV,CAAC,EACF;AAEDV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}
1
+ {"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n info: \"info\",\n warning: \"warning\",\n danger: \"danger\",\n success: \"success\",\n};\n\nconst Callout = forwardRef(\n (\n {\n icon = null,\n style = STYLES.info,\n className = \"\",\n children,\n ...otherProps\n },\n ref\n ) => {\n const Icon = icon;\n\n return (\n <div\n {...{ ref }}\n className={classnames(\"neeto-ui-callout\", {\n \"neeto-ui-callout--info\": style === STYLES.info,\n \"neeto-ui-callout--warning\": style === STYLES.warning,\n \"neeto-ui-callout--danger\": style === STYLES.danger,\n \"neeto-ui-callout--success\": style === STYLES.success,\n [className]: className,\n })}\n {...otherProps}\n >\n {icon && (\n <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n <Icon />\n </div>\n )}\n {children}\n </div>\n );\n }\n);\n\nCallout.displayName = \"Callout\";\n\nCallout.propTypes = {\n /**\n * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n */\n icon: PropTypes.elementType,\n /**\n * To specify the style of Callout component.\n */\n style: PropTypes.oneOf(Object.values(STYLES)),\n /**\n * To provide external classnames to Callout component.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Callout component.\n */\n children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":";;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEKC,IAAAA,OAAO,gBAAGC,gBAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACQd,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAES,UAAU,CAAC,kBAAkB,EAAAC,eAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI,OAAAA;KAC7CU,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV,CAAC,EACF;AAEDV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}
@@ -4,25 +4,26 @@ var _extends = require('@babel/runtime/helpers/extends');
4
4
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
- var useId = require('./useId-4e3deb5c.js');
7
+ var useId = require('./useId-DXHUzdxd.js');
8
8
  require('@babel/runtime/helpers/slicedToArray');
9
9
  require('react-router-dom');
10
10
  require('@bigbinary/neeto-hotkeys');
11
11
  require('./overlayManager.js');
12
- var index = require('./index-0f5141e0.js');
12
+ var index = require('./index-BG9I04iF.js');
13
13
  require('@babel/runtime/helpers/defineProperty');
14
14
  require('qs');
15
15
  var Label = require('./Label.js');
16
16
  require('@babel/runtime/helpers/classCallCheck');
17
17
  require('@babel/runtime/helpers/createClass');
18
+ require('@bigbinary/neeto-cist');
19
+ require('ramda');
20
+ require('./en-DhnUUSB_.js');
21
+ require('@babel/runtime/helpers/toConsumableArray');
18
22
  require('dayjs');
19
23
  require('dayjs/plugin/localeData');
20
24
  require('dayjs/plugin/utc');
21
25
  require('dayjs/plugin/weekday');
22
26
  require('dayjs/plugin/weekOfYear');
23
- require('@bigbinary/neeto-cist');
24
- require('ramda');
25
- require('./en-80d0fbff.js');
26
27
  require('@bigbinary/neeto-icons');
27
28
  require('./Button.js');
28
29
  require('./Spinner.js');
@@ -32,13 +33,6 @@ require('tippy.js');
32
33
  require('./Popover.js');
33
34
  require('./Typography.js');
34
35
 
35
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
36
-
37
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
38
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
39
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
40
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
41
-
42
36
  var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
43
37
  var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
44
38
  var _ref$label = _ref.label,
@@ -51,15 +45,15 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
51
45
  required = _ref$required === void 0 ? false : _ref$required,
52
46
  labelProps = _ref.labelProps,
53
47
  children = _ref.children,
54
- otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
48
+ otherProps = _objectWithoutProperties(_ref, _excluded);
55
49
  var id = useId.useId(otherProps.id);
56
50
  var errorId = "error_".concat(id);
57
51
  var renderLabel = label || children;
58
- return /*#__PURE__*/React__default["default"].createElement("div", {
59
- className: classnames__default["default"](["neeto-ui-checkbox__wrapper", className])
60
- }, /*#__PURE__*/React__default["default"].createElement("div", {
52
+ return /*#__PURE__*/React.createElement("div", {
53
+ className: classnames(["neeto-ui-checkbox__wrapper", className])
54
+ }, /*#__PURE__*/React.createElement("div", {
61
55
  className: "neeto-ui-checkbox__container"
62
- }, /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({
56
+ }, /*#__PURE__*/React.createElement("input", _extends({
63
57
  id: id,
64
58
  ref: ref,
65
59
  required: required,
@@ -68,11 +62,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
68
62
  "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
69
63
  name: id,
70
64
  type: "checkbox"
71
- }, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
65
+ }, otherProps)), renderLabel && /*#__PURE__*/React.createElement(Label, _extends({
72
66
  required: required,
73
67
  "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
74
68
  htmlFor: id
75
- }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
69
+ }, labelProps), renderLabel)), !!error && /*#__PURE__*/React.createElement("p", {
76
70
  className: "neeto-ui-input__error",
77
71
  "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
78
72
  id: errorId
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,8BAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,4BAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,yBAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,4BAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,KAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}