@intable/react 0.0.16 → 0.0.17

package/dist/index.js

@@ -1,25 +1,26 @@
 import { createRoot, flushSync } from "./utils.js";
+import { solidComponent } from "./utils2.js";
 import './style.css';/* empty css      */
 import { createElement, useEffect, useRef } from "react";
 import "intable/wc";
 import { createComputed, onCleanup } from "solid-js";
 const Intable = (e) => {
-	let a = useRef(null);
+	let o = useRef(null);
 	return useEffect(() => {
-		a.current && (a.current.options = {
+		o.current && (o.current.options = {
 			class: e.className,
 			...e,
 			renderer: component
 		});
 	}, [e]), createElement("wc-table", {
-		ref: a,
+		ref: o,
 		style: { display: "contents" }
 	});
-}, component = (o) => (s) => {
-	let c = document.createElement("div");
-	c.style.display = "contents";
-	let l = createRoot(c);
-	return createComputed(() => flushSync(() => l.render(typeof o == "function" ? createElement(o, s) : o))), onCleanup(() => l.unmount()), c;
-};
+}, component = (c) => solidComponent((s) => {
+	let l = document.createElement("div");
+	l.style.display = "contents";
+	let u = createRoot(l);
+	return createComputed(() => flushSync(() => u.render(typeof c == "function" ? createElement(c, s) : c))), onCleanup(() => u.unmount()), l;
+});
 var src_default = Intable;
 export { Intable, component, src_default as default };

package/dist/intable/src/index.d.ts

@@ -50,6 +50,11 @@ export interface Plugin {
 }
 export type Plugin$0 = Plugin | ((store: TableStore) => Plugin);
 export interface TableProps {
+    store?: {
+        value: TableStore;
+    } | {
+        current: TableStore;
+    } | ((store: TableStore) => void);
     columns?: TableColumn[];
     data?: any[];
     index?: boolean;

package/dist/intable/src/plugins/CommandPlugin.d.ts

@@ -4,6 +4,7 @@ declare module '../index' {
     }
     interface TableStore {
         commands: Commands;
+        scrollToCell?: (x: number | object, y: number | object, opt?: ScrollIntoViewOptions) => void;
     }
     interface Plugin {
         commands?: (store: TableStore, commands: Partial<Commands>) => Partial<Commands> & Record<string, any>;

package/dist/intable/src/plugins/ValidatorPlugin.d.ts

@@ -9,7 +9,11 @@ declare module '../index' {
     }
     interface TableStore {
         validateCell: (value: any, data: any, col: TableColumn) => Promise<void>;
+        validateRow: (data: any) => Promise<void>;
+        validate: () => Promise<void>;
         clearCellValidation: (data: any, col: TableColumn) => void;
+        clearRowValidation: (data: any) => void;
+        clearValidation: () => void;
         cellValidationErrors: {
             [row: Key]: {
                 [col: Key]: string | null;

package/dist/react/src/index.d.ts

@@ -1,7 +1,7 @@
 import { type FC } from 'react';
-import { type TableProps } from 'intable';
 import '../../intable/src/wc';
 import 'intable/wc';
+import { type TableProps } from 'intable';
 import './style.scss';
 export declare const Intable: FC<TableProps>;
 export declare const component: <T extends Record<string, any>>(Comp: FC<T>) => (props: T) => HTMLDivElement;

package/dist/utils2.js

@@ -0,0 +1,5 @@
+import "solid-js/web";
+function solidComponent(e) {
+	return e.__solid = 1, e;
+}
+export { solidComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intable/react",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -19,7 +19,7 @@
   "dependencies": {
     "dayjs": "^1.11.20",
     "solid-js": "^1.9.9",
-    "intable": "^0.0.16"
+    "intable": "^0.0.17"
   },
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",