@guiexpert/table 1.0.2 → 1.0.5

package/src/lib/table/data/event/mouse-target-data.ts

@@ -1,45 +0,0 @@
-import { AreaIdent, getAreaIdentByString } from "../tablemodel/area-ident.type";
-import { AreaModelIf } from "../tablemodel/areamodel/area-model.if";
-import { TableScope } from "../../table-scope";
-
-export class MouseTargetData {
-
-  rowIdx: number = -1;
-  colIdx: number = -1;
-  areaIdent?: AreaIdent;
-  areaModel?: AreaModelIf;
-  row?: any;
-  value?: any;
-  action: string | null = null;
-  inputType: string | null = null;
-  className: string = "";
-
-
-  constructor(
-    eventTarget: EventTarget | null,
-    tableScope: TableScope) {
-
-    if (eventTarget === null) return; // skip
-
-    if (eventTarget instanceof HTMLDivElement
-      || eventTarget instanceof HTMLSpanElement
-      || eventTarget instanceof HTMLInputElement) {
-
-      this.className = eventTarget.className;
-      this.action = eventTarget.getAttribute("data-ge-action");
-      this.inputType = eventTarget.getAttribute("data-input-type");
-      this.rowIdx = Number(eventTarget.getAttribute("data-row-index"));
-      this.colIdx = Number(eventTarget.getAttribute("data-col-index"));
-      const area = eventTarget.getAttribute("data-area");
-      if (area) {
-        this.areaIdent = getAreaIdentByString(area);
-        this.areaModel = tableScope.tableModel.getAreaModel(this.areaIdent);
-        this.row = this.areaModel.getRowByIndex(this.rowIdx);
-      }
-      if (eventTarget instanceof HTMLInputElement) {
-        const target = eventTarget as HTMLInputElement;
-        this.value = target.value;
-      }
-    }
-  }
-}

package/src/lib/table/data/geo-data.ts

@@ -1,13 +0,0 @@
-export class GeoData {
-
-  constructor(
-    public left: number = 0,
-    public width: number = 0,
-    public height: number = 0,
-    public top: number = 0,
-    public index?: number
-  ) {
-  }
-
-
-}

package/src/lib/table/data/options/auto-restore-options.if.ts

@@ -1,21 +0,0 @@
-export type IsSameFn<T> = (r1: T, r2: T, optionsIf: AutoRestoreOptionsIf<T>) => boolean;
-export type GetRowIdFn<T> = ((row: T) => string | number);
-export type GetStorageKeyFn = (() => string);
-
-/**
- * See TableOptionsIf#autoRestoreOptions()
- */
-export interface AutoRestoreOptionsIf<T> {
-
-  autoRestoreSortingState: boolean;
-  autoRestoreCollapsedExpandedState?: boolean;
-  autoRestoreScrollPosition?: boolean;
-
-  autoRestoreCheckedState?: boolean;
-  autoRestoreSelectedState?: boolean;
-
-  getRowId?: undefined | GetRowIdFn<T>;
-  getStorageKeyFn?: undefined | GetStorageKeyFn;
-  isSame?: undefined | IsSameFn<T>;
-
-}

package/src/lib/table/data/options/auto-restore-options.ts

@@ -1,50 +0,0 @@
-import { AutoRestoreOptionsIf } from "./auto-restore-options.if";
-
-
-export class AutoRestoreOptions<T> implements AutoRestoreOptionsIf<T> {
-
-  public autoRestoreSortingState = false;
-  public autoRestoreCollapsedExpandedState = false;
-  public autoRestoreScrollPosition = false;
-
-  public autoRestoreCheckedState = false;
-  public autoRestoreSelectedState = false;
-
-
-  public getStorageKeyFn = undefined;
-
-
-  public isSame = (r1: T, r2: T, options: AutoRestoreOptionsIf<T>) => {
-    if (r1 && r2) {
-      if (options.getRowId) {
-        const id1 = options.getRowId(r1);
-        const id2 = options.getRowId(r2);
-        return id1 === id2;
-      }
-    }
-    return false;
-  };
-
-  public getRowId = (row: T): string | number => {
-    if (row) {
-      // First try:
-      for (const key of ["id", "uuid"]) {
-        // @ts-ignore
-        const id = row[key];
-        if (id !== undefined && id !== null) {
-          return id;
-        }
-      }
-
-      // Second try:
-      try {
-        return JSON.stringify(row);
-      } catch (e) {
-        console.error(e);
-      }
-    }
-    console.warn("One of following options set to true without a valid \"getRowId()\": autoRestoreExpandedState, autoRestoreCheckedState.");
-    return -1;
-  };
-
-}

