@dxos/lit-grid 0.8.1-main.ba2dec9 → 0.8.1-staging.31c3ee1

package/src/dx-grid.ts

@@ -58,6 +58,7 @@ import {
   resolveColPlane,
   resolveFrozenPlane,
   isSameCell,
+  isReadonly,
 } from './util';
 
 @customElement('dx-grid')
@@ -1016,6 +1017,10 @@ export class DxGrid extends LitElement {
     this.updatePosBlock(this.blockOffset(row, 'grid'));
   }
 
+  scrollToEndRow() {
+    this.updatePosBlock(Infinity);
+  }
+
   //
   // Map scroll DOM methods to virtualized value.
   //
@@ -1222,21 +1227,44 @@ export class DxGrid extends LitElement {
     const colPlane = resolveColPlane(plane);
     const rowPlane = resolveRowPlane(plane);
 
+    // Check cell-specific setting first.
     const cellReadonly = this.cell(col, row, plane)?.readonly;
     if (cellReadonly !== undefined) {
-      return cellReadonly;
+      return isReadonly(cellReadonly);
     }
 
-    return (
-      (this.columns?.[colPlane]?.[col]?.readonly ?? this.columnDefault?.[colPlane]?.readonly) ||
-      (this.rows?.[rowPlane]?.[row]?.readonly ?? this.rowDefault?.[rowPlane]?.readonly)
-    );
+    // Check column/row defaults.
+    const colReadOnly = this.columns?.[colPlane]?.[col]?.readonly ?? this.columnDefault?.[colPlane]?.readonly;
+    const rowReadOnly = this.rows?.[rowPlane]?.[row]?.readonly ?? this.rowDefault?.[rowPlane]?.readonly;
+
+    return isReadonly(colReadOnly) || isReadonly(rowReadOnly);
+  }
+
+  /**
+   * Determines if the cell's text content should be selectable based on its readonly value.
+   * @returns true if the cells text content is selectable, false otherwise.
+   */
+  private cellTextSelectable(col: number, row: number, plane: DxGridPlane): boolean {
+    const colPlane = resolveColPlane(plane);
+    const rowPlane = resolveRowPlane(plane);
+
+    // Check cell-specific setting first.
+    const cellReadonly = this.cell(col, row, plane)?.readonly;
+    if (cellReadonly !== undefined) {
+      return cellReadonly === 'text-select';
+    }
+
+    // Check column/row defaults.
+    const colReadonly = this.columns?.[colPlane]?.[col]?.readonly ?? this.columnDefault?.[colPlane]?.readonly;
+    const rowReadonly = this.rows?.[rowPlane]?.[row]?.readonly ?? this.rowDefault?.[rowPlane]?.readonly;
+    return colReadonly === 'text-select' || rowReadonly === 'text-select';
   }
 
   private renderCell(col: number, row: number, plane: DxGridPlane, selected?: boolean, visCol = col, visRow = row) {
     const cell = this.cell(col, row, plane);
     const active = this.cellActive(col, row, plane);
     const readonly = this.cellReadonly(col, row, plane);
+    const textSelectable = this.cellTextSelectable(col, row, plane);
     const resizeIndex = cell?.resizeHandle ? (cell.resizeHandle === 'col' ? col : row) : undefined;
     const resizePlane = cell?.resizeHandle ? resolveFrozenPlane(cell.resizeHandle, plane) : undefined;
     const accessory = cell?.accessoryHtml ? staticHtml`${unsafeStatic(cell.accessoryHtml)}` : null;
@@ -1248,6 +1276,7 @@ export class DxGrid extends LitElement {
       class=${cell?.className ?? nothing}
       data-refs=${cell?.dataRefs ?? nothing}
       ?data-dx-active=${active}
+      data-text-selectable=${textSelectable ? 'true' : 'false'}
       data-dx-grid-action="cell"
       aria-colindex=${col}
       aria-rowindex=${row}

package/src/types.ts

@@ -45,6 +45,8 @@ export type DxGridPointer =
   | { state: 'maybeSelecting'; pageX: number; pageY: number }
   | { state: 'selecting' };
 
+export type DxGridReadonlyValue = boolean | 'no-text-select' | 'text-select';
+
 export type DxAxisResizeProps = Pick<DxAxisResize, 'axis' | 'plane' | 'index' | 'size'>;
 export type DxAxisResizeInternalProps = DxAxisResizeProps & { delta: number; state: 'dragging' | 'dropped' };
 
@@ -78,16 +80,16 @@ export type DxGridCellValue = {
    */
   resizeHandle?: DxGridAxis;
   /**
-   * Whether this cell is read-only.
+   * Controls the read-only state of the cell.
    */
-  readonly?: boolean;
+  readonly?: DxGridReadonlyValue;
 };
 
 export type DxGridAxisMetaProps = {
   size: number;
   description?: string;
   resizeable?: boolean;
-  readonly?: boolean;
+  readonly?: DxGridReadonlyValue;
 };
 
 export type DxGridAxisSizes = DxGridPlaneRecord<DxGridFrozenPlane, Record<string, number>>;

package/src/util.ts

@@ -17,6 +17,7 @@ import {
   type DxGridAxis,
   type DxGridPlanePosition,
   separator,
+  type DxGridReadonlyValue,
 } from './types';
 
 export const toPlaneCellIndex = (cellCoords: Partial<DxGridPosition> & DxGridPlanePosition): DxGridPlaneCellIndex =>
@@ -204,3 +205,7 @@ export const isSameCell = (a: DxGridPositionNullable, b: DxGridPositionNullable)
   Number.isFinite(a.row) &&
   a.col === b.col &&
   a.row === b.row;
+
+export const isReadonly = (cellReadonly?: DxGridReadonlyValue) => {
+  return !(cellReadonly === false || cellReadonly === undefined);
+};