@deepnoid/ui 0.1.202 → 0.1.203

package/dist/components/table/table.js

@@ -639,37 +639,13 @@ function TableHeaderCell({
 }) {
   const thRef = (0, import_react2.useRef)(null);
   const [showTitle, setShowTitle] = (0, import_react2.useState)(false);
-  const checkOverflow = (el) => {
-    if (el.scrollWidth > el.clientWidth) {
-      return true;
-    }
-    const children = Array.from(el.children);
-    for (const child of children) {
-      if (child.scrollWidth > child.clientWidth) {
-        return true;
-      }
-    }
-    return false;
-  };
-  const extractTextFromContent = (node) => {
-    if (typeof node === "string" || typeof node === "number") {
-      return String(node);
-    }
-    if ((0, import_react2.isValidElement)(node)) {
-      return String(node.props.children || "");
-    }
-    return "";
-  };
-  (0, import_react2.useEffect)(() => {
-    if (thRef.current && !isCheckbox) {
-      setTimeout(() => {
-        if (thRef.current) {
-          setShowTitle(checkOverflow(thRef.current));
-        }
-      }, 0);
+  (0, import_react2.useLayoutEffect)(() => {
+    if (!isCheckbox && thRef.current) {
+      const el = thRef.current;
+      setShowTitle(el.scrollWidth > el.clientWidth);
     }
   }, [content, isCheckbox]);
-  const titleText = !isCheckbox && showTitle ? extractTextFromContent(content) : void 0;
+  const titleText = !isCheckbox && showTitle ? typeof content === "string" || typeof content === "number" ? String(content) : "" : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "th",
     {
@@ -682,7 +658,10 @@ function TableHeaderCell({
         flexShrink: 0,
         flexGrow: 0,
         boxSizing: "border-box"
-      } : column ? { ...getCellStyle(column), textAlign: "center" } : void 0,
+      } : column ? {
+        ...getCellStyle(column),
+        textAlign: "center"
+      } : void 0,
       title: titleText,
       children: content
     }
@@ -691,7 +670,6 @@ function TableHeaderCell({
 var TableHead = ({
   slots,
   columns,
-  color,
   size,
   rowCheckbox = false,
   hasCheckedRows,
@@ -743,53 +721,31 @@ function TableCell({
 }) {
   var _a, _b;
   const value = row[column.field];
-  const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
+  const formattedValue = (_b = (_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) != null ? _b : value;
   const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+  const isTextContent = ["string", "number"].includes(typeof content) || content === null || content === void 0;
   const tdRef = (0, import_react3.useRef)(null);
   const [showTitle, setShowTitle] = (0, import_react3.useState)(false);
-  const isTextContent = ["string", "number"].includes(typeof content) || content === null || content === void 0;
-  const checkOverflow = (el) => {
-    if (el.scrollWidth > el.clientWidth) {
-      return true;
-    }
-    const children = Array.from(el.children);
-    for (const child of children) {
-      if (child.scrollWidth > child.clientWidth) {
-        return true;
-      }
-    }
-    return false;
-  };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react3.useLayoutEffect)(() => {
     if (tdRef.current && isTextContent) {
-      setTimeout(() => {
-        if (tdRef.current) {
-          setShowTitle(checkOverflow(tdRef.current));
-        }
-      }, 0);
+      const el = tdRef.current;
+      setShowTitle(el.scrollWidth > el.clientWidth);
     }
   }, [content, isTextContent]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "td",
     {
       ref: tdRef,
-      className: clsx(
-        slots.td(),
-        classNames == null ? void 0 : classNames.td,
-        column.className,
-        isTextContent && "truncate",
-        isTextContent && "[&>*]:inline-block [&>*]:max-w-full [&>*]:truncate [&>*]:align-middle"
-      ),
+      className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className, isTextContent && "truncate"),
       style: {
         ...getCellStyle(column),
         maxWidth: column.width || "150px",
         textAlign: column.align || "center",
-        ...!isTextContent && {
-          overflow: "visible",
-          whiteSpace: "normal"
-        }
+        whiteSpace: isTextContent ? "nowrap" : "normal",
+        overflow: isTextContent ? "hidden" : "visible",
+        textOverflow: isTextContent ? "ellipsis" : void 0
       },
-      title: showTitle ? String(((_b = value == null ? void 0 : value.props) == null ? void 0 : _b.children) || content || "") : void 0,
+      title: showTitle && isTextContent ? String(content != null ? content : "") : void 0,
       children: content
     },
     `${row.id}-${column.field}-${colIdx}-${rowIndex}`

package/dist/components/table/table.mjs

@@ -2,13 +2,13 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-KYWCJIXI.mjs";
+} from "../../chunk-W3V4SZV5.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-VVCSY7DG.mjs";
 import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-3RTVVQA3.mjs";
-import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-OEIEALIP.mjs";

package/dist/components/toast/index.mjs

@@ -3,11 +3,11 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-SSGCTWWW.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
+} from "../../chunk-L3A3IEKZ.mjs";
 import {
   toast_default
 } from "../../chunk-4F7SIDZB.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-YEYUS6DW.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/toast/use-toast.mjs

@@ -2,9 +2,9 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-SSGCTWWW.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
+} from "../../chunk-L3A3IEKZ.mjs";
 import "../../chunk-4F7SIDZB.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-YEYUS6DW.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/index.js

@@ -8197,37 +8197,13 @@ function TableHeaderCell({
 }) {
   const thRef = (0, import_react15.useRef)(null);
   const [showTitle, setShowTitle] = (0, import_react15.useState)(false);
-  const checkOverflow = (el) => {
-    if (el.scrollWidth > el.clientWidth) {
-      return true;
-    }
-    const children = Array.from(el.children);
-    for (const child of children) {
-      if (child.scrollWidth > child.clientWidth) {
-        return true;
-      }
-    }
-    return false;
-  };
-  const extractTextFromContent = (node) => {
-    if (typeof node === "string" || typeof node === "number") {
-      return String(node);
-    }
-    if ((0, import_react15.isValidElement)(node)) {
-      return String(node.props.children || "");
-    }
-    return "";
-  };
-  (0, import_react15.useEffect)(() => {
-    if (thRef.current && !isCheckbox) {
-      setTimeout(() => {
-        if (thRef.current) {
-          setShowTitle(checkOverflow(thRef.current));
-        }
-      }, 0);
+  (0, import_react15.useLayoutEffect)(() => {
+    if (!isCheckbox && thRef.current) {
+      const el = thRef.current;
+      setShowTitle(el.scrollWidth > el.clientWidth);
     }
   }, [content, isCheckbox]);
-  const titleText = !isCheckbox && showTitle ? extractTextFromContent(content) : void 0;
+  const titleText = !isCheckbox && showTitle ? typeof content === "string" || typeof content === "number" ? String(content) : "" : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "th",
     {
@@ -8240,7 +8216,10 @@ function TableHeaderCell({
         flexShrink: 0,
         flexGrow: 0,
         boxSizing: "border-box"
-      } : column ? { ...getCellStyle(column), textAlign: "center" } : void 0,
+      } : column ? {
+        ...getCellStyle(column),
+        textAlign: "center"
+      } : void 0,
       title: titleText,
       children: content
     }
@@ -8249,7 +8228,6 @@ function TableHeaderCell({
 var TableHead = ({
   slots,
   columns,
-  color,
   size,
   rowCheckbox = false,
   hasCheckedRows,
@@ -8301,53 +8279,31 @@ function TableCell({
 }) {
   var _a, _b;
   const value = row[column.field];
-  const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
+  const formattedValue = (_b = (_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) != null ? _b : value;
   const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+  const isTextContent = ["string", "number"].includes(typeof content) || content === null || content === void 0;
   const tdRef = (0, import_react16.useRef)(null);
   const [showTitle, setShowTitle] = (0, import_react16.useState)(false);
-  const isTextContent = ["string", "number"].includes(typeof content) || content === null || content === void 0;
-  const checkOverflow = (el) => {
-    if (el.scrollWidth > el.clientWidth) {
-      return true;
-    }
-    const children = Array.from(el.children);
-    for (const child of children) {
-      if (child.scrollWidth > child.clientWidth) {
-        return true;
-      }
-    }
-    return false;
-  };
-  (0, import_react16.useEffect)(() => {
+  (0, import_react16.useLayoutEffect)(() => {
     if (tdRef.current && isTextContent) {
-      setTimeout(() => {
-        if (tdRef.current) {
-          setShowTitle(checkOverflow(tdRef.current));
-        }
-      }, 0);
+      const el = tdRef.current;
+      setShowTitle(el.scrollWidth > el.clientWidth);
     }
   }, [content, isTextContent]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "td",
     {
       ref: tdRef,
-      className: clsx(
-        slots.td(),
-        classNames == null ? void 0 : classNames.td,
-        column.className,
-        isTextContent && "truncate",
-        isTextContent && "[&>*]:inline-block [&>*]:max-w-full [&>*]:truncate [&>*]:align-middle"
-      ),
+      className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className, isTextContent && "truncate"),
       style: {
         ...getCellStyle(column),
         maxWidth: column.width || "150px",
         textAlign: column.align || "center",
-        ...!isTextContent && {
-          overflow: "visible",
-          whiteSpace: "normal"
-        }
+        whiteSpace: isTextContent ? "nowrap" : "normal",
+        overflow: isTextContent ? "hidden" : "visible",
+        textOverflow: isTextContent ? "ellipsis" : void 0
       },
-      title: showTitle ? String(((_b = value == null ? void 0 : value.props) == null ? void 0 : _b.children) || content || "") : void 0,
+      title: showTitle && isTextContent ? String(content != null ? content : "") : void 0,
       children: content
     },
     `${row.id}-${column.field}-${colIdx}-${rowIndex}`

package/dist/index.mjs

@@ -9,34 +9,34 @@ import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
 } from "./chunk-F6BQCZ54.mjs";
-import "./chunk-DX3KXNP6.mjs";
+import "./chunk-3MY6LO7N.mjs";
 import {
-  table_default
-} from "./chunk-KYWCJIXI.mjs";
+  tabs_default
+} from "./chunk-DW3BX4M2.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-Q22PRT24.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-SSGCTWWW.mjs";
-import "./chunk-ZOTHPHXA.mjs";
+} from "./chunk-L3A3IEKZ.mjs";
 import {
   toast_default
 } from "./chunk-4F7SIDZB.mjs";
+import "./chunk-ZOTHPHXA.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-DW3BX4M2.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-Q22PRT24.mjs";
+import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
 } from "./chunk-DS5CGU2X.mjs";
+import {
+  table_default
+} from "./chunk-W3V4SZV5.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -45,14 +45,16 @@ import "./chunk-OLQOLLKG.mjs";
 import {
   starRating_default
 } from "./chunk-OX4T7OBC.mjs";
-import "./chunk-4VWG4726.mjs";
+import "./chunk-TPFN22HR.mjs";
 import {
-  timePicker_default
-} from "./chunk-COGGK5Q6.mjs";
-import "./chunk-QCEKPS7U.mjs";
+  radio_default
+} from "./chunk-PRNE3U26.mjs";
+import "./chunk-7B7LRG5J.mjs";
 import {
-  select_default
-} from "./chunk-K2RW5KLO.mjs";
+  pagination_default
+} from "./chunk-VVCSY7DG.mjs";
+import "./chunk-F3HENRVM.mjs";
+import "./chunk-4VWG4726.mjs";
 import {
   datePicker_default
 } from "./chunk-2EUKWA4W.mjs";
@@ -60,38 +62,24 @@ import "./chunk-FWFEKWWD.mjs";
 import {
   day_default
 } from "./chunk-XZYQFBCT.mjs";
-import "./chunk-7B7LRG5J.mjs";
-import {
-  pagination_default
-} from "./chunk-VVCSY7DG.mjs";
-import "./chunk-F3HENRVM.mjs";
-import "./chunk-TPFN22HR.mjs";
 import {
-  radio_default
-} from "./chunk-PRNE3U26.mjs";
-import "./chunk-RLXOHILK.mjs";
+  timePicker_default
+} from "./chunk-COGGK5Q6.mjs";
+import "./chunk-QCEKPS7U.mjs";
 import {
-  fileUpload_default
-} from "./chunk-5JRZQLXQ.mjs";
-import "./chunk-7VOQKIIK.mjs";
+  select_default
+} from "./chunk-K2RW5KLO.mjs";
+import "./chunk-7MVEAQ7Z.mjs";
 import {
-  progress_default
-} from "./chunk-KH63CD55.mjs";
-import "./chunk-2GCSFWHD.mjs";
+  list_default
+} from "./chunk-NGRGAY42.mjs";
 import {
-  input_default
-} from "./chunk-3RTVVQA3.mjs";
+  listItem_default
+} from "./chunk-K3M3QEEV.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
 } from "./chunk-D72ILS4A.mjs";
-import "./chunk-7MVEAQ7Z.mjs";
-import {
-  listItem_default
-} from "./chunk-K3M3QEEV.mjs";
-import {
-  list_default
-} from "./chunk-NGRGAY42.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
@@ -101,6 +89,18 @@ import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
 } from "./chunk-45Y7ANPK.mjs";
+import "./chunk-RLXOHILK.mjs";
+import {
+  fileUpload_default
+} from "./chunk-5JRZQLXQ.mjs";
+import "./chunk-7VOQKIIK.mjs";
+import {
+  progress_default
+} from "./chunk-KH63CD55.mjs";
+import "./chunk-2GCSFWHD.mjs";
+import {
+  input_default
+} from "./chunk-3RTVVQA3.mjs";
 import "./chunk-3OCNT22V.mjs";
 import {
   areaChart_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.202",
+  "version": "0.1.203",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/{chunk-SSGCTWWW.mjs → chunk-L3A3IEKZ.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  getToastPosition
-} from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-4F7SIDZB.mjs";
+import {
+  getToastPosition
+} from "./chunk-ZOTHPHXA.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";