package/src/lib/table/data/options/default-row-heights.if.ts

@@ -1,5 +0,0 @@
-export interface DefaultRowHeightsIf {
-  header: number,
-  body: number,
-  footer: number
-}

package/src/lib/table/data/options/default-row-heights.ts

@@ -1,10 +0,0 @@
-import { DefaultRowHeightsIf } from "./default-row-heights.if";
-
-export class DefaultRowHeights implements DefaultRowHeightsIf {
-  constructor(
-    public header: number = 34,
-    public body: number = 34,
-    public footer: number = 34
-  ) {
-  }
-}

package/src/lib/table/data/options/icon.if.ts

@@ -1,7 +0,0 @@
-export interface IconIf {
-
-  content: string,
-  style: string;
-  classes: string[];
-
-}

package/src/lib/table/data/options/icon.ts

@@ -1,10 +0,0 @@
-import { IconIf } from "./icon.if";
-
-export class Icon implements IconIf {
-  constructor(
-    public content: string = ">",
-    public style: string = "",
-    public classes: string[] = []
-  ) {
-  }
-}

package/src/lib/table/data/options/sorted-options.ts

@@ -1,15 +0,0 @@
-import { IconIf } from "./icon.if";
-import { Icon } from "./icon";
-import { SortedOptionsIf } from "./sorted-options.if";
-
-export class SortedOptions implements SortedOptionsIf {
-
-  constructor(
-    public iconAsc: IconIf = new Icon("↑", "", ["ge-header-sorted-asc"]),
-    public iconDesc: IconIf = new Icon("↓", "", ["ge-header-sorted-desc"]),
-    public iconPlaceholder: IconIf = new Icon("↑", "color:transparent;", [])
-  ) {
-  }
-
-
-}

package/src/lib/table/data/options/table-options.if.ts

@@ -1,54 +0,0 @@
-import { DefaultRowHeightsIf } from "./default-row-heights.if";
-import { TreeOptionsIf } from "./tree-options.if";
-import { FilterFunction } from "../common/filter-function";
-import { SortState } from "../common/sort-state.type";
-import { SortedOptionsIf } from "./sorted-options.if";
-import { AutoRestoreOptionsIf } from "./auto-restore-options.if";
-import { GetEditRenderer } from "../../renderer/edit/edit-cell-renderer.type";
-import { SelectionModelIf } from "../../selection/selection-model.if";
-import { GetT } from "../common/get-t";
-import { FocusModelIf } from "../../focus/focus-model.if";
-import { ShortcutActionIdMapping } from "../../action/shortcut-actionid-mapping.type";
-
-export interface TableOptionsIf {
-  headerSeparatorBorderVisible: boolean;
-  footerSeparatorBorderVisible: boolean;
-  fixedEastSeparatorBorderVisible: boolean;
-  fixedWestSeparatorBorderVisible: boolean;
-  verticalBorderVisible: boolean;
-  horizontalBorderVisible: boolean;
-
-  overflowX: "auto" | "scroll";
-  overflowY: "auto" | "scroll";
-
-  tableTopBorderVisible: boolean;
-  tableBottomBorderVisible: boolean;
-  hoverRowVisible: boolean;
-  hoverColumnVisible: boolean;
-  columnsResizable: boolean;
-  columnsDraggable: boolean;
-  columnResizeHandleWidthInPx: number;
-
-  headerVerticalSeparator: boolean;
-  footerVerticalSeparator: boolean;
-
-  defaultRowHeights: DefaultRowHeightsIf;
-
-  headerToggleExpandCollapseIcons: boolean;
-
-  treeOptions: TreeOptionsIf;
-  showCheckboxWihoutExtraColumn: boolean;
-
-  externalFilterFunction: FilterFunction<any> | undefined;
-
-  sortedOptions: SortedOptionsIf;
-  sortOrder: SortState[],
-
-  autoRestoreOptions?: AutoRestoreOptionsIf<any>;
-
-  getEditRenderer?: GetEditRenderer;
-  getSelectionModel?: GetT<SelectionModelIf>;
-  getFocusModel?: GetT<FocusModelIf>;
-
-  shortcutActionIdMapping?: ShortcutActionIdMapping;
-}

