React component library completely integrated with mobx library
TypeScriptMIT
@pulexui/core
npm i @pulexui/core
Inspired from daphnia pulex
components
Mobx tree (Tree component completely integrated to mobx)
Example code (more examples in src/example directory)
import{MobxTree}from'@pulexui/core';exportconstApp=()=>{conststore=newExampleMobxTreeState();return(<><h1>Pulex working baby</h1>{/* Use observable array from mobx in nodes */}<MobxTreecompact={false}// or nodes={store.state}nodes={[{id: '100',name: 'Unread',isSelected: false,isExpanded: false,isFile: false}]}onToggle={(node,value)=>store.updateToggle(node,value)}onClick={node=>{// 1. It is better to select node first for animation speedstore.updateIsSelected(node);// 2. And then recusrively deselect others except the selected nodestore.recusive(store.state,n=>{if(n.id!==node.id){n.isSelected=false;}});}}onContextMenu={(e,node)=>{e.preventDefault();console.log('Right Click',e.pageX,e.pageY,toJS(node));}}renderTypeIcon={node=>{if(node.isFile){return<>FILE</>;}return<>FOLDER</>;}}renderArrowIcon={node=>(node.isExpanded ? <>↓</> : <>→</>)}/></>);}