@unbxd-ui/unbxd-react-components 0.2.104 → 0.2.107-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/.babelrc +4 -0
  2. package/.eslintrc.js +38 -0
  3. package/CONTRIBUTE.md +105 -0
  4. package/components/Accordian/Accordian.js +45 -13
  5. package/components/Accordian/Accordian.stories.js +25 -6
  6. package/components/Accordian/index.js +3 -0
  7. package/components/Button/Button.js +26 -9
  8. package/components/Button/Button.stories.js +14 -1
  9. package/components/Button/DropdownButton.js +31 -9
  10. package/components/Button/DropdownButton.stories.js +23 -6
  11. package/components/Button/index.js +8 -1
  12. package/components/DataLoader/DataLoader.js +40 -10
  13. package/components/DataLoader/DataLoader.stories.js +30 -5
  14. package/components/DataLoader/index.js +3 -0
  15. package/components/Form/Checkbox.js +42 -14
  16. package/components/Form/DragDropFileUploader.js +42 -12
  17. package/components/Form/Dropdown.js +181 -104
  18. package/components/Form/FileUploader.js +32 -10
  19. package/components/Form/Form.js +45 -15
  20. package/components/Form/FormElementWrapper.js +7 -2
  21. package/components/Form/Input.js +72 -27
  22. package/components/Form/RadioList.js +48 -17
  23. package/components/Form/RangeSlider.js +73 -37
  24. package/components/Form/ServerPaginatedDDList.js +130 -87
  25. package/components/Form/Textarea.js +43 -18
  26. package/components/Form/Toggle.js +48 -16
  27. package/components/Form/index.js +30 -18
  28. package/components/Form/stories/Checkbox.stories.js +12 -1
  29. package/components/Form/stories/DragDropFileUploader.stories.js +8 -0
  30. package/components/Form/stories/Dropdown.stories.js +24 -6
  31. package/components/Form/stories/FileUploader.stories.js +8 -0
  32. package/components/Form/stories/FormDefault.stories.js +21 -1
  33. package/components/Form/stories/RadioList.stories.js +12 -1
  34. package/components/Form/stories/RangeSlider.stories.js +15 -1
  35. package/components/Form/stories/TextInput.stories.js +19 -3
  36. package/components/Form/stories/Textarea.stories.js +12 -1
  37. package/components/Form/stories/Toggle.stories.js +7 -0
  38. package/components/Form/stories/form.stories.js +40 -3
  39. package/components/InlineModal/InlineModal.js +51 -14
  40. package/components/InlineModal/InlineModal.stories.js +14 -2
  41. package/components/InlineModal/index.js +6 -1
  42. package/components/List/List.js +24 -9
  43. package/components/List/index.js +3 -0
  44. package/components/List/list.stories.js +10 -0
  45. package/components/Modal/Modal.js +49 -17
  46. package/components/Modal/Modal.stories.js +15 -1
  47. package/components/Modal/index.js +3 -0
  48. package/components/NotificationComponent/NotificationComponent.js +34 -11
  49. package/components/NotificationComponent/NotificationComponent.stories.js +6 -0
  50. package/components/NotificationComponent/index.js +3 -0
  51. package/components/ProgressBar/ProgressBar.js +11 -2
  52. package/components/ProgressBar/ProgressBar.stories.js +6 -0
  53. package/components/ProgressBar/index.js +3 -0
  54. package/components/Table/BaseTable.js +134 -69
  55. package/components/Table/PaginationComponent.js +23 -11
  56. package/components/Table/Table.js +149 -68
  57. package/components/Table/Table.stories.js +67 -22
  58. package/components/Table/index.js +4 -0
  59. package/components/TabsComponent/TabsComponent.js +57 -20
  60. package/components/TabsComponent/TabsComponent.stories.js +16 -0
  61. package/components/TabsComponent/index.js +3 -0
  62. package/components/Tooltip/Tooltip.js +47 -25
  63. package/components/Tooltip/Tooltip.stories.js +6 -0
  64. package/components/Tooltip/index.js +3 -0
  65. package/components/core.css +1 -3
  66. package/components/index.js +17 -1
  67. package/components/theme.css +0 -2
  68. package/lib/Readme.md +82 -0
  69. package/lib/components/Accordian/Accordian.js +117 -0
  70. package/lib/components/Accordian/Accordian.stories.js +137 -0
  71. package/lib/components/Accordian/index.js +10 -0
  72. package/lib/components/Button/Button.js +84 -0
  73. package/lib/components/Button/Button.stories.js +89 -0
  74. package/lib/components/Button/DropdownButton.js +77 -0
  75. package/lib/components/Button/DropdownButton.stories.js +51 -0
  76. package/lib/components/Button/index.js +32 -0
  77. package/lib/components/DataLoader/DataLoader.js +88 -0
  78. package/lib/components/DataLoader/DataLoader.stories.js +77 -0
  79. package/lib/components/DataLoader/index.js +10 -0
  80. package/lib/components/Form/Checkbox.js +93 -0
  81. package/lib/components/Form/DragDropFileUploader.js +85 -0
  82. package/lib/components/Form/Dropdown.js +478 -0
  83. package/lib/components/Form/FileUploader.js +81 -0
  84. package/lib/components/Form/Form.js +106 -0
  85. package/lib/components/Form/FormElementWrapper.js +27 -0
  86. package/lib/components/Form/Input.js +140 -0
  87. package/lib/components/Form/RadioList.js +111 -0
  88. package/lib/components/Form/RangeSlider.js +142 -0
  89. package/lib/components/Form/ServerPaginatedDDList.js +267 -0
  90. package/lib/components/Form/Textarea.js +95 -0
  91. package/lib/components/Form/Toggle.js +117 -0
  92. package/lib/components/Form/index.js +73 -0
  93. package/lib/components/Form/stories/Checkbox.stories.js +54 -0
  94. package/lib/components/Form/stories/DragDropFileUploader.stories.js +27 -0
  95. package/lib/components/Form/stories/Dropdown.stories.js +114 -0
  96. package/lib/components/Form/stories/FileUploader.stories.js +31 -0
  97. package/lib/components/Form/stories/FormDefault.stories.js +117 -0
  98. package/lib/components/Form/stories/RadioList.stories.js +55 -0
  99. package/lib/components/Form/stories/RangeSlider.stories.js +82 -0
  100. package/lib/components/Form/stories/TextInput.stories.js +79 -0
  101. package/lib/components/Form/stories/Textarea.stories.js +48 -0
  102. package/lib/components/Form/stories/Toggle.stories.js +25 -0
  103. package/lib/components/Form/stories/form.stories.js +240 -0
  104. package/lib/components/InlineModal/InlineModal.js +146 -0
  105. package/lib/components/InlineModal/InlineModal.stories.js +61 -0
  106. package/lib/components/InlineModal/index.js +24 -0
  107. package/lib/components/List/List.js +76 -0
  108. package/lib/components/List/index.js +10 -0
  109. package/lib/components/List/list.stories.js +38 -0
  110. package/lib/components/Modal/Modal.js +117 -0
  111. package/lib/components/Modal/Modal.stories.js +55 -0
  112. package/lib/components/Modal/index.js +10 -0
  113. package/lib/components/NotificationComponent/NotificationComponent.js +76 -0
  114. package/lib/components/NotificationComponent/NotificationComponent.stories.js +29 -0
  115. package/lib/components/NotificationComponent/index.js +10 -0
  116. package/lib/components/ProgressBar/ProgressBar.js +49 -0
  117. package/lib/components/ProgressBar/ProgressBar.stories.js +21 -0
  118. package/lib/components/ProgressBar/index.js +10 -0
  119. package/lib/components/Table/BaseTable.js +352 -0
  120. package/lib/components/Table/PaginationComponent.js +87 -0
  121. package/lib/components/Table/Table.js +333 -0
  122. package/lib/components/Table/Table.stories.js +204 -0
  123. package/lib/components/Table/index.js +17 -0
  124. package/lib/components/TabsComponent/TabsComponent.js +134 -0
  125. package/lib/components/TabsComponent/TabsComponent.stories.js +65 -0
  126. package/lib/components/TabsComponent/index.js +10 -0
  127. package/lib/components/Tooltip/Tooltip.js +102 -0
  128. package/lib/components/Tooltip/Tooltip.stories.js +25 -0
  129. package/lib/components/Tooltip/index.js +10 -0
  130. package/lib/components/core.css +3 -0
  131. package/lib/components/core.scss +29 -0
  132. package/lib/components/index.js +159 -0
  133. package/lib/components/theme.css +3 -0
  134. package/lib/components/theme.scss +11 -0
  135. package/lib/package-lock.json +20607 -0
  136. package/lib/package.json +94 -0
  137. package/package.json +1 -1
  138. package/src/Intro.stories.mdx +119 -0
  139. package/src/components/Accordian/Accordian.js +89 -0
  140. package/src/components/Accordian/Accordian.stories.js +92 -0
  141. package/src/components/Accordian/accordianCore.css +1 -0
  142. package/src/components/Accordian/accordianCore.scss +8 -0
  143. package/src/components/Accordian/accordianTheme.css +1 -0
  144. package/src/components/Accordian/accordianTheme.scss +6 -0
  145. package/src/components/Accordian/index.js +3 -0
  146. package/src/components/Button/Button.js +67 -0
  147. package/src/components/Button/Button.stories.js +103 -0
  148. package/src/components/Button/DropdownButton.js +60 -0
  149. package/src/components/Button/DropdownButton.stories.js +38 -0
  150. package/src/components/Button/button.css +1 -0
  151. package/src/components/Button/buttonTheme.css +1 -0
  152. package/src/components/Button/buttonTheme.scss +45 -0
  153. package/src/components/Button/index.js +5 -0
  154. package/src/components/DataLoader/DataLoader.js +86 -0
  155. package/src/components/DataLoader/DataLoader.stories.js +72 -0
  156. package/src/components/DataLoader/index.js +3 -0
  157. package/src/components/Form/Checkbox.js +73 -0
  158. package/src/components/Form/DragDropFileUploader.js +67 -0
  159. package/src/components/Form/Dropdown.js +430 -0
  160. package/src/components/Form/FileUploader.js +64 -0
  161. package/src/components/Form/Form.js +83 -0
  162. package/src/components/Form/FormElementWrapper.js +22 -0
  163. package/src/components/Form/Input.js +121 -0
  164. package/src/components/Form/RadioList.js +86 -0
  165. package/src/components/Form/RangeSlider.js +100 -0
  166. package/src/components/Form/ServerPaginatedDDList.js +231 -0
  167. package/src/components/Form/Textarea.js +76 -0
  168. package/src/components/Form/Toggle.js +96 -0
  169. package/src/components/Form/form.css +1 -0
  170. package/src/components/Form/formCore.css +1 -0
  171. package/src/components/Form/formCore.scss +142 -0
  172. package/src/components/Form/formTheme.css +1 -0
  173. package/src/components/Form/formTheme.scss +27 -0
  174. package/src/components/Form/index.js +13 -0
  175. package/src/components/Form/stories/Checkbox.stories.js +41 -0
  176. package/src/components/Form/stories/DragDropFileUploader.stories.js +21 -0
  177. package/src/components/Form/stories/Dropdown.stories.js +124 -0
  178. package/src/components/Form/stories/FileUploader.stories.js +21 -0
  179. package/src/components/Form/stories/FormDefault.stories.js +87 -0
  180. package/src/components/Form/stories/RadioList.stories.js +48 -0
  181. package/src/components/Form/stories/RangeSlider.stories.js +84 -0
  182. package/src/components/Form/stories/TextInput.stories.js +77 -0
  183. package/src/components/Form/stories/Textarea.stories.js +43 -0
  184. package/src/components/Form/stories/Toggle.stories.js +14 -0
  185. package/src/components/Form/stories/form.stories.js +216 -0
  186. package/src/components/InlineModal/InlineModal.js +135 -0
  187. package/src/components/InlineModal/InlineModal.stories.js +54 -0
  188. package/src/components/InlineModal/index.js +4 -0
  189. package/src/components/InlineModal/inlineModal.css +1 -0
  190. package/src/components/InlineModal/inlineModalCore.css +1 -0
  191. package/src/components/InlineModal/inlineModalCore.scss +31 -0
  192. package/src/components/InlineModal/inlineModalTheme.css +1 -0
  193. package/src/components/InlineModal/inlineModalTheme.scss +16 -0
  194. package/src/components/List/List.js +72 -0
  195. package/src/components/List/index.js +3 -0
  196. package/src/components/List/list.css +1 -0
  197. package/src/components/List/list.stories.js +28 -0
  198. package/src/components/List/listCore.css +1 -0
  199. package/src/components/List/listCore.scss +6 -0
  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 +99 -0
  203. package/src/components/Modal/Modal.stories.js +54 -0
  204. package/src/components/Modal/index.js +3 -0
  205. package/src/components/Modal/modal.css +1 -0
  206. package/src/components/Modal/modalCore.css +1 -0
  207. package/src/components/Modal/modalCore.scss +34 -0
  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 +58 -0
  211. package/src/components/NotificationComponent/NotificationComponent.stories.js +28 -0
  212. package/src/components/NotificationComponent/index.js +3 -0
  213. package/src/components/NotificationComponent/notificationComponent.css +1 -0
  214. package/src/components/NotificationComponent/notificationTheme.css +1 -0
  215. package/src/components/NotificationComponent/notificationTheme.scss +30 -0
  216. package/src/components/ProgressBar/ProgressBar.js +45 -0
  217. package/src/components/ProgressBar/ProgressBar.stories.js +14 -0
  218. package/src/components/ProgressBar/index.js +3 -0
  219. package/src/components/ProgressBar/progressBar.css +1 -0
  220. package/src/components/ProgressBar/progressBarCore.css +1 -0
  221. package/src/components/ProgressBar/progressBarCore.scss +14 -0
  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 +306 -0
  225. package/src/components/Table/PaginationComponent.js +73 -0
  226. package/src/components/Table/Table.js +295 -0
  227. package/src/components/Table/Table.stories.js +198 -0
  228. package/src/components/Table/index.js +8 -0
  229. package/src/components/Table/table.css +1 -0
  230. package/src/components/Table/tableCore.css +1 -0
  231. package/src/components/Table/tableCore.scss +94 -0
  232. package/src/components/Table/tableTheme.css +1 -0
  233. package/src/components/Table/tableTheme.scss +34 -0
  234. package/src/components/TabsComponent/TabsComponent.js +99 -0
  235. package/src/components/TabsComponent/TabsComponent.stories.js +69 -0
  236. package/src/components/TabsComponent/index.js +3 -0
  237. package/src/components/TabsComponent/tabs.css +1 -0
  238. package/src/components/TabsComponent/tabsCore.css +1 -0
  239. package/src/components/TabsComponent/tabsCore.scss +59 -0
  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 +87 -0
  243. package/src/components/Tooltip/Tooltip.stories.js +16 -0
  244. package/src/components/Tooltip/index.js +3 -0
  245. package/src/components/Tooltip/tooltipCore.css +1 -0
  246. package/src/components/Tooltip/tooltipCore.scss +22 -0
  247. package/src/components/Tooltip/tooltipTheme.css +1 -0
  248. package/src/components/Tooltip/tooltipTheme.scss +21 -0
  249. package/src/components/core.css +1 -0
  250. package/src/components/core.scss +29 -0
  251. package/src/components/index.js +38 -0
  252. package/src/components/theme.css +1 -0
  253. package/src/components/theme.scss +11 -0
  254. package/src/core/Validators.js +34 -0
  255. package/src/core/customHooks.js +20 -0
  256. package/src/core/dataLoader.js +143 -0
  257. package/src/core/dataLoader.stories.js +123 -0
  258. package/src/core/index.js +3 -0
  259. package/src/core/utils.js +95 -0
  260. package/src/index.js +68 -0
  261. package/vscode-templates/NewStoryTemplate.stories.js +8 -0
  262. /package/{Readme.md → README.md} +0 -0
  263. /package/{components → lib/components}/Accordian/accordianCore.css +0 -0
  264. /package/{components → lib/components}/Accordian/accordianTheme.css +0 -0
  265. /package/{components → lib/components}/Button/buttonTheme.css +0 -0
  266. /package/{components → lib/components}/Form/formCore.css +0 -0
  267. /package/{components → lib/components}/Form/formTheme.css +0 -0
  268. /package/{components → lib/components}/InlineModal/inlineModalCore.css +0 -0
  269. /package/{components → lib/components}/InlineModal/inlineModalTheme.css +0 -0
  270. /package/{components → lib/components}/List/listCore.css +0 -0
  271. /package/{components → lib/components}/List/listTheme.css +0 -0
  272. /package/{components → lib/components}/Modal/modalCore.css +0 -0
  273. /package/{components → lib/components}/Modal/modalTheme.css +0 -0
  274. /package/{components → lib/components}/NotificationComponent/notificationTheme.css +0 -0
  275. /package/{components → lib/components}/ProgressBar/progressBarCore.css +0 -0
  276. /package/{components → lib/components}/ProgressBar/progressBarTheme.css +0 -0
  277. /package/{components → lib/components}/Table/tableCore.css +0 -0
  278. /package/{components → lib/components}/Table/tableTheme.css +0 -0
  279. /package/{components → lib/components}/TabsComponent/tabsCore.css +0 -0
  280. /package/{components → lib/components}/TabsComponent/tabsTheme.css +0 -0
  281. /package/{components → lib/components}/Tooltip/tooltipCore.css +0 -0
  282. /package/{components → lib/components}/Tooltip/tooltipTheme.css +0 -0
  283. /package/{core → lib/core}/Validators.js +0 -0
  284. /package/{core → lib/core}/customHooks.js +0 -0
  285. /package/{core → lib/core}/dataLoader.js +0 -0
  286. /package/{core → lib/core}/dataLoader.stories.js +0 -0
  287. /package/{core → lib/core}/index.js +0 -0
  288. /package/{core → lib/core}/utils.js +0 -0
  289. /package/{index.js → lib/index.js} +0 -0
