@luminati-io/uikit 1.7.17 → 1.7.18-beta.0

package/dist/uikit.umd.js

@@ -10457,7 +10457,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 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); }
-var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "onPageChange", "manualPagination", "totalCount"];
+var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "isLoading", "onPageChange", "manualPagination", "totalCount"];
 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; }
 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; }
 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; }
@@ -10514,7 +10514,11 @@ var Provider = function Provider(props) {
     _props$hooks = props.hooks,
     hooks = _props$hooks === void 0 ? [] : _props$hooks,
     _props$NoDataComp = props.NoDataComp,
-    NoDataComp = _props$NoDataComp === void 0 ? EmptyBody : _props$NoDataComp,
+    NoDataComp = _props$NoDataComp === void 0 ? NoDataBody : _props$NoDataComp,
+    _props$LoadingComp = props.LoadingComp,
+    LoadingComp = _props$LoadingComp === void 0 ? LoadingBody : _props$LoadingComp,
+    _props$isLoading = props.isLoading,
+    isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
     onPageChange = props.onPageChange,
     _props$manualPaginati = props.manualPagination,
     manualPagination = _props$manualPaginati === void 0 ? false : _props$manualPaginati,
@@ -10540,7 +10544,8 @@ var Provider = function Provider(props) {
     pageSizes: pageSizes,
     manualPagination: manualPagination,
     pageCount: pageCount,
-    totalCount: totalCount
+    totalCount: totalCount,
+    isLoading: isLoading
   }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns].concat(_toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
@@ -10559,7 +10564,8 @@ var Provider = function Provider(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableContext.Provider, {
     value: _objectSpread({
       columnsSort: columnsSort,
-      NoDataComp: NoDataComp
+      NoDataComp: NoDataComp,
+      LoadingComp: LoadingComp
     }, table)
   }, children);
 };
@@ -10590,6 +10596,7 @@ Provider.propTypes = {
   manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
   onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
   pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
   fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -10621,14 +10628,21 @@ var useCanHideColumns = function useCanHideColumns(hooks) {
   });
 };
 useCanHideColumns.pluginName = 'useCanHideColumns';
-var EmptyBody = function EmptyBody() {
+var EmptyBody = function EmptyBody(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
     align_items: "center",
     width: "100%",
     padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["05"])
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
     color: "gray_11_50"
-  }, "No data"));
+  }, children));
+};
+var NoDataBody = function NoDataBody() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(EmptyBody, null, "No data");
+};
+var LoadingBody = function LoadingBody() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(EmptyBody, null, "Loading...");
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Provider);
 
@@ -11977,7 +11991,9 @@ var Table = function Table(props) {
     pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn,
     columnStartEditing = _useTableContext.columnStartEditing,
     columnDoneEditing = _useTableContext.columnDoneEditing,
-    NoDataComp = _useTableContext.NoDataComp;
+    NoDataComp = _useTableContext.NoDataComp,
+    LoadingComp = _useTableContext.LoadingComp,
+    isLoading = _useTableContext.isLoading;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -12035,7 +12051,7 @@ var Table = function Table(props) {
       onRowClick: onRowClick,
       classNamePrefix: classNamePrefix
     });
-  }), !page.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(NoDataComp, null), page.map(function (row, i, arr) {
+  }), !page.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(NoDataComp, null), isLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(LoadingComp, null) : page.map(function (row, i, arr) {
     prepareRow(row);
     if (row.isPinned) return null;
     return renderRow({