@unbxd-ui/unbxd-react-components 0.2.118 → 0.2.220
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", "onItemsRenderedCB", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "LoaderComponent", "ListHeaderItem", "isModalOpen", "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", "LoaderComponent", "ListHeaderItem", "isModalOpen", "onSearchChange", "showClippedContentTitle", "onModalOpenCB", "onModalCloseCB"];
|
|
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; }
|
|
@@ -185,6 +185,7 @@ var Dropdown = function Dropdown(props, ref) {
|
|
|
185
185
|
propSearchChange = props.onSearchChange,
|
|
186
186
|
showClippedContentTitle = props.showClippedContentTitle,
|
|
187
187
|
onModalOpenCB = props.onModalOpenCB,
|
|
188
|
+
onModalCloseCB = props.onModalCloseCB,
|
|
188
189
|
restProps = _objectWithoutProperties(props, _excluded2);
|
|
189
190
|
var _useState = (0, _react.useState)(""),
|
|
190
191
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -261,6 +262,9 @@ var Dropdown = function Dropdown(props, ref) {
|
|
|
261
262
|
if (isModalOpen && typeof onModalOpenCB === "function") {
|
|
262
263
|
onModalOpenCB();
|
|
263
264
|
}
|
|
265
|
+
if (!isModalOpen && typeof onModalCloseCB === "function") {
|
|
266
|
+
onModalCloseCB();
|
|
267
|
+
}
|
|
264
268
|
if (isModalOpen && showSearch) {
|
|
265
269
|
searchIpRef.current && searchIpRef.current.focus();
|
|
266
270
|
} else {
|
|
@@ -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", "LoaderComponent"
|
|
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", "LoaderComponent"];
|
|
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; }
|
|
@@ -96,7 +96,6 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
96
96
|
_props$abortPrevious = props.abortPrevious,
|
|
97
97
|
abortPrevious = _props$abortPrevious === void 0 ? false : _props$abortPrevious,
|
|
98
98
|
LoaderComponent = props.LoaderComponent,
|
|
99
|
-
onItemsRenderedCB = props.onItemsRenderedCB,
|
|
100
99
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
101
100
|
var _useState = (0, _react.useState)([]),
|
|
102
101
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -158,6 +157,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
158
157
|
var _objectSpread2;
|
|
159
158
|
apiCallRef.current = true;
|
|
160
159
|
abortController.current = new AbortController();
|
|
160
|
+
setIsNextPageLoading(true);
|
|
161
161
|
var def = _dataLoader["default"].getRequestDef({
|
|
162
162
|
requestId: requestId,
|
|
163
163
|
params: _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, pageNoKey, pageNoRef.current), _defineProperty(_objectSpread2, perPageKey, pageSize), _objectSpread2), searchRef.current && _defineProperty({}, searchAttribute, searchRef.current)), requestParams),
|
|
@@ -237,9 +237,8 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
237
237
|
if (total === null) {
|
|
238
238
|
if (LoaderComponent) {
|
|
239
239
|
return LoaderComponent;
|
|
240
|
-
} else {
|
|
241
|
-
return [];
|
|
242
240
|
}
|
|
241
|
+
return [];
|
|
243
242
|
}
|
|
244
243
|
if (total === 0) {
|
|
245
244
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -266,7 +265,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
|
|
|
266
265
|
return /*#__PURE__*/_react["default"].createElement(_reactWindow.FixedSizeList, {
|
|
267
266
|
itemCount: itemCount,
|
|
268
267
|
itemSize: ddItemHeight,
|
|
269
|
-
onItemsRendered:
|
|
268
|
+
onItemsRendered: onItemsRendered,
|
|
270
269
|
className: serverListClassName,
|
|
271
270
|
ref: ref,
|
|
272
271
|
height: maxHeight,
|
|
@@ -188,7 +188,9 @@ var BaseTable = function BaseTable(props, ref) {
|
|
|
188
188
|
ExpandedRowComponent = props.ExpandedRowComponent,
|
|
189
189
|
noDataComponent = props.noDataComponent,
|
|
190
190
|
sortByConfig = props.sortByConfig,
|
|
191
|
-
resetPageNo = props.resetPageNo
|
|
191
|
+
resetPageNo = props.resetPageNo,
|
|
192
|
+
pageNo = props.pageNo,
|
|
193
|
+
tbodyClassName = props.tbodyClassName;
|
|
192
194
|
var _DEFAULT_CHECKBOX_CON = _objectSpread(_objectSpread({}, DEFAULT_CHECKBOX_CONFIG), checkboxConfig || {}),
|
|
193
195
|
showCheckbox = _DEFAULT_CHECKBOX_CON.enabled,
|
|
194
196
|
showInHeader = _DEFAULT_CHECKBOX_CON.showInHeader;
|
|
@@ -247,7 +249,12 @@ var BaseTable = function BaseTable(props, ref) {
|
|
|
247
249
|
};
|
|
248
250
|
});
|
|
249
251
|
if (records.length === 0) {
|
|
250
|
-
|
|
252
|
+
if (pageNo === 1) {
|
|
253
|
+
return noDataComponent;
|
|
254
|
+
} else {
|
|
255
|
+
var LoaderComponent = _utils["default"].getDefaultConfig("DefaultLoader") || "";
|
|
256
|
+
return /*#__PURE__*/_react["default"].createElement(LoaderComponent, null);
|
|
257
|
+
}
|
|
251
258
|
} else {
|
|
252
259
|
return /*#__PURE__*/_react["default"].createElement("table", {
|
|
253
260
|
className: "RCB-table ".concat(className)
|
|
@@ -289,7 +296,9 @@ var BaseTable = function BaseTable(props, ref) {
|
|
|
289
296
|
className: className,
|
|
290
297
|
key: key
|
|
291
298
|
}, thAttrs), label);
|
|
292
|
-
}))), /*#__PURE__*/_react["default"].createElement("tbody",
|
|
299
|
+
}))), /*#__PURE__*/_react["default"].createElement("tbody", {
|
|
300
|
+
className: tbodyClassName
|
|
301
|
+
}, records.map(function (rowData, index) {
|
|
293
302
|
return /*#__PURE__*/_react["default"].createElement(RowComponent, {
|
|
294
303
|
key: rowData[idAttribute],
|
|
295
304
|
isEven: _utils["default"].isEven(index),
|
|
@@ -10,7 +10,7 @@ var _BaseTable = _interopRequireDefault(require("./BaseTable"));
|
|
|
10
10
|
var _DataLoader = _interopRequireDefault(require("../DataLoader"));
|
|
11
11
|
var _PaginationComponent = _interopRequireDefault(require("./PaginationComponent"));
|
|
12
12
|
var _utils = _interopRequireDefault(require("../../core/utils"));
|
|
13
|
-
var _excluded = ["className", "wrapperClassName", "records", "columnConfigs", "idAttribute", "searchBy", "getRequestKeys", "showPaginateBar", "paginationPosition", "paginationType", "paginationBar", "requestId", "pageNoKey", "perPageKey", "pageSizeList", "isExpandableTable", "ExpandedRowComponent", "responseFormatter", "noDataComponent", "omitProps", "getUrlParams", "getRequestParams", "checkboxConfig"];
|
|
13
|
+
var _excluded = ["className", "wrapperClassName", "records", "columnConfigs", "idAttribute", "searchBy", "getRequestKeys", "showPaginateBar", "paginationPosition", "paginationType", "paginationBar", "requestId", "pageNoKey", "perPageKey", "pageSizeList", "isExpandableTable", "ExpandedRowComponent", "responseFormatter", "noDataComponent", "omitProps", "getUrlParams", "getRequestParams", "checkboxConfig", "tbodyClassName"];
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
@@ -123,6 +123,7 @@ var Table = function Table(props, ref) {
|
|
|
123
123
|
getUrlParams = props.getUrlParams,
|
|
124
124
|
getRequestParams = props.getRequestParams,
|
|
125
125
|
checkboxConfig = props.checkboxConfig,
|
|
126
|
+
tbodyClassName = props.tbodyClassName,
|
|
126
127
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
127
128
|
/* variables for server data */
|
|
128
129
|
var _useState = (0, _react.useState)([]),
|
|
@@ -238,6 +239,8 @@ var Table = function Table(props, ref) {
|
|
|
238
239
|
checkboxConfig: checkboxConfig,
|
|
239
240
|
idAttribute: idAttribute,
|
|
240
241
|
noDataComponent: noDataComponent,
|
|
242
|
+
pageNo: pageNo,
|
|
243
|
+
tbodyClassName: tbodyClassName,
|
|
241
244
|
sortByConfig: sortByConfig,
|
|
242
245
|
onSort: onSort,
|
|
243
246
|
resetPageNo: resetPageNo,
|