@@ -1,75 +1,99 @@
1
1
  "use strict";
2
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); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
+
10
14
  var _Form = require("./Form");
15
+
11
16
  var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
12
- var _excluded = ["label", "name", "min", "max", "className", "value", "defaultValue", "appearance", "onChange", "disabled", "showBubble", "inputStyle", "bubbleStyle", "inputClassName"];
17
+
18
+ var _excluded = ["label", "name", "min", "max", "className", "value", "defaultValue", "appearance", "onChange", "disabled", "showBubble", "inputStyle", "bubbleStyle"];
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  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); }
23
+
15
24
  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); }
25
+
26
+ function _extends() { _extends = Object.assign || 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); }
27
+
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
29
+
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
31
+
32
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
+
22
34
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
35
+
23
36
  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."); }
37
+
24
38
  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); }
25
- 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; }
26
- 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; } }
39
+
40
+ 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; }
41
+
42
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
43
+
27
44
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
45
+
28
46
  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; }
47
+
29
48
  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; }
49
+
30
50
  var RangeSlider = function RangeSlider(props) {
31
51
  var label = props.label,
32
- name = props.name,
33
- min = props.min,
34
- max = props.max,
35
- className = props.className,
36
- value = props.value,
37
- defaultValue = props.defaultValue,
38
- appearance = props.appearance,
39
- onChange = props.onChange,
40
- disabled = props.disabled,
41
- showBubble = props.showBubble,
42
- _props$inputStyle = props.inputStyle,
43
- inputStyle = _props$inputStyle === void 0 ? {} : _props$inputStyle,
44
- _props$bubbleStyle = props.bubbleStyle,
45
- bubbleStyle = _props$bubbleStyle === void 0 ? {} : _props$bubbleStyle,
46
- inputClassName = props.inputClassName,
47
- restProps = _objectWithoutProperties(props, _excluded);
52
+ name = props.name,
53
+ min = props.min,
54
+ max = props.max,
55
+ className = props.className,
56
+ value = props.value,
57
+ defaultValue = props.defaultValue,
58
+ appearance = props.appearance,
59
+ onChange = props.onChange,
60
+ disabled = props.disabled,
61
+ showBubble = props.showBubble,
62
+ _props$inputStyle = props.inputStyle,
63
+ inputStyle = _props$inputStyle === void 0 ? {} : _props$inputStyle,
64
+ _props$bubbleStyle = props.bubbleStyle,
65
+ bubbleStyle = _props$bubbleStyle === void 0 ? {} : _props$bubbleStyle,
66
+ restProps = _objectWithoutProperties(props, _excluded);
67
+
48
68
  var _useContext = (0, _react.useContext)(_Form.FormContext),
49
- onValueChange = _useContext.onValueChange;
69
+ onValueChange = _useContext.onValueChange;
70
+
50
71
  var _useState = (0, _react.useState)(value || defaultValue),
51
- _useState2 = _slicedToArray(_useState, 2),
52
- val = _useState2[0],
53
- setVal = _useState2[1];
72
+ _useState2 = _slicedToArray(_useState, 2),
73
+ val = _useState2[0],
74
+ setVal = _useState2[1];
75
+
54
76
  var postFormValueChange = function postFormValueChange(value) {
55
77
  typeof onValueChange === "function" && onValueChange(name, value);
56
78
  };
57
- var onInputChange = function onInputChange(event) {
58
- var value = event.target.value;
59
79
 
60
- // TODO : do validations
80
+ var onInputChange = function onInputChange(event) {
81
+ var value = event.target.value; // TODO : do validations
61
82
 
62
83
  if (typeof onChange === "function") {
63
84
  onChange(value);
64
85
  }
86
+
65
87
  postFormValueChange(value);
66
88
  setVal(value);
67
89
  };
90
+
68
91
  (0, _react.useEffect)(function () {
69
92
  /* set the initial form element value in the form context */
70
93
  var postValue = typeof onChange === "function" ? value : defaultValue;
71
94
  postFormValueChange(postValue);
72
95
  }, [value, defaultValue]);
96
+
73
97
  var inputProps = _objectSpread(_objectSpread({
74
98
  type: "range",
75
99
  min: min,
@@ -79,15 +103,17 @@ var RangeSlider = function RangeSlider(props) {
79
103
  id: name,
80
104
  defaultValue: defaultValue,
81
105
  disabled: disabled,
82
- className: "RCB-form-el RCB-input-range ".concat(inputClassName),
106
+ className: "RCB-form-el RCB-input-range ".concat(className),
83
107
  onChange: onInputChange
84
108
  }, restProps), {}, {
85
109
  showBubble: showBubble
86
110
  });
111
+
87
112
  if (typeof onChange === "function") {
88
113
  /* make it a controlled component if onChange function is given */
89
114
  inputProps.value = value;
90
115
  }
116
+
91
117
  return /*#__PURE__*/_react["default"].createElement(_FormElementWrapper["default"], {
92
118
  className: className,
93
119
  appearance: appearance
@@ -104,32 +130,42 @@ var RangeSlider = function RangeSlider(props) {
104
130
  disabled: disabled
105
131
  }))));
106
132
  };
