@xqmsg/ui-core 0.15.3 → 0.15.4

package/dist/components/table/empty/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * A React component utilized to render the `EmptyTable` component
+ */
+export declare const EmptyTable: React.FC;

package/dist/components/table/index.d.ts

@@ -11,4 +11,4 @@ export interface TableProps<T extends ReadonlyTableColumns> {
 /**
  * A React component utilized to render the `Table` component
  */
-export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, placeholder, loading, loadMore, }: TableProps<T>): JSX.Element;
+export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, loading, loadMore, }: TableProps<T>): JSX.Element;

package/dist/ui-core.cjs.development.js

@@ -1766,6 +1766,58 @@ var TableLoadingRows = function TableLoadingRows(_ref) {
   }));
 };
 
+/**
+ * A React component utilized to render the `EmptyTable` component
+ */
+
+var EmptyTable = function EmptyTable() {
+  var getOpacity = function getOpacity(index) {
+    switch (index) {
+      case 1:
+        return 0.7;
+
+      case 3:
+        return 0.6;
+
+      case 5:
+        return 0.5;
+
+      case 7:
+        return 0.4;
+
+      case 9:
+        return 0.3;
+
+      case 11:
+        return 0.2;
+
+      case 13:
+        return 0.1;
+
+      default:
+        return 1;
+    }
+  };
+
+  return /*#__PURE__*/React__default.createElement(react.Table, {
+    variant: "unstyled",
+    width: "100%",
+    style: {
+      borderCollapse: 'separate',
+      borderSpacing: '0px'
+    }
+  }, /*#__PURE__*/React__default.createElement(react.Tbody, null, Array.from({
+    length: 14
+  }, function (_, i) {
+    return i + 1;
+  }).map(function (i) {
+    return /*#__PURE__*/React__default.createElement(react.Tr, null, /*#__PURE__*/React__default.createElement(react.Td, {
+      height: "23px",
+      opacity: getOpacity(i)
+    }));
+  })));
+};
+
 /**
  * A React component utilized to render the `Table` component
  */
@@ -1774,8 +1826,6 @@ function Table(_ref) {
   var columns = _ref.columns,
       headers = _ref.headers,
       body = _ref.body,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'There is currently no available data' : _ref$placeholder,
       loading = _ref.loading,
       loadMore = _ref.loadMore;
   var columnsAsConst = generateTableColumnsAsConst(columns);
@@ -1784,7 +1834,7 @@ function Table(_ref) {
     overflowX: "auto",
     bg: "white",
     width: "100%"
-  }, /*#__PURE__*/React__default.createElement(react.Table, {
+  }, body.length ? /*#__PURE__*/React__default.createElement(react.Table, {
     variant: "unstyled",
     width: "100%",
     style: {
@@ -1809,12 +1859,10 @@ function Table(_ref) {
         React__default.createElement(react.Td, null, row[column])
       );
     }));
-  })), !body.length && /*#__PURE__*/React__default.createElement(react.TableCaption, {
-    py: 10
-  }, placeholder), ' '), loadMore && loading !== undefined && /*#__PURE__*/React__default.createElement(TableLoadingRows, {
+  }))) : /*#__PURE__*/React__default.createElement(EmptyTable, null), loadMore && loading !== undefined && body.length ? /*#__PURE__*/React__default.createElement(TableLoadingRows, {
     isLoading: loading,
     onLoadMore: loadMore
-  }));
+  }) : null);
 }
 
 /**