package/src/lib/table/data/options/table-options.ts

@@ -1,66 +0,0 @@
-import { DefaultRowHeightsIf } from "./default-row-heights.if";
-import { TableOptionsIf } from "./table-options.if";
-import { TreeOptions } from "./tree-options";
-import { FilterFunction } from "../common/filter-function";
-import { SortState } from "../common/sort-state.type";
-import { SortedOptions } from "./sorted-options";
-import { InputCellRenderer } from "../../renderer/edit/input-cell-renderer";
-import { GetEditRenderer } from "../../renderer/edit/edit-cell-renderer.type";
-import { SelectionModelIf } from "../../selection/selection-model.if";
-import { SelectionModel } from "../../selection/selection-model";
-import { GetT } from "../common/get-t";
-import { FocusModelIf } from "../../focus/focus-model.if";
-import { FocusModel } from "../../focus/focus-model";
-import { ShortcutActionIdMapping } from "../../action/shortcut-actionid-mapping.type";
-
-const selectionModel = new SelectionModel();
-const focusModel = new FocusModel("cell");
-
-export class TableOptions implements TableOptionsIf {
-
-  overflowX: "auto" | "scroll" = "auto";
-  overflowY: "auto" | "scroll" = "auto";
-
-  horizontalBorderVisible = true;
-  verticalBorderVisible = true;
-  footerSeparatorBorderVisible = true;
-  headerSeparatorBorderVisible = true;
-  fixedEastSeparatorBorderVisible = true;
-  fixedWestSeparatorBorderVisible = true;
-
-  tableTopBorderVisible = true;
-  tableBottomBorderVisible = true;
-  // TODO tableLeftBorderVisible = true;
-  // TODO tableRightBorderVisible = true;
-
-  hoverRowVisible = true;
-  hoverColumnVisible = true;
-  columnsResizable = true;
-  columnsDraggable = true;
-  columnResizeHandleWidthInPx = 4;
-
-  defaultRowHeights: DefaultRowHeightsIf = {
-    header: 34,
-    body: 34,
-    footer: 34
-  };
-
-  footerVerticalSeparator = false;
-
-  headerToggleExpandCollapseIcons = false;
-  headerVerticalSeparator = false;
-
-  treeOptions = new TreeOptions();
-  showCheckboxWihoutExtraColumn = false;
-
-  externalFilterFunction: FilterFunction<any> | undefined = undefined;
-  sortedOptions = new SortedOptions();
-  sortOrder: SortState[] = ["asc", "desc"];
-  shortcutActionIdMapping?: ShortcutActionIdMapping;
-
-  getEditRenderer?: GetEditRenderer = (_rowIndex: number, _columnIndex: number) => new InputCellRenderer();
-
-  getSelectionModel?: GetT<SelectionModelIf> = () => selectionModel;
-
-  getFocusModel?: GetT<FocusModelIf> = () => focusModel;
-}

package/src/lib/table/data/options/tree-options.if.ts

@@ -1,10 +0,0 @@
-import { IconIf } from "./icon.if";
-
-export interface TreeOptionsIf {
-
-  arrowExpandCollapseAll: IconIf;
-  arrowExpanded: IconIf;
-  arrowCollapsed: IconIf;
-  arrowPlaceholder: IconIf;
-
-}

package/src/lib/table/data/options/tree-options.ts

@@ -1,32 +0,0 @@
-import { IconIf } from "./icon.if";
-import { TreeOptionsIf } from "./tree-options.if";
-import { Icon } from "./icon";
-
-export class TreeOptions implements TreeOptionsIf {
-
-  constructor(
-    public arrowExpanded: IconIf = new Icon(
-      ">",
-      "transform: rotate(90deg) translate(66%, -66%); transform-origin: 0 0;",
-      ["gt-table-tree-arrow-expanded"]
-    ),
-    public arrowCollapsed: IconIf = new Icon(
-      ">",
-      "",
-      ["ge-table-tree-arrow-collapsed"]
-    ),
-    public arrowPlaceholder: IconIf = new Icon(
-      ">",
-      "color:transparent;",
-      ["gt-table-tree-arrow-hidden"]
-    ),
-    public arrowExpandCollapseAll: IconIf = new Icon(
-      "↕",
-      "",
-      ["gt-table-tree-arrow-expanded-all"]
-    )
-  ) {
-  }
-
-
-}

