@guiexpert/demo-table-models 1.0.15 → 1.0.17

package/src/lib/generateSimpleModel.ts

@@ -1,31 +0,0 @@
-import { TableFactory, TableModelIf } from "@guiexpert/table";
-
-export function generateSimpleModel(
-  rowCount: number = 1000,
-  columnCount: number = 1000
-): TableModelIf {
-
-  const bodyData: string[][] =
-    Array.from(Array(rowCount).keys()).map((r) =>
-      Array.from(Array(columnCount).keys()).map((c) => `${r}/${c}`)
-    );
-
-  const headerData: string[][] =
-    Array.from(Array(2).keys()).map((r) =>
-      Array.from(Array(columnCount).keys()).map((c) => `H${r}/${c}`)
-    );
-
-  const footerData: string[][] =
-    Array.from(Array(2).keys()).map((r) =>
-      Array.from(Array(columnCount).keys()).map((c) => `F${r}/${c}`)
-    );
-
-  return TableFactory.createTableModel({
-    headerData,
-    bodyData,
-    footerData,
-    overridingColumnWidth: 110,
-    fixedLeftColumnCount: 2,
-    fixedRightColumnCount: 2
-  });
-}

package/src/lib/generateTreeCheckboxModel.ts

@@ -1,54 +0,0 @@
-import {
-  AreaObjectMap,
-  CellRendererIf,
-  ColumnDef,
-  ColumnDefIf,
-  DateToIntlDDMMYYYYCellRenderer,
-  MaleFemaleToIconCellRenderer,
-  Size,
-  TableFactory,
-  TableModelIf,
-  TableOptions,
-  TableOptionsIf,
-  TreeFactory
-} from "@guiexpert/table";
-import { PersonIf } from "../model/person.if";
-import data from "../demodata/tree-persons";
-
-
-export function generateTreeCheckboxModel(): TableModelIf {
-
-  const tableOptions: TableOptionsIf = {
-    ...new TableOptions(),
-    hoverColumnVisible: false,
-    defaultRowHeights: {
-      header: 50,
-      body: 34,
-      footer: 0
-    },
-    showCheckboxWihoutExtraColumn: true // <-- true: we will see the checkbox IN the first column after the arrow
-  };
-
-  const columnDefs: ColumnDefIf[] = [
-    // new CheckboxColumn(), //  <--- not needed, because we have 'showCheckboxWihoutExtraColumn:true'
-    new ColumnDef("lastName", "Last Name", new Size(250, "px")),
-    new ColumnDef("preName", "Pre Name", new Size(120, "px")),
-    new ColumnDef("birth", "Birthday", new Size(100, "px"), new AreaObjectMap<string[]>(), new AreaObjectMap<CellRendererIf>(undefined, new DateToIntlDDMMYYYYCellRenderer(), undefined), undefined, undefined),
-    new ColumnDef("gender", " ", new Size(50, "px"), new AreaObjectMap<string[]>(), new AreaObjectMap<CellRendererIf>(undefined, new MaleFemaleToIconCellRenderer(), undefined), undefined, undefined),
-    new ColumnDef("address.street", "Strasse", new Size(150, "px")),
-    new ColumnDef("address.number", "Nr", new Size(70, "px")),
-    new ColumnDef("address.zip", "Zip", new Size(60, "px")),
-    new ColumnDef("address.city", "City", new Size(120, "px")),
-    new ColumnDef("id", "ID", new Size(60, "px"))
-  ];
-
-  const tree = TreeFactory.buildTreeRows<PersonIf>(data, "friends");
-  return TableFactory.createTableModel({
-    rows: tree,
-    columnDefs,
-    tableOptions,
-    fixedLeftColumnCount: 2,
-    fixedRightColumnCount: 0
-  });
-}
-

package/src/lib/headergroup/generateBigHeadergroupModel.ts

