effector-react - npm Package Compare versions

Comparing version 20.6.1 to 20.6.2

effector-react.umd.js

@@ -1,2 +0,2 @@
-return e=this,t=function(e,t,effector){function r(e){if(!effector.is.store(e))throw Error('expect useStore argument to be a store');const r=t.useReducer(u,void 0,e.getState)[1],o=t.useMemo(()=>{const t=e.updates.watch(e=>{t.active&&r(e)});return t.active=1,t},[e]);return a(()=>()=>{o.active=0,o()},[o]),e.getState()}function o({store:e,keys:o,fn:n}){if(!effector.is.store(e))throw Error('useStoreMap expects a store');if(!Array.isArray(o))throw Error('useStoreMap expects an array as keys');if('function'!=typeof n)throw Error('useStoreMap expects a function');const s=t.useMemo(()=>effector.createStore(n(e.getState(),o)).on(e,(e,t)=>n(t,o)),o),c=r(s);return a(()=>()=>{s.off(e),effector.clearNode(s,{deep:1})},o),c}function n(e,o){function n(e){const n=t.useRef(e),s=t.useMemo(()=>d(e),[]),c=r(s);a(()=>(p({props:n.current,state:s.getState()}),()=>{l({props:n.current,state:s.getState()})}),[]);const u=o(e,c);return n.current=e,u}var s,c;let u,i;if(effector.is.store(e))i=e;else if('function'==typeof e)u=e;else{if('object'!=typeof e||null===e)throw Error('shape should be a store or object with stores');i=effector.createStoreObject(e)}const f=null!==(s=null===(c=i)||void 0===c?void 0:c.shortName)&&void 0!==s?s:'Unknown',p=effector.createEvent(f+".View mounted"),l=effector.createEvent(f+".View unmounted"),d='function'==typeof e?u:()=>i;return n.displayName=f+".View",n.mounted=p,n.unmounted=l,n}function s(e){return n(e,({children:e},t)=>e(t))}function c(e,r){const o=s(e),n=e=>t.createElement(o,null,o=>t.createElement(r,Object.assign({},e,o)));return n.displayName="Connect("+(r.displayName||r.name||'Unknown')+")",n}const a='undefined'!=typeof window?t.useLayoutEffect:t.useEffect,u=(e,t)=>t;e.connect=e=>t=>c(t,e),e.createComponent=n,e.createContextComponent=function(e,r,o){var n,c;const a=s(e);return c=n=class extends t.Component{constructor(...e){super(...e),this.renderProp=e=>o(this.props,e,this.context)}render(){return t.createElement(a,null,this.renderProp)}},n.contextType=r,c},e.createGate=function e(r="gate",o={}){let n;'object'==typeof r&&null!==r&&('defaultState'in r&&(o=r.defaultState),r.domain&&(n=r.domain),r=r.name||'gate');const s=effector.createStore(Boolean(0)),c=effector.createStore(o),{set:a}=effector.createApi(c,{set:(e,t)=>t}),{open:u,close:i,destructor:f}=effector.createApi(s,{open:()=>p.predicate()&&Boolean(1),close:()=>Boolean(0),destructor:()=>Boolean(0)});class p extends t.PureComponent{static childGate(t="Subgate"){console.error('childGate is deprecated');const o=e(r+"/"+t);o.predicate=()=>p.status.getState();let n=0,s=0;return o.open.watch(()=>{s||(n=1)}),o.close.watch(()=>{s||(n=0)}),p.status.watch(e=>{s=1,n&&e&&!o.status.getState()&&o.open(),s=0}),p.close.watch(()=>{s=1,o.close(),s=0}),p.destructor.watch(()=>o.destructor()),o}componentDidMount(){p.open(this.props)}componentWillUnmount(){p.close(this.props)}render(){return p.set(this.props),null}}p.predicate=()=>Boolean(1),p.displayName="Gate:"+r,p.isOpen=Boolean(0),p.current=c.getState(),p.open=u,p.close=i,p.status=s,p.state=c,p.set=a,p.destructor=f,p.isTerminated=Boolean(0);const l=s.watch(e=>p.isOpen=e),d=c.watch(e=>p.current=e);s.map(e=>(e||(p.current=o),null)),c.reset(i);const m=f.watch(()=>{p.isTerminated=Boolean(1)}),h=f.watch(()=>{h(),l(),d(),m(),p.status.off(p.open),p.status.off(p.close),p.status.off(p.destructor),p.state.off(p.set)});if(n){const{hooks:e}=n;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[s,c,u,i,a]})}return p},e.createReactState=c,e.createStoreConsumer=s,e.useEvent=e=>e,e.useGate=(e,r={})=>{const o=t.useRef(r);o.current=r,a(()=>(e.open(o.current),()=>e.close(o.current)),[e]),e.set(r)},e.useList=(e,r)=>{let n,s=[];if('object'==typeof r&&null!==r?(r.keys&&(s=r.keys),n=r.fn):n=r,!effector.is.store(e))throw Error('expect useList first argument to be a store');if('function'!=typeof n)throw Error("expect useList's renderItem to be a function");if(!Array.isArray(s))throw Error("expect useList's keys to be an array");const c=t.useMemo(()=>{const r=({index:t,keys:r})=>{const n=o({store:e,keys:[t,...r],fn:(e,t)=>e[t[0]]});return u.current(n,t)};return r.displayName=(e.shortName||'Unknown')+".Item",t.memo(r)},[e]),a=o({store:e,keys:[e],fn:e=>e.length}),u=t.useRef(n);u.current=n;const i=t.useMemo(()=>s,s);return Array.from({length:a},(e,r)=>t.createElement(c,{index:r,key:r,keys:i}))},e.useStore=r,e.useStoreMap=o,Object.defineProperty(e,'__esModule',{value:1})},void('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));var e,t;
+((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,(function(e,t,effector){function r(e){if(!effector.is.store(e))throw Error('expect useStore argument to be a store');const r=t.useReducer(u,void 0,e.getState)[1],o=t.useMemo(()=>{const t=e.updates.watch(e=>{t.active&&r(e)});return t.active=1,t},[e]);return a(()=>()=>{o.active=0,o()},[o]),e.getState()}function o({store:e,keys:o,fn:n}){if(!effector.is.store(e))throw Error('useStoreMap expects a store');if(!Array.isArray(o))throw Error('useStoreMap expects an array as keys');if('function'!=typeof n)throw Error('useStoreMap expects a function');const s=t.useMemo(()=>effector.createStore(n(e.getState(),o)).on(e,(e,t)=>n(t,o)),o),c=r(s);return a(()=>()=>{s.off(e),effector.clearNode(s,{deep:1})},o),c}function n(e,o){function n(e){const n=t.useRef(e),s=t.useMemo(()=>d(e),[]),c=r(s);a(()=>(p({props:n.current,state:s.getState()}),()=>{l({props:n.current,state:s.getState()})}),[]);const u=o(e,c);return n.current=e,u}var s,c;let u,i;if(effector.is.store(e))i=e;else if('function'==typeof e)u=e;else{if('object'!=typeof e||null===e)throw Error('shape should be a store or object with stores');i=effector.createStoreObject(e)}const f=null!==(s=null===(c=i)||void 0===c?void 0:c.shortName)&&void 0!==s?s:'Unknown',p=effector.createEvent(f+".View mounted"),l=effector.createEvent(f+".View unmounted"),d='function'==typeof e?u:()=>i;return n.displayName=f+".View",n.mounted=p,n.unmounted=l,n}function s(e){return n(e,({children:e},t)=>e(t))}function c(e,r){const o=s(e),n=e=>t.createElement(o,null,o=>t.createElement(r,Object.assign({},e,o)));return n.displayName="Connect("+(r.displayName||r.name||'Unknown')+")",n}const a='undefined'!=typeof window?t.useLayoutEffect:t.useEffect,u=(e,t)=>t;e.connect=e=>t=>c(t,e),e.createComponent=n,e.createContextComponent=function(e,r,o){var n,c;const a=s(e);return c=n=class extends t.Component{constructor(...e){super(...e),this.renderProp=e=>o(this.props,e,this.context)}render(){return t.createElement(a,null,this.renderProp)}},n.contextType=r,c},e.createGate=function e(r="gate",o={}){let n;'object'==typeof r&&null!==r&&('defaultState'in r&&(o=r.defaultState),r.domain&&(n=r.domain),r=r.name||'gate');const s=effector.createStore(Boolean(0)),c=effector.createStore(o),{set:a}=effector.createApi(c,{set:(e,t)=>t}),{open:u,close:i,destructor:f}=effector.createApi(s,{open:()=>p.predicate()&&Boolean(1),close:()=>Boolean(0),destructor:()=>Boolean(0)});class p extends t.PureComponent{static childGate(t="Subgate"){console.error('childGate is deprecated');const o=e(r+"/"+t);o.predicate=()=>p.status.getState();let n=0,s=0;return o.open.watch(()=>{s||(n=1)}),o.close.watch(()=>{s||(n=0)}),p.status.watch(e=>{s=1,n&&e&&!o.status.getState()&&o.open(),s=0}),p.close.watch(()=>{s=1,o.close(),s=0}),p.destructor.watch(()=>o.destructor()),o}componentDidMount(){p.open(this.props)}componentWillUnmount(){p.close(this.props)}render(){return p.set(this.props),null}}p.predicate=()=>Boolean(1),p.displayName="Gate:"+r,p.isOpen=Boolean(0),p.current=c.getState(),p.open=u,p.close=i,p.status=s,p.state=c,p.set=a,p.destructor=f,p.isTerminated=Boolean(0);const l=s.watch(e=>p.isOpen=e),d=c.watch(e=>p.current=e);s.map(e=>(e||(p.current=o),null)),c.reset(i);const m=f.watch(()=>{p.isTerminated=Boolean(1)}),h=f.watch(()=>{h(),l(),d(),m(),(()=>{p.status.off(p.open),p.status.off(p.close),p.status.off(p.destructor)})(),p.state.off(p.set)});if(n){const{hooks:e}=n;effector.launch({target:[e.store,e.store,e.event,e.event,e.event],params:[s,c,u,i,a]})}return p},e.createReactState=c,e.createStoreConsumer=s,e.useEvent=e=>e,e.useGate=(e,r={})=>{const o=t.useRef(r);o.current=r,a(()=>(e.open(o.current),()=>e.close(o.current)),[e]),e.set(r)},e.useList=(e,r)=>{let n,s=[];if('object'==typeof r&&null!==r?(r.keys&&(s=r.keys),n=r.fn):n=r,!effector.is.store(e))throw Error('expect useList first argument to be a store');if('function'!=typeof n)throw Error("expect useList's renderItem to be a function");if(!Array.isArray(s))throw Error("expect useList's keys to be an array");const c=t.useMemo(()=>{const r=({index:t,keys:r})=>{const n=o({store:e,keys:[t,...r],fn:(e,t)=>e[t[0]]});return u.current(n,t)};return r.displayName=(e.shortName||'Unknown')+".Item",t.memo(r)},[e]),a=o({store:e,keys:[e],fn:e=>e.length}),u=t.useRef(n);u.current=n;const i=t.useMemo(()=>s,s);return Array.from({length:a},(e,r)=>t.createElement(c,{index:r,key:r,keys:i}))},e.useStore=r,e.useStoreMap=o,Object.defineProperty(e,'__esModule',{value:1})}));
 //# sourceMappingURL=effector-react.umd.js.map

package.json

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

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

138539

increased by0.02%

Worsened metrics

Number of low quality alerts

4

increased by33.33%

No dependency changes