ehscan-react-table 0.0.15 → 0.0.18

package/dist/cells/TableCellDueDate.js

@@ -6,7 +6,7 @@ export const TableCellDueDate = ({ content, id, col, clickRow }) => {
         const valDate = value;
         return valDate === '-' || !valDate
             ? '-'
-            : _jsx("span", { className: `${styles.dateTag} ${calcDateDiff(valDate)}`, children: formatToDDMMYYYY(valDate) });
+            : _jsx("span", { className: `${styles.dateTag} ${styles[calcDateDiff(valDate)]}`, children: formatToDDMMYYYY(valDate) });
     };
     return (_jsx("div", { onClick: () => clickRow({ id, col, type: 'default' }), children: _jsx(DateContent, { value: content }) }));
 };

package/dist/elements/Table.js

@@ -99,16 +99,17 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
         return (_jsx(_Fragment, { children: _jsxs("div", { className: "sort-col", onClick: () => setSortOrder({ tag, dir: sortOrder.dir === 'desc' ? 'asc' : 'desc' }), children: [sortOrder.tag === tag && _jsx(SortButton, {}), openCol === tag && sortOrder.tag !== tag && _jsx(EmptySort, {})] }) }));
     };
     const HeadColMain = ({ col }) => {
-        const { tag, search, title } = col;
+        const { tag, search, title, width } = col;
         const colTitle = title !== undefined ? title : tag;
-        return (_jsx("th", { children: _jsxs("div", { className: styles.headcolcell, children: [_jsx(HeadColSort, { tag: tag }), _jsx("div", { className: styles.headcolcellmain, children: search ? _jsx(HeadSearchBar, { content: colTitle, tag: tag }) : _jsx("div", { children: colTitle }) })] }) }));
+        const thWidth = width !== undefined ? `${width}px` : "30px";
+        return (_jsx("th", { style: { "--custom-width": thWidth }, children: _jsxs("div", { className: styles.headcolcell, children: [_jsx(HeadColSort, { tag: tag }), _jsx("div", { className: styles.headcolcellmain, children: search ? _jsx(HeadSearchBar, { content: colTitle, tag: tag }) : _jsx("div", { children: colTitle }) })] }) }));
     };
     const HeadCols = () => {
         return (_jsxs(_Fragment, { children: [columns.map((col, i) => {
                     const { tag, type, width } = col;
-                    const thWidth = width !== undefined ? `${width}px` : "32px";
+                    const thWidth = width !== undefined ? `${width}px` : "8px";
                     if (type === "checkbox") {
-                        return (_jsx("th", { className: styles.thcheckhead, style: { "--custom-width": thWidth }, children: _jsx(TableCellSelectHeadCol, { checkHead: checkHead, checkAll: checkAll }) }, `checkbox-${tag !== null && tag !== void 0 ? tag : i}`));
+                        return (_jsx("th", { className: styles.thcheckhead, style: { "--custom-width": thWidth, padding: "5px" }, children: _jsx(TableCellSelectHeadCol, { checkHead: checkHead, checkAll: checkAll }) }, `checkbox-${tag !== null && tag !== void 0 ? tag : i}`));
                     }
                     return _jsx(HeadColMain, { col: col }, tag !== null && tag !== void 0 ? tag : i);
                 }), _jsx(EndHeadCol, {})] }));

package/dist/elements/table.module.css

@@ -496,14 +496,14 @@ RIPPLE
 	position: relative;
 	color: var(--ext-table-date-tag-clr, black);
 	padding: 3px 6px;
-	border-radius: 12px;
+	border-radius: 4px;
 	font-size: 0.65rem;
 	font-weight: 600;
 	display: inline-block;
 	text-align: center;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	width: -webkit-fill-available;
+	width: fit-content;
 	z-index: 0;
 }
 .dateTag::before {
@@ -513,7 +513,7 @@ RIPPLE
 	background-color: var(--ext-table-date-tag-bck-clr, darkgrey);
 	opacity: 0.7;
 	/* dim background */
-	border-radius: 12px;
+	border-radius: 4px;
 	z-index: -1;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ehscan-react-table",
-  "version": "0.0.15",
+  "version": "0.0.18",
   "description": "components",
   "main": "dist/Components.js",
   "types": "dist/Components.d.ts",