@guiexpert/solid-table 1.0.19 → 1.0.21

package/README.md

@@ -7,7 +7,7 @@ This is the Solid component of the GuiExpert Table Project.
 
 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%">
+<img src="https://raw.githubusercontent.com/guiexperttable/ge-table/main/apps/webpage-guiexpert/src/assets/screens/heatmap.png" width="50%">
 
 ### Features
 - Handle large datasets easily

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@guiexpert/solid-table",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",
   "lib": {
     "entryFile": "src/index.ts"
   },
+  "publishConfig": {
+    "directory": "dist"
+  },
   "exports": {
     ".": {
       "import": "./index.js",
@@ -15,7 +18,7 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@guiexpert/table": "^1.1.24"
+    "@guiexpert/table": "^1.1.26"
   },
   "devDependencies": {
     "solid-jest": "^0.2.0",

package/.eslintrc.js

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

package/dist/README.md

@@ -1,97 +0,0 @@
-
-# SolidTable (GuiExpert Table)
-
-This is the Solid 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 react project (run this in your project root directory):
-
-```
-npm install --save @guiexpert/table @guiexpert/solid-table
-```
-
-Import the following classes in your component:
-```
-import { GuiexpertTable } from "@guiexpert/solid-table";
-import {
-  GeMouseEvent,
-  TableApi
-  TableFactory,
-  TableModelIf,
-  TableOptions,
-  TableOptionsIf
-} from "@guiexpert/table";
-```
-
-
-Add this code to the component:
-
-```
-function App() {
-  let ref: any;
-
-  onMount(() => {
-    ref.addEventListener("mouseClicked", (e: CustomEvent<GeMouseEvent>) => console.info(e));
-    ref.addEventListener("mouseMoved", (e: CustomEvent<GeMouseEvent>) => document.title = e.detail.rowIndex + "/" + e.detail.columnIndex);
-    ref.addEventListener("tableReady", handleTableReady);
-  });
-
-  return (
-    <div ref={ref}>
-      <GuiexpertTable
-        tableModel={tableModel}
-        tableOptions={tableOptions} />
-    </div>
-  );
-}
-function handleTableReady(api: any) {
-  console.info("Table API:", api.detail);
-}
-```
-
-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,45 +0,0 @@
-{
-  "name": "@guiexpert/solid-table",
-  "version": "1.0.19",
-  "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 --no-git-checks --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

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

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

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

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

package/src/index.ts

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

package/tsconfig.json

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

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