133
+
107
134
  RangeSlider.propTypes = {
108
- /** Pass any additional classNames to Input component container */
109
- className: _propTypes["default"].string,
110
135
  /** Pass any additional classNames to Input component */
111
- inputClassName: _propTypes["default"].string,
136
+ className: _propTypes["default"].string,
137
+
112
138
  /** Minimum value for range slider */
113
139
  min: _propTypes["default"].string.isRequired,
140
+
114
141
  /** Maximum value for range slider */
115
142
  max: _propTypes["default"].string.isRequired,
143
+
116
144
  /** Label for the input element */
117
145
  label: _propTypes["default"].string,
146
+
118
147
  /** Unique ID for the input element */
119
148
  name: _propTypes["default"].string.isRequired,
149
+
120
150
  /** Will be used only with onChange function, or else ignored */
121
151
  value: _propTypes["default"].any,
122
152
  defaultValue: _propTypes["default"].any,
153
+
123
154
  /** Define the appearance of the form element. Accepted values are either "inline" or "block" */
124
155
  appearance: _propTypes["default"].oneOf(["inline", "block"]),
156
+
125
157
  /** Becomes a controlled component if onChange function is given */
126
158
  onChange: _propTypes["default"].func,
159
+
127
160
  /** Custom Style changes of slider track */
128
161
  inputStyle: _propTypes["default"].object,
162
+
129
163
  /** Custom Style changes of value bubble */
130
164
  bubbleStyle: _propTypes["default"].object,
165
+
131
166
  /** Show bubble with values */
132
167
  showBubble: _propTypes["default"].bool,
168
+
133
169
  /** Indicates if the slider is disabled or enabled */
134
170
  disabled: _propTypes["default"].bool
135
171
  };
