effector-react - npm Package Compare versions

Comparing version 21.0.4 to 21.0.5

compat.d.ts

@@ -76,2 +76,6 @@ import * as React from 'react'
   Com extends React.ComponentType<any>
+>(store: Store<State>): (Component: Com) => React.ComponentType<State>
+export function connect<
+  State extends object,
+  Com extends React.ComponentType<any>
 >(Component: Com): (store: Store<State>) => React.ComponentType<State>
@@ -78,0 +82,0 @@

compat.js

@@ -1,2 +0,2 @@
-'use strict';function e(e){c.is.store(e)||f('expect useStore argument to be a store');var t=s.useRef(e),n=s.useState(e.getState())[1];return i((function(){return t.current===e&&n(e.getState()),t.current=e,e.updates.watch(n)}),[e]),e.getState()}function t(t){var n=t.store,r=t.keys,o=t.fn;c.is.store(n)||f('useStoreMap expects a store'),Array.isArray(r)||f('useStoreMap expects an array as keys'),'function'!=typeof o&&f('useStoreMap expects a function');var u=s.useMemo((function(){return c.createStore(o(n.getState(),r)).on(n,(function(e,t){return o(t,r)}))}),r),a=e(u);return i((function(){return function(){u.off(n),c.clearNode(u,{deep:1})}}),r),a}function n(e,t){return t.displayName=e,t}function r(t,r){function o(t){var n=s.useRef(t),o=e(u);i((function(){return p({props:n.current,state:u.getState()}),function(){l({props:n.current,state:u.getState()})}}),[]);var a=r(t,o);return n.current=t,a}var u;c.is.store(t)?u=t:'object'==typeof t&&null!==t?u=c.combine(t):f('shape should be a store or object with stores');var a='Unknown';u&&u.shortName&&(a=u.shortName);var p=c.createEvent(),l=c.createEvent();return o.mounted=p,o.unmounted=l,n(a+".View",o)}function o(t,r){return n("Connect("+(r.displayName||r.name||'Unknown')+")",(function(n){return s.createElement(r,Object.assign({},n,e(t)))}))}function u(e,t){void 0===t&&(t={});var n=s.useRef(null);i((function(){return e.open(n.current),function(){return e.close(n.current)}}),[e]),function(e,t){if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return 0;for(var o=0;o<n.length;o++){var u=n[o];if(e[u]!==t[u])return 0}return 1}return 0}(n.current,t)||(n.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var a,s=(a=require('react'))&&'object'==typeof a&&'default'in a?a.default:a,c=require('effector/compat'),i='undefined'!=typeof window?s.useLayoutEffect:s.useEffect,f=function(e){throw Error(e)};exports.connect=function(e){return function(t){return o(t,e)}},exports.createComponent=r,exports.createContextComponent=function(t,r,o){return n((t.shortName||'Unknown')+".ContextComponent",(function(n){var u=s.useContext(r),a=e(t);return o(n,a,u)}))},exports.createGate=function(e,t){function r(e){return u(r,e),null}var o;void 0===e&&(e='gate'),void 0===t&&(t={}),'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(o=e.domain),e=e.name||'gate');var a=c.createStore(Boolean(0),{named:'status'}),s=c.createStore(t,{named:'state'}),i=c.createApi(s,{set:function(e,t){return t}}).set,f=c.createApi(a,{open:function(){return Boolean(1)},close:function(){return Boolean(0)}}),p=f.open,l=f.close;if(r.open=p,r.close=l,r.status=a,r.state=s,r.set=i,s.reset(l),o){var m=o.hooks;c.launch({target:[m.store,m.store,m.event,m.event,m.event],params:[a,s,p,l,i]})}return n("Gate:"+e,r)},exports.createReactState=o,exports.createStoreConsumer=function(e){return r(e,(function(e,t){return(0,e.children)(t)}))},exports.useEvent=function(e){return e},exports.useGate=u,exports.useList=function(e,r){var o,u=[];'object'==typeof r&&null!==r?(r.keys&&(u=r.keys),o=r.fn):o=r,c.is.store(e)||f('expect useList first argument to be a store'),'function'!=typeof o&&f("expect useList's renderItem to be a function"),Array.isArray(u)||f("expect useList's keys to be an array");var a=s.useMemo((function(){var r=n((e.shortName||'Unknown')+".Item",(function(n){var r=n.index,o=t({store:e,keys:[r].concat(n.keys),fn:function(e,t){return e[t[0]]}});return p.current(o,r)}));return s.memo(r)}),[e]),i=t({store:e,keys:[e],fn:function(e){return e.length}}),p=s.useRef(o);p.current=o;var l=s.useMemo((function(){return u}),u);return Array.from({length:i},(function(e,t){return s.createElement(a,{index:t,key:t,keys:l})}))},exports.useStore=e,exports.useStoreMap=t;
+'use strict';function e(e){c.is.store(e)||f('expect useStore argument to be a store');var t=s.useRef(e),r=s.useState(e.getState())[1];return i((function(){return t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r)}),[e]),e.getState()}function t(t){var r=t.store,n=t.keys,o=t.fn;c.is.store(r)||f('useStoreMap expects a store'),Array.isArray(n)||f('useStoreMap expects an array as keys'),'function'!=typeof o&&f('useStoreMap expects a function');var u=s.useMemo((function(){return c.createStore(o(r.getState(),n)).on(r,(function(e,t){return o(t,n)}))}),n),a=e(u);return i((function(){return function(){u.off(r),c.clearNode(u,{deep:1})}}),n),a}function r(e,t){return t.displayName=e,t}function n(t,n){function o(t){var r=s.useRef(t),o=e(u);i((function(){return p({props:r.current,state:u.getState()}),function(){l({props:r.current,state:u.getState()})}}),[]);var a=n(t,o);return r.current=t,a}var u;c.is.store(t)?u=t:'object'==typeof t&&null!==t?u=c.combine(t):f('shape should be a store or object with stores');var a='Unknown';u&&u.shortName&&(a=u.shortName);var p=c.createEvent(),l=c.createEvent();return o.mounted=p,o.unmounted=l,r(a+".View",o)}function o(t,n){return r("Connect("+(n.displayName||n.name||'Unknown')+")",(function(r){return s.createElement(n,Object.assign({},r,e(t)))}))}function u(e,t){void 0===t&&(t={});var r=s.useRef(null);i((function(){return e.open(r.current),function(){return e.close(r.current)}}),[e]),function(e,t){if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){var r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(var o=0;o<r.length;o++){var u=r[o];if(e[u]!==t[u])return 0}return 1}return 0}(r.current,t)||(r.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var a,s=(a=require('react'))&&'object'==typeof a&&'default'in a?a.default:a,c=require('effector/compat'),i='undefined'!=typeof window?s.useLayoutEffect:s.useEffect,f=function(e){throw Error(e)};exports.connect=function(e){return function(t){var r=e;return(c.is.store(e)||Object.values(e).every(c.is.store))&&(r=t,t=e),o(t,r)}},exports.createComponent=n,exports.createContextComponent=function(t,n,o){return r((t.shortName||'Unknown')+".ContextComponent",(function(r){var u=s.useContext(n),a=e(t);return o(r,a,u)}))},exports.createGate=function(e,t){function n(e){return u(n,e),null}var o;void 0===e&&(e='gate'),void 0===t&&(t={}),'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(o=e.domain),e=e.name||'gate');var a=c.createStore(Boolean(0),{named:'status'}),s=c.createStore(t,{named:'state'}),i=c.createApi(s,{set:function(e,t){return t}}).set,f=c.createApi(a,{open:function(){return Boolean(1)},close:function(){return Boolean(0)}}),p=f.open,l=f.close;if(n.open=p,n.close=l,n.status=a,n.state=s,n.set=i,s.reset(l),o){var v=o.hooks;c.launch({target:[v.store,v.store,v.event,v.event,v.event],params:[a,s,p,l,i]})}return r("Gate:"+e,n)},exports.createReactState=o,exports.createStoreConsumer=function(e){return n(e,(function(e,t){return(0,e.children)(t)}))},exports.useEvent=function(e){return e},exports.useGate=u,exports.useList=function(e,n){var o,u=[];'object'==typeof n&&null!==n?(n.keys&&(u=n.keys),o=n.fn):o=n,c.is.store(e)||f('expect useList first argument to be a store'),'function'!=typeof o&&f("expect useList's renderItem to be a function"),Array.isArray(u)||f("expect useList's keys to be an array");var a=s.useMemo((function(){var n=r((e.shortName||'Unknown')+".Item",(function(r){var n=r.index,o=t({store:e,keys:[n].concat(r.keys),fn:function(e,t){return e[t[0]]}});return p.current(o,n)}));return s.memo(n)}),[e]),i=t({store:e,keys:[e],fn:function(e){return e.length}}),p=s.useRef(o);p.current=o;var l=s.useMemo((function(){return u}),u);return Array.from({length:i},(function(e,t){return s.createElement(a,{index:t,key:t,keys:l})}))},exports.useStore=e,exports.useStoreMap=t;
 //# sourceMappingURL=compat.js.map

effector-react.cjs.d.ts

@@ -76,2 +76,6 @@ import * as React from 'react'
   Com extends React.ComponentType<any>
+>(store: Store<State>): (Component: Com) => React.ComponentType<State>
+export function connect<
+  State extends object,
+  Com extends React.ComponentType<any>
 >(Component: Com): (store: Store<State>) => React.ComponentType<State>
@@ -78,0 +82,0 @@

effector-react.cjs.js

@@ -1,2 +0,2 @@
-function e(e){effector.is.store(e)||l('expect useStore argument to be a store');let t=u.useRef(e),r=u.useState(e.getState())[1];return c(()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r)),[e]),e.getState()}function t({store:t,keys:r,fn:n}){effector.is.store(t)||l('useStoreMap expects a store'),Array.isArray(r)||l('useStoreMap expects an array as keys'),'function'!=typeof n&&l('useStoreMap expects a function');let o=u.useMemo(()=>effector.createStore(n(t.getState(),r)).on(t,(e,t)=>n(t,r)),r),s=e(o);return c(()=>()=>{o.off(t),effector.clearNode(o,{deep:1})},r),s}function r(e,t){return t.displayName=e,t}function n(t,n){function o(t){let r=u.useRef(t),o=e(s);c(()=>(p({props:r.current,state:s.getState()}),()=>{f({props:r.current,state:s.getState()})}),[]);let a=n(t,o);return r.current=t,a}let s;effector.is.store(t)?s=t:'object'==typeof t&&null!==t?s=effector.combine(t):l('shape should be a store or object with stores');let a='Unknown';s&&s.shortName&&(a=s.shortName);let p=effector.createEvent(),f=effector.createEvent();return o.mounted=p,o.unmounted=f,r(a+".View",o)}function o(t,n){return r(`Connect(${n.displayName||n.name||'Unknown'})`,r=>u.createElement(n,Object.assign({},r,e(t))))}function s(e,t={}){let r=u.useRef(null);c(()=>(e.open(r.current),()=>e.close(r.current)),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var a,u=(a=require('react'))&&'object'==typeof a&&'default'in a?a.default:a,effector=require('effector');let c='undefined'!=typeof window?u.useLayoutEffect:u.useEffect,l=e=>{throw Error(e)};exports.connect=e=>t=>o(t,e),exports.createComponent=n,exports.createContextComponent=(t,n,o)=>r((t.shortName||'Unknown')+".ContextComponent",r=>{let s=u.useContext(n),a=e(t);return o(r,a,s)}),exports.createGate=(e="gate",t={})=>{function n(e){return s(n,e),null}let o;'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(o=e.domain),e=e.name||'gate');let a=effector.createStore(Boolean(0),{named:'status'}),u=effector.createStore(t,{named:'state'}),{set:c}=effector.createApi(u,{set:(e,t)=>t}),{open:l,close:p}=effector.createApi(a,{open:()=>Boolean(1),close:()=>Boolean(0)});if(n.open=l,n.close=p,n.status=a,n.state=u,n.set=c,u.reset(p),o){let{hooks:e}=o;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[a,u,l,p,c]})}return r("Gate:"+e,n)},exports.createReactState=o,exports.createStoreConsumer=e=>n(e,({children:e},t)=>e(t)),exports.useEvent=e=>e,exports.useGate=s,exports.useList=(e,n)=>{let o,s=[];'object'==typeof n&&null!==n?(n.keys&&(s=n.keys),o=n.fn):o=n,effector.is.store(e)||l('expect useList first argument to be a store'),'function'!=typeof o&&l("expect useList's renderItem to be a function"),Array.isArray(s)||l("expect useList's keys to be an array");let a=u.useMemo(()=>{let n=r((e.shortName||'Unknown')+".Item",({index:r,keys:n})=>{let o=t({store:e,keys:[r,...n],fn:(e,t)=>e[t[0]]});return p.current(o,r)});return u.memo(n)},[e]),c=t({store:e,keys:[e],fn:e=>e.length}),p=u.useRef(o);p.current=o;let f=u.useMemo(()=>s,s);return Array.from({length:c},(e,t)=>u.createElement(a,{index:t,key:t,keys:f}))},exports.useStore=e,exports.useStoreMap=t;
+function e(e){effector.is.store(e)||l('expect useStore argument to be a store');let t=u.useRef(e),r=u.useState(e.getState())[1];return c(()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r)),[e]),e.getState()}function t({store:t,keys:r,fn:n}){effector.is.store(t)||l('useStoreMap expects a store'),Array.isArray(r)||l('useStoreMap expects an array as keys'),'function'!=typeof n&&l('useStoreMap expects a function');let o=u.useMemo(()=>effector.createStore(n(t.getState(),r)).on(t,(e,t)=>n(t,r)),r),s=e(o);return c(()=>()=>{o.off(t),effector.clearNode(o,{deep:1})},r),s}function r(e,t){return t.displayName=e,t}function n(t,n){function o(t){let r=u.useRef(t),o=e(s);c(()=>(p({props:r.current,state:s.getState()}),()=>{f({props:r.current,state:s.getState()})}),[]);let a=n(t,o);return r.current=t,a}let s;effector.is.store(t)?s=t:'object'==typeof t&&null!==t?s=effector.combine(t):l('shape should be a store or object with stores');let a='Unknown';s&&s.shortName&&(a=s.shortName);let p=effector.createEvent(),f=effector.createEvent();return o.mounted=p,o.unmounted=f,r(a+".View",o)}function o(t,n){return r(`Connect(${n.displayName||n.name||'Unknown'})`,r=>u.createElement(n,Object.assign({},r,e(t))))}function s(e,t={}){let r=u.useRef(null);c(()=>(e.open(r.current),()=>e.close(r.current)),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(r.current,t)||(r.current=t,e.set(t))}Object.defineProperty(exports,'__esModule',{value:1});var a,u=(a=require('react'))&&'object'==typeof a&&'default'in a?a.default:a,effector=require('effector');let c='undefined'!=typeof window?u.useLayoutEffect:u.useEffect,l=e=>{throw Error(e)};exports.connect=e=>t=>{let r=e;return(effector.is.store(e)||Object.values(e).every(effector.is.store))&&(r=t,t=e),o(t,r)},exports.createComponent=n,exports.createContextComponent=(t,n,o)=>r((t.shortName||'Unknown')+".ContextComponent",r=>{let s=u.useContext(n),a=e(t);return o(r,a,s)}),exports.createGate=(e="gate",t={})=>{function n(e){return s(n,e),null}let o;'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(o=e.domain),e=e.name||'gate');let a=effector.createStore(Boolean(0),{named:'status'}),u=effector.createStore(t,{named:'state'}),{set:c}=effector.createApi(u,{set:(e,t)=>t}),{open:l,close:p}=effector.createApi(a,{open:()=>Boolean(1),close:()=>Boolean(0)});if(n.open=l,n.close=p,n.status=a,n.state=u,n.set=c,u.reset(p),o){let{hooks:e}=o;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[a,u,l,p,c]})}return r("Gate:"+e,n)},exports.createReactState=o,exports.createStoreConsumer=e=>n(e,({children:e},t)=>e(t)),exports.useEvent=e=>e,exports.useGate=s,exports.useList=(e,n)=>{let o,s=[];'object'==typeof n&&null!==n?(n.keys&&(s=n.keys),o=n.fn):o=n,effector.is.store(e)||l('expect useList first argument to be a store'),'function'!=typeof o&&l("expect useList's renderItem to be a function"),Array.isArray(s)||l("expect useList's keys to be an array");let a=u.useMemo(()=>{let n=r((e.shortName||'Unknown')+".Item",({index:r,keys:n})=>{let o=t({store:e,keys:[r,...n],fn:(e,t)=>e[t[0]]});return p.current(o,r)});return u.memo(n)},[e]),c=t({store:e,keys:[e],fn:e=>e.length}),p=u.useRef(o);p.current=o;let f=u.useMemo(()=>s,s);return Array.from({length:c},(e,t)=>u.createElement(a,{index:t,key:t,keys:f}))},exports.useStore=e,exports.useStoreMap=t;
 //# sourceMappingURL=effector-react.cjs.js.map

effector-react.mjs.d.ts

@@ -76,2 +76,6 @@ import * as React from 'react'
   Com extends React.ComponentType<any>
+>(store: Store<State>): (Component: Com) => React.ComponentType<State>
+export function connect<
+  State extends object,
+  Com extends React.ComponentType<any>
 >(Component: Com): (store: Store<State>) => React.ComponentType<State>
@@ -78,0 +82,0 @@

effector-react.umd.d.ts

@@ -76,2 +76,6 @@ import * as React from 'react'
   Com extends React.ComponentType<any>
+>(store: Store<State>): (Component: Com) => React.ComponentType<State>
+export function connect<
+  State extends object,
+  Com extends React.ComponentType<any>
 >(Component: Com): (store: Store<State>) => React.ComponentType<State>
@@ -78,0 +82,0 @@

effector-react.umd.js

@@ -1,2 +0,2 @@
-((e,t)=>{'object'==typeof exports&&'undefined'!=typeof module?t(exports,require('react'),require('effector')):'function'==typeof define&&define.amd?define(['exports','react','effector'],t):t((e=e||self).effectorReact={},e.React,e.effector)})(this,(e,t,effector)=>{function r(e){effector.is.store(e)||f('expect useStore argument to be a store');let r=t.useRef(e),n=t.useState(e.getState())[1];return c(()=>(r.current===e&&n(e.getState()),r.current=e,e.updates.watch(n)),[e]),e.getState()}function n({store:e,keys:n,fn:o}){effector.is.store(e)||f('useStoreMap expects a store'),Array.isArray(n)||f('useStoreMap expects an array as keys'),'function'!=typeof o&&f('useStoreMap expects a function');let s=t.useMemo(()=>effector.createStore(o(e.getState(),n)).on(e,(e,t)=>o(t,n)),n),a=r(s);return c(()=>()=>{s.off(e),effector.clearNode(s,{deep:1})},n),a}function o(e,t){return t.displayName=e,t}function s(e,n){function s(e){let o=t.useRef(e),s=r(a);c(()=>(l({props:o.current,state:a.getState()}),()=>{i({props:o.current,state:a.getState()})}),[]);let u=n(e,s);return o.current=e,u}let a;effector.is.store(e)?a=e:'object'==typeof e&&null!==e?a=effector.combine(e):f('shape should be a store or object with stores');let u='Unknown';a&&a.shortName&&(u=a.shortName);let l=effector.createEvent(),i=effector.createEvent();return s.mounted=l,s.unmounted=i,o(u+".View",s)}function a(e,n){return o(`Connect(${n.displayName||n.name||'Unknown'})`,o=>t.createElement(n,Object.assign({},o,r(e))))}function u(e,r={}){let n=t.useRef(null);c(()=>(e.open(n.current),()=>e.close(n.current)),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(n.current,r)||(n.current=r,e.set(r))}t=t&&{}.hasOwnProperty.call(t,'default')?t.default:t;let c='undefined'!=typeof window?t.useLayoutEffect:t.useEffect,f=e=>{throw Error(e)};e.connect=e=>t=>a(t,e),e.createComponent=s,e.createContextComponent=(e,n,s)=>o((e.shortName||'Unknown')+".ContextComponent",o=>{let a=t.useContext(n),u=r(e);return s(o,u,a)}),e.createGate=(e="gate",t={})=>{function r(e){return u(r,e),null}let n;'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(n=e.domain),e=e.name||'gate');let s=effector.createStore(Boolean(0),{named:'status'}),a=effector.createStore(t,{named:'state'}),{set:c}=effector.createApi(a,{set:(e,t)=>t}),{open:f,close:l}=effector.createApi(s,{open:()=>Boolean(1),close:()=>Boolean(0)});if(r.open=f,r.close=l,r.status=s,r.state=a,r.set=c,a.reset(l),n){let{hooks:e}=n;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[s,a,f,l,c]})}return o("Gate:"+e,r)},e.createReactState=a,e.createStoreConsumer=e=>s(e,({children:e},t)=>e(t)),e.useEvent=e=>e,e.useGate=u,e.useList=(e,r)=>{let s,a=[];'object'==typeof r&&null!==r?(r.keys&&(a=r.keys),s=r.fn):s=r,effector.is.store(e)||f('expect useList first argument to be a store'),'function'!=typeof s&&f("expect useList's renderItem to be a function"),Array.isArray(a)||f("expect useList's keys to be an array");let u=t.useMemo(()=>{let r=o((e.shortName||'Unknown')+".Item",({index:t,keys:r})=>{let o=n({store:e,keys:[t,...r],fn:(e,t)=>e[t[0]]});return l.current(o,t)});return t.memo(r)},[e]),c=n({store:e,keys:[e],fn:e=>e.length}),l=t.useRef(s);l.current=s;let i=t.useMemo(()=>a,a);return Array.from({length:c},(e,r)=>t.createElement(u,{index:r,key:r,keys:i}))},e.useStore=r,e.useStoreMap=n,Object.defineProperty(e,'__esModule',{value:1})});
+((e,t)=>{'object'==typeof exports&&'undefined'!=typeof module?t(exports,require('react'),require('effector')):'function'==typeof define&&define.amd?define(['exports','react','effector'],t):t((e=e||self).effectorReact={},e.React,e.effector)})(this,(e,t,effector)=>{function r(e){effector.is.store(e)||l('expect useStore argument to be a store');let r=t.useRef(e),n=t.useState(e.getState())[1];return c(()=>(r.current===e&&n(e.getState()),r.current=e,e.updates.watch(n)),[e]),e.getState()}function n({store:e,keys:n,fn:o}){effector.is.store(e)||l('useStoreMap expects a store'),Array.isArray(n)||l('useStoreMap expects an array as keys'),'function'!=typeof o&&l('useStoreMap expects a function');let s=t.useMemo(()=>effector.createStore(o(e.getState(),n)).on(e,(e,t)=>o(t,n)),n),a=r(s);return c(()=>()=>{s.off(e),effector.clearNode(s,{deep:1})},n),a}function o(e,t){return t.displayName=e,t}function s(e,n){function s(e){let o=t.useRef(e),s=r(a);c(()=>(f({props:o.current,state:a.getState()}),()=>{i({props:o.current,state:a.getState()})}),[]);let u=n(e,s);return o.current=e,u}let a;effector.is.store(e)?a=e:'object'==typeof e&&null!==e?a=effector.combine(e):l('shape should be a store or object with stores');let u='Unknown';a&&a.shortName&&(u=a.shortName);let f=effector.createEvent(),i=effector.createEvent();return s.mounted=f,s.unmounted=i,o(u+".View",s)}function a(e,n){return o(`Connect(${n.displayName||n.name||'Unknown'})`,o=>t.createElement(n,Object.assign({},o,r(e))))}function u(e,r={}){let n=t.useRef(null);c(()=>(e.open(n.current),()=>e.close(n.current)),[e]),((e,t)=>{if(e===t)return 1;if('object'==typeof e&&null!==e&&'object'==typeof t&&null!==t){let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return 0;for(let n=0;n<r.length;n++){let o=r[n];if(e[o]!==t[o])return 0}return 1}return 0})(n.current,r)||(n.current=r,e.set(r))}t=t&&{}.hasOwnProperty.call(t,'default')?t.default:t;let c='undefined'!=typeof window?t.useLayoutEffect:t.useEffect,l=e=>{throw Error(e)};e.connect=e=>t=>{let r=e;return(effector.is.store(e)||Object.values(e).every(effector.is.store))&&(r=t,t=e),a(t,r)},e.createComponent=s,e.createContextComponent=(e,n,s)=>o((e.shortName||'Unknown')+".ContextComponent",o=>{let a=t.useContext(n),u=r(e);return s(o,u,a)}),e.createGate=(e="gate",t={})=>{function r(e){return u(r,e),null}let n;'object'==typeof e&&null!==e&&('defaultState'in e&&(t=e.defaultState),e.domain&&(n=e.domain),e=e.name||'gate');let s=effector.createStore(Boolean(0),{named:'status'}),a=effector.createStore(t,{named:'state'}),{set:c}=effector.createApi(a,{set:(e,t)=>t}),{open:l,close:f}=effector.createApi(s,{open:()=>Boolean(1),close:()=>Boolean(0)});if(r.open=l,r.close=f,r.status=s,r.state=a,r.set=c,a.reset(f),n){let{hooks:e}=n;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[s,a,l,f,c]})}return o("Gate:"+e,r)},e.createReactState=a,e.createStoreConsumer=e=>s(e,({children:e},t)=>e(t)),e.useEvent=e=>e,e.useGate=u,e.useList=(e,r)=>{let s,a=[];'object'==typeof r&&null!==r?(r.keys&&(a=r.keys),s=r.fn):s=r,effector.is.store(e)||l('expect useList first argument to be a store'),'function'!=typeof s&&l("expect useList's renderItem to be a function"),Array.isArray(a)||l("expect useList's keys to be an array");let u=t.useMemo(()=>{let r=o((e.shortName||'Unknown')+".Item",({index:t,keys:r})=>{let o=n({store:e,keys:[t,...r],fn:(e,t)=>e[t[0]]});return f.current(o,t)});return t.memo(r)},[e]),c=n({store:e,keys:[e],fn:e=>e.length}),f=t.useRef(s);f.current=s;let i=t.useMemo(()=>a,a);return Array.from({length:c},(e,r)=>t.createElement(u,{index:r,key:r,keys:i}))},e.useStore=r,e.useStoreMap=n,Object.defineProperty(e,'__esModule',{value:1})});
 //# sourceMappingURL=effector-react.umd.js.map

index.d.ts

@@ -76,2 +76,6 @@ import * as React from 'react'
   Com extends React.ComponentType<any>
+>(store: Store<State>): (Component: Com) => React.ComponentType<State>
+export function connect<
+  State extends object,
+  Com extends React.ComponentType<any>
 >(Component: Com): (store: Store<State>) => React.ComponentType<State>
@@ -78,0 +82,0 @@

package.json

 {
   "name": "effector-react",
-  "version": "21.0.4",
+  "version": "21.0.5",
   "description": "React bindings for effector",
@@ -5,0 +5,0 @@ "main": "effector-react.cjs.js",

ssr.d.ts

 import * as React from 'react'
-import {Event, Effect} from 'effector'
+import {Event, Effect, Fork} from 'effector'
 
-import {Scope} from 'effector/fork'
-
 export {useStore, useStoreMap, useList, useGate} from 'effector-react'
 
-export const Provider: React.Provider<Scope>
+export const Provider: React.Provider<Fork>
 
@@ -10,0 +8,0 @@ /**

No alert changes

Improved metrics

Total package byte prevSize

137779

increased by1.69%

Lines of code

512

increased by3.85%

No dependency changes