@rnw-community/object-field-tree 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/readme.md +5 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rnw-community/object-field-tree",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Create a object fields combinations tree with data generator function",
|
|
6
6
|
"keywords": [
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"clear": "rm -rf coverage && rm -rf dist && rm -f *.tsbuildinfo",
|
|
37
37
|
"clear:deps": "rm -rf ./node_modules && rm -rf ./dist"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "a433467722917ce1b3ab4e4cadf341799f374887"
|
|
40
40
|
}
|
package/readme.md
CHANGED
|
@@ -8,10 +8,12 @@ with IDE autocompletion.
|
|
|
8
8
|
Real world usage examples:
|
|
9
9
|
[@rnw-community/fast-style](https://github.com/rnw-community/rnw-community/tree/master/packages/fast-style)
|
|
10
10
|
|
|
11
|
-
##Example
|
|
11
|
+
## Example
|
|
12
12
|
|
|
13
13
|
### Typescript enum and object usage example
|
|
14
|
+
|
|
14
15
|
You need to understand how [TS converts enums](https://www.typescriptlang.org/docs/handbook/enums.html) into JS.
|
|
16
|
+
|
|
15
17
|
```ts
|
|
16
18
|
import { combine } from '@rnw-community/object-field-tree';
|
|
17
19
|
import { View } from 'react-native';
|
|
@@ -44,6 +46,7 @@ console.log(tree.Chemistry.Easy);
|
|
|
44
46
|
```
|
|
45
47
|
|
|
46
48
|
### Generating components example
|
|
49
|
+
|
|
47
50
|
With this approach you can create a strictly configurable building framework of Components for your project with very
|
|
48
51
|
easy usage and IDE autocompletion.
|
|
49
52
|
|
|
@@ -57,6 +60,7 @@ enum WidgetHeightEnum {
|
|
|
57
60
|
'Small' = 'Small',
|
|
58
61
|
'Medium' = 'Medium',
|
|
59
62
|
}
|
|
63
|
+
|
|
60
64
|
const widgetWidthMap = {
|
|
61
65
|
'Third': WidgetStyles.thrirdWidth,
|
|
62
66
|
'TwoThirds': WidgetStyles.twoThrirdsWidth,
|