trotl-table 1.0.16 → 1.0.17

package/README.md

@@ -26,16 +26,23 @@ yarn add trotl-table
 
 ## Versions
 ```js
-1.0.9 => add search input
-1.0.9 => fix readme, whatever
-1.0.8 => fix readme
-1.0.7 => removed context (better for npm consumers)
-1.0.6 => ...
-1.0.5 => ...
-1.0.4 => fix sorting
-1.0.3 => ...
-1.0.2 => prepare for npm consumers
-1.0.1 => initial release
+1.0.17 => ...
+1.0.16 => update/fix when scroll
+1.0.15 => update add EmptyTableLoader
+1.0.14 => ...
+1.0.13 => ...
+1.0.12 => ...
+1.0.11 => ...
+1.0.10 => ...
+1.0.9  => fix readme, whatever
+1.0.8  => fix readme
+1.0.7  => removed context (better for npm consumers)
+1.0.6  => ...
+1.0.5  => ...
+1.0.4  => fix sorting
+1.0.3  => ...
+1.0.2  => prepare for npm consumers
+1.0.1  => initial release
 ```
 
 ## ⚡ Quick Start

package/dist/index.cjs.js

@@ -9733,7 +9733,8 @@ function TableInner({
   enableExternalRowDrop = false,
   onExternalRowDrop = () => {},
   useExternalDndContext = false,
-  customColumns = []
+  customColumns = [],
+  groupDefaultOpen = false
 }) {
   // Local selection & sorting state (removed TableContext dependency)
   const [selectedRows, setSelectedRows] = React.useState([]);
@@ -9884,11 +9885,11 @@ function TableInner({
       };
       for (const g of normalizedGroups) {
         const gid = g[groupKey] ?? g.groupId ?? g.groupName;
-        if (!(gid in next)) next[gid] = true; // default expanded
+        if (!(gid in next)) next[gid] = groupDefaultOpen; // use prop for initial state
       }
       return next;
     });
-  }, [normalizedGroups, groupKey]);
+  }, [normalizedGroups, groupKey, groupDefaultOpen]);
   const groupRowsById = React.useMemo(() => {
     const map = {};
     for (const g of sortedGroupedData) {
@@ -10003,14 +10004,23 @@ function TableInner({
   // RENDER CELL
   const highlight = React.useCallback(text => {
     // Use the actual searchTerm (from URL or prop) for highlighting
-    if (!searchTerm || typeof text !== "string") return text;
+    if (!searchTerm || typeof text !== "string") return /*#__PURE__*/React.createElement("span", {
+      title: text
+    }, text);
     const lower = text.toLowerCase();
     const query = searchTerm.toLowerCase();
     const idx = lower.indexOf(query);
-    if (idx === -1) return text;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, text.slice(0, idx), /*#__PURE__*/React.createElement("span", {
+    if (idx === -1) return /*#__PURE__*/React.createElement("span", {
+      title: text
+    }, text);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      title: text
+    }, text.slice(0, idx)), /*#__PURE__*/React.createElement("span", {
+      title: text,
       className: "highlight"
-    }, text.slice(idx, idx + query.length)), text.slice(idx + query.length));
+    }, text.slice(idx, idx + query.length)), /*#__PURE__*/React.createElement("span", {
+      title: text
+    }, text.slice(idx + query.length)));
   }, [searchTerm]);
   const renderCell = React.useCallback((v, accessor) => {
     if (accessor === "deadlineISO") {
@@ -10258,6 +10268,7 @@ function TableInner({
       checked: selectedRows.includes(row.id),
       onChange: () => toggleRowSelection(row.id)
     })), showKey && /*#__PURE__*/React.createElement("div", {
+      title: visualIndex,
       className: "table-cell key-cell"
     }, visualIndex), allColumns.map((col, i) => {
       let cellStyle = col.style ? {