@unbxd-ui/unbxd-react-components 0.2.101-beta.3 → 0.2.101-beta.5

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