@@ -1,53 +1,74 @@
1
1
  "use strict";
2
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); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = exports.DefaultDropdownItem = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
+
10
14
  var _reactWindow = require("react-window");
15
+
11
16
  var _reactWindowInfiniteLoader = _interopRequireDefault(require("react-window-infinite-loader"));
17
+
12
18
  var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
19
+
13
20
  var _utils = _interopRequireDefault(require("../../core/utils"));
14
- var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately", "showClippedContentTitle"];
21
+
22
+ var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately"];
23
+
15
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
+
16
26
  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); }
27
+
17
28
  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 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; }
19
- 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; }
20
- 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; }
21
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
29
+
30
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
31
+
32
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
33
+
34
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
+
23
36
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
37
+
24
38
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
39
+
25
40
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
41
+
26
42
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
43
+
27
44
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
45
+
28
46
  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."); }
47
+
29
48
  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); }
30
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
31
- 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; } }
49
+
50
+ 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; }
51
+
52
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
53
+
32
54
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
55
+
33
56
  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; }
57
+
34
58
  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; }
35
- 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); }
36
- /* eslint-disable react/prop-types */
37
59
 
60
+ /* eslint-disable react/prop-types */
38
61
  var DefaultDropdownItem = function DefaultDropdownItem(props) {
39
- debugger;
40
62
  var index = props.index,
41
- style = props.style,
42
- data = props.data;
63
+ style = props.style,
64
+ data = props.data;
43
65
  var items = data.items,
44
- isItemLoaded = data.isItemLoaded,
45
- selectItem = data.selectItem,
46
- _data$selectedItems = data.selectedItems,
47
- selectedItems = _data$selectedItems === void 0 ? [] : _data$selectedItems,
48
- idAttribute = data.idAttribute,
49
- nameAttribute = data.nameAttribute,
50
- showClippedContentTitle = data.showClippedContentTitle;
66
+ isItemLoaded = data.isItemLoaded,
67
+ selectItem = data.selectItem,
68
+ _data$selectedItems = data.selectedItems,
69
+ selectedItems = _data$selectedItems === void 0 ? [] : _data$selectedItems,
70
+ idAttribute = data.idAttribute,
71
+ nameAttribute = data.nameAttribute;
51
72
  var itemData = items[index] || {};
52
73
  var idValue = itemData[idAttribute];
53
74
  var name = itemData[nameAttribute];
@@ -56,118 +77,140 @@ var DefaultDropdownItem = function DefaultDropdownItem(props) {
56
77
  }) ? true : false;
