schummar-table 0.3.0 → 0.3.1

package/dist/cjs/components/cell.js

@@ -15,13 +15,17 @@ exports.Cell = (0, react_1.memo)(function Cell({ itemId, rowIndex }) {
     const column = state.useState((state) => state.activeColumns.find((column) => column.id === columnId), [columnId]);
     const item = state.useState((state) => state.activeItemsById.get(itemId), [itemId]);
     const classes = state.useState('props.classes');
-    const wrapCell = state.useState('props.wrapCell');
+    let wrapCell = state.useState('props.wrapCell');
     if (!column || !item)
         return null;
     (_b = (_a = state.getState().props).debug) === null || _b === void 0 ? void 0 : _b.call(_a, 'render cell', itemId, columnId);
     const className = (0, helpers_1.c)((0, row_1.calcClassName)(classes, rowIndex), (0, row_1.calcClassName)(column === null || column === void 0 ? void 0 : column.classes, rowIndex));
     const content = column.renderCell(column.value(item), item);
-    if (wrapCell)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrapCell(content, item) }, void 0);
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, helpers_1.c)(commonClasses.cell, className) }, { children: content }), void 0);
+    if (!wrapCell && typeof content === 'string') {
+        wrapCell = (content) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, helpers_1.c)(commonClasses.cell, className) }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: (0, helpers_1.c)(commonClasses.text) }, { children: content }), void 0) }), void 0));
+    }
+    else if (!wrapCell) {
+        wrapCell = (content) => (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, helpers_1.c)(commonClasses.cell, className) }, { children: content }), void 0);
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wrapCell(content, item) }, void 0);
 });

package/dist/cjs/components/useCommonClasses.d.ts

@@ -1 +1 @@
-export declare const useCommonClasses: (props?: any) => import("@material-ui/styles").ClassNameMap<"table" | "cell" | "sticky" | "headerCell" | "cellFill" | "firstCell" | "headerFill" | "deferredPlaceholder">;
+export declare const useCommonClasses: (props?: any) => import("@material-ui/styles").ClassNameMap<"table" | "text" | "cell" | "sticky" | "headerCell" | "cellFill" | "firstCell" | "headerFill" | "deferredPlaceholder">;

package/dist/cjs/components/useCommonClasses.js

@@ -4,13 +4,11 @@ exports.useCommonClasses = void 0;
 const core_1 = require("@material-ui/core");
 const cell = (theme) => ({
     padding: theme.spacing(0.1, 1),
-    display: 'grid',
-    gridAutoFlow: 'column',
+    display: 'flex',
     alignItems: 'center',
     borderBottom: `1px solid ${theme.palette.grey[200]}`,
     whiteSpace: 'nowrap',
     overflow: 'hidden',
-    textOverflow: 'ellipsis',
 });
 exports.useCommonClasses = (0, core_1.makeStyles)((theme) => ({
     table: {
@@ -43,4 +41,9 @@ exports.useCommonClasses = (0, core_1.makeStyles)((theme) => ({
         display: 'grid',
         justifyContent: 'center',
     },
+    text: {
+        minWidth: 0,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
 }));

package/dist/esm/components/cell.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo } from 'react';
 import { useColumnContext, useTableContext } from '..';
 import { c } from '../misc/helpers';
@@ -12,13 +12,17 @@ export const Cell = memo(function Cell({ itemId, rowIndex }) {
     const column = state.useState((state) => state.activeColumns.find((column) => column.id === columnId), [columnId]);
     const item = state.useState((state) => state.activeItemsById.get(itemId), [itemId]);
     const classes = state.useState('props.classes');
-    const wrapCell = state.useState('props.wrapCell');
+    let wrapCell = state.useState('props.wrapCell');
     if (!column || !item)
         return null;
     (_b = (_a = state.getState().props).debug) === null || _b === void 0 ? void 0 : _b.call(_a, 'render cell', itemId, columnId);
     const className = c(calcClassName(classes, rowIndex), calcClassName(column === null || column === void 0 ? void 0 : column.classes, rowIndex));
     const content = column.renderCell(column.value(item), item);
-    if (wrapCell)
-        return _jsx(_Fragment, { children: wrapCell(content, item) }, void 0);
-    return _jsx("div", Object.assign({ className: c(commonClasses.cell, className) }, { children: content }), void 0);
+    if (!wrapCell && typeof content === 'string') {
+        wrapCell = (content) => (_jsx("div", Object.assign({ className: c(commonClasses.cell, className) }, { children: _jsx("span", Object.assign({ className: c(commonClasses.text) }, { children: content }), void 0) }), void 0));
+    }
+    else if (!wrapCell) {
+        wrapCell = (content) => _jsx("div", Object.assign({ className: c(commonClasses.cell, className) }, { children: content }), void 0);
+    }
+    return _jsx(_Fragment, { children: wrapCell(content, item) }, void 0);
 });

package/dist/esm/components/useCommonClasses.d.ts

@@ -1 +1 @@
-export declare const useCommonClasses: (props?: any) => import("@material-ui/styles").ClassNameMap<"table" | "cell" | "sticky" | "headerCell" | "cellFill" | "firstCell" | "headerFill" | "deferredPlaceholder">;
+export declare const useCommonClasses: (props?: any) => import("@material-ui/styles").ClassNameMap<"table" | "text" | "cell" | "sticky" | "headerCell" | "cellFill" | "firstCell" | "headerFill" | "deferredPlaceholder">;

package/dist/esm/components/useCommonClasses.js

@@ -1,13 +1,11 @@
 import { makeStyles } from '@material-ui/core';
 const cell = (theme) => ({
     padding: theme.spacing(0.1, 1),
-    display: 'grid',
-    gridAutoFlow: 'column',
+    display: 'flex',
     alignItems: 'center',
     borderBottom: `1px solid ${theme.palette.grey[200]}`,
     whiteSpace: 'nowrap',
     overflow: 'hidden',
-    textOverflow: 'ellipsis',
 });
 export const useCommonClasses = makeStyles((theme) => ({
     table: {
@@ -40,4 +38,9 @@ export const useCommonClasses = makeStyles((theme) => ({
         display: 'grid',
         justifyContent: 'center',
     },
+    text: {
+        minWidth: 0,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
 }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "schummar-table",
   "repository": "schummar/schummar-table",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "",
   "type": "module",
   "sideEffects": false,
@@ -42,15 +42,15 @@
     "schummar-state": ">=0.0.36"
   },
   "devDependencies": {
-    "@testing-library/react": "^12.1.0",
+    "@testing-library/react": "^12.1.2",
     "@types/react": "*",
-    "@typescript-eslint/eslint-plugin": "^4.31.1",
-    "@typescript-eslint/parser": "^4.31.1",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
     "ava": "^3.15.0",
-    "eslint": "^7.32.0",
-    "global-jsdom": "^8.2.0",
+    "eslint": "^8.2.0",
+    "global-jsdom": "^8.3.0",
     "immer": "*",
-    "jsdom": "^17.0.0",
+    "jsdom": "^18.1.0",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
     "prettier": "^2.4.1",
@@ -58,8 +58,8 @@
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "schummar-state": "*",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.4.3"
+    "ts-node": "^10.4.0",
+    "typescript": "^4.5.2"
   },
   "files": [
     "dist"