@@ -1,62 +0,0 @@
-import {
-  AreaModelCellGroups,
-  AreaModelObjectArrayWithColumndefs,
-  CellgroupFactory,
-  TableFactory,
-  TableModelIf
-} from "@guiexpert/table";
-import { headerGroups } from "../../demodata/header-groups";
-
-export interface FalconIf {
-  "GOLD": number;
-  "GOLD_AB": number;
-  "GOLD_A": number;
-  "GOLD_B": number;
-  "GOLD_C": number;
-  "GOLD_D": number;
-  "GOLD_SUM_CD": number;
-  "HOH_AB": number;
-  "HOH_LOC": number;
-  "HOH_A": number;
-  "HOH_B": number;
-  "HOH_C": number;
-  "HOH_D": number;
-}
-
-
-export function createHeadergroupModel(): TableModelIf {
-  const defaultRowHeight = 34;
-  const groupExts = CellgroupFactory.buildGroupExts(headerGroups);
-  const columnDefs = CellgroupFactory.buildColumnDefs(groupExts); // TODO fix
-  const headerAreaModel = new AreaModelCellGroups("header", headerGroups, columnDefs, defaultRowHeight);
-
-  console.info("headerGroups", headerGroups);
-  console.info("columnDefs", columnDefs.map(cd => cd.property));
-  //console.info(CellgroupFactory.buildDeepMap(headerGroups));
-
-  const arrs = [
-    {
-      "GOLD": 146,
-      "GOLD_AB": 63,
-      "GOLD_A": 31,
-      "GOLD_B": 32,
-      "GOLD_C": 41,
-      "GOLD_D": 42,
-      "GOLD_SUM_CD": 83,
-      "HOH_SUM": 210,
-      "HOH_AB": 103,
-      "HOH_LOC": 22,
-      "HOH_A": 51,
-      "HOH_B": 52,
-      "HOH_C": 53,
-      "HOH_D": 54
-    }
-  ];
-  const bodyAreaModel = new AreaModelObjectArrayWithColumndefs<FalconIf>("body", arrs, columnDefs, 34);
-
-  return TableFactory.createTableModel({
-    headerAreaModel,
-    bodyAreaModel,
-    columnDefs
-  });
-}

package/src/lib/headergroup/generateTeamHeadergroupModel.ts

@@ -1,66 +0,0 @@
-import {
-  AreaModelCellGroups,
-  AreaModelObjectArrayWithColumndefs,
-  CellgroupFactory, CellGroupIf,
-  TableFactory,
-  TableModelIf
-} from '@guiexpert/table';
-
-
-export interface HeaderTeamIf {
-  "team_a": number;
-  "sum_a": number;
-  "peter": number;
-  "paul": number;
-}
-
-export const teamHeaderGroups: CellGroupIf[] = [
-  {
-    data: "Team A",
-    toggle: true,
-    property:'team_a',
-    children: [
-      {
-        data: "Sum",
-        property: "sum_a"
-      },
-      {
-        data: "Peter",
-        property: "peter"
-      },
-      {
-        data: "Paul",
-        property: "paul"
-      }
-    ]
-  },
-
-];
-
-
-export function createTeamHeadergroupModel(cellGroups: CellGroupIf[] = teamHeaderGroups): TableModelIf {
-  const defaultRowHeight = 34;
-  const groupExts = CellgroupFactory.buildGroupExts(cellGroups);
-  const columnDefs = CellgroupFactory.buildColumnDefs(groupExts);
-  const headerAreaModel = new AreaModelCellGroups("header", cellGroups, columnDefs, defaultRowHeight);
-
-  console.info("headerGroups", cellGroups);
-  console.info("columnDefs", columnDefs.map(cd => cd.property));
-  console.info("columnDefs", columnDefs);
-
-  const arrs = [
-    {
-      "team_a": 0,
-      "sum_a": 9,
-      "peter": 5,
-      "paul": 4,
-    }
-  ];
-  const bodyAreaModel = new AreaModelObjectArrayWithColumndefs<HeaderTeamIf>("body", arrs, columnDefs, 34);
-
-  return TableFactory.createTableModel({
-    headerAreaModel,
-    bodyAreaModel,
-    columnDefs
-  });
-}

package/src/lib/treepeople/address.if.ts

@@ -1,7 +0,0 @@
-export interface AddressIf {
-  street: string;
-  number: string;
-  zip: string;
-  city: string;
-  country: string;
-}

package/src/lib/treepeople/address.ts

@@ -1,14 +0,0 @@
-import { AddressIf } from "./address.if";
-
-export class Address implements AddressIf {
-
-  constructor(
-    public street: string,
-    public number: string,
-    public zip: string,
-    public city: string,
-    public country: string
-  ) {
-  }
-
-}

package/src/lib/treepeople/generateTreePeopleModel.ts