57
78
  var className = "RCB-list-item " + (isSelected ? "selected" : "");
58
79
  var content = name;
80
+
59
81
  if (!isItemLoaded(index)) {
60
82
  content = "Loading...";
61
83
  }
62
- return /*#__PURE__*/_react["default"].createElement("div", _extends({
84
+
85
+ return /*#__PURE__*/_react["default"].createElement("div", {
63
86
  style: style,
64
87
  onClick: function onClick() {
65
88
  return selectItem(itemData);
66
- }
67
- }, showClippedContentTitle ? {
68
- title: content
69
- } : {}, {
89
+ },
70
90
  className: className
71
- }), content);
91
+ }, content);
72
92
  };
93
+
73
94
  exports.DefaultDropdownItem = DefaultDropdownItem;
95
+
74
96
  var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
75
97
  var selectedItems = props.selectedItems,
76
- selectItem = props.selectItem,
77
- idAttribute = props.idAttribute,
78
- nameAttribute = props.nameAttribute,
79
- DropdownItem = props.DropdownItem,
80
- requestId = props.requestId,
81
- requestParams = props.requestParams,
82
- responseFormatter = props.responseFormatter,
83
- pageNoKey = props.pageNoKey,
84
- perPageKey = props.perPageKey,
85
- pageSize = props.pageSize,
86
- maxHeight = props.maxHeight,
87
- searchAttribute = props.searchAttribute,
88
- searchQuery = props.searchQuery,
89
- getUrlParams = props.getUrlParams,
90
- serverListClassName = props.serverListClassName,
91
- ddItemHeight = props.ddItemHeight,
92
- minPageNo = props.minPageNo,
93
- _props$delay = props.delay,
94
- delay = _props$delay === void 0 ? 500 : _props$delay,
95
- _props$loadImmediatel = props.loadImmediately,
96
- loadImmediately = _props$loadImmediatel === void 0 ? true : _props$loadImmediatel,
97
- showClippedContentTitle = props.showClippedContentTitle,
98
- restProps = _objectWithoutProperties(props, _excluded);
98
+ selectItem = props.selectItem,
99
+ idAttribute = props.idAttribute,
100
+ nameAttribute = props.nameAttribute,
101
+ DropdownItem = props.DropdownItem,
102
+ requestId = props.requestId,
103
+ requestParams = props.requestParams,
104
+ responseFormatter = props.responseFormatter,
105
+ pageNoKey = props.pageNoKey,
106
+ perPageKey = props.perPageKey,
107
+ pageSize = props.pageSize,
108
+ maxHeight = props.maxHeight,
109
+ searchAttribute = props.searchAttribute,
110
+ searchQuery = props.searchQuery,
111
+ getUrlParams = props.getUrlParams,
112
+ serverListClassName = props.serverListClassName,
113
+ ddItemHeight = props.ddItemHeight,
114
+ minPageNo = props.minPageNo,
115
+ _props$delay = props.delay,
116
+ delay = _props$delay === void 0 ? 500 : _props$delay,
117
+ _props$loadImmediatel = props.loadImmediately,
118
+ loadImmediately = _props$loadImmediatel === void 0 ? true : _props$loadImmediatel,
119
+ restProps = _objectWithoutProperties(props, _excluded);
120
+
99
121
  var _useState = (0, _react.useState)([]),