package/src/lib/table/data/table-model-and-options.ts

@@ -1,13 +0,0 @@
-
-import { TableModelAndOptionsIf } from "./table-model-and-options.if";
-import { TableModelIf } from "./tablemodel/table-model.if";
-import { TableOptions } from "./options/table-options";
-
-
-export class TableModelAndOptions implements TableModelAndOptionsIf {
-  constructor(
-    public tableModel: TableModelIf,
-    public tableOptions: TableOptions
-  ) {
-  }
-}

package/src/lib/table/data/tablemodel/areamodel/abstract-area-model.ts

@@ -1,183 +0,0 @@
-import { CellRendererIf } from "../../../renderer/cell-render.if";
-import { AreaModelIf } from "./area-model.if";
-import { CheckedType } from "../../common/checked-type";
-import { ColumnDefIf } from "../column/column-def.if";
-import { AreaIdent } from "../area-ident.type";
-import { CheckboxModelIf } from "../../../checkbox/checkbox-model.if";
-import { FilterFunction } from "../../common/filter-function";
-import { SortItem } from "../../common/sort-item";
-import { HasDefaultRowHeightIf } from "./has-default-row-height-if";
-
-
-export abstract class AbstractAreaModel<T> implements AreaModelIf, HasDefaultRowHeightIf {
-
-  public rowSelectionModel: CheckboxModelIf<any> | undefined = undefined;
-  protected cellRenderers: (CellRendererIf | undefined)[];
-  protected yPositions: number[] = [];
-
-  constructor(
-    public areaIdent: AreaIdent,
-    protected columnDefs: ColumnDefIf[] = [],
-    public defaultRowHeight: number = -1
-  ) {
-    this.cellRenderers = columnDefs.map(def => def.rendererMap[areaIdent]);
-  }
-
-
-  abstract getRowCount(): number;
-
-  abstract getValueAt(rowIndex: number, columnIndex: number): any;
-
-  getTooltipAt(_rowIndex: number, _columnIndex: number): any {
-    return "";
-  };
-
-  abstract getRowHeight(rowIndex: number): number;
-
-  getCellRenderer(_rowIndex: number, columnIndex: number): CellRendererIf | undefined {
-    if (columnIndex < this.cellRenderers.length) {
-      return this.cellRenderers[columnIndex];
-    }
-    return undefined;
-  }
-
-  getColspanAt(_rowIndex: number, _columnIndex: number): number {
-    return 0;
-  }
-
-  getCustomClassesAt(_rowIndex: number, _columnIndex: number): string[] {
-    return [];
-  }
-
-  getCustomStyleAt(_rowIndex: number, _columnIndex: number): { [key: string]: string } | undefined {
-    return undefined;
-  }
-
-  getRowspanAt(_rowIndex: number, _columnIndex: number): number {
-    return 0;
-  }
-
-  getRowByIndex(_rowIndex: number): any {
-    return undefined;
-  }
-
-  isRowCheckable(_rowIndex: number): boolean {
-    return true;
-  }
-
-  isRowChecked(rowIndex: number): CheckedType | undefined {
-    const row = this.getRowByIndex(rowIndex);
-    return this.rowSelectionModel?.isRowChecked(row);
-  }
-
-  setRowChecked(rowIndex: number, checked: boolean): void {
-    if (this.rowSelectionModel) {
-      const row = this.getRowByIndex(rowIndex);
-      this.rowSelectionModel.checkRow(row, checked);
-    }
-  }
-
-  getMaxColspan(): number {
-    return 31;
-  }
-
-  getMaxRowspan(): number {
-    return 31;
-  }
-
-
-  getYPosByRowIndex(rowIndex: number): number {
-    if (this.defaultRowHeight > 0) {
-      return this.defaultRowHeight * rowIndex;
-    }
-    return this.yPositions[rowIndex];
-  }
-
-
-  init() {
-    if (!this.yPositions.length && this.getRowCount() !== undefined) {
-      if (this.defaultRowHeight === -1) {
-        this.calcYPositions();
-      }
-    }
-  }
-
-  abstract externalFilterChanged<T>(predictFn: FilterFunction<T>): void ;
-
-  isFilterable(): boolean {
-    return this.areaIdent === "body";
-  }
-
-  doSort(_sortItems: SortItem[]): boolean {
-    // do nothing
-    return false;
-  }
-
-  isEditable(_rowIndex: number, columnIndex: number): boolean {
-    if (this.columnDefs
-      && columnIndex < this.columnDefs.length
-      && this.columnDefs[columnIndex].editable) {
-      // @ts-ignore
-      return this.columnDefs[columnIndex].editable();
-    }
-    return false;
-  }
-
-  setValue(rowIndex: number, columnIndex: number, value: any): boolean {
-    const editInputPipe = this.columnDefs[columnIndex]?.editInputPipe;
-    if (editInputPipe) {
-      value = editInputPipe(value, rowIndex, columnIndex);
-    }
-    const row: T = this.getRowByIndex(rowIndex);
-    const property = this.columnDefs[columnIndex].property;
-    if (property.includes(".")) {
-      return this.setPropertyValue(row, property.split("."), value);
-    }
-    // @ts-ignore
-    row[property] = value;
-    return true;
-  }
-
-  isSelectable(_rowIndex: number, _columnIndex: number): boolean {
-    return true;
-  }
-
-  changeColumnOrder(sourceColumnIndex: number, targetColumnIndex: number): void {
-    //  not this! this.arrayMove(this.columnDefs...)
-    this.arrayMove(this.cellRenderers, sourceColumnIndex, targetColumnIndex);
-  }
-
-  protected setPropertyValue(o: any, props: string[], value: any): boolean {
-    const prop = props.shift();
-    if (prop) {
-      // @ts-ignore
-      let o2 = o[prop];
-      if (o2 && props.length) {
-        return this.setPropertyValue(o2, props, value);
-
-      } else {
-        o[prop] = value;
-        return true;
-      }
-    }
-    return false;
-  }
-
-  protected arrayMove(arr: any[], fromIndex: number, toIndex: number) {
-    const element = arr.splice(fromIndex, 1)[0];
-    arr.splice(toIndex, 0, element);
-    return arr;
-  }
-
-  private calcYPositions() {
-    const rowCount = this.getRowCount();
-    this.yPositions = new Array(rowCount + 1);
-    this.yPositions[0] = 0;
-    for (let i = 0; i < rowCount; i++) {
-      this.yPositions[i + 1] = this.getRowHeight(i) + this.yPositions[i];
-    }
-  }
-
-}
-
-

