@guiexpert/preact-table 10.0.6 → 10.0.8

package/package.json

@@ -1,22 +1,25 @@
 {
   "name": "@guiexpert/preact-table",
-  "version": "10.0.6",
+  "version": "10.0.8",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",
   "lib": {
     "entryFile": "src/index.ts"
   },
+  "publishConfig": {
+    "directory": "dist"
+  },
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./index.js",
+      "require": "./index.cjs"
     }
   },
   "dependencies": {
     "tslib": "^2.3.0",
     "preact": "^10.19.4",
-    "@guiexpert/table": "^1.1.23"
+    "@guiexpert/table": "^1.1.25"
   },
   "devDependencies": {
     "react-scripts-ts": "^3.1.0",
@@ -39,6 +42,6 @@
     "i": "pnpm i",
     "patch-version": "node patch.js",
     "build": "vite build",
-    "npm-pub": "pnpm publish --access public"
+    "npm-pub": "pnpm publish --no-git-checks --access public"
   }
 }

package/.eslintrc.js

@@ -1,23 +0,0 @@
-module.exports = {
-  parser: "@typescript-eslint/parser",
-  plugins: ["preact", "@typescript-eslint"],
-  extends: ["../../.eslintrc.json"],
-  ignorePatterns: ["!**/*"],
-  overrides: [
-    {
-      files: ["*.ts", "*.js", "*.tsx"],
-      parserOptions: {
-        project: ["libs/preact-table/tsconfig.*?.json"]
-      },
-      rules: {}
-    },
-    {
-      files: ["*.ts", "*.tsx"],
-      rules: {}
-    },
-    {
-      files: ["*.js", "*.jsx"],
-      rules: {}
-    }
-  ]
-};

package/dist/README.md

