@unbxd-ui/unbxd-react-components 0.2.115 → 0.2.117
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.
|
@@ -14,7 +14,7 @@ var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper")
|
|
|
14
14
|
var _ServerPaginatedDDList = _interopRequireDefault(require("./ServerPaginatedDDList"));
|
|
15
15
|
var _utils = _interopRequireDefault(require("../../core/utils"));
|
|
16
16
|
var _excluded = ["items", "selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "ListHeaderItem", "showClippedContentTitle"],
|
|
17
|
-
_excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "ListHeaderItem", "onSearchChange", "showClippedContentTitle", "onModalOpenCB"];
|
|
17
|
+
_excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "onItemsRenderedCB", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "ListHeaderItem", "isModalOpen", "onSearchChange", "showClippedContentTitle", "onModalOpenCB"];
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -161,6 +161,7 @@ var Dropdown = function Dropdown(props, ref) {
|
|
|
161
161
|
validations = props.validations,
|
|
162
162
|
paginationType = props.paginationType,
|
|
163
163
|
requestId = props.requestId,
|
|
164
|
+
onItemsRenderedCB = props.onItemsRenderedCB,
|
|
164
165
|
requestParams = props.requestParams,
|
|
165
166
|
pageNoKey = props.pageNoKey,
|
|
166
167
|
perPageKey = props.perPageKey,
|
|
@@ -177,6 +178,8 @@ var Dropdown = function Dropdown(props, ref) {
|
|
|
177
178
|
onClear = props.onClear,
|
|
178
179
|
minPageNo = props.minPageNo,
|
|
179
180
|
ListHeaderItem = props.ListHeaderItem,
|
|
181
|
+
_props$isModalOpen = props.isModalOpen,
|
|
182
|
+
isModalOpen = _props$isModalOpen === void 0 ? false : _props$isModalOpen,
|
|
180
183
|
propSearchChange = props.onSearchChange,
|
|
181
184
|
showClippedContentTitle = props.showClippedContentTitle,
|
|
182
185
|
onModalOpenCB = props.onModalOpenCB,
|
|
@@ -297,7 +300,8 @@ var Dropdown = function Dropdown(props, ref) {
|
|
|
297
300
|
responseFormatter: responseFormatter,
|
|
298
301
|
getUrlParams: getUrlParams,
|
|
299
302
|
serverListClassName: serverListClassName,
|
|
300
|
-
minPageNo: minPageNo
|
|
303
|
+
minPageNo: minPageNo,
|
|
304
|
+
onItemsRenderedCB: onItemsRenderedCB
|
|
301
305
|
};
|
|
302
306
|
var inlineModalClasses = "RCB-form-el " + (showCreateCTA ? "RCB-dd-with-create" : "");
|
|
303
307
|
return /*#__PURE__*/_react["default"].createElement(_FormElementWrapper["default"], {
|
|
@@ -310,7 +314,8 @@ var Dropdown = function Dropdown(props, ref) {
|
|
|
310
314
|
className: inlineModalClasses,
|
|
311
315
|
ref: inlineModalRef,
|
|
312
316
|
halign: halign,
|
|
313
|
-
onModalStateChange: onModalStateChange
|
|
317
|
+
onModalStateChange: onModalStateChange,
|
|
318
|
+
isModalOpen: isModalOpen
|
|
314
319
|
}, /*#__PURE__*/_react["default"].createElement(_InlineModal.InlineModalActivator, null, /*#__PURE__*/_react["default"].createElement(SelectionSummary, _extends({
|
|
315
320
|
selectedItems: selectedItems,
|
|
316
321
|
noSelectionLabel: noSelectionLabel,
|
|
@@ -444,7 +449,9 @@ Dropdown.propTypes = {
|
|
|
444
449
|
/** Callback on query search in dropdown */
|
|
445
450
|
onSearchChange: _propTypes["default"].func,
|
|
446
451
|
/** List header Component */
|
|
447
|
-
ListHeaderItem: _propTypes["default"].string
|
|
452
|
+
ListHeaderItem: _propTypes["default"].string,
|
|
453
|
+
/** Flag for modal state */
|
|
454
|
+
isModalOpen: _propTypes["default"].bool
|
|
448
455
|
};
|
|
449
456
|
Dropdown.defaultProps = {
|
|
450
457
|
className: "",
|
|
@@ -475,6 +482,7 @@ Dropdown.defaultProps = {
|
|
|
475
482
|
onCreateCTAClick: function onCreateCTAClick() {},
|
|
476
483
|
showClear: false,
|
|
477
484
|
ListHeaderItem: "",
|
|
478
|
-
onClear: function onClear() {}
|
|
485
|
+
onClear: function onClear() {},
|
|
486
|
+
isModalOpen: false
|
|
479
487
|
};
|
|
480
488
|
var _default = exports["default"] = Dropdown;
|
|
@@ -11,7 +11,7 @@ var _reactWindow = require("react-window");
|
|
|
11
11
|
var _reactWindowInfiniteLoader = _interopRequireDefault(require("react-window-infinite-loader"));
|
|
12
12
|
var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
|
|
13
13
|
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", "abortPrevious"];
|
|
14
|
+
var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately", "showClippedContentTitle", "abortPrevious", "onItemsRenderedCB"];
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -95,6 +95,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
95
95
|
showClippedContentTitle = props.showClippedContentTitle,
|
|
96
96
|
_props$abortPrevious = props.abortPrevious,
|
|
97
97
|
abortPrevious = _props$abortPrevious === void 0 ? false : _props$abortPrevious,
|
|
98
|
+
onItemsRenderedCB = props.onItemsRenderedCB,
|
|
98
99
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
99
100
|
var _useState = (0, _react.useState)([]),
|
|
100
101
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -232,6 +233,9 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
232
233
|
showClippedContentTitle: showClippedContentTitle
|
|
233
234
|
}, restProps);
|
|
234
235
|
if (total === null) {
|
|
236
|
+
// return (
|
|
237
|
+
// <div>Loading......</div>
|
|
238
|
+
// )
|
|
235
239
|
return [];
|
|
236
240
|
}
|
|
237
241
|
if (total === 0) {
|
|
@@ -259,14 +263,16 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
259
263
|
return /*#__PURE__*/_react["default"].createElement(_reactWindow.FixedSizeList, {
|
|
260
264
|
itemCount: itemCount,
|
|
261
265
|
itemSize: ddItemHeight,
|
|
262
|
-
onItemsRendered: onItemsRendered,
|
|
266
|
+
onItemsRendered: onItemsRenderedCB || onItemsRendered,
|
|
263
267
|
className: serverListClassName,
|
|
264
268
|
ref: ref,
|
|
265
269
|
height: maxHeight,
|
|
266
270
|
itemData: listProps
|
|
267
271
|
}, DropdownItem);
|
|
268
272
|
});
|
|
273
|
+
// }
|
|
269
274
|
};
|
|
275
|
+
|
|
270
276
|
ServerPaginatedDDList.propTypes = {
|
|
271
277
|
ddItemHeight: _propTypes["default"].number
|
|
272
278
|
};
|