Remove prepend (#94)

* Bump pnpm

* Add mantine to dev deps

* Add type-test for mantine button

* Make Mantine edge-case partially work

* Add expect type checks

* Try to fix other operators

* Add notice to the docs

* bump ts and update tests

* Remove unused import

* Update variant tests

* Add another example

* Remove prepend from docs and type-tests

Author: AlexandrHoroshih

docs/pages/docs/reflect.mdx

@@ -51,17 +51,14 @@ const $name = restore(changeName, '');
 const changeAge = createEvent<number>();
 const $age = restore(changeAge, 0);
 
-const inputChanged = (event: ChangeEvent<HTMLInputElement>) => {
-  return event.currentTarget.value;
-};
 
 // Components
 const Name = reflect({
   view: Input,
   bind: {
     value: $name,
     placeholder: 'Name',
-    onChange: changeName.prepend(inputChanged),
+    onChange: (event) => changeName(event.currentTarget.value),
   },
 });
 
@@ -70,7 +67,7 @@ const Age = reflect({
   bind: {
     value: $age,
     placeholder: 'Age',
-    onChange: changeAge.prepend(parseInt).prepend(inputChanged),
+    onChange: (event) => changeAge(parseInt(event.currentTarget.value)),
   },
 });
 

docs/pages/learn/testing.mdx

@@ -4,10 +4,6 @@ Since [effector-react 22.5.0](https://github.com/effector/effector/releases/tag/
 
 Just add `Provider` from `effector-react` to your app root, and you are good to go.
 
-For [SSR](https://effector.dev/docs/api/effector-react/useEvent) and `effector-react` before `2.5.0` release you will need to replace imports `@effector/reflect` -> `@effector/reflect/ssr`.
-
-Also for this case you need to use `event.prepend(params => params.something)` instead `(params) => event(params.something)` in `bind` - this way `reflect` can detect effector's events and properly bind them to the current [scope](https://effector.dev/docs/api/effector/scope)
-
 ```tsx
 // ./ui.tsx
 import React, { ChangeEvent, FC, MouseEvent, useCallback } from 'react';
@@ -49,7 +45,7 @@ const Name = reflect({
   view: Input,
   bind: {
     value: $name,
-    onChange: changeName.prepend((event) => event.target.value),
+    onChange: (event) => changeName(event.target.value),
   },
 });
 

public-types/reflect.d.ts

@@ -64,7 +64,7 @@ type FinalProps<Props, Bind extends BindFromProps<Props>> = Show<
  *  bind: {
  *   value: $name,
  *   placeholder: 'Name',
- *   onChange: changeName.prepend(inputChanged),
+ *   onChange: (event) => nameChanged(event.target.value),
  *  },
  * });
  * ```
@@ -100,7 +100,7 @@ export function reflect<
  * const Name = reflectInput({
  *   value: $name,
  *   placeholder: 'Name',
- *   onChange: changeName.prepend(inputChanged),
+ *   onChange: (event) => nameChanged(event.target.value),
  * });
  * ```
  */

type-tests/types-reflect.tsx

@@ -35,30 +35,6 @@ import { expectType } from 'tsd';
   expectType<React.FC>(ReflectedInput);
 }
 
-// reflect allows infer handlers for event.prepend
-{
-  const Input: React.FC<{
-    value: string;
-    onChange: (event: { target: { value: string } }) => void;
-  }> = () => null;
-  const $value = createStore<string>('');
-  const changed = createEvent<string>();
-
-  const ReflectedInput = reflect({
-    view: Input,
-    bind: {
-      value: $value,
-      // here typescript should infer types correctly
-      onChange: changed.prepend((e) => {
-        expectType<string>(e.target.value);
-        return e.target.value;
-      }),
-    },
-  });
-
-  expectType<React.FC>(ReflectedInput);
-}
-
 // reflect should not allow wrong props
 {
   const Input: React.FC<{