@guiexpert/preact-table 10.0.2 → 10.0.3

package/dist/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@guiexpert/preact-table",
+  "version": "10.0.2",
+  "type": "module",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "lib": {
+    "entryFile": "src/index.ts"
+  },
+  "scripts": {
+    "i": "pnpm i",
+    "build": "vite build",
+    "npm-pub:preact-table": "npm publish --access public"
+  },
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./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

@@ -0,0 +1,10 @@
+/* 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/preact-table",
-  "version": "10.0.2",
+  "version": "10.0.3",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -8,12 +8,37 @@
     "entryFile": "src/index.ts"
   },
   "scripts": {
-    "npm-pub:preact-table": "npm publish --access public"
+    "i": "pnpm i",
+    "patch-version": "node patch.js",
+    "build": "vite build",
+    "npm-pub": "npm publish --access public"
   },
   "exports": {
     ".": {
       "import": "./index.js",
       "require": "./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/patch.js

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1,138 @@
+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

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

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "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

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

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+{
+  "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

@@ -0,0 +1,73 @@
+
+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'),
+      },
+    ],
+  }
+});
+