effector-react - npm Package Compare versions

Comparing version 21.0.6 to 21.0.7

compat.js

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

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

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

package.json

		{
		"name": "effector-react",
		"version": "21.0.6",
		"version": "21.0.7",
		"description": "React bindings for effector",
		@@ -76,5 +76,5 @@ "main": "effector-react.cjs.js",
		"scripts": {},
		"repository": "https://github.com/zerobias/effector",
		"bugs": "https://github.com/zerobias/effector/issues",
		"homepage": "https://effector.now.sh",
		"repository": "https://github.com/effector/effector",
		"bugs": "https://github.com/effector/effector/issues",
		"homepage": "https://effector.dev",
		"engines": {
		@@ -81,0 +81,0 @@ "node": ">=6.0.0"

README.md

		@@ -51,5 +51,5 @@ # Effector-react

		[useStore](https://effector.now.sh/docs/api/effector-react/useStore) in docs
		[createStore](https://effector.now.sh/docs/api/effector/createStore) in docs
		[combine](https://effector.now.sh/docs/api/effector/combine) in docs
		[createEvent](https://effector.now.sh/docs/api/effector/createEvent) in docs
		[useStore](https://effector.dev/docs/api/effector-react/useStore) in docs
		[createStore](https://effector.dev/docs/api/effector/createStore) in docs
		[combine](https://effector.dev/docs/api/effector/combine) in docs
		[createEvent](https://effector.dev/docs/api/effector/createEvent) in docs

ssr.js

		@@ -1,2 +0,2 @@
		function e(e){effector.is.store(e)\|\|f('expect useStore argument to be a store');let t=c.useRef(e),r=c.useState(e.getState())[1];return l(()=>(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)\|\|f('useStoreMap expects a store'),Array.isArray(r)\|\|f('useStoreMap expects an array as keys'),'function'!=typeof n&&f('useStoreMap expects a function');let o=c.useMemo(()=>effector.createStore(n(t.getState(),r)).on(t,(e,t)=>n(t,r)),r),s=e(o);return l(()=>()=>{o.off(t),effector.clearNode(o,{deep:1})},r),s}function r(e,t){return t.displayName=e,t}function n(e){let t=c.useContext(i);if(!t)throw Error('No scope found, consider adding <Provider> to app root');return t.find(e).meta.wrapped}function o(e,t){return r(`Connect(${t.displayName\|\|t.name\|\|'Unknown'})`,r=>c.createElement(t,Object.assign({},r,s(e))))}function s(t){return e(n(t))}function u(e){let t=c.useContext(i),r=t.find(e),n=effector.is.effect(e)?e=>{let t=(()=>{let e={};return e.req=new Promise((t,r)=>{e.rs=t,e.rj=r}),e})();return effector.launch(r,{params:e,req:t}),t.req}:e=>(effector.launch(r,e),e);return c.useCallback(n,[t,e])}Object.defineProperty(exports,'__esModule',{value:1});var a,c=(a=require('react'))&&'object'==typeof a&&'default'in a?a.default:a,effector=require('effector');let l='undefined'!=typeof window?c.useLayoutEffect:c.useEffect,f=e=>{throw Error(e)};const i=c.createContext(null);let{Provider:p}=i;exports.Provider=p,exports.connect=e=>t=>o(t,e),exports.createComponent=()=>{throw new Error('not implemented')},exports.createContextComponent=(e,t,r)=>n=>{let o=c.useContext(t),u=s(e);return r(n,u,o)},exports.createReactState=o,exports.createStoreConsumer=e=>t=>{let r=s(e);return t.children(r)},exports.useEvent=u,exports.useGate=(e,t={})=>{let r=u(e.open),n=u(e.close),o=u(e.set);((e,t={})=>{let r=c.useRef(null);l(()=>(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))})(c.useMemo(()=>({open:r,close:n,set:o}),[e,r]),t)},exports.useList=(e,o)=>((e,n)=>{let o,s=[];'object'==typeof n&&null!==n?(n.keys&&(s=n.keys),o=n.fn):o=n,effector.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(s)\|\|f("expect useList's keys to be an array");let u=c.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 l.current(o,r)});return c.memo(n)},[e]),a=t({store:e,keys:[e],fn:e=>e.length}),l=c.useRef(o);l.current=o;let i=c.useMemo(()=>s,s);return Array.from({length:a},(e,t)=>c.createElement(u,{index:t,key:t,keys:i}))})(n(e),o),exports.useStore=s,exports.useStoreMap=({store:e,keys:r,fn:o})=>t({store:n(e),keys:r,fn:o});
		function e(e){return e&&'object'==typeof e&&'default'in e?e.default:e}function t(e){effector.is.store(e)\|\|i('expect useStore argument to be a store');let t=f.useRef(e),r=f.useState(e.getState())[1];return l((()=>(t.current===e&&r(e.getState()),t.current=e,e.updates.watch(r))),[e]),e.getState()}function r({store:e,keys:r,fn:n}){effector.is.store(e)\|\|i('useStoreMap expects a store'),Array.isArray(r)\|\|i('useStoreMap expects an array as keys'),'function'!=typeof n&&i('useStoreMap expects a function');let o=f.useMemo((()=>effector.createStore(n(e.getState(),r)).on(e,((e,t)=>n(t,r)))),r),s=t(o);return l((()=>()=>{o.off(e),effector.clearNode(o,{deep:1})}),r),s}function n(e,t){return t.displayName=e,t}function o(e){let t=f.useContext(p);if(!t)throw Error('No scope found, consider adding <Provider> to app root');return t.find(e).meta.wrapped}function s(e,t){return n(`Connect(${t.displayName\|\|t.name\|\|'Unknown'})`,(r=>f.createElement(t,Object.assign({},r,u(e)))))}function u(e){return t(o(e))}function a(e){let t=f.useContext(p),r=t.find(e),n=effector.is.effect(e)?e=>{let n=(()=>{let e={};return e.req=new Promise(((t,r)=>{e.rs=t,e.rj=r})),e})();return effector.launch({target:r,params:{params:e,req:n},forkPage:t}),n.req}:e=>(effector.launch({target:r,params:e,forkPage:t}),e);return f.useCallback(n,[t,e])}Object.defineProperty(exports,'__esModule',{value:1});var c=require('react'),effector=require('effector'),f=e(c);let l='undefined'!=typeof window?f.useLayoutEffect:f.useEffect,i=e=>{throw Error(e)};const p=f.createContext(null);let{Provider:y}=p;exports.Provider=y,exports.connect=e=>t=>s(t,e),exports.createComponent=()=>{throw new Error('not implemented')},exports.createContextComponent=(e,t,r)=>n=>{let o=f.useContext(t),s=u(e);return r(n,s,o)},exports.createReactState=s,exports.createStoreConsumer=e=>t=>{let r=u(e);return t.children(r)},exports.useEvent=a,exports.useGate=(e,t={})=>{let r=a(e.open),n=a(e.close),o=a(e.set);((e,t={})=>{let r=f.useRef(null);l((()=>(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))})(f.useMemo((()=>({open:r,close:n,set:o})),[e,r]),t)},exports.useList=(e,t)=>((e,t)=>{let o,s=[];'object'==typeof t&&null!==t?(t.keys&&(s=t.keys),o=t.fn):o=t,effector.is.store(e)\|\|i('expect useList first argument to be a store'),'function'!=typeof o&&i("expect useList's renderItem to be a function"),Array.isArray(s)\|\|i("expect useList's keys to be an array");let u=f.useMemo((()=>{let t=n((e.shortName\|\|'Unknown')+".Item",(({index:t,keys:n})=>{let o=r({store:e,keys:[t,...n],fn:(e,t)=>e[t[0]]});return c.current(o,t)}));return f.memo(t)}),[e]),a=r({store:e,keys:[e],fn:e=>e.length}),c=f.useRef(o);c.current=o;let l=f.useMemo((()=>s),s);return Array.from({length:a},((e,t)=>f.createElement(u,{index:t,key:t,keys:l})))})(o(e),t),exports.useStore=u,exports.useStoreMap=({store:e,keys:t,fn:n})=>r({store:o(e),keys:t,fn:n});
		//# sourceMappingURL=ssr.js.map

compat.js.map