@luscii-healthtech/web-ui 2.69.3 → 2.70.1

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-tailwind.css

@@ -1783,14 +1783,6 @@ video {
   padding-right: 4.25rem;
 }
 
-.pr-0 {
-  padding-right: 0;
-}
-
-.pl-0 {
-  padding-left: 0;
-}
-
 .pb-1 {
   padding-bottom: 0.25rem;
 }

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
@@ -6798,8 +6809,9 @@ var PageHeader = function PageHeader(_ref) {
   };
   return /*#__PURE__*/React__default.createElement("div", {
     "data-test-id": "page-header",
-    className: classNames("p-4 space-y-4 bg-white", className, {
-      "w-full pl-0 pr-0": contained
+    className: classNames("space-y-4 bg-white", className, {
+      "p-4": !contained,
+      "w-full py-4": contained
     })
   }, !!(breadcrumbs != null && breadcrumbs.length) && /*#__PURE__*/React__default.createElement("div", {
     className: classNames("mb-4 space-y-4", withContained)