@unbxd-ui/unbxd-react-components 0.2.107-beta.2 → 0.2.108-beta.2

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 (289) hide show
  1. package/components/Accordian/Accordian.js +13 -45
  2. package/components/Accordian/Accordian.stories.js +6 -25
  3. package/components/Accordian/index.js +0 -3
  4. package/components/Button/Button.js +9 -26
  5. package/components/Button/Button.stories.js +1 -14
  6. package/components/Button/DropdownButton.js +9 -31
  7. package/components/Button/DropdownButton.stories.js +6 -23
  8. package/components/Button/index.js +1 -8
  9. package/components/DataLoader/DataLoader.js +10 -40
  10. package/components/DataLoader/DataLoader.stories.js +5 -30
  11. package/components/DataLoader/index.js +0 -3
  12. package/components/Form/Checkbox.js +18 -43
  13. package/components/Form/DragDropFileUploader.js +12 -42
  14. package/components/Form/Dropdown.js +106 -182
  15. package/components/Form/FileUploader.js +10 -32
  16. package/components/Form/Form.js +15 -45
  17. package/components/Form/FormElementWrapper.js +2 -7
  18. package/components/Form/Input.js +27 -72
  19. package/components/Form/RadioList.js +20 -49
  20. package/components/Form/RangeSlider.js +39 -74
  21. package/components/Form/ServerPaginatedDDList.js +86 -130
  22. package/components/Form/Textarea.js +18 -43
  23. package/components/Form/Toggle.js +16 -48
  24. package/components/Form/index.js +18 -30
  25. package/components/Form/stories/Checkbox.stories.js +1 -12
  26. package/components/Form/stories/DragDropFileUploader.stories.js +0 -8
  27. package/components/Form/stories/Dropdown.stories.js +6 -24
  28. package/components/Form/stories/FileUploader.stories.js +0 -8
  29. package/components/Form/stories/FormDefault.stories.js +1 -21
  30. package/components/Form/stories/RadioList.stories.js +1 -12
  31. package/components/Form/stories/RangeSlider.stories.js +1 -15
  32. package/components/Form/stories/TextInput.stories.js +3 -19
  33. package/components/Form/stories/Textarea.stories.js +1 -12
  34. package/components/Form/stories/Toggle.stories.js +0 -7
  35. package/components/Form/stories/form.stories.js +3 -40
  36. package/components/InlineModal/InlineModal.js +14 -51
  37. package/components/InlineModal/InlineModal.stories.js +2 -14
  38. package/components/InlineModal/index.js +1 -6
  39. package/components/List/List.js +9 -24
  40. package/components/List/index.js +0 -3
  41. package/components/List/list.stories.js +0 -10
  42. package/components/Modal/Modal.js +17 -49
  43. package/components/Modal/Modal.stories.js +1 -15
  44. package/components/Modal/index.js +0 -3
  45. package/components/NotificationComponent/NotificationComponent.js +11 -34
  46. package/components/NotificationComponent/NotificationComponent.stories.js +0 -6
  47. package/components/NotificationComponent/index.js +0 -3
  48. package/components/ProgressBar/ProgressBar.js +2 -11
  49. package/components/ProgressBar/ProgressBar.stories.js +0 -6
  50. package/components/ProgressBar/index.js +0 -3
  51. package/components/Table/BaseTable.js +69 -134
  52. package/components/Table/PaginationComponent.js +11 -23
  53. package/components/Table/Table.js +68 -149
  54. package/components/Table/Table.stories.js +22 -67
  55. package/components/Table/index.js +0 -4
  56. package/components/TabsComponent/TabsComponent.js +20 -57
  57. package/components/TabsComponent/TabsComponent.stories.js +0 -16
  58. package/components/TabsComponent/index.js +0 -3
  59. package/components/Tooltip/Tooltip.js +25 -47
  60. package/components/Tooltip/Tooltip.stories.js +0 -6
  61. package/components/Tooltip/index.js +0 -3
  62. package/components/core.css +3 -1
  63. package/components/index.js +1 -17
  64. package/components/theme.css +2 -0
  65. package/package.json +3 -2
  66. package/.babelrc +0 -4
  67. package/.eslintrc.js +0 -38
  68. package/CONTRIBUTE.md +0 -105
  69. package/README.md +0 -82
  70. package/lib/components/Accordian/Accordian.js +0 -117
  71. package/lib/components/Accordian/Accordian.stories.js +0 -137
  72. package/lib/components/Accordian/index.js +0 -10
  73. package/lib/components/Button/Button.js +0 -84
  74. package/lib/components/Button/Button.stories.js +0 -89
  75. package/lib/components/Button/DropdownButton.js +0 -77
  76. package/lib/components/Button/DropdownButton.stories.js +0 -51
  77. package/lib/components/Button/index.js +0 -32
  78. package/lib/components/DataLoader/DataLoader.js +0 -88
  79. package/lib/components/DataLoader/DataLoader.stories.js +0 -77
  80. package/lib/components/DataLoader/index.js +0 -10
  81. package/lib/components/Form/Checkbox.js +0 -93
  82. package/lib/components/Form/DragDropFileUploader.js +0 -85
  83. package/lib/components/Form/Dropdown.js +0 -478
  84. package/lib/components/Form/FileUploader.js +0 -81
  85. package/lib/components/Form/Form.js +0 -106
  86. package/lib/components/Form/FormElementWrapper.js +0 -27
  87. package/lib/components/Form/Input.js +0 -140
  88. package/lib/components/Form/RadioList.js +0 -111
  89. package/lib/components/Form/RangeSlider.js +0 -142
  90. package/lib/components/Form/ServerPaginatedDDList.js +0 -267
  91. package/lib/components/Form/Textarea.js +0 -95
  92. package/lib/components/Form/Toggle.js +0 -117
  93. package/lib/components/Form/index.js +0 -73
  94. package/lib/components/Form/stories/Checkbox.stories.js +0 -54
  95. package/lib/components/Form/stories/DragDropFileUploader.stories.js +0 -27
  96. package/lib/components/Form/stories/Dropdown.stories.js +0 -114
  97. package/lib/components/Form/stories/FileUploader.stories.js +0 -31
  98. package/lib/components/Form/stories/FormDefault.stories.js +0 -117
  99. package/lib/components/Form/stories/RadioList.stories.js +0 -55
  100. package/lib/components/Form/stories/RangeSlider.stories.js +0 -82
  101. package/lib/components/Form/stories/TextInput.stories.js +0 -79
  102. package/lib/components/Form/stories/Textarea.stories.js +0 -48
  103. package/lib/components/Form/stories/Toggle.stories.js +0 -25
  104. package/lib/components/Form/stories/form.stories.js +0 -240
  105. package/lib/components/InlineModal/InlineModal.js +0 -146
  106. package/lib/components/InlineModal/InlineModal.stories.js +0 -61
  107. package/lib/components/InlineModal/index.js +0 -24
  108. package/lib/components/List/List.js +0 -76
  109. package/lib/components/List/index.js +0 -10
  110. package/lib/components/List/list.stories.js +0 -38
  111. package/lib/components/Modal/Modal.js +0 -117
  112. package/lib/components/Modal/Modal.stories.js +0 -55
  113. package/lib/components/Modal/index.js +0 -10
  114. package/lib/components/NotificationComponent/NotificationComponent.js +0 -76
  115. package/lib/components/NotificationComponent/NotificationComponent.stories.js +0 -29
  116. package/lib/components/NotificationComponent/index.js +0 -10
  117. package/lib/components/ProgressBar/ProgressBar.js +0 -49
  118. package/lib/components/ProgressBar/ProgressBar.stories.js +0 -21
  119. package/lib/components/ProgressBar/index.js +0 -10
  120. package/lib/components/Table/BaseTable.js +0 -352
  121. package/lib/components/Table/PaginationComponent.js +0 -87
  122. package/lib/components/Table/Table.js +0 -333
  123. package/lib/components/Table/Table.stories.js +0 -204
  124. package/lib/components/Table/index.js +0 -17
  125. package/lib/components/TabsComponent/TabsComponent.js +0 -134
  126. package/lib/components/TabsComponent/TabsComponent.stories.js +0 -65
  127. package/lib/components/TabsComponent/index.js +0 -10
  128. package/lib/components/Tooltip/Tooltip.js +0 -102
  129. package/lib/components/Tooltip/Tooltip.stories.js +0 -25
  130. package/lib/components/Tooltip/index.js +0 -10
  131. package/lib/components/core.css +0 -3
  132. package/lib/components/core.scss +0 -29
  133. package/lib/components/index.js +0 -159
  134. package/lib/components/theme.css +0 -3
  135. package/lib/components/theme.scss +0 -11
  136. package/lib/package-lock.json +0 -20607
  137. package/lib/package.json +0 -94
  138. package/src/Intro.stories.mdx +0 -119
  139. package/src/components/Accordian/Accordian.js +0 -89
  140. package/src/components/Accordian/Accordian.stories.js +0 -92
  141. package/src/components/Accordian/accordianCore.css +0 -1
  142. package/src/components/Accordian/accordianCore.scss +0 -8
  143. package/src/components/Accordian/accordianTheme.css +0 -1
  144. package/src/components/Accordian/accordianTheme.scss +0 -6
  145. package/src/components/Accordian/index.js +0 -3
  146. package/src/components/Button/Button.js +0 -67
  147. package/src/components/Button/Button.stories.js +0 -103
  148. package/src/components/Button/DropdownButton.js +0 -60
  149. package/src/components/Button/DropdownButton.stories.js +0 -38
  150. package/src/components/Button/button.css +0 -1
  151. package/src/components/Button/buttonTheme.css +0 -1
  152. package/src/components/Button/buttonTheme.scss +0 -45
  153. package/src/components/Button/index.js +0 -5
  154. package/src/components/DataLoader/DataLoader.js +0 -86
  155. package/src/components/DataLoader/DataLoader.stories.js +0 -72
  156. package/src/components/DataLoader/index.js +0 -3
  157. package/src/components/Form/Checkbox.js +0 -73
  158. package/src/components/Form/DragDropFileUploader.js +0 -67
  159. package/src/components/Form/Dropdown.js +0 -430
  160. package/src/components/Form/FileUploader.js +0 -64
  161. package/src/components/Form/Form.js +0 -83
  162. package/src/components/Form/FormElementWrapper.js +0 -22
  163. package/src/components/Form/Input.js +0 -121
  164. package/src/components/Form/RadioList.js +0 -86
  165. package/src/components/Form/RangeSlider.js +0 -100
  166. package/src/components/Form/ServerPaginatedDDList.js +0 -231
  167. package/src/components/Form/Textarea.js +0 -76
  168. package/src/components/Form/Toggle.js +0 -96
  169. package/src/components/Form/form.css +0 -1
  170. package/src/components/Form/formCore.css +0 -1
  171. package/src/components/Form/formCore.scss +0 -142
  172. package/src/components/Form/formTheme.css +0 -1
  173. package/src/components/Form/formTheme.scss +0 -27
  174. package/src/components/Form/index.js +0 -13
  175. package/src/components/Form/stories/Checkbox.stories.js +0 -41
  176. package/src/components/Form/stories/DragDropFileUploader.stories.js +0 -21
  177. package/src/components/Form/stories/Dropdown.stories.js +0 -124
  178. package/src/components/Form/stories/FileUploader.stories.js +0 -21
  179. package/src/components/Form/stories/FormDefault.stories.js +0 -87
  180. package/src/components/Form/stories/RadioList.stories.js +0 -48
  181. package/src/components/Form/stories/RangeSlider.stories.js +0 -84
  182. package/src/components/Form/stories/TextInput.stories.js +0 -77
  183. package/src/components/Form/stories/Textarea.stories.js +0 -43
  184. package/src/components/Form/stories/Toggle.stories.js +0 -14
  185. package/src/components/Form/stories/form.stories.js +0 -216
  186. package/src/components/InlineModal/InlineModal.js +0 -135
  187. package/src/components/InlineModal/InlineModal.stories.js +0 -54
  188. package/src/components/InlineModal/index.js +0 -4
  189. package/src/components/InlineModal/inlineModal.css +0 -1
  190. package/src/components/InlineModal/inlineModalCore.css +0 -1
  191. package/src/components/InlineModal/inlineModalCore.scss +0 -31
  192. package/src/components/InlineModal/inlineModalTheme.css +0 -1
  193. package/src/components/InlineModal/inlineModalTheme.scss +0 -16
  194. package/src/components/List/List.js +0 -72
  195. package/src/components/List/index.js +0 -3
  196. package/src/components/List/list.css +0 -1
  197. package/src/components/List/list.stories.js +0 -28
  198. package/src/components/List/listCore.css +0 -1
  199. package/src/components/List/listCore.scss +0 -6
  200. package/src/components/List/listTheme.css +0 -0
  201. package/src/components/List/listTheme.scss +0 -0
  202. package/src/components/Modal/Modal.js +0 -99
  203. package/src/components/Modal/Modal.stories.js +0 -54
  204. package/src/components/Modal/index.js +0 -3
  205. package/src/components/Modal/modal.css +0 -1
  206. package/src/components/Modal/modalCore.css +0 -1
  207. package/src/components/Modal/modalCore.scss +0 -34
  208. package/src/components/Modal/modalTheme.css +0 -0
  209. package/src/components/Modal/modalTheme.scss +0 -0
  210. package/src/components/NotificationComponent/NotificationComponent.js +0 -58
  211. package/src/components/NotificationComponent/NotificationComponent.stories.js +0 -28
  212. package/src/components/NotificationComponent/index.js +0 -3
  213. package/src/components/NotificationComponent/notificationComponent.css +0 -1
  214. package/src/components/NotificationComponent/notificationTheme.css +0 -1
  215. package/src/components/NotificationComponent/notificationTheme.scss +0 -30
  216. package/src/components/ProgressBar/ProgressBar.js +0 -45
  217. package/src/components/ProgressBar/ProgressBar.stories.js +0 -14
  218. package/src/components/ProgressBar/index.js +0 -3
  219. package/src/components/ProgressBar/progressBar.css +0 -1
  220. package/src/components/ProgressBar/progressBarCore.css +0 -1
  221. package/src/components/ProgressBar/progressBarCore.scss +0 -14
  222. package/src/components/ProgressBar/progressBarTheme.css +0 -0
  223. package/src/components/ProgressBar/progressBarTheme.scss +0 -0
  224. package/src/components/Table/BaseTable.js +0 -306
  225. package/src/components/Table/PaginationComponent.js +0 -73
  226. package/src/components/Table/Table.js +0 -295
  227. package/src/components/Table/Table.stories.js +0 -198
  228. package/src/components/Table/index.js +0 -8
  229. package/src/components/Table/table.css +0 -1
  230. package/src/components/Table/tableCore.css +0 -1
  231. package/src/components/Table/tableCore.scss +0 -94
  232. package/src/components/Table/tableTheme.css +0 -1
  233. package/src/components/Table/tableTheme.scss +0 -34
  234. package/src/components/TabsComponent/TabsComponent.js +0 -99
  235. package/src/components/TabsComponent/TabsComponent.stories.js +0 -69
  236. package/src/components/TabsComponent/index.js +0 -3
  237. package/src/components/TabsComponent/tabs.css +0 -1
  238. package/src/components/TabsComponent/tabsCore.css +0 -1
  239. package/src/components/TabsComponent/tabsCore.scss +0 -59
  240. package/src/components/TabsComponent/tabsTheme.css +0 -0
  241. package/src/components/TabsComponent/tabsTheme.scss +0 -0
  242. package/src/components/Tooltip/Tooltip.js +0 -87
  243. package/src/components/Tooltip/Tooltip.stories.js +0 -16
  244. package/src/components/Tooltip/index.js +0 -3
  245. package/src/components/Tooltip/tooltipCore.css +0 -1
  246. package/src/components/Tooltip/tooltipCore.scss +0 -22
  247. package/src/components/Tooltip/tooltipTheme.css +0 -1
  248. package/src/components/Tooltip/tooltipTheme.scss +0 -21
  249. package/src/components/core.css +0 -1
  250. package/src/components/core.scss +0 -29
  251. package/src/components/index.js +0 -38
  252. package/src/components/theme.css +0 -1
  253. package/src/components/theme.scss +0 -11
  254. package/src/core/Validators.js +0 -34
  255. package/src/core/customHooks.js +0 -20
  256. package/src/core/dataLoader.js +0 -143
  257. package/src/core/dataLoader.stories.js +0 -123
  258. package/src/core/index.js +0 -3
  259. package/src/core/utils.js +0 -95
  260. package/src/index.js +0 -68
  261. package/vscode-templates/NewStoryTemplate.stories.js +0 -8
  262. /package/{lib/Readme.md → Readme.md} +0 -0
  263. /package/{lib/components → components}/Accordian/accordianCore.css +0 -0
  264. /package/{lib/components → components}/Accordian/accordianTheme.css +0 -0
  265. /package/{lib/components → components}/Button/buttonTheme.css +0 -0
  266. /package/{lib/components → components}/Form/formCore.css +0 -0
  267. /package/{lib/components → components}/Form/formTheme.css +0 -0
  268. /package/{lib/components → components}/InlineModal/inlineModalCore.css +0 -0
  269. /package/{lib/components → components}/InlineModal/inlineModalTheme.css +0 -0
  270. /package/{lib/components → components}/List/listCore.css +0 -0
  271. /package/{lib/components → components}/List/listTheme.css +0 -0
  272. /package/{lib/components → components}/Modal/modalCore.css +0 -0
  273. /package/{lib/components → components}/Modal/modalTheme.css +0 -0
  274. /package/{lib/components → components}/NotificationComponent/notificationTheme.css +0 -0
  275. /package/{lib/components → components}/ProgressBar/progressBarCore.css +0 -0
  276. /package/{lib/components → components}/ProgressBar/progressBarTheme.css +0 -0
  277. /package/{lib/components → components}/Table/tableCore.css +0 -0
  278. /package/{lib/components → components}/Table/tableTheme.css +0 -0
  279. /package/{lib/components → components}/TabsComponent/tabsCore.css +0 -0
  280. /package/{lib/components → components}/TabsComponent/tabsTheme.css +0 -0
  281. /package/{lib/components → components}/Tooltip/tooltipCore.css +0 -0
  282. /package/{lib/components → components}/Tooltip/tooltipTheme.css +0 -0
  283. /package/{lib/core → core}/Validators.js +0 -0
  284. /package/{lib/core → core}/customHooks.js +0 -0
  285. /package/{lib/core → core}/dataLoader.js +0 -0
  286. /package/{lib/core → core}/dataLoader.stories.js +0 -0
  287. /package/{lib/core → core}/index.js +0 -0
  288. /package/{lib/core → core}/utils.js +0 -0
  289. /package/{lib/index.js → index.js} +0 -0
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _Accordian = _interopRequireDefault(require("./Accordian"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
- var _default = _Accordian["default"];
10
- exports["default"] = _default;
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.ButtonSize = exports.ButtonAppearance = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _excluded = ["children", "className", "loading", "disabled", "appearance", "size", "onClick"];
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- 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); }
12
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
13
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
14
- /** ButtonAppearance enum */
15
- var ButtonAppearance = {
16
- DEFAULT: "default",
17
- PRIMARY: "primary",
18
- SECONDARY: "secondary"
19
- };
20
- /** ButtonSize enum */
21
- exports.ButtonAppearance = ButtonAppearance;
22
- var ButtonSize = {
23
- SMALL: "small",
24
- MEDIUM: "medium",
25
- LARGE: "large"
26
- };
27
-
28
- /**
29
- *
30
- * Displays a Button component
31
- */
32
- exports.ButtonSize = ButtonSize;
33
- var Button = function Button(props) {
34
- var children = props.children,
35
- className = props.className,
36
- loading = props.loading,
37
- disabled = props.disabled,
38
- appearance = props.appearance,
39
- size = props.size,
40
- onClick = props.onClick,
41
- restProps = _objectWithoutProperties(props, _excluded);
42
- var btnClassName = "RCB-btn RCB-btn-".concat(appearance, " RCB-btn-").concat(size, " ").concat(className) + (loading ? " RCB-btn-loading" : "");
43
- return /*#__PURE__*/_react["default"].createElement("button", _extends({
44
- className: btnClassName,
45
- disabled: disabled,
46
- onClick: onClick
47
- }, restProps), children);
48
- };
49
- Button.propTypes = {
50
- /** Add any additional classes to Button component */
51
- className: _propTypes["default"].string,
52
- /** Boolean indicating whether the button should render as disabled */
53
- disabled: _propTypes["default"].bool,
54
- /** Boolean indicating whether the button is in loading state */
55
- loading: _propTypes["default"].bool,
56
- /** String indicating how Button should be rendered.
57
- * Must be one of,
58
- * ButtonAppearance = {
59
- DEFAULT: "default",
60
- PRIMARY: "primary",
61
- SECONDARY: "secondary"
62
- }
63
- */
64
- appearance: _propTypes["default"].oneOf(Object.values(ButtonAppearance)),
65
- /** String indicating the size of the Button
66
- * Must be one of,
67
- * ButtonSize = {
68
- SMALL: "small",
69
- MEDIUM: "medium",
70
- LARGE: "large"
71
- }
72
- */
73
- size: _propTypes["default"].oneOf(Object.values(ButtonSize)),
74
- /** Button onClick handler */
75
- onClick: _propTypes["default"].func
76
- };
77
- Button.defaultProps = {
78
- onClick: function onClick() {},
79
- appearance: ButtonAppearance.DEFAULT,
80
- size: ButtonSize.SMALL,
81
- className: ""
82
- };
83
- var _default = Button;
84
- exports["default"] = _default;
@@ -1,89 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.SimpleUsage = exports.SecondaryButton = exports.PrimaryButton = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _addonActions = require("@storybook/addon-actions");
10
- var _Button = _interopRequireWildcard(require("./Button"));
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- var SimpleUsage = function SimpleUsage() {
15
- return /*#__PURE__*/_react["default"].createElement("div", {
16
- className: "margin-btns"
17
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
18
- size: _Button.ButtonSize.SMALL,
19
- onClick: (0, _addonActions.action)("clicked")
20
- }, "SMALL"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
21
- size: _Button.ButtonSize.MEDIUM,
22
- onClick: (0, _addonActions.action)("clicked")
23
- }, "MEDIUM"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
24
- size: _Button.ButtonSize.LARGE,
25
- onClick: (0, _addonActions.action)("clicked")
26
- }, "LARGE"));
27
- };
28
- exports.SimpleUsage = SimpleUsage;
29
- SimpleUsage.story = {
30
- parameters: {
31
- docs: {
32
- storyDescription: "Depicts a simple usage of the button"
33
- }
34
- }
35
- };
36
- var PrimaryButton = function PrimaryButton() {
37
- return /*#__PURE__*/_react["default"].createElement("div", {
38
- className: "margin-btns"
39
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
40
- appearance: _Button.ButtonAppearance.PRIMARY,
41
- size: _Button.ButtonSize.SMALL,
42
- onClick: (0, _addonActions.action)("clicked")
43
- }, "SMALL"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
44
- appearance: _Button.ButtonAppearance.PRIMARY,
45
- size: _Button.ButtonSize.MEDIUM,
46
- onClick: (0, _addonActions.action)("clicked")
47
- }, "MEDIUM"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
48
- appearance: _Button.ButtonAppearance.PRIMARY,
49
- size: _Button.ButtonSize.LARGE,
50
- onClick: (0, _addonActions.action)("clicked")
51
- }, "LARGE"));
52
- };
53
- exports.PrimaryButton = PrimaryButton;
54
- PrimaryButton.story = {
55
- parameters: {
56
- docs: {
57
- storyDescription: "Depicts a primary button"
58
- }
59
- }
60
- };
61
- var SecondaryButton = function SecondaryButton() {
62
- return /*#__PURE__*/_react["default"].createElement("div", {
63
- className: "margin-btns"
64
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
65
- appearance: _Button.ButtonAppearance.SECONDARY,
66
- size: _Button.ButtonSize.SMALL,
67
- onClick: (0, _addonActions.action)("clicked")
68
- }, "SMALL"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
69
- appearance: _Button.ButtonAppearance.SECONDARY,
70
- size: _Button.ButtonSize.MEDIUM,
71
- onClick: (0, _addonActions.action)("clicked")
72
- }, "MEDIUM"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
73
- appearance: _Button.ButtonAppearance.SECONDARY,
74
- size: _Button.ButtonSize.LARGE,
75
- onClick: (0, _addonActions.action)("clicked")
76
- }, "LARGE"));
77
- };
78
- exports.SecondaryButton = SecondaryButton;
79
- SecondaryButton.story = {
80
- parameters: {
81
- docs: {
82
- storyDescription: "Depicts a secondary button"
83
- }
84
- }
85
- };
86
- var _default = {
87
- title: "Button"
88
- };
89
- exports["default"] = _default;
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _InlineModal = _interopRequireWildcard(require("../InlineModal"));
11
- var _List = _interopRequireDefault(require("../List"));
12
- var _excluded = ["label", "options", "className", "onClick", "DropdownButtonItem"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
- 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); }
17
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
18
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
- var DefaultDropdownButtonItem = function DefaultDropdownButtonItem(props) {
20
- var _props$itemData = props.itemData,
21
- itemData = _props$itemData === void 0 ? {} : _props$itemData,
22
- onClick = props.onClick;
23
- var name = itemData.name;
24
- var onItemClicked = function onItemClicked() {
25
- onClick(itemData);
26
- };
27
- return /*#__PURE__*/_react["default"].createElement("li", {
28
- className: "RCB-list-item",
29
- onClick: onItemClicked
30
- }, name);
31
- };
32
- DefaultDropdownButtonItem.propTypes = {
33
- itemData: _propTypes["default"].shape({
34
- id: _propTypes["default"].string.isRequired,
35
- name: _propTypes["default"].string.isRequired
36
- }).isRequired,
37
- onClick: _propTypes["default"].func.isRequired
38
- };
39
- var DropdownButton = function DropdownButton(props) {
40
- var label = props.label,
41
- options = props.options,
42
- className = props.className,
43
- onClick = props.onClick,
44
- DropdownButtonItem = props.DropdownButtonItem,
45
- restProps = _objectWithoutProperties(props, _excluded);
46
- var modalRef = (0, _react.useRef)();
47
- var onItemClicked = function onItemClicked(itemData) {
48
- onClick(itemData);
49
- modalRef.current.hideModal();
50
- };
51
- return /*#__PURE__*/_react["default"].createElement(_InlineModal["default"], {
52
- className: "RCB-dropdown-button ".concat(className),
53
- ref: modalRef
54
- }, /*#__PURE__*/_react["default"].createElement(_InlineModal.InlineModalActivator, null, label), /*#__PURE__*/_react["default"].createElement(_InlineModal.InlineModalBody, null, /*#__PURE__*/_react["default"].createElement(_List["default"], _extends({
55
- items: options,
56
- ListItem: DropdownButtonItem,
57
- onClick: onItemClicked
58
- }, restProps))));
59
- };
60
- DropdownButton.propTypes = {
61
- label: _propTypes["default"].string,
62
- /** Dropdown items list */
63
- options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
64
- id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
65
- name: _propTypes["default"].string
66
- })).isRequired,
67
- onClick: _propTypes["default"].func.isRequired,
68
- DropdownButtonItem: _propTypes["default"].any,
69
- className: _propTypes["default"].string
70
- };
71
- DropdownButton.defaultProps = {
72
- label: "Select",
73
- DropdownButtonItem: DefaultDropdownButtonItem,
74
- className: ""
75
- };
76
- var _default = DropdownButton;
77
- exports["default"] = _default;
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.DefaultDropdownButton = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
14
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
18
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
19
- var DROPDOWN_OPTIONS = [{
20
- id: "PrintApple",
21
- name: "Print Apple",
22
- message: "Apple"
23
- }, {
24
- id: "PrintMango",
25
- name: "Print Mango",
26
- message: "Mango"
27
- }, {
28
- id: "PrintGrapes",
29
- name: "Print Grapes",
30
- message: "Grapes"
31
- }];
32
- var DefaultDropdownButton = function DefaultDropdownButton() {
33
- var _useState = (0, _react.useState)(),
34
- _useState2 = _slicedToArray(_useState, 2),
35
- message = _useState2[0],
36
- setMessage = _useState2[1];
37
- var printMessage = function printMessage(data) {
38
- var message = data.message;
39
- setMessage(message);
40
- };
41
- return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
42
- label: "Actions",
43
- options: DROPDOWN_OPTIONS,
44
- onClick: printMessage
45
- }), /*#__PURE__*/_react["default"].createElement("div", null, "Message is ".concat(message)));
46
- };
47
- exports.DefaultDropdownButton = DefaultDropdownButton;
48
- var _default = {
49
- title: "Dropdown Button"
50
- };
51
- exports["default"] = _default;
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "ButtonAppearance", {
8
- enumerable: true,
9
- get: function get() {
10
- return _Button.ButtonAppearance;
11
- }
12
- });
13
- Object.defineProperty(exports, "ButtonSize", {
14
- enumerable: true,
15
- get: function get() {
16
- return _Button.ButtonSize;
17
- }
18
- });
19
- Object.defineProperty(exports, "DropdownButton", {
20
- enumerable: true,
21
- get: function get() {
22
- return _DropdownButton["default"];
23
- }
24
- });
25
- exports["default"] = void 0;
26
- var _Button = _interopRequireWildcard(require("./Button"));
27
- var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
30
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
- var _default = _Button["default"];
32
- exports["default"] = _default;
@@ -1,88 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _bluebird = _interopRequireDefault(require("bluebird"));
11
- var _dequal = _interopRequireDefault(require("dequal"));
12
- var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
13
- var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
14
- var _utils = _interopRequireDefault(require("../../core/utils"));
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
20
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
21
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
22
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
- var DefaultLoader = function DefaultLoader() {
25
- return /*#__PURE__*/_react["default"].createElement("div", null, "Loading...");
26
- };
27
- var loadData = function loadData(requests) {
28
- var promisesArray = requests.map(function (reqObj) {
29
- return _dataLoader["default"].getRequestDef(reqObj);
30
- });
31
- return _bluebird["default"].all(promisesArray);
32
- };
33
- var DataLoader = function DataLoader(props) {
34
- var _useState = (0, _react.useState)(true),
35
- _useState2 = _slicedToArray(_useState, 2),
36
- isLoading = _useState2[0],
37
- setIsLoading = _useState2[1];
38
- var dataRef = _react["default"].useRef();
39
- var children = props.children,
40
- Loader = props.Loader,
41
- requests = props.requests,
42
- onDataLoaded = props.onDataLoaded,
43
- onDataFailed = props.onDataFailed;
44
- var renderLoader = function renderLoader() {
45
- var LoaderComponent = Loader || _utils["default"].getDefaultConfig("DefaultLoader") || DefaultLoader;
46
- return /*#__PURE__*/_react["default"].createElement(LoaderComponent, null);
47
- };
48
- var renderChildren = function renderChildren() {
49
- return children;
50
- };
51
- var fetchData = function fetchData() {
52
- setIsLoading(true);
53
- loadData(requests).then(function (resultsArray) {
54
- onDataLoaded(resultsArray);
55
- })["catch"](function (exception) {
56
- onDataFailed(exception);
57
- })["finally"](function () {
58
- setIsLoading(false);
59
- });
60
- };
61
- (0, _react.useEffect)(function () {
62
- /*
63
- As useEffect does not do a deep comparision on dependent props,
64
- do a manual deep comparision to decide whether to load data
65
- */
66
- if (!(0, _dequal["default"])(requests, dataRef.current)) {
67
- dataRef.current = (0, _lodash["default"])(requests);
68
- fetchData();
69
- }
70
- });
71
- return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, isLoading ? renderLoader() : renderChildren());
72
- };
73
- DataLoader.propTypes = {
74
- /** Requests array */
75
- requests: _propTypes["default"].array.isRequired,
76
- /** Callback function which is called when data is loaded */
77
- onDataLoaded: _propTypes["default"].func,
78
- /** Callback function which is called when data fetching fails */
79
- onDataFailed: _propTypes["default"].func,
80
- /** Custom loader component */
81
- Loader: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(Element), _propTypes["default"].func])
82
- };
83
- DataLoader.defaultProps = {
84
- onDataLoaded: function onDataLoaded() {},
85
- onDataFailed: function onDataFailed() {}
86
- };
87
- var _default = DataLoader;
88
- exports["default"] = _default;
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.SimpleUsage = exports.FunctionUrl = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _DataLoader = _interopRequireDefault(require("./DataLoader"));
10
- var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
16
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
17
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
18
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
19
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
- var SimpleUsage = function SimpleUsage() {
21
- _dataLoader["default"].addRequestConfig("getTodos", {
22
- method: "GET",
23
- url: "https://jsonplaceholder.typicode.com/todos"
24
- });
25
- var onDataLoaded = function onDataLoaded(_ref) {
26
- var _ref2 = _slicedToArray(_ref, 1),
27
- todos = _ref2[0];
28
- console.log(todos);
29
- };
30
- var onDataFailed = function onDataFailed(e) {
31
- console.log("Error ", e);
32
- };
33
- var requests = [{
34
- requestId: "getTodos"
35
- }];
36
- return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Use the ", /*#__PURE__*/_react["default"].createElement("code", null, "DataLoader"), " component to make implicit API calls by wrapping the JSX content where you want the API data with this component. This would mostly be used for GET calls."), /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
37
- requests: requests,
38
- onDataLoaded: onDataLoaded,
39
- onDataFailed: onDataFailed
40
- }, /*#__PURE__*/_react["default"].createElement("div", null, "Received the data")));
41
- };
42
- exports.SimpleUsage = SimpleUsage;
43
- var FunctionUrl = function FunctionUrl() {
44
- _dataLoader["default"].addRequestConfig("getTodoById", {
45
- method: "GET",
46
- url: function url(params) {
47
- return "https://jsonplaceholder.typicode.com/todos/".concat(params.id);
48
- }
49
- });
50
- var onDataLoaded = function onDataLoaded(_ref3) {
51
- var _ref4 = _slicedToArray(_ref3, 1),
52
- todo = _ref4[0];
53
- console.log(todo);
54
- };
55
- var onDataFailed = function onDataFailed(e) {
56
- console.log("Error ", e);
57
- };
58
- var requests = [{
59
- requestId: "getTodoById",
60
- urlParams: {
61
- id: 1
62
- }
63
- }];
64
- return /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
65
- requests: requests,
66
- onDataLoaded: onDataLoaded,
67
- onDataFailed: onDataFailed
68
- }, /*#__PURE__*/_react["default"].createElement("div", null, "Recieved todo data"));
69
- };
70
- exports.FunctionUrl = FunctionUrl;
71
- FunctionUrl.story = {
72
- name: "Function URL"
73
- };
74
- var _default = {
75
- title: "Data fetching|DataLoader (Component)"
76
- };
77
- exports["default"] = _default;
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _DataLoader = _interopRequireDefault(require("./DataLoader"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
- var _default = _DataLoader["default"];
10
- exports["default"] = _default;
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _Form = require("./Form");
11
- var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
12
- var _excluded = ["label", "name", "className", "value", "defaultValue", "appearance", "onChange"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
- 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); }
17
- 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; }
18
- 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; }
19
- 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; }
20
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
21
- 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); }
22
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
23
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
24
- var Checkbox = function Checkbox(props) {
25
- var label = props.label,
26
- name = props.name,
27
- className = props.className,
28
- value = props.value,
29
- defaultValue = props.defaultValue,
30
- appearance = props.appearance,
31
- onChange = props.onChange,
32
- restProps = _objectWithoutProperties(props, _excluded);
33
- var _useContext = (0, _react.useContext)(_Form.FormContext),
34
- onValueChange = _useContext.onValueChange;
35
- var postFormValueChange = function postFormValueChange(value) {
36
- typeof onValueChange === "function" && onValueChange(name, value);
37
- };
38
- var onInputChange = function onInputChange(event) {
39
- var value = event.target.checked;
40
- if (typeof onChange === "function") {
41
- onChange(value);
42
- }
43
- postFormValueChange(value);
44
- };
45
- (0, _react.useEffect)(function () {
46
- /* set the initial form element value in the form context */
47
- var postValue = typeof onChange === "function" ? value : defaultValue;
48
- postFormValueChange(postValue);
49
- }, [value, defaultValue]);
50
- var inputProps = _objectSpread({
51
- type: "checkbox",
52
- label: label,
53
- name: name,
54
- id: name,
55
- defaultChecked: defaultValue,
56
- className: "RCB-form-el",
57
- onChange: onInputChange
58
- }, restProps);
59
- if (typeof onChange === "function") {
60
- /* make it a controlled component if onChange function is given */
61
- inputProps.checked = value;
62
- }
63
- return /*#__PURE__*/_react["default"].createElement(_FormElementWrapper["default"], {
64
- className: className,
65
- appearance: appearance
66
- }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, inputProps, {
67
- "data-hj-allow": true
68
- })), /*#__PURE__*/_react["default"].createElement("label", {
69
- className: "RCB-form-el-label",
70
- htmlFor: name
71
- }, label));
72
- };
73
- Checkbox.propTypes = {
74
- /** Pass any additional classNames to Input component */
75
- className: _propTypes["default"].string,
76
- /** Label for the input element */
77
- label: _propTypes["default"].any,
78
- /** Unique ID for the input element */
79
- name: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
80
- /** Will be used only with onChange function, or else ignored */
81
- value: _propTypes["default"].bool,
82
- defaultValue: _propTypes["default"].bool,
83
- /** Define the appearance of the form element. Accepted values are either "inline" or "block" */
84
- appearance: _propTypes["default"].oneOf(["inline", "block"]),
85
- /** Becomes a controlled component if onChange function is given */
86
- onChange: _propTypes["default"].func
87
- };
88
- Checkbox.defaultProps = {
89
- className: "",
90
- appearance: "inline"
91
- };
92
- var _default = Checkbox;
93
- exports["default"] = _default;