@timlassiter11/yatl 1.2.1 → 1.2.3

package/dist/index.d.mts

@@ -72,7 +72,7 @@ type ColumnRole = 'display' | 'internal';
  * @param field - The field of the column.
  * @param row - The row data.
  */
-type CellPartsCallback<T> = (value: unknown, field: NestedKeyOf<T>, row: T) => string | string[];
+type CellPartsCallback<T> = (value: unknown, field: NestedKeyOf<T>, row: T) => string | string[] | undefined;
 /**
  * Callback for providing the full contents of a rendered cell.
  * @param value - The value of the cell.
@@ -234,7 +234,7 @@ type RowSelectionMethod = 'single' | 'multi';
  * @param row - The row data.
  * @returns the part string or list of part strings that should be added to this row.
  */
-type RowPartsCallback<T> = (row: T) => string | string[];
+type RowPartsCallback<T> = (row: T) => string | string[] | undefined;
 /**
  * Options used to configure what state information
  * should be saved and restored automatically.

package/dist/index.d.ts

@@ -72,7 +72,7 @@ type ColumnRole = 'display' | 'internal';
  * @param field - The field of the column.
  * @param row - The row data.
  */
-type CellPartsCallback<T> = (value: unknown, field: NestedKeyOf<T>, row: T) => string | string[];
+type CellPartsCallback<T> = (value: unknown, field: NestedKeyOf<T>, row: T) => string | string[] | undefined;
 /**
  * Callback for providing the full contents of a rendered cell.
  * @param value - The value of the cell.
@@ -234,7 +234,7 @@ type RowSelectionMethod = 'single' | 'multi';
  * @param row - The row data.
  * @returns the part string or list of part strings that should be added to this row.
  */
-type RowPartsCallback<T> = (row: T) => string | string[];
+type RowPartsCallback<T> = (row: T) => string | string[] | undefined;
 /**
  * Options used to configure what state information
  * should be saved and restored automatically.

package/dist/index.js

@@ -1668,10 +1668,15 @@ var table_styles_default = import_lit2.css`
     .row {
       position: relative;
       background-color: var(--table-row-bg);
-      border-bottom: 1px solid var(--table-border-color);
+      /** Use box-shadow to mimic borders. It works better when virtualized */
+      box-shadow: inset 0 -1px 0 0 var(--table-border-color);
       transition: background-color 50ms;
     }
 
+    .row-number-cell {
+      box-shadow: inset 0 -1px 0 0 var(--table-border-color);
+    }
+
     .row.header-row {
       background-color: var(--table-header-bg);
       border-bottom: 1px solid var(--table-border-color);
@@ -1684,7 +1689,7 @@ var table_styles_default = import_lit2.css`
     }
 
     .row:last-child {
-      border-bottom: none;
+      box-shadow: none;
     }
 
     .table:not(.resizing) .row {
@@ -1730,7 +1735,7 @@ var table_styles_default = import_lit2.css`
   }
 
   @layer striped {
-    :host([striped]) .body .row:nth-child(even) {
+    :host([striped]) .row-even {
       background-color: var(--table-row-stripe-bg);
     }
   }
@@ -2709,7 +2714,12 @@ var YatlTable = class extends import_lit3.LitElement {
     if (Array.isArray(userParts)) {
       userParts = userParts.join(" ");
     }
-    const classes = { row: true, selected };
+    const classes = {
+      row: true,
+      selected,
+      "row-even": renderIndex % 2 === 0,
+      "row-odd": renderIndex % 2 !== 0
+    };
     const rowIndex = renderIndex + 1;
     return import_lit3.html`
       <div
@@ -2954,7 +2964,7 @@ __decorateClass([
   (0, import_decorators.property)({ type: Boolean, attribute: "enable-column-reorder" })
 ], YatlTable.prototype, "enableColumnReorder", 2);
 __decorateClass([
-  (0, import_decorators.property)({ type: Boolean })
+  (0, import_decorators.property)({ type: Boolean, attribute: "enable-row-number-column" })
 ], YatlTable.prototype, "enableRowNumberColumn", 2);
 __decorateClass([
   (0, import_decorators.property)({ type: Boolean, attribute: "enable-footer" })