@pdg/react-table 1.0.62 → 1.0.64

package/dist/Table/Table.types.d.ts

@@ -8,7 +8,7 @@ export interface TableItem {
 }
 export interface TableColumn<T = TableItem> {
     id: string;
-    type?: 'text' | 'number' | 'date' | 'datetime' | 'img' | 'button' | 'button-ellipsis' | 'buttons' | 'check';
+    type?: 'text' | 'number' | 'date' | 'datetime' | 'img' | 'button' | 'buttons' | 'check';
     label?: ReactNode;
     name?: string;
     align?: TableCellProps['align'];
@@ -25,6 +25,8 @@ export interface TableColumn<T = TableItem> {
         lg?: boolean;
         xl?: boolean;
     };
+    paddingLeft?: number;
+    paddingRight?: number;
     head?: {
         className?: CommonSxProps['className'];
         style?: CommonSxProps['style'];

package/dist/index.esm.js

@@ -2747,10 +2747,11 @@ var TableCommonCell = function (_a) {
     var align = useMemo(function () { return getTableColumnAlign(column, defaultAlign); }, [column, defaultAlign]);
     var ellipsis = useMemo(function () {
         return type !== 'head' &&
-            column.type !== 'img' &&
-            column.type !== 'button' &&
-            column.type !== 'buttons' &&
-            (column.ellipsis != null ? column.ellipsis : !!initDefaultEllipsis);
+            (column.ellipsis ||
+                (column.type !== 'img' &&
+                    column.type !== 'button' &&
+                    column.type !== 'buttons' &&
+                    (column.ellipsis == null ? !!initDefaultEllipsis : false)));
     }, [type, column, initDefaultEllipsis]);
     var className = useMemo(function () {
         var _a, _b, _c, _d, _e, _f;
@@ -2799,7 +2800,7 @@ var TableCommonCell = function (_a) {
                 getStyle = ((_e = column.footer) === null || _e === void 0 ? void 0 : _e.onGetStyle) ? (_f = column.footer) === null || _f === void 0 ? void 0 : _f.onGetStyle() : undefined;
                 break;
         }
-        return __assign$3(__assign$3(__assign$3(__assign$3({}, initStyle), { width: column.width, minWidth: column.minWidth, cursor: type === 'body' && (column.onClick || onClick) ? 'pointer' : undefined }), style), getStyle);
+        return __assign$3(__assign$3(__assign$3(__assign$3({}, initStyle), { width: column.width, minWidth: column.minWidth, cursor: type === 'body' && (column.onClick || onClick) ? 'pointer' : undefined, paddingLeft: column.paddingLeft, paddingRight: column.paddingRight }), style), getStyle);
     }, [column, index, initStyle, item, onClick, type]);
     var sx = useMemo(function () {
         var _a, _b, _c, _d, _e, _f;
@@ -2864,7 +2865,6 @@ var TableCommonCell = function (_a) {
         if (!menuOpen &&
             column.type !== 'check' &&
             column.type !== 'button' &&
-            column.type !== 'button-ellipsis' &&
             column.type !== 'buttons' &&
             column.type !== 'img') {
             e.stopPropagation();
@@ -2965,7 +2965,6 @@ var TableBodyCell = function (_a) {
                         } })));
                 break;
             case 'button':
-            case 'button-ellipsis':
                 data = (React__default.createElement(Box, { className: 'TableBoxyCell-button-box', onClick: menuOpen ? undefined : function (e) { return e.stopPropagation(); } }, data));
                 break;
             case 'buttons':