@luscii-healthtech/web-ui 2.69.3 → 2.70.0

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

@@ -9,6 +9,10 @@ export interface TableFieldConfig<Item> {
 export declare type TableFieldContent<Item> = TableFieldText | [TableFieldAction<Item>?, TableFieldAction<Item>?];
 export interface TableFieldText {
     text: string;
+    description?: {
+        content: string;
+        breakAllWord?: boolean;
+    };
     breakAllWord?: boolean;
     tag?: {
         text: string;

package/dist/web-ui.cjs.development.js

@@ -5112,7 +5112,7 @@ var Tag = function Tag(_ref) {
 };
 
 function isTableFieldText(content) {
-  return "text" in content || "tag" in content;
+  return "text" in content || "tag" in content || "description" in content;
 }
 function isTableFieldAction(content) {
   return Array.isArray(content) && content.some(function (action) {
@@ -5125,6 +5125,7 @@ function TableBodyRowDataCell(props) {
 
   var content = props.fieldConfig.content(props.item);
   var emptyFieldContentText = (_props$emptyFieldCont = props.emptyFieldContentText) != null ? _props$emptyFieldCont : "";
+  var isTextCellEmpty = isTableFieldText(content) && !content.text && !content.tag;
   return /*#__PURE__*/React__default.createElement("td", {
     className: classNames("px-2 first:pl-6 last:pr-6", {
       "align-top": !isTableFieldAction(content)
@@ -5136,14 +5137,24 @@ function TableBodyRowDataCell(props) {
   }, /*#__PURE__*/React__default.createElement(Tag, {
     text: content.tag.text,
     colorTheme: content.tag.color
-  })), /*#__PURE__*/React__default.createElement(Text, {
-    className: classNames("py-4 text-left leading-5", {
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col py-4"
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    className: classNames("text-left leading-5", {
       "break-all": content.breakAllWord,
       "break-words": !content.breakAllWord
     }),
-    text: content.text === "" ? emptyFieldContentText : content.text,
+    text: isTextCellEmpty ? emptyFieldContentText : content.text,
     type: "base"
-  })), isTableFieldAction(content) && /*#__PURE__*/React__default.createElement("div", {
+  }), content.description && /*#__PURE__*/React__default.createElement(Text, {
+    className: classNames({
+      "break-all": content.description.breakAllWord,
+      "break-words": !content.description.breakAllWord
+    }),
+    text: content.description.content,
+    type: "sm",
+    color: "slate-500"
+  }))), isTableFieldAction(content) && /*#__PURE__*/React__default.createElement("div", {
     className: classNames("flex flex-row justify-end", "transition-opacity ease-in-out duration-300", {
       "opacity-0": props.fieldConfig.onlyShowContentOnHovering,
       "group-hover:opacity-100": props.fieldConfig.onlyShowContentOnHovering