@luscii-healthtech/web-ui 2.69.2 → 2.70.0

package/dist/components/Icons/BluetoothIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AddIcon } from "./AddIcon";
 export { default as AlertsIcon } from "./AlertsIcon";
 export { default as BellIcon } from "./BellIcon";
+export { default as BluetoothIcon } from "./BluetoothIcon";
 export { default as ChartIcon } from "./ChartIcon";
 export { default as ChartLineColoredIcon } from "./ChartLineColoredIcon";
 export { default as ChatBoxIcon } from "./ChatBoxIcon";

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

@@ -726,6 +726,21 @@ var SvgBellIcon = function SvgBellIcon(props) {
 
 var BellIcon = /*#__PURE__*/IconWrapper(SvgBellIcon);
 
+var SvgBluetoothIcon = function SvgBluetoothIcon(props) {
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fill: "currentColor",
+    d: "m17 7-4.29-4.29c-.63-.63-1.71-.19-1.71.7v6.18L7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L11 14.41v6.18c0 .89 1.08 1.34 1.71.71L17 17a.996.996 0 0 0 0-1.41L13.41 12 17 8.42c.39-.39.39-1.03 0-1.42Zm-4-1.17 1.88 1.88L13 9.59V5.83Zm1.88 10.46L13 18.17v-3.76l1.88 1.88Z"
+  }));
+};
+
+var BluetoothIcon = /*#__PURE__*/IconWrapper(SvgBluetoothIcon);
+
 var SvgChartIcon = function SvgChartIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1812,6 +1827,7 @@ var Icons = {
   AddIcon: AddIcon,
   AlertsIcon: AlertsIcon,
   BellIcon: BellIcon,
+  BluetoothIcon: BluetoothIcon,
   ChartIcon: ChartIcon,
   ChartLineColoredIcon: ChartLineColoredIcon,
   ChatBoxIcon: ChatBoxIcon,
@@ -5096,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) {
@@ -5109,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)
@@ -5120,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
@@ -8814,6 +8841,7 @@ exports.AlertsIcon = AlertsIcon;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.BellIcon = BellIcon;
+exports.BluetoothIcon = BluetoothIcon;
 exports.Breadcrumbs = Breadcrumbs;
 exports.CRUDPage = CRUDPage;
 exports.Card = Card;