@unbxd-ui/unbxd-react-components 0.2.101-beta.4 → 0.2.101-beta.6
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.
- package/components/Accordian/Accordian.js +13 -45
- package/components/Accordian/Accordian.stories.js +6 -25
- package/components/Accordian/index.js +0 -3
- package/components/Button/Button.js +9 -26
- package/components/Button/Button.stories.js +1 -14
- package/components/Button/DropdownButton.js +9 -31
- package/components/Button/DropdownButton.stories.js +6 -23
- package/components/Button/index.js +1 -8
- package/components/DataLoader/DataLoader.js +10 -40
- package/components/DataLoader/DataLoader.stories.js +5 -30
- package/components/DataLoader/index.js +0 -3
- package/components/Form/Checkbox.js +14 -42
- package/components/Form/DragDropFileUploader.js +12 -42
- package/components/Form/Dropdown.js +77 -172
- package/components/Form/FileUploader.js +10 -32
- package/components/Form/Form.js +15 -45
- package/components/Form/FormElementWrapper.js +2 -7
- package/components/Form/Input.js +27 -72
- package/components/Form/RadioList.js +17 -48
- package/components/Form/RangeSlider.js +32 -72
- package/components/Form/ServerPaginatedDDList.js +74 -125
- package/components/Form/Textarea.js +18 -43
- package/components/Form/Toggle.js +16 -48
- package/components/Form/index.js +18 -30
- package/components/Form/stories/Checkbox.stories.js +1 -12
- package/components/Form/stories/DragDropFileUploader.stories.js +0 -8
- package/components/Form/stories/Dropdown.stories.js +6 -24
- package/components/Form/stories/FileUploader.stories.js +0 -8
- package/components/Form/stories/FormDefault.stories.js +1 -21
- package/components/Form/stories/RadioList.stories.js +1 -12
- package/components/Form/stories/RangeSlider.stories.js +1 -15
- package/components/Form/stories/TextInput.stories.js +3 -19
- package/components/Form/stories/Textarea.stories.js +1 -12
- package/components/Form/stories/Toggle.stories.js +0 -7
- package/components/Form/stories/form.stories.js +3 -40
- package/components/InlineModal/InlineModal.js +14 -51
- package/components/InlineModal/InlineModal.stories.js +2 -14
- package/components/InlineModal/index.js +1 -6
- package/components/List/List.js +9 -24
- package/components/List/index.js +0 -3
- package/components/List/list.stories.js +0 -10
- package/components/Modal/Modal.js +17 -49
- package/components/Modal/Modal.stories.js +1 -15
- package/components/Modal/index.js +0 -3
- package/components/NotificationComponent/NotificationComponent.js +11 -34
- package/components/NotificationComponent/NotificationComponent.stories.js +0 -6
- package/components/NotificationComponent/index.js +0 -3
- package/components/ProgressBar/ProgressBar.js +2 -11
- package/components/ProgressBar/ProgressBar.stories.js +0 -6
- package/components/ProgressBar/index.js +0 -3
- package/components/Table/BaseTable.js +69 -134
- package/components/Table/PaginationComponent.js +11 -23
- package/components/Table/Table.js +68 -149
- package/components/Table/Table.stories.js +22 -67
- package/components/Table/index.js +0 -4
- package/components/TabsComponent/TabsComponent.js +20 -57
- package/components/TabsComponent/TabsComponent.stories.js +0 -16
- package/components/TabsComponent/index.js +0 -3
- package/components/Tooltip/Tooltip.js +15 -46
- package/components/Tooltip/Tooltip.stories.js +0 -6
- package/components/Tooltip/index.js +0 -3
- package/components/index.js +1 -17
- package/core/Validators.js +1 -5
- package/core/customHooks.js +4 -14
- package/core/dataLoader.js +28 -67
- package/core/dataLoader.stories.js +12 -42
- package/core/index.js +6 -10
- package/core/utils.js +10 -18
- package/index.js +0 -4
- package/package.json +2 -2
|
@@ -1,100 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
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
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function
|
|
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
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
-
|
|
71
|
-
|
|
49
|
+
onValueChange = _useContext.onValueChange;
|
|
72
50
|
var _useState = (0, _react.useState)(value || defaultValue),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
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;
|
|
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";
|
|
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
|
|
31
|
-
|
|
32
|
-
function
|
|
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
|
|
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
|
-
|
|
64
|
-
|
|
39
|
+
style = props.style,
|
|
40
|
+
data = props.data;
|
|
65
41
|
var items = data.items,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
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
|
-
|
|
123
|
-
|
|
124
|
-
|
|
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
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
97
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
98
|
+
itemsResetCounter = _useState4[0],
|
|
99
|
+
setItemsResetCounter = _useState4[1];
|
|
131
100
|
var _useState5 = (0, _react.useState)(null),
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
101
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
102
|
+
total = _useState6[0],
|
|
103
|
+
setTotal = _useState6[1];
|
|
136
104
|
var _useState7 = (0, _react.useState)(false),
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
105
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
106
|
+
hasNextPage = _useState8[0],
|
|
107
|
+
setHasNextPage = _useState8[1];
|
|
141
108
|
var _useState9 = (0, _react.useState)(false),
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
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
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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
|
-
};
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
222
|
+
return /*#__PURE__*/_react["default"].createElement(_reactWindowInfiniteLoader["default"]
|
|
223
|
+
// Function responsible for tracking the loaded state of each item.
|
|
277
224
|
, {
|
|
278
|
-
isItemLoaded: isItemLoaded
|
|
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
|
|
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
|
|
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
|
-
|
|
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;
|