@cloudtower/eagle 0.29.1 → 0.29.2

package/README.md

@@ -25,32 +25,28 @@ initParrotI18n();
 // Set Up Providers
 ReactDOM.render(
   <React.StrictMode>
-    <KitStoreProvider>
-      <UIKitProvider>
-        <App />
-      <UIKitProvider>
-    </KitStoreProvider>
+    <UIKitProvider>
+      <App />
+    <UIKitProvider>
   </React.StrictMode>,
   document.getElementById("root") as HTMLElement
 );
 ```
 
 ```tsx
-import { useUIKit } from "@cloudtower/eagle";
+import { Button } from "@cloudtower/eagle";
 import React, { useContext } from "react";
 
 const App = () => {
-  // Use Component
-  const kit = useUIKit();
   return (
     <div>
-      <kit.button
+      <Button
         onClick={() => {
           alert("hello");
         }}
       >
         say hello
-      </kit.button>
+      </Button>
     </div>
   );
 };

package/dist/cjs/core/Table/index.js

@@ -8,6 +8,7 @@ var common = require('./common.js');
 var TableWidget = require('./TableWidget.js');
 var antd = require('antd');
 var cs = require('classnames');
+var _ = require('lodash');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -39,9 +40,9 @@ const TableContainerStyle = "E_tc97u5y";
 const tableStyleCover = "E_tfzf37v";
 const Table = props => {
   const {
-    loading,
+    loading = false,
     error,
-    dataSource,
+    dataSource: _dataSource,
     columns,
     onSorterChange,
     onRowClick,
@@ -59,7 +60,7 @@ const Table = props => {
     onRow
   } = props;
   const orderRef = React.useRef(null);
-  const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, dataSource);
+  const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, _dataSource);
   const _columns = React.useMemo(() => columns.map(column => {
     const _column = __spreadValues({}, column);
     if (_column.sorter && typeof _column.title !== "function") {
@@ -73,6 +74,21 @@ const Table = props => {
     }
     return _column;
   }), [columns]);
+  const dataSource = React.useMemo(() => {
+    if (!_.isNil(error) || loading) {
+      return [];
+    }
+    return _dataSource != null ? _dataSource : [];
+  }, [_dataSource, error, loading]);
+  const emptyText = React.useMemo(() => {
+    if (loading) {
+      return "";
+    }
+    if (!_.isNil(error)) {
+      return error;
+    }
+    return empty;
+  }, [empty, error, loading]);
   return /* @__PURE__ */React__default.default.createElement("div", {
     className: core.cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
   }, /* @__PURE__ */React__default.default.createElement(antd.Table, {
@@ -83,9 +99,9 @@ const Table = props => {
       indicator: initLoading ? /* @__PURE__ */React__default.default.createElement(TableWidget.TableLoading, null) : /* @__PURE__ */React__default.default.createElement(index, null)
     },
     locale: {
-      emptyText: error || /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, loading ? "" : empty)
+      emptyText
     },
-    dataSource: dataSource || [],
+    dataSource,
     pagination: pagination || false,
     columns: _columns,
     components,