mig-schema-table 3.0.78 → 3.0.80

package/dist/SchemaTable/Td/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { SELECT_ALL_COLUMN_NAME } from "../constants";
 import { localeFormatInTimeZone, timeZone } from "../../inc/date";
-import { DEFAULT_DATE_TIME_FORMAT, } from "../../inc/constant";
+import { DEFAULT_DATE_TIME_FORMAT } from "../../inc/constant";
 import { t } from "../../inc/string";
 function Td({ checkedIndexes, disabledCheckedIndexes, columnIndex, data, getRowClassName, getRowSelected, onCheckedIndexesChange, onRowClick, onRowDoubleClick, propConfig, propName, propSchema, rowHeight, rowIndex, sortedRenderData, style, }) {
     const onTdClick = React.useCallback((e) => {

package/dist/SchemaTable/Th/index.js

@@ -56,7 +56,7 @@ const Th = ({ columnFilterStatus, isAllChecked, isSortable, numberOfSelectedRows
             return propConfig.title;
         }
         if ((schema === null || schema === void 0 ? void 0 : schema.format) &&
-            schema.format.startsWith("date") &&
+            schema.format === "date-time" &&
             (propConfig === null || propConfig === void 0 ? void 0 : propConfig.showTimezones) !== false) {
             return `${uncamel(propName)} (${t(timeZone)})`;
         }
@@ -68,8 +68,9 @@ const Th = ({ columnFilterStatus, isAllChecked, isSortable, numberOfSelectedRows
                     textAlign: "center",
                 }, title: `${numberOfSelectedRows || 0} selected` }, { children: _jsx("input", { type: "checkbox", checked: isAllChecked, onChange: onSelectAllIndexesHandler }) })) })));
     }
+    const title = typeof labelBody === "string" ? labelBody : undefined;
     if (!schema && !(propConfig === null || propConfig === void 0 ? void 0 : propConfig.renderData) && !(propConfig === null || propConfig === void 0 ? void 0 : propConfig.renderCell)) {
-        return _jsx("div", { style: style, className: classNames.join(" ") });
+        return _jsx("div", { style: style, className: classNames.join(" "), title: title });
     }
     switch (schema === null || schema === void 0 ? void 0 : schema.type) {
         case "boolean":
@@ -84,6 +85,6 @@ const Th = ({ columnFilterStatus, isAllChecked, isSortable, numberOfSelectedRows
                 classNames.push(`text-${propConfig.align}`);
             }
     }
-    return (_jsxs("div", Object.assign({ style: style, className: classNames.join(" ") }, { children: [_jsxs("div", Object.assign({ className: "schema-table__th__label-body", style: { lineHeight: "44px" }, onClick: onLabelClick }, { children: [_jsx("span", Object.assign({ className: "schema-table__th__label-body-text" }, { children: labelBody })), sortAsc === undefined ? null : (_jsx("span", Object.assign({ className: "schema-table__th__sort-icon" }, { children: sortAsc ? "↓" : "↑" })))] })), isSortable || columnFilterStatus !== EColumnFilterStatus.UNAVAILABLE ? (_jsx("button", Object.assign({ className: "schema-table__th__trigger-el", onClick: onTriggerClick }, { children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#404040", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })) }))) : null] })));
+    return (_jsxs("div", Object.assign({ style: style, className: classNames.join(" "), title: title }, { children: [_jsxs("div", Object.assign({ className: "schema-table__th__label-body", style: { lineHeight: "44px" }, onClick: onLabelClick }, { children: [_jsx("span", Object.assign({ className: "schema-table__th__label-body-text" }, { children: labelBody })), sortAsc === undefined ? null : (_jsx("span", Object.assign({ className: "schema-table__th__sort-icon" }, { children: sortAsc ? "↓" : "↑" })))] })), isSortable || columnFilterStatus !== EColumnFilterStatus.UNAVAILABLE ? (_jsx("button", Object.assign({ className: "schema-table__th__trigger-el", onClick: onTriggerClick }, { children: _jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#404040", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, { children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })) }))) : null] })));
 };
 export default React.memo(Th);

package/dist/index.css

@@ -98,6 +98,11 @@
   font-size: 14px;
   align-items: center;
 }
+.schema-table__th__label-body-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 .schema-table__th__trigger-el {
   display: none;
   position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "3.0.78",
+  "version": "3.0.80",
   "main": "dist/index.js",
   "files": [
     "dist/"