@@ -1,130 +0,0 @@
-import {
-  AutoRestoreOptions, CellRange,
-  ColumnDef,
-  ColumnDefIf,
-  DateToIntlDDMMYYYYCellRenderer,
-  editInputPipeForNumber, FalseFn,
-  MaleFemaleToIconCellRenderer,
-  NumberCellRenderer,
-  px100,
-  px120,
-  px150,
-  px220,
-  px50,
-  px60,
-  px70,
-  px80,
-  Renderer,
-  SelectCellRenderer,
-  SelectionModel,
-  TableFactory,
-  TableModelAndOptions,
-  TableModelAndOptionsIf,
-  TableOptions,
-  TreeFactory,
-  TreeRow,
-  TrueFn,
-  ValueLabel
-} from "@guiexpert/table";
-import {PersonIf} from "./person.if";
-import {TREE_PEOPLE_DATA} from "./treePeopleData";
-
-
-
-
-export function createTreePeopleTableOptions(addDemoSelection: boolean = false) {
-  const selectionModel = new SelectionModel("range", "multi");
-
-  if (addDemoSelection) {
-    selectionModel.addSelection(new CellRange(0, 0, 0, 2));
-    selectionModel.addSelection(new CellRange(2, 1, 2, 2));
-    selectionModel.addSelection(new CellRange(1, 5, 6, 7));
-    selectionModel.addSelection(new CellRange(0, 8, 0, 8));
-    selectionModel.addSelection(new CellRange(5, 6, 10, 10));
-  }
-  return {
-    ...new TableOptions(),
-    hoverColumnVisible: false,
-    defaultRowHeights: {
-      header: 50,
-      body: 34,
-      footer: 0
-    },
-    autoRestoreOptions: {
-      ...new AutoRestoreOptions<PersonIf>(),
-      getStorageKeyFn: () => "TreetablePeopleComponent",
-      autoRestoreCollapsedExpandedState: true,
-      autoRestoreScrollPosition: true,
-      autoRestoreSortingState: true
-    },
-    externalFilterFunction: (_value: TreeRow<PersonIf>, _index: number, _array: PersonIf[]) => true,
-    getSelectionModel: () => selectionModel
-  };
-}
-
-export function createTreePeopleColumnDefs(): ColumnDefIf[] {
-  return [
-    new ColumnDef("lastName", "Last Name", px220),
-    new ColumnDef("preName", "Pre Name", px120),
-    ColumnDef.create({
-      property: "age",
-      headerLabel: "Age",
-      width: px80,
-      bodyRenderer: new NumberCellRenderer(),
-      editable: TrueFn,
-      // editInputPipe: (value: any) => value ? Number(value) : ""
-      editInputPipe: editInputPipeForNumber
-    }),
-    new ColumnDef("birth", "Birthday", px100,
-      undefined,
-      Renderer.bodyRenderer(new DateToIntlDDMMYYYYCellRenderer())),
-
-    ColumnDef.create({
-      property: "gender",
-      headerLabel: " ",
-      width: px50,
-      bodyRenderer: new MaleFemaleToIconCellRenderer(),
-      editable: TrueFn,
-      getEditRenderer: () => new SelectCellRenderer([
-        new ValueLabel("female", "♀"),
-        new ValueLabel("male", "♂")
-      ])
-    }),
-
-    new ColumnDef("address.street", "Strasse", px150),
-    new ColumnDef("address.number", "Nr", px70),
-    new ColumnDef("address.zip", "Zip", px60),
-    new ColumnDef("address.city", "City", px120),
-    new ColumnDef("address.country", "Country", px120),
-    new ColumnDef("id", "ID", px60)
-  ];
-}
-
-
-export function createTreePeopleModelAndOptions(
-  addDemoSelection: boolean = false
-): TableModelAndOptionsIf {
-  const tableOptions = createTreePeopleTableOptions(addDemoSelection);
-  const columnDefs = createTreePeopleColumnDefs();
-  for (const columnDef of columnDefs) {
-    columnDef.sortable = TrueFn;
-    columnDef.editable = TrueFn;
-  }
-  columnDefs[0].editable = FalseFn;
-
-
-  const tree = TreeFactory.buildTreeRows<PersonIf>(TREE_PEOPLE_DATA, "friends");
-  const tableModel = TableFactory.createTableModel({
-    rows: tree,
-    columnDefs,
-    tableOptions,
-    fixedLeftColumnCount: 1,
-    fixedRightColumnCount: 1
-  });
-
-
-
-  return new TableModelAndOptions(
-    tableModel, tableOptions
-  );
-}

package/src/lib/treepeople/person.if.ts

@@ -1,12 +0,0 @@
-import { AddressIf } from "./address.if";
-
-export interface PersonIf {
-  id: number;
-  preName: string;
-  lastName: string;
-  birth: Date | string;
-  age: number;
-  gender: string;
-  address: AddressIf;
-  friends?: PersonIf[];
-}

package/src/lib/treepeople/person.ts

@@ -1,18 +0,0 @@
-import { PersonIf } from "./person.if";
-import { AddressIf } from "./address.if";
-
-export class Person implements PersonIf {
-
-  constructor(
-    public id: number,
-    public preName: string,
-    public lastName: string,
-    public birth: Date | string,
-    public age: number,
-    public gender: string,
-    public address: AddressIf,
-    public friends?: Person[]
-  ) {
-  }
-
-}