Merge pull request #6 from react-declarative/tree-view

tree-field

Author: tripolskypetr

demo/package-lock.json

@@ -10,8 +10,8 @@
     "react-native": "0.74.1",
     "react-native-svg": "15.2.0",
     "react-native-web": "~0.19.6",
-    "rn-declarative": "^0.0.56",
-    "rn-declarative-eva": "^0.0.44"
+    "rn-declarative": "^0.0.57",
+    "rn-declarative-eva": "^0.0.45"
   },
   "devDependencies": {
     "@babel/core": "^7.19.3",

demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-declarative-eva",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "A responsive layout for the react-native",
   "private": false,
   "author": {
@@ -77,7 +77,7 @@
     "react-native": "0.71.6",
     "react-native-svg": "9.4.0",
     "typescript": "4.6.2",
-    "rn-declarative": "0.0.56"
+    "rn-declarative": "0.0.57"
   },
   "dependencies": {
     "rimraf": "3.0.2"

packages/rn-declarative-eva/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-declarative",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "description": "A responsive layout for the react-native",
   "private": false,
   "author": {

packages/rn-declarative-eva/package.json

@@ -17,6 +17,7 @@ import { ISliderSlot } from '../../slots/SliderSlot';
 import { ITimeSlot } from '../../slots/TimeSlot';
 import { IChooseSlot } from '../../slots/ChooseSlot';
 import { ITypographySlot } from '../../slots/TypographySlot';
+import { ITreeSlot } from '../../slots/TreeSlot';
 
 /**
  * A context object that provides access to various component types used by the slot factory.
@@ -47,6 +48,7 @@ export interface ISlotFactoryContext {
     Time: ComponentType<ITimeSlot>;
     Choose: ComponentType<IChooseSlot>;
     Typography: ComponentType<ITypographySlot>;
+    Tree: ComponentType<ITreeSlot>;
 }
 
 export default ISlotFactoryContext;

packages/rn-declarative/package-lock.json

@@ -17,6 +17,7 @@ import Slider from './components/Slider';
 import Time from './components/Time';
 import Choose from './components/Choose';
 import Typography from './components/Typography';
+import Tree from './components/Tree';
 
 import ISlotFactoryContext from './ISlotFactoryContext';
 
@@ -48,6 +49,7 @@ export const defaultSlots: ISlotFactoryContext = {
     Time,
     Choose,
     Typography,
+    Tree,
 };
 
 export const SlotContext = createContext<ISlotFactoryContext>(defaultSlots);

packages/rn-declarative/package.json

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import { Text } from 'react-native';
+
+import { ITreeSlot } from '../../../slots/TreeSlot';
+
+export const Tree = ({}: ITreeSlot) => (
+    <Text>
+        FieldType.Tree is not provided (see OneSlotFactory)
+    </Text>
+)
+
+export default Tree;

packages/rn-declarative/src/components/One/components/SlotFactory/ISlotFactoryContext.ts

@@ -23,6 +23,7 @@ import SliderField from "../fields/SliderField";
 import TimeField from "../fields/TimeField";
 import ChooseField from "../fields/ChooseField";
 import TypographyField from "../fields/TypographyField";
+import TreeField from "../fields/TreeField";
 
 const fieldMap: { [key in FieldType]?: React.ComponentType<IEntity> } = Object.create(null);
 
@@ -60,6 +61,7 @@ Object.assign(fieldMap, {
   [FieldType.Time]: TimeField,
   [FieldType.Choose]: ChooseField,
   [FieldType.Typography]: TypographyField,
+  [FieldType.Tree]: TreeField,
 });
 
 /**