@guiexpert/solid-table 1.0.14 → 1.0.16

package/dist/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@guiexpert/solid-table",
+  "version": "1.0.16",
+  "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": "npm publish --access public"
+  },
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "@guiexpert/table": "workspace:^"
+  },
+  "devDependencies": {
+    "solid-jest": "^0.2.0",
+    "solid-js": "^1.6.10",
+    "solid-testing-library": "^0.5.1",
+    "@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",
+    "vite-plugin-solid": "^2.7.2",
+    "@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: "solid-table",
+  preset: "../../jest.preset.js",
+  transform: {
+    "^.+\\.[tj]s$": ["ts-jest", { tsconfig: "<rootDir>/tsconfig.spec.json" }]
+  },
+  moduleFileExtensions: ["ts", "js", "html"],
+  coverageDirectory: "../../coverage/libs/solid-table"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guiexpert/solid-table",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -8,12 +8,38 @@
     "entryFile": "src/index.ts"
   },
   "scripts": {
-    "npm-pub:solid-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:^"
+  },
+  "devDependencies": {
+    "solid-jest": "^0.2.0",
+    "solid-js": "^1.6.10",
+    "solid-testing-library": "^0.5.1",
+    "@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",
+    "vite-plugin-solid": "^2.7.2",
+    "@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,37 @@
+import { AreaIdent, AreaModelIf, CellRendererIf, DomServiceIf, RendererCleanupFnType } from "@guiexpert/table";
+import { JSX } from "solid-js/jsx-runtime";
+import { mergeProps, render } from "solid-js/web";
+
+export class ComponentRendererWrapper implements CellRendererIf {
+
+  constructor(
+    private readonly code: (props: any) => JSX.Element
+  ) {
+  }
+
+  render(
+    cellDiv: HTMLDivElement,
+    rowIndex: number,
+    columnIndex: number,
+    areaIdent: AreaIdent,
+    areaModel: AreaModelIf,
+    cellValue: any,
+    _domService: DomServiceIf): RendererCleanupFnType | undefined {
+
+    const props = mergeProps({
+      rowIndex,
+      columnIndex,
+      areaIdent,
+      areaModel,
+      cellValue
+    });
+    render(
+      () => this.code(props),
+      cellDiv
+    );
+
+    return undefined;
+  }
+
+
+}

package/src/GuiexpertTable.tsx

@@ -0,0 +1,92 @@
+import {GuiexpertTableProps} from "./GuiexpertTableProps";
+import {mergeProps, onMount} from "solid-js";
+import {
+  EventListenerIf,
+  FocusModelIf,
+  LicenseManager,
+  SelectionModelIf,
+  SimpleDomService,
+  TableOptions,
+  TableScope
+} from '@guiexpert/table';
+
+
+
+/**
+ * Render a table component with specified properties
+ *
+ * @param {GuiexpertTableProps} props - The properties of the table component
+ * @returns {JSX.Element} - The rendered table component
+ */
+export default (props: GuiexpertTableProps) => {
+
+  let ref:any;
+
+  const merged = mergeProps({
+    tableModel: null,
+    tableOptions: new TableOptions()
+  }, props);
+
+
+  onMount(() => {
+    const listener: EventListenerIf = {
+      onSelectionChanged(model: SelectionModelIf): void {
+        const e = new CustomEvent("selectionChanged", { detail: model, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onFocusChanged(model: FocusModelIf): void{
+        const e = new CustomEvent("focusChanged", { detail: model, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onCheckboxChanged: (evt: any) => {
+        const e = new CustomEvent("checkboxChanged", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onContextmenu: (evt: any) => {
+        const e = new CustomEvent("contextmenu", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onModelChanged: (evt: any) => {
+        const e = new CustomEvent("modelChanged", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onMouseClicked: (evt: any) => {
+        const e = new CustomEvent("mouseClicked", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onMouseDragging: (evt: any) => {
+        const e = new CustomEvent("mouseDragging", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onMouseDraggingEnd: (evt: any) => {
+        const e = new CustomEvent("mouseDraggingEnd", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      },
+
+      onMouseMoved: (evt: any) => {
+        const e = new CustomEvent("mouseMoved", { detail: evt, bubbles: true });
+        if (ref) ref.dispatchEvent(e);
+      }
+    };
+
+    const tableScope = new TableScope(
+      ref, merged.tableModel, new SimpleDomService(), merged.tableOptions, listener
+    );
+    tableScope.firstInit();
+    const e = new CustomEvent("tableReady", { detail: tableScope.getApi(), bubbles: true });
+    if (ref) ref.dispatchEvent(e);
+
+    if (merged.licenseKey) LicenseManager.getInstance().setLicenseKey(merged.licenseKey);
+  });
+
+  return (
+    <div ref={ref} />
+  );
+}

package/src/GuiexpertTableProps.tsx

@@ -0,0 +1,29 @@
+
+import {
+  FocusModelIf,
+  GeModelChangeEvent, GeMouseEvent, SelectionModelIf, TableApi, TableModelIf, TableOptions
+} 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,
+  selectionChanged?: GeSelectionChangeEventFn;
+  focusChanged?: GeFocusChangeEventFn;
+  tableReady?: GeTableReadyEventFn,
+  licenseKey?: string,
+}
+

package/src/RendererPropsIf.ts

@@ -0,0 +1,10 @@
+import { AreaIdent, AreaModelIf } from "@guiexpert/table";
+
+// TODO
+export interface RendererPropsIf {
+  rowIndex: number;
+  columnIndex: number;
+  areaIdent: AreaIdent;
+  areaModel: AreaModelIf;
+  cellValue: any;
+}

package/src/index.ts

@@ -0,0 +1,11 @@
+
+import { ComponentRendererWrapper } from "./ComponentRendererWrapper";
+import  * as GuiexpertTableProps  from "./GuiexpertTableProps";
+import GuiexpertTable from "./GuiexpertTable";
+
+
+export {
+  GuiexpertTable,
+  GuiexpertTableProps,
+  ComponentRendererWrapper
+};

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "strict": true,
+    "target": "ESNext",
+    "module": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "noEmit": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "types": [
+    ]
+  },
+  "files": [],
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"],
+  "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,58 @@
+
+import { defineConfig } from "vite";
+import solidPlugin from 'vite-plugin-solid';
+import dts from "vite-plugin-dts";
+import { join } from "path";
+import {viteStaticCopy} from "vite-plugin-static-copy";
+
+export default defineConfig({
+  cacheDir: "../../node_modules/.vite/solid-table",
+
+  plugins: [
+    dts({
+      entryRoot: "src",
+      tsconfigPath: join(__dirname, "tsconfig.lib.json"),
+      
+    }),
+    solidPlugin(),
+
+    viteStaticCopy({
+      targets: [
+        {
+          src: 'README.md',
+          dest: './'
+        },
+        {
+          src: 'package.json',
+          dest: './'
+        }
+      ]
+    })
+  ],
+
+  // 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: "solid-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: ["solid", "react-dom", "react/jsx-runtime"]
+    }
+  },
+  resolve: {
+    alias: [
+      {
+        find: /@guiexpert\/table/,
+        replacement: join(__dirname, '..', 'table', 'src'),
+      },
+    ],
+  }
+});