package/src/lib/table/data/tablemodel/areamodel/area-model-array-of-arrays.ts

@@ -1,59 +0,0 @@
-import { AbstractAreaModel } from "./abstract-area-model";
-import { AreaIdent } from "../area-ident.type";
-import { ColumnDefIf } from "../column/column-def.if";
-import { FilterFunction } from "../../common/filter-function";
-
-export class AreaModelArrayOfArrays<T> extends AbstractAreaModel<T[][]> {
-
-  public filteredArr: T[][];
-
-  constructor(
-    public override areaIdent: AreaIdent,
-    public readonly arr: T[][],
-    public override defaultRowHeight: number,
-    protected override columnDefs: ColumnDefIf[] = []
-  ) {
-    super(areaIdent, columnDefs, defaultRowHeight);
-    this.filteredArr = [...arr];
-  }
-
-  externalFilterChanged(predictFn: FilterFunction<any>): void {
-    this.filteredArr = this.arr ? this.arr.filter(predictFn) : [];
-  }
-
-  getRowCount(): number {
-    if (this.filteredArr) {
-      return this.filteredArr.length;
-    }
-    return 0;
-  }
-
-  getValueAt(rowIndex: number, columnIndex: number): any {
-    return this.filteredArr[rowIndex][columnIndex];
-  }
-
-  override setValue(rowIndex: number, columnIndex: number, value: any): boolean {
-    const editInputPipe = this.columnDefs[columnIndex]?.editInputPipe;
-    if (editInputPipe) {
-      value = editInputPipe(value, rowIndex, columnIndex);
-    }
-    this.arr[rowIndex][columnIndex] = value;
-    return true;
-  }
-
-  override getRowByIndex(rowIndex: number): any {
-    return this.filteredArr[rowIndex];
-  }
-
-  getRowHeight(_rowIndex: number): number {
-    return this.defaultRowHeight;
-  }
-
-  override changeColumnOrder(sourceColumnIndex: number, targetColumnIndex: number): void {
-    this.filteredArr.forEach(row => this.arrayMove(row, sourceColumnIndex, targetColumnIndex));
-    super.changeColumnOrder(sourceColumnIndex, targetColumnIndex);
-  }
-
-
-}
-