100
- _useState2 = _slicedToArray(_useState, 2),
101
- items = _useState2[0],
102
- setItems = _useState2[1];
122
+ _useState2 = _slicedToArray(_useState, 2),
123
+ items = _useState2[0],
124
+ setItems = _useState2[1];
125
+
103
126
  var _useState3 = (0, _react.useState)(loadImmediately ? 1 : 0),
104
- _useState4 = _slicedToArray(_useState3, 2),
105
- itemsResetCounter = _useState4[0],
106
- setItemsResetCounter = _useState4[1];
127
+ _useState4 = _slicedToArray(_useState3, 2),
128
+ itemsResetCounter = _useState4[0],
129
+ setItemsResetCounter = _useState4[1];
130
+
107
131
  var _useState5 = (0, _react.useState)(null),
108
- _useState6 = _slicedToArray(_useState5, 2),
109
- total = _useState6[0],
110
- setTotal = _useState6[1];
132
+ _useState6 = _slicedToArray(_useState5, 2),
133
+ total = _useState6[0],
134
+ setTotal = _useState6[1];
135
+
111
136
  var _useState7 = (0, _react.useState)(false),
112
- _useState8 = _slicedToArray(_useState7, 2),
113
- hasNextPage = _useState8[0],
114
- setHasNextPage = _useState8[1];
137
+ _useState8 = _slicedToArray(_useState7, 2),
138
+ hasNextPage = _useState8[0],
139
+ setHasNextPage = _useState8[1];
140
+
115
141
  var _useState9 = (0, _react.useState)(false),
