@pdg/react-table 1.0.13 → 1.0.16

package/dist/index.js

@@ -8343,7 +8343,7 @@ var equal = function (v1, v2) {
 var TableCommonCell = function (_a) {
     var children = _a.children, initClassName = _a.className, initStyle = _a.style, initSx = _a.sx, type = _a.type, column = _a.column, defaultAlign = _a.defaultAlign, initDefaultEllipsis = _a.defaultEllipsis, index = _a.index, item = _a.item, onClick = _a.onClick;
     var align = React.useMemo(function () { return getTableColumnAlign(column, defaultAlign); }, [column, defaultAlign]);
-    var ellipsis = React.useMemo(function () { return (column.ellipsis != null ? column.ellipsis : !!initDefaultEllipsis); }, [column, initDefaultEllipsis]);
+    var ellipsis = React.useMemo(function () { return type !== 'head' && (column.ellipsis != null ? column.ellipsis : !!initDefaultEllipsis); }, [type, column, initDefaultEllipsis]);
     var className = React.useMemo(function () {
         var _a, _b, _c, _d, _e, _f;
         var className;
@@ -8852,25 +8852,25 @@ var Table = React__default["default"].forwardRef(function (_a, ref) {
     var simpleBarStyle = React.useMemo(function () {
         if (fullHeight) {
             return {
-                height: (containerHeight || 0) - (pagingHeight || 0),
+                height: (containerHeight || 0) - (pagingHeight || 0) - 2,
                 flex: 1,
                 position: 'absolute',
+                top: 1,
                 left: 0,
                 right: 0,
-                marginBottom: pagingHeight,
+                marginBottom: pagingHeight || 0,
             };
         }
         else {
-            return { height: height, minHeight: minHeight, maxHeight: maxHeight };
+            return { height: height, minHeight: minHeight, maxHeight: maxHeight, marginBottom: -1 };
         }
     }, [containerHeight, fullHeight, height, maxHeight, minHeight, pagingHeight]);
     var pagingStyle = React.useMemo(function () {
+        var style = { padding: '13px 0', borderTop: '1px solid rgba(224, 224, 224, 1)' };
         if (fullHeight) {
-            return { position: 'sticky', padding: '13px 0' };
-        }
-        else {
-            return { padding: '13px 0' };
+            return __assign$1({ position: 'sticky' }, style);
         }
+        return style;
     }, [fullHeight]);
     // Render ----------------------------------------------------------------------------------------------------------
     return finalColumns ? (React__default["default"].createElement(material.Paper, { ref: fullHeight ? containerHeightDetector : undefined, className: classNames('Table', className), variant: 'outlined', style: style, sx: sx },
@@ -8891,9 +8891,10 @@ var Table = React__default["default"].forwardRef(function (_a, ref) {
 });
 Table.displayName = 'Table';
 Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var SearchTable = React__default["default"].forwardRef(function (_a, ref) {
-    var color = _a.color, hash = _a.hash, search = _a.search, table = _a.table, betweenSearchTableComponent = _a.betweenSearchTableComponent, onGetData = _a.onGetData, onRequestHashChange = _a.onRequestHashChange, 
+    var _b, _c;
+    var color = _a.color, hash = _a.hash, stickyHeader = _a.stickyHeader, fullHeight = _a.fullHeight, search = _a.search, table = _a.table, betweenSearchTableComponent = _a.betweenSearchTableComponent, onGetData = _a.onGetData, onRequestHashChange = _a.onRequestHashChange, 
     // ---------------------------------------------------------------------------------------------------------------
-    className = _a.className, style = _a.style, sx = _a.sx;
+    className = _a.className, initStyle = _a.style, sx = _a.sx;
     var searchRef = React.useRef();
     var tableRef = React.useRef();
     //------------------------------------------------------------------------------------------------------------------
@@ -8919,11 +8920,11 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
     // Ref -------------------------------------------------------------------------------------------------------------
     var lastGetDataDataRef = React.useRef({});
     // State -----------------------------------------------------------------------------------------------------------
-    var _b = React.useState(true), isFirstSearchSubmit = _b[0], setIsFirstSearchSubmit = _b[1];
-    var _c = React.useState(), tableData = _c[0], setTableData = _c[1];
+    var _d = React.useState(true), isFirstSearchSubmit = _d[0], setIsFirstSearchSubmit = _d[1];
+    var _e = React.useState(), tableData = _e[0], setTableData = _e[1];
     // searchInfo ------------------------------------------------------------------------------------------------------
     var searchInfoFirstUseEffect = React.useRef(true);
-    var _d = React.useState(function () { return getSearchInfo(search); }), searchInfo = _d[0], setSearchInfo = _d[1];
+    var _f = React.useState(function () { return getSearchInfo(search); }), searchInfo = _f[0], setSearchInfo = _f[1];
     React.useEffect(function () {
         if (searchInfoFirstUseEffect.current) {
             searchInfoFirstUseEffect.current = false;
@@ -8935,7 +8936,7 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
     }, [search]);
     // tableInfo -------------------------------------------------------------------------------------------------------
     var tableInfoFirstUseEffect = React.useRef(true);
-    var _e = React.useState(function () { return getTableInfo(table); }), tableInfo = _e[0], setTableInfo = _e[1];
+    var _g = React.useState(function () { return getTableInfo(table); }), tableInfo = _g[0], setTableInfo = _g[1];
     React.useEffect(function () {
         if (tableInfoFirstUseEffect.current) {
             tableInfoFirstUseEffect.current = false;
@@ -9174,6 +9175,20 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
             }
         }
     }, [searchRef, hash, hashChange, getData, isFirstSearchSubmit]);
+    // Memo --------------------------------------------------------------------------------------------------------------
+    var style = React.useMemo(function () {
+        if (fullHeight) {
+            return __assign$1(__assign$1({}, initStyle), { flex: 1, display: 'flex' });
+        }
+        else {
+            return initStyle;
+        }
+    }, [initStyle, fullHeight]);
+    var tableContainerStyle = React.useMemo(function () {
+        if (fullHeight) {
+            return { flex: 1, display: 'flex', flexDirection: 'column' };
+        }
+    }, [fullHeight]);
     //------------------------------------------------------------------------------------------------------------------
     return (React__default["default"].createElement(material.Grid, { container: true, direction: 'column', spacing: 1, className: classNames('SearchTable', className), style: style, sx: sx },
         React__default["default"].createElement(material.Grid, { item: true, sx: { display: searchInfo.searchGroups ? undefined : 'none' } },
@@ -9192,8 +9207,8 @@ Table.defaultProps = TableDefaultProps;var SearchTableDefaultProps = {};var Sear
                     React__default["default"].createElement(reactForm.FormHidden, { name: 'page', value: 1 })),
                 searchInfo.searchGroups)),
         betweenSearchTableComponent && React__default["default"].createElement(material.Grid, { item: true }, betweenSearchTableComponent),
-        React__default["default"].createElement(material.Grid, { item: true },
-            React__default["default"].createElement(Table, __assign$1({}, tableInfo.props, { ref: function (commands) {
+        React__default["default"].createElement(material.Grid, { item: true, style: tableContainerStyle },
+            React__default["default"].createElement(Table, __assign$1({}, tableInfo.props, { stickyHeader: stickyHeader || ((_b = tableInfo.props) === null || _b === void 0 ? void 0 : _b.stickyHeader), fullHeight: fullHeight || ((_c = tableInfo.props) === null || _c === void 0 ? void 0 : _c.fullHeight), ref: function (commands) {
                     if (tableInfo.ref) {
                         if (typeof tableInfo.ref === 'function') {
                             tableInfo.ref(commands);