@ni/nimble-components 18.6.0 → 18.6.2

package/dist/all-components-bundle.js

@@ -28738,7 +28738,13 @@
             const generatedColumns = this.columns.map(column => {
                 const columnDef = {
                     id: column.internalUniqueId,
-                    accessorKey: column.operandDataRecordFieldName,
+                    accessorFn: (data) => {
+                        const fieldName = column.operandDataRecordFieldName;
+                        if (typeof fieldName !== 'string') {
+                            return undefined;
+                        }
+                        return data[fieldName];
+                    },
                     sortingFn: getTanStackSortingFunction(column.sortOperation)
                 };
                 return columnDef;
@@ -28809,13 +28815,26 @@
     }
 `;
 
+    const getCellContent = (cellState) => {
+        return typeof cellState.cellRecord.value === 'string'
+            ? cellState.cellRecord.value
+            : cellState.columnConfig.placeholder;
+    };
+    const setTitleWhenOverflow = (span, title) => {
+        if (title && span.offsetWidth < span.scrollWidth) {
+            span.setAttribute('title', title);
+        }
+    };
+    const removeTitle = (span) => {
+        span.removeAttribute('title');
+    };
     const cellTemplate = html `
     <span
         class="${x => (typeof x.cellRecord.value === 'string' ? '' : 'placeholder')}"
+        @mouseover="${(x, c) => setTitleWhenOverflow(c.event.target, getCellContent(x))}"
+        @mouseout="${(_x, c) => removeTitle(c.event.target)}"
     >
-        ${x => (typeof x.cellRecord.value === 'string'
-    ? x.cellRecord.value
-    : x.columnConfig.placeholder)}
+        ${x => getCellContent(x)}
     </span>
 `;