infos

Author: Administrator

README.md

@@ -1,106 +1,14 @@
-### TreeMenu / PropertyGrid
+### Cascade Forms 
 
-![npm](https://img.shields.io/npm/v/@code4bones/react-tree-menu-property-grid?label=latest) ![npm](https://img.shields.io/npm/dt/@code4bones/react-tree-menu-property-grid?style=flat-square&label=installs)
+![npm](https://img.shields.io/npm/v/@code4bones/react-cascade-forms?label=latest) ![npm](https://img.shields.io/npm/dt/@code4bones/react-cascade-forms?style=flat-square&label=installs)
 
-### System default / Custom theme 
-
-![sample](https://github.com/code4bones/react-c4b-ui/blob/master/img/theme.png?raw=true "sample")
-
-|feature|sample|
-|-------|------|
-|![cap](https://github.com/code4bones/react-tree-menu-property-grid/blob/master/img/controls.gif?raw=true)|![cap](https://github.com/code4bones/react-tree-menu-property-grid/blob/master/img/reveal.gif?raw=true)  |
-![cap](https://github.com/code4bones/react-tree-menu-property-grid/blob/master/img/folders.gif?raw=true)|![cap](https://github.com/code4bones/react-tree-menu-property-grid/blob/master/img/group-right.gif?raw=true)|
 
 clone, samples available via `yarn storybook` 
 
 #### Brief
 
-yarn add `@code4bones/react-tree-menu-property-grid`
-
-```tsx
-
-import  {TreeMenu, TreeMenuActions,TreeMenuItem }  from "@code4bones/react-tree-menu-property-grid";
-import "@code4bones/react-tree-menu-property-grid/build/styles.css";
-
-const ITEMS : TreeMenuItem[] = [{
-  id:"item1",
-  title:"Item 1",
-  // other TreeMenuItem's props
-    childs:[{
-     id:"sub",
-     title:"Subitem 1",
-   }]
-}];
-
-// if your need to use exponsed actions
-const ref = createRef<TreeMenuActions>();
-
-<TreeMenu
-  ref={ref}
-  items={ITEMS}
-  onClick={onClick} 
-/>
-
-```
-
-### Properties
-
-type `RenderFn` = (item:MenuItem) => React.ReactElement | undefined | null; 
-type `RenderType` = `RenderFn` | React.ReactElement; 
-
-
-| Propery name | Description                    | Signature
-| ------------- | ------------------------------ | ---- |
-| `treeID` | tree id | string |
-| `propertyGrid` | property grid mode | boolean |
-| `items[]`      | tree menu items array       | `TreeMenuItem`[] |
-| `ref`      | handle to TreeMenu methods       | `TreeMenuActions` |
-| `initialCollapsed`   |  initial tree state     | boolean |
-| `initialSelected`   |  initial selected item     | item's `id` : string|
-| `theme`   | theme override class name     | `dark`, `light`, custom name | 
-| `classPrefix`   | container global prefix     | string |
-| `enableRotate` | Rotate collapse / expand icon| boolean |
-| `infoStyle` | global custom style | boolean |
-| `titleStyle` | global custom style | boolean |
-| `infoReveal` | global info display modes | "always" | "vertical" | "horizontal" |
-| `badgeVisible` | display badge | boolean |
-| `groupIconLeft` | group icon position | boolean |
-| `onClick`   |  item click handler     | onClick?:(item:TreeMenuItem) => void|
-| `onToggle`   |  collapse  / expand     | onToggle?:(id?:string,collapsed?:boolean) => void;|
-| `renderBadge`   |  item click handler     | `RenderType` |
-| `renderIcon`   |  Left side element of item     | `RenderType` |
-| `renderGroupState`   | Group indicator     | `RenderType` |
-
-
-`TreeMenuItem`
-
-```tsx
-    id:string;
-    title:string | React.ReactElement;
-    info?:string | React.ReactElement;
-    badge?:string | React.ReactElement;
-    control?:string | JSX.Element;
-    infoReveal?:InfoReveal;
-    icon?:React.ReactElement;
-    badge?:string | React.ReactElement;
-    disabled?:boolean;
-    unselectable?:boolean;
-    titleClass?:string;
-    infoClass?:string;
-    style?:React.CSSProperties;
-    titleStyle?:React.CSSProperties;
-    infoStyle?:React.CSSProperties;
-```
+yarn add `@code4bones/react-cascade-forms`
 
-`TreeMenuActions` ( use `ref` )
-```
-    enable:(id:string,disable?:boolean) => void;
-    getItem:(id:string) => TreeMenuItem | null;
-    collapse:(id:string,collapsed?:boolean) => void;
-    select:(id:string) => void;
-	  invalidate:() => void;
-	  rebuild:(items:TreeMenuItem[]) => void;
-```
 
 ### Sample