@@ -1,102 +0,0 @@
-
-# PreactTable (GuiExpert Table)
-
-This is the preact component of the GuiExpert Table Project.
-
-## Become a master at creating web applications with large tables
-
-This is the UI-agnostic table component for your next web app. 😊
-
-<img src="https://raw.githubusercontent.com/guiexperttable/ge-table/main/apps/table-website/src/assets/screens/heatmap.png" width="50%">
-
-### Features
-- Handle large datasets easily
-- Excellent performance for large tables by vertical and horizontal virtual scrolling
-- Fully-featured (advanced sorting and filtering)
-- Highly customizable orderData grid
-- Outstanding performance
-- No third-party dependencies
-- UI-agnostic
-- Column Interactions (resize, reorder)
-- Sorting Rows
-- Row, Column, and Range Selection
-- Single and Multi Selection
-- UI-agnostic
-- Row and Column Spanning
-- Fixed Columns (Left and Right)
-- Tree table (Hierarchical View)
-- Accessibility support: Keyboard Shortcuts
-- Custom Filtering
-- In-place Cell Editing
-- Userdefined Key and Mouse Events
-- Customizable Look & Feel (via CSS variables)
-- Row sorting
-- Column Reordering (Drag and Drop)
-- State Persistence (Row Sorting, Column Order, Selection)
-- Customizable Cell Contents via Renderer for Header, Body and Footer
-- Full control over the HTML structure and style
-
-
-## Links
-
-- [Demos](https://gui.expert/demos)
-- [Documentation](https://gui.expert/doc)
-- [API](https://gui.expert/api)
-
-## Get Started
-
-Add the following two NPM packages to your existing preact project (run this in your project root directory):
-
-```
-npm install --save @guiexpert/table @guiexpert/preact-table
-```
-
-Add GuiexpertTable component to a template:
-
-```
-return (
-  <GuiexpertTable
-    tableOptions={tableOptions}
-    tableModel={tableModel}
-    mouseClicked={console.info}
-    tableReady={tableReady}
-  />
-);
-```
-
-Import the following classes in your component:
-```
-import { GuiexpertTable } from "@guiexpert/preact-table";
-import {
-  GeMouseEvent,
-  TableApi
-  TableFactory,
-  TableModelIf,
-  TableOptions,
-  TableOptionsIf
-} from "@guiexpert/table";
-```
-
-
-Add a tableModel property and a onTableReady method to the component:
-
-```
-const tableModel: TableModelIf = TableFactory.createTableModel({
-  headerData: [
-    ['Header 1', 'Header 2']
-  ],
-  bodyData: [
-    ['Text 1a', 'Text 2a'],
-    ['Text 1b', 'Text 2b'],
-  ]
-});  
-const tableOptions = new TableOptions();
-
-function onTableReady(api: TableApi) {
-  console.info("onTableReady API:", api);
-}
-```
-
-There are numerous possibilities to create table models.
-Please refer to the [Documentation](https://gui.expert/doc) for further information or the [Demo](https://gui.expert/demos) section for examples.
-

package/dist/package.json

@@ -1,44 +0,0 @@
-{
-  "name": "@guiexpert/preact-table",
-  "version": "10.0.6",
-  "type": "module",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "lib": {
-    "entryFile": "src/index.ts"
-  },
-  "scripts": {
-    "i": "pnpm i",
-    "patch-version": "node patch.js",
-    "build": "vite build",
-    "npm-pub": "pnpm publish --access public"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "dependencies": {
-    "tslib": "^2.3.0",
-    "@guiexpert/table": "workspace:^",
-    "preact": "^10.19.4"
-  },
-  "devDependencies": {
-    "react-scripts-ts": "^3.1.0",
-    "@preact/preset-vite": "^2.6.0",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "@types/node": "^20.11.17",
-    "vite": "^5.1.1",
-    "vite-plugin-dts": "^3.7.2",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-static-copy": "^0.17.0",
-    "vite-tsconfig-paths": "^4.2.1",
-    "vite-plugin-babel": "^1.2.0",
-    "@vitejs/plugin-react": "^4.1.1",
-    "ts-node": "10.9.1",
-    "tsconfig": "^7.0.0",
-    "typescript": "5.2.2"
-  }
-}

package/jest.config.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-export default {
-  displayName: "preact-table",
-  preset: "../../jest.preset.js",
-  transform: {
-    "^.+\\.[tj]s$": ["ts-jest", { tsconfig: "<rootDir>/tsconfig.spec.json" }]
-  },
-  moduleFileExtensions: ["ts", "js", "html"],
-  coverageDirectory: "../../coverage/libs/preact-table"
-};

package/patch.js

@@ -1,16 +0,0 @@
-import fs from 'fs';
-
-const packageJsonPath = 'package.json';
-
-try {
-  const pack = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
-  const currentVersion = pack.version;
-  const [major, minor, patch] = currentVersion.split('.').map(Number);
-  const newPatchVersion = `${major}.${minor}.${patch + 1}`;
-  pack.version = newPatchVersion;
-  fs.writeFileSync(packageJsonPath, JSON.stringify(pack, null, 2));
-  console.log(`${pack.name} -> version patched to ${newPatchVersion}.`);
-
-} catch (error) {
-  console.error('Error:', error);
-}

package/src/ComponentRendererWrapper.ts

@@ -1,60 +0,0 @@
-import { AreaIdent, AreaModelIf, CellRendererIf, DomServiceIf, RendererCleanupFnType } from "@guiexpert/table";
-import {createRoot} from "react-dom/client";
-
-
-
-export class ComponentRendererWrapper implements CellRendererIf {
-
-  constructor(
-    private readonly Component: any
-  ) {
-    console.info(Component);
-  }
-
-  render(
-    cellDiv: HTMLDivElement,
-    rowIndex: number,
-    columnIndex: number,
-    areaIdent: AreaIdent,
-    areaModel: AreaModelIf,
-    cellValue: any,
-    domService: DomServiceIf): RendererCleanupFnType | undefined {
-
-    const props = {
-      cellDiv,
-      rowIndex,
-      columnIndex,
-      areaIdent,
-      areaModel,
-      cellValue
-    };
-    const root = createRoot(cellDiv, {});
-    root.render(this.Component(props));
-
-    return () => {
-      root.unmount();
-    };
-  }
-
-
-  // private mount(
-  //   component: any,
-  //   props: (Data & VNodeProps) | null,
-  //   appContext: AppContext | null,
-  //   cellDiv: HTMLDivElement
-  // ) {
-  //   let vNode: VNode = createVNode(component, props);
-  //
-  //   vNode.appContext = appContext;
-  //   render(vNode, cellDiv);
-  //
-  //   const cleanupFn = () => {
-  //     if (cellDiv) {
-  //       render(null, cellDiv);
-  //     }
-  //   };
-  //
-  //   return cleanupFn;
-  // }
-
-}

package/src/GuiexpertTable.tsx

@@ -1,138 +0,0 @@
-import { Component, createRef } from "preact";
-import {
-  EventListenerIf, FocusModelIf,
-  GeModelChangeEvent,
-  GeMouseEvent, LicenseManager, SelectionModelIf,
-  SimpleDomService, TableApi,
-  TableModelIf,
-  TableOptions,
-  TableScope
-} from '@guiexpert/table';
-
-export type GeMouseEventFn = (evt: GeMouseEvent) => {};
-export type GeCheckboxEventFn = (evt: any[]) => {};
-export type GeTableReadyEventFn = (evt: TableApi) => {};
-export type GeModelChangeEventFn = (evt: GeModelChangeEvent) => {};
-export type GeSelectionChangeEventFn = (evt: SelectionModelIf) => {};
-export type GeFocusChangeEventFn = (evt: FocusModelIf) => {};
-
-
-export interface GuiexpertTableProps {
-  tableModel: TableModelIf,
-  tableOptions?: TableOptions,
-  mouseMoved?: GeMouseEventFn,
-  contextmenu?: GeMouseEventFn,
-  mouseClicked?: GeMouseEventFn,
-  mouseDragging?: GeMouseEventFn,
-  mouseDraggingEnd?: GeMouseEventFn,
-  checkboxChanged?: GeCheckboxEventFn,
-  modelChanged?: GeModelChangeEventFn,
-  tableReady?: GeTableReadyEventFn,
-  licenseKey?: string,
-  selectionChanged?: GeSelectionChangeEventFn;
-  focusChanged?: GeFocusChangeEventFn;
-}
-
-
-/**
- * GuiexpertTable is a React component that wraps the ExpertTable library.
- * It displays a table with various event listeners and callback functions.
- */
-export class GuiexpertTable extends Component<GuiexpertTableProps>  {
-
-  ref = createRef();
-
-  constructor(props: GuiexpertTableProps) {
-    super(props);
-  }
-
-  componentDidMount() {
-    const myContainer: HTMLDivElement = this.ref.current;
-    this.initTable(myContainer, this.props as GuiexpertTableProps);
-  }
-
-  componentWillUnmount() {
-  }
-
-  initTable(ele: HTMLDivElement, props: GuiexpertTableProps) {
-    const listener: EventListenerIf = {
-
-      onSelectionChanged(model: SelectionModelIf): void {
-        if (props.selectionChanged) {
-          props.selectionChanged(model);
-        }
-      },
-
-      onFocusChanged(model: FocusModelIf): void{
-        if (props.focusChanged) {
-          props.focusChanged(model);
-        }
-      },
-
-
-      onCheckboxChanged: (evt: any[]) => {
-        if (props.checkboxChanged) {
-          props.checkboxChanged(evt);
-        }
-      },
-
-      onContextmenu: (evt: GeMouseEvent) => {
-        if (props.contextmenu) {
-          props.contextmenu(evt);
-        }
-      },
-
-      onModelChanged: (evt: GeModelChangeEvent) => {
-        if (props.modelChanged) {
-          props.modelChanged(evt);
-        }
-      },
-
-      onMouseClicked: (evt: GeMouseEvent) => {
-        if (props.mouseClicked) {
-          props.mouseClicked(evt);
-        }
-      },
-
-      onMouseDragging: (evt: GeMouseEvent) => {
-        if (props.mouseDragging) {
-          props.mouseDragging(evt);
-        }
-      },
-
-      onMouseDraggingEnd: (evt: GeMouseEvent) => {
-        if (props.mouseDraggingEnd) {
-          props.mouseDraggingEnd(evt);
-        }
-      },
-
-      onMouseMoved: (evt: GeMouseEvent) => {
-        // ignored
-      }
-    };
-
-    const tableScope = new TableScope(
-      ele, props.tableModel, new SimpleDomService(), props.tableOptions ?? new TableOptions(), listener
-    );
-    tableScope.firstInit();
-    if (props.tableReady) {
-      props.tableReady(tableScope.getApi());
-    }
-    if (props.licenseKey) LicenseManager.getInstance().setLicenseKey(props.licenseKey);
-  };
-
-  render() {
-    return <div
-      ref={this.ref}
-      className="container-div"
-      style={{
-        width: "100%",
-        height: "100%",
-        backgroundColor: "transparent",
-        padding: "0",
-        margin: "0"
-      }} />;
-  }
-}
-
-export default GuiexpertTable;

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./GuiexpertTable";
-export * from "./ComponentRendererWrapper";

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "strict": true,
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "jsx": "preserve",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
-    "jsxImportSource": "preact",
-    "types": [
-      "vite/client"
-    ]
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,16 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc"
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "**/*.spec.ts",
-    "**/*_spec.ts",
-    "**/*.spec.tsx",
-    "**/*_spec.tsx",
-    "public/*"
-  ]
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": [
-      "jest",
-      "node"
-    ]
-  },
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}

package/vite.config.ts

@@ -1,73 +0,0 @@
-
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import viteTsConfigPaths from "vite-tsconfig-paths";
-import dts from "vite-plugin-dts";
-import { join } from "path";
-import {viteStaticCopy} from "vite-plugin-static-copy";
-import { preact } from '@preact/preset-vite';
-
-export default defineConfig({
-
-  cacheDir: "../../node_modules/.vite/preact-table",
-
-  plugins: [
-    dts({
-      entryRoot: "src",
-      tsconfigPath: join(__dirname, "tsconfig.lib.json")
-    }),
-    // react(),
-    preact({include: ['**/*[jt]sx']}),  // <-- add {include:...}
-    // viteTsConfigPaths({
-    //   root: "./"
-    // }),
-    viteStaticCopy({
-      targets: [
-        {
-          src: 'README.md',
-          dest: './'
-        },
-        {
-          src: 'package.json',
-          dest: './'
-        }
-      ]
-    })
-  ],
-
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [
-  //    viteTsConfigPaths({
-  //      root: '../../',
-  //    }),
-  //  ],
-  // },
-
-  // Configuration for building your library.
-  // See: https://vitejs.dev/guide/build.html#library-mode
-  build: {
-    lib: {
-      // Could also be a dictionary or array of multiple entry points.
-      entry: "src/index.ts",
-      name: "preact-table",
-      fileName: "index",
-      // Change this to the formats you want to support.
-      // Don't forgot to update your package.json as well.
-      formats: ["es", "cjs"]
-    },
-    rollupOptions: {
-      // External packages that should not be bundled into your library.
-      external: ["preact", "preact-dom", "preact/jsx-runtime"]
-    }
-  },
-  resolve: {
-    alias: [
-      {
-        find: /@guiexpert\/table/,
-        replacement: join(__dirname, '..', 'table', 'src'),
-      },
-    ],
-  }
-});
-