116
- _useState10 = _slicedToArray(_useState9, 2),
117
- isNextPageLoading = _useState10[0],
118
- setIsNextPageLoading = _useState10[1];
142
+ _useState10 = _slicedToArray(_useState9, 2),
143
+ isNextPageLoading = _useState10[0],
144
+ setIsNextPageLoading = _useState10[1];
145
+
119
146
  var debouncedFn = (0, _react.useRef)();
147
+
120
148
  var getDefaultPageNo = function getDefaultPageNo() {
121
149
  return minPageNo !== null && minPageNo !== void 0 ? minPageNo : 1;
122
150
  };
151
+
123
152
  var pageNoRef = (0, _react.useRef)(getDefaultPageNo());
124
153
  var searchRef = (0, _react.useRef)(searchQuery);
154
+
125
155
  var onDataLoaded = function onDataLoaded(response) {
126
156
  var apiResponse = response;
127
157
  setIsNextPageLoading(false);
158
+
128
159
  if (!loadImmediately && searchRef.current === "") {
129
160
  setItems([]);
130
161
  setTotal(null);
131
162
  return false;
132
163
  }
164
+
133
165
  if (typeof responseFormatter === "function") {
134
166
  apiResponse = responseFormatter(response);
135
167
  }
168
+
136
169
  var _apiResponse = apiResponse,
137
- entries = _apiResponse.entries,
138
- _apiResponse$total = _apiResponse.total,
139
- total = _apiResponse$total === void 0 ? 0 : _apiResponse$total;
170
+ entries = _apiResponse.entries,
171
+ _apiResponse$total = _apiResponse.total,
172
+ total = _apiResponse$total === void 0 ? 0 : _apiResponse$total;
173
+
140
174
  if (entries === null) {
141
175
  entries = [];
142
176
  }
177
+
143
178
  var totalEntries = [].concat(_toConsumableArray(items), _toConsumableArray(entries));
179
+
144
180
  if (totalEntries.length < total) {
145
181
  setHasNextPage(true);
146
182
  } else {
147
183
  setHasNextPage(false);
148
184
  }
185
+
149
186
  setItems(totalEntries);
150
187
  setTotal(total);
151
188
  };
189
+
152
190
  var makeAPICall = function makeAPICall() {
153
191
  var _objectSpread2;
192
+
154
193
  setIsNextPageLoading(true);
194
+
155
195
  var def = _dataLoader["default"].getRequestDef({
156
196
  requestId: requestId,
157
197
  params: _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, pageNoKey, pageNoRef.current), _defineProperty(_objectSpread2, perPageKey, pageSize), _objectSpread2), searchRef.current && _defineProperty({}, searchAttribute, searchRef.current)), requestParams),
158
198
  urlParams: getUrlParams()
159
199
  });
200
+
160
201
  def.done(onDataLoaded);
161
202
  return def;
162
203
  };
163
-
164
204
  /* Callback to be invoked when more rows must be loaded.
165
205
  It should return a Promise that is resolved once all data has finished loading.
166
206
  */
