ehscan-react-table 0.0.25 → 0.0.27

package/dist/elements/Table.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 type TableColumn = {
     tag: string;
     title?: string;

package/dist/elements/Table.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import TableCellSelectHeadCol from "./TableCellSelectHeadCol";
 import { debounce } from "./Debounce";
 import styles from './table.module.css';
@@ -35,7 +35,6 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
                 console.log(colRefs.current['duedate'].getBoundingClientRect());
             }
             if (headerRef.current) {
-                console.log(headerRef.current.getBoundingClientRect());
                 const { bottom } = headerRef.current.getBoundingClientRect();
                 setWrapperBottom(bottom - 20);
             }
@@ -101,6 +100,18 @@ 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 colRefs = useRef({});
+    const HeadColMainLit = {
+        def: (tag) => tag !== null && tag !== void 0 ? tag : "",
+        duedate: () => React.createElement("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 24,
+            height: 24,
+            fill: "black",
+            viewBox: "0 0 24 24",
+        }, React.createElement("path", {
+            d: "M19.778 3.5H4.222C2.995 3.5 2 4.543 2 5.77v14.008C2 21.005 2.995 22 4.222 22h15.556A2.222 2.222 0 0 0 22 19.778V5.77c0-1.227-.995-2.27-2.222-2.27ZM7 5V2m10 3V2m5 7H2m5.5 4h-1m1 3h-1m1 3h-1m11-6h-1m1 3h-1m1 3h-1m-4-6h-1m1 3h-1m1 3h-1",
+        })),
+    };
     const HeadColMain = ({ col }) => {
         const { tag, search, title, width } = col;
         const shouldMeasure = ['duedate'].includes(tag);
@@ -108,7 +119,7 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
         const thWidth = width !== undefined ? `${width}px` : "30px";
         return (_jsx("th", { ref: shouldMeasure ? (el) => { colRefs.current[tag] = el; } : undefined, 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", { onClick: () => setOpenCol(tag), children: colTitle }) })] }) }));
+                            : _jsx("div", { onClick: () => setOpenCol(tag), children: HeadColMainLit[colTitle] ? HeadColMainLit[colTitle](colTitle) : colTitle }) })] }) }));
     };
     const HeadCols = () => {
         return (_jsxs(_Fragment, { children: [columns.map((col, i) => {

package/package.json

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