cross-state 0.16.7 → 0.18.0

package/dist/types/react/form/formArray.d.ts

@@ -0,0 +1,21 @@
+import { type PathAsString, type Value } from '../../lib/path';
+import { type ReactNode } from 'react';
+import { type Form } from './form';
+export type ArrayPath<T> = keyof {
+    [P in PathAsString<T> as Value<T, P> extends readonly any[] | undefined ? P : never]: never;
+} & PathAsString<T> & string;
+export interface FormArrayProps<TDraft, TPath extends ArrayPath<TDraft>> {
+    name: TPath;
+    renderElement?: (props: {
+        name: `${TPath}.${number}`;
+        index: number;
+        remove: () => void;
+    }) => ReactNode;
+    children?: (props: {
+        names: `${TPath}.${number}`[];
+        append: (...elements: Value<TDraft, `${TPath}.${number}`>[]) => void;
+        remove: (index: number) => void;
+        setValue: (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => void;
+    }) => ReactNode;
+}
+export declare function FormArray<TDraft, TPath extends ArrayPath<TDraft>>(this: Form<TDraft, any>, { name, renderElement, children }: FormArrayProps<TDraft, TPath>): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/form/formField.d.ts

@@ -17,12 +17,8 @@ interface FormFieldComponentProps<TValue, TPath> {
 type NativeInputType = 'input' | 'select' | 'textarea';
 type PartialComponentType<P> = (new (props: P, context?: any) => Component<P, any>) | ((props: P, context?: any) => ReactNode);
 export type FormFieldComponent<TValue, TPath> = (string | number extends TValue ? NativeInputType : never) | PartialComponentType<FormFieldComponentProps<TValue, TPath>>;
-type FieldValue<T extends FormFieldComponent<any, any>> = ComponentPropsWithoutRef<T & 'input'> extends {
-    value: infer U;
-} ? U : ComponentPropsWithoutRef<T & 'input'> extends {
-    value?: infer U;
-} ? U | undefined : never;
-type FieldChangeValue<T extends FormFieldComponent<any, any>> = ComponentPropsWithoutRef<T & 'input'> extends {
+type FieldValue<T extends FormFieldComponent<any, any>> = ComponentPropsWithoutRef<T>['value'];
+type FieldChangeValue<T extends FormFieldComponent<any, any>> = ComponentPropsWithoutRef<T> extends {
     onChange?: (update: infer U) => void;
 } ? U extends {
     target: {
@@ -31,22 +27,11 @@ type FieldChangeValue<T extends FormFieldComponent<any, any>> = ComponentPropsWi
 } ? V : U : never;
 export type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent<any, TPath>> = {
     name: TPath;
+    component: TComponent;
     commitOnBlur?: boolean;
     commitDebounce?: number;
     inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;
-    onChange?: ComponentPropsWithoutRef<TComponent>['onChange'];
-    onBlur?: ComponentPropsWithoutRef<TComponent>['onBlur'];
-} & (TComponent extends 'input' | ((props: ComponentPropsWithoutRef<'input'> & {
-    name: TPath;
-}) => JSX.Element) ? {
-    component?: TComponent;
-} | {
-    children?: TComponent;
-} : {
-    component: TComponent;
-} | {
-    children: TComponent;
-}) & Omit<ComponentPropsWithoutRef<TComponent>, 'form' | 'name' | 'component' | 'commitOnBlur' | 'commitDebounce' | 'value' | 'onChange' | 'onBlur' | 'children'> & (Value<TDraft, TPath> extends FieldValue<TComponent> ? {
+} & Omit<ComponentPropsWithoutRef<TComponent>, 'name' | 'component' | 'commitOnBlur' | 'commitDebounce' | 'inputFilter' | keyof FormFieldComponentProps<any, any>> & Partial<Pick<ComponentPropsWithoutRef<TComponent>, keyof FormFieldComponentProps<any, any>>> & (Value<TDraft, TPath> extends FieldValue<TComponent> ? {
     serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;
 } : {
     serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;
@@ -55,5 +40,5 @@ export type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>, TComponen
 } : {
     deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath>;
 });
-export declare function FormField<TDraft, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent<any, any>>(this: Form<TDraft, any>, { name, commitOnBlur, commitDebounce, inputFilter, serialize, deserialize, ...restProps }: FormFieldProps<TDraft, TPath, TComponent>): JSX.Element;
+export declare function FormField<TDraft, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent<any, any>>(this: Form<TDraft, any>, { name, component, commitOnBlur, commitDebounce, inputFilter, serialize, deserialize, ...restProps }: FormFieldProps<TDraft, TPath, TComponent>): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cross-state",
-  "version": "0.16.7",
+  "version": "0.18.0",
   "description": "(React) state library",
   "license": "ISC",
   "repository": "schummar/cross-state",
@@ -74,16 +74,16 @@
   },
   "scripts": {
     "start": "tsc --watch",
-    "build": "runp -k build:clean :p build:compile:*",
+    "build": "runp -i build:clean :p build:compile:*",
     "build:clean": "rimraf dist",
     "build:compile:js": "vite build",
     "build:compile:types": "tsc && tsc-alias",
-    "lint": "runp lint:*",
+    "lint": "runp -i lint:*",
     "lint:eslint": "lint",
     "lint:tsc": "tsc --noEmit --emitDeclarationOnly false",
     "lint:tsc:tests": "tsc --noEmit --emitDeclarationOnly false -p test/tsconfig.json",
     "size": "size-limit",
-    "prepublishOnly": "runp lint test build :p size publint",
+    "prepublishOnly": "runp -i lint test build :p size publint",
     "test": "pnpm test:watch run --coverage",
     "test:watch": "node --expose-gc node_modules/vitest/vitest.mjs",
     "test:ui": "node --expose-gc node_modules/vitest/vitest.mjs --ui",
@@ -106,25 +106,27 @@
     }
   },
   "devDependencies": {
+    "@emotion/styled": "11.11.0",
+    "@mantine/core": "6.0.19",
+    "@mui/material": "5.14.5",
     "@schummar/eslint-config": "github:schummar/eslint-config",
     "@schummar/prettier-config": "github:schummar/prettier-config",
-    "@schummar/runp": "1.12.1",
+    "@schummar/runp": "1.13.2",
     "@size-limit/preset-small-lib": "8.2.6",
     "@testing-library/react": "14.0.0",
-    "@types/react": "18.2.19",
+    "@types/react": "18.2.20",
     "@types/react-dom": "18.2.7",
     "@types/seedrandom": "3.0.5",
     "@types/use-sync-external-store": "0.0.3",
     "@types/ws": "8.5.5",
     "@vitejs/plugin-react": "4.0.4",
-    "@vitest/coverage-v8": "0.34.1",
-    "@vitest/ui": "^0.34.1",
-    "esbuild": "0.18.20",
-    "eslint": "8.46.0",
-    "happy-dom": "10.9.0",
+    "@vitest/coverage-v8": "0.34.2",
+    "esbuild": "0.19.2",
+    "eslint": "8.47.0",
+    "happy-dom": "10.10.4",
     "immer": "10.0.2",
     "jsdom": "22.1.0",
-    "prettier": "3.0.1",
+    "prettier": "3.0.2",
     "publint": "0.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -137,7 +139,7 @@
     "use-sync-external-store": "1.2.0",
     "vite": "4.4.9",
     "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.34.1"
+    "vitest": "0.34.2"
   },
   "volta": {
     "node": "18.16.1",
@@ -209,6 +211,12 @@
       "name": "/immer",
       "path": "dist/es/immer/index.mjs",
       "limit": "250 B"
+    },
+    {
+      "name": "empty",
+      "path": "dist/es/index.mjs",
+      "import": "{}",
+      "limit": "0"
     }
   ]
 }