207
+
208
+
167
209
  var loadNextPage = function loadNextPage() {
168
210
  pageNoRef.current = pageNoRef.current + 1;
169
211
  return makeAPICall();
170
212
  };
213
+
171
214
  (0, _react.useEffect)(function () {
172
215
  /* not the first call */
173
216
  if (itemsResetCounter > 0) {
@@ -188,8 +231,10 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
188
231
  if (!debouncedFn.current) {
189
232
  debouncedFn.current = _utils["default"].debounce(startSearchCallBack, delay);
190
233
  }
234
+
191
235
  debouncedFn.current();
192
236
  }, []);
237
+
193
238
  var startSearchCallBack = function startSearchCallBack() {
194
239
  pageNoRef.current = getDefaultPageNo();
195
240
  setItems([]);
@@ -197,53 +242,50 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
197
242
  setItemsResetCounter(function (prevItemsResetCounter) {
198
243
  return prevItemsResetCounter + 1;
199
244
  });
200
- };
245
+ }; // If there are more items to be loaded then add an extra row to hold a loading indicator.
201
246
 
202
- // If there are more items to be loaded then add an extra row to hold a loading indicator.
203
- var itemCount = hasNextPage ? items.length + 1 : items.length;
204
247
 
205
- // Only load 1 page of items at a time.
248
+ var itemCount = hasNextPage ? items.length + 1 : items.length; // Only load 1 page of items at a time.
206
249
  // Pass an empty callback to InfiniteLoader in case it asks us to load more than once.
207
- var loadMoreItems = isNextPageLoading ? function () {} : loadNextPage;
208
250
 
209
- // Every row is loaded except for our loading indicator row.
251
+ var loadMoreItems = isNextPageLoading ? function () {} : loadNextPage; // Every row is loaded except for our loading indicator row.
252
+
210
253
  var isItemLoaded = function isItemLoaded(index) {
211
254
  return !hasNextPage || index < items.length;
212
255
  };
256
+
213
257
  var listProps = _objectSpread({
214
258
  selectItem: selectItem,
215
259
  selectedItems: selectedItems,
216
260
  idAttribute: idAttribute,
217
261
  nameAttribute: nameAttribute,
218
262
  items: items,
219
- isItemLoaded: isItemLoaded,
220
- showClippedContentTitle: showClippedContentTitle
263
+ isItemLoaded: isItemLoaded
221
264
  }, restProps);
265
+
222
266
  if (total === null) {
223
267
  return [];
224
268
  }
269
+
225
270
  if (total === 0) {
226
271
  return /*#__PURE__*/_react["default"].createElement("div", {
227
272
  className: "RCB-no-data"
228
273
  }, "No data found");
229
274
  }
230
- return /*#__PURE__*/_react["default"].createElement(_reactWindowInfiniteLoader["default"]
231
- // Function responsible for tracking the loaded state of each item.
275
+
276
+ return /*#__PURE__*/_react["default"].createElement(_reactWindowInfiniteLoader["default"] // Function responsible for tracking the loaded state of each item.
232
277
  , {
233
- isItemLoaded: isItemLoaded
234
- // Number of rows in list; can be arbitrary high number if actual number is unknown.
278
+ isItemLoaded: isItemLoaded // Number of rows in list; can be arbitrary high number if actual number is unknown.
235
279
  ,
236
280
  itemCount: total,
237
- loadMoreItems: loadMoreItems
238
- // Minimum number of rows to be loaded at a time; defaults to 10. This property can be used to batch requests to reduce HTTP requests.
281
+ loadMoreItems: loadMoreItems // Minimum number of rows to be loaded at a time; defaults to 10. This property can be used to batch requests to reduce HTTP requests.
239
282
  ,
240
- minimumBatchSize: pageSize
241
- // Threshold at which to pre-fetch data; defaults to 15. A threshold of 15 means that data will start loading when a user scrolls within 15 rows.
283
+ minimumBatchSize: pageSize // Threshold at which to pre-fetch data; defaults to 15. A threshold of 15 means that data will start loading when a user scrolls within 15 rows.
242
284
  ,
243
285
  threshold: pageSize
244
286
  }, function (_ref2) {
245
287
  var onItemsRendered = _ref2.onItemsRendered,
246
- ref = _ref2.ref;
288
+ ref = _ref2.ref;
247
289
  return /*#__PURE__*/_react["default"].createElement(_reactWindow.FixedSizeList, {
248
290
  itemCount: itemCount,
249
291
  itemSize: ddItemHeight,
@@ -255,6 +297,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
255
297
  }, DropdownItem);
256
298
  });
257
299
  };
300
+
258
301
  ServerPaginatedDDList.propTypes = {
259
302
  ddItemHeight: _propTypes["default"].number
260
303
  };
@@ -262,7 +305,7 @@ ServerPaginatedDDList.defaultProps = {
262
305
  DropdownItem: DefaultDropdownItem,
263
306
  ddItemHeight: 30
264
307
  };
265
-
266
308
  /* eslint-enable react/prop-types */
309
+
267
310
  var _default = ServerPaginatedDDList;
268
311
  exports["default"] = _default;