@developer_tribe/react-builder 1.0.3 → 1.0.4

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.
Files changed (102) hide show
  1. package/dist/android.svg +43 -0
  2. package/dist/apple.svg +16 -0
  3. package/dist/attributes-editor/Field.d.ts +2 -1
  4. package/dist/attributes-editor/SizeField.d.ts +9 -0
  5. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -0
  6. package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -0
  7. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +1 -0
  8. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -0
  9. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +1 -0
  10. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -0
  11. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -0
  12. package/dist/build-components/Image/ImageProps.generated.d.ts +1 -0
  13. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -0
  14. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +1 -1
  15. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -0
  16. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +2 -3
  17. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -0
  18. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +2 -1
  19. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -0
  20. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +1 -0
  21. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -0
  22. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -0
  23. package/dist/build-components/Text/TextProps.generated.d.ts +1 -0
  24. package/dist/build-components/View/ViewProps.generated.d.ts +1 -0
  25. package/dist/build-components/patterns.generated.d.ts +194 -57
  26. package/dist/components/JsonTextEditor.d.ts +9 -0
  27. package/dist/index.cjs.js +5 -5
  28. package/dist/index.cjs.js.map +1 -1
  29. package/dist/index.esm.js +5 -5
  30. package/dist/index.esm.js.map +1 -1
  31. package/dist/pages/tabs/SideTool.d.ts +2 -1
  32. package/dist/store.d.ts +2 -0
  33. package/dist/styles.css +1 -1
  34. package/dist/utils/extractImageStyle.d.ts +2 -1
  35. package/dist/utils/extractViewStyle.d.ts +1 -2
  36. package/dist/utils/selection.d.ts +7 -0
  37. package/dist/utils/useMergedStyle.d.ts +2 -0
  38. package/package.json +2 -5
  39. package/src/.DS_Store +0 -0
  40. package/src/AttributesEditor.tsx +7 -2
  41. package/src/RenderPage.tsx +10 -6
  42. package/src/attributes-editor/Field.tsx +48 -160
  43. package/src/attributes-editor/SizeField.tsx +184 -0
  44. package/src/attributes-editor/SpecialCategorySection.tsx +10 -3
  45. package/src/build-components/BackgroundImage/BackgroundImage.tsx +7 -17
  46. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
  47. package/src/build-components/Button/Button.tsx +7 -9
  48. package/src/build-components/Button/ButtonProps.generated.ts +1 -0
  49. package/src/build-components/Carousel/Carousel.tsx +7 -9
  50. package/src/build-components/Carousel/CarouselProps.generated.ts +1 -0
  51. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
  52. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
  53. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
  54. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
  55. package/src/build-components/Image/Image.tsx +11 -18
  56. package/src/build-components/Image/ImageProps.generated.ts +1 -0
  57. package/src/build-components/Image/pattern.json +1 -9
  58. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
  59. package/src/build-components/OnboardButton/OnboardButton.tsx +0 -3
  60. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +1 -1
  61. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
  62. package/src/build-components/OnboardDot/OnboardDot.tsx +59 -39
  63. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +2 -3
  64. package/src/build-components/OnboardDot/pattern.json +2 -18
  65. package/src/build-components/OnboardFooter/OnboardFooter.tsx +28 -15
  66. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -0
  67. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +2 -1
  68. package/src/build-components/OnboardItem/OnboardItem.tsx +1 -11
  69. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
  70. package/src/build-components/OnboardProvider/OnboardProvider.tsx +1 -8
  71. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +1 -0
  72. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -0
  73. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -0
  74. package/src/build-components/Text/Text.tsx +9 -15
  75. package/src/build-components/Text/TextProps.generated.ts +1 -0
  76. package/src/build-components/View/View.tsx +7 -9
  77. package/src/build-components/View/ViewProps.generated.ts +1 -0
  78. package/src/build-components/View/pattern.json +9 -1
  79. package/src/build-components/patterns.generated.ts +194 -57
  80. package/src/components/Builder.tsx +61 -17
  81. package/src/components/DeviceNavigationBar.tsx +0 -1
  82. package/src/components/EditorHeader.tsx +11 -1
  83. package/src/components/JsonTextEditor.tsx +185 -0
  84. package/src/mockOS/components/MockOSRouter.tsx +6 -0
  85. package/src/mockOS/context/MockOSContext.tsx +0 -5
  86. package/src/mockOS/managers/mockPermissionManager.ts +0 -4
  87. package/src/mockOS/managers/navigationManager.ts +1 -6
  88. package/src/modals/ColorModal.tsx +103 -25
  89. package/src/modals/LocalicationModal.tsx +4 -5
  90. package/src/modals/Modal.tsx +8 -1
  91. package/src/pages/ProjectPage.tsx +7 -1
  92. package/src/pages/tabs/SideTool.tsx +10 -9
  93. package/src/store.ts +5 -0
  94. package/src/styles/base/_global.scss +5 -0
  95. package/src/styles/components/_editor-shell.scss +4 -2
  96. package/src/styles/modals/_color-modal.scss +30 -1
  97. package/src/styles/utilities/_carousel.scss +9 -8
  98. package/src/utils/extractImageStyle.ts +3 -6
  99. package/src/utils/extractTextStyle.ts +2 -81
  100. package/src/utils/extractViewStyle.ts +20 -15
  101. package/src/utils/selection.ts +24 -0
  102. package/src/utils/useMergedStyle.ts +16 -0
@@ -0,0 +1,43 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
3
+ <svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
4
+ viewBox="0 0 502.857 502.857" xml:space="preserve">
5
+ <g>
6
+ <path style="fill:#57C927;" d="M115.428,155.433v217.664c0,17,10.208,30.336,27.704,30.336h22.84c-0.784,0-2.544,5.768-2.544,8.6
7
+ v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648c0-2.832-3.088-8.6-3.848-8.6h55.712
8
+ c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176c16.592,0,32.032-13.064,32.032-29.176v-61.648
9
+ c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336V155.433H113.596H115.428z"/>
10
+ <path style="fill:#57C927;" d="M59.428,158.977c-16.568,0-32,13.072-32,29.176v124.92c0,16.112,15.432,29.176,32,29.176
11
+ c16.56,0,32-13.064,32-29.176V188.161C91.428,172.049,75.988,158.977,59.428,158.977z"/>
12
+ <path style="fill:#57C927;" d="M320.3,42.057l5.584-8.192l5.592-8.096l12.456-18.2c1.56-2.256,0.912-5.264-1.384-6.744
13
+ c-2.272-1.512-5.416-0.88-6.904,1.36l-19.016,27.704l-5.72,8.344c-18.072-6.832-38.208-10.64-59.48-10.64
14
+ c-21.224,0-41.4,3.816-59.472,10.64l-5.688-8.336l-5.624-8.184l-13.36-19.512c-1.544-2.248-4.648-2.84-6.952-1.36
15
+ c-2.28,1.488-2.912,4.496-1.392,6.744l12.448,18.208l5.592,8.104l5.616,8.168c-42.432,19.24-71.144,57.368-71.144,97.368h279.96
16
+ C391.412,99.433,362.708,61.305,320.3,42.057z M191.436,100.593c-8.312,0-15.008-6.536-15.008-14.608s6.696-14.576,15.008-14.576
17
+ c8.288,0,15,6.504,15,14.576S199.732,100.593,191.436,100.593z M311.436,100.593c-8.304,0-15.016-6.536-15.016-14.608
18
+ s6.712-14.576,15.016-14.576c8.288,0,15,6.504,15,14.576S319.724,100.593,311.436,100.593z"/>
19
+ </g>
20
+ <path style="fill:#1CB71C;" d="M60.852,224.193c-12.472,0-25.424-11.768-33.424-30.432v119.32c0,16.112,15.432,29.176,32,29.176
21
+ c16.56,0,32-13.064,32-29.176V199.985C83.428,214.977,71.86,224.193,60.852,224.193z"/>
22
+ <path style="fill:#57C927;" d="M443.428,158.977c-16.568,0-32,13.072-32,29.176v124.92c0,16.112,15.432,29.176,32,29.176
23
+ c16.56,0,32-13.064,32-29.176V188.161C475.428,172.049,459.988,158.977,443.428,158.977z"/>
24
+ <g>
25
+ <path style="fill:#1CB71C;" d="M444.852,224.193c-12.472,0-25.424-11.768-33.424-30.432v119.32c0,16.112,15.432,29.176,32,29.176
26
+ c16.56,0,32-13.064,32-29.176V199.985C467.428,214.977,455.86,224.193,444.852,224.193z"/>
27
+ <path style="fill:#1CB71C;" d="M251.428,179.337c-63.28,0-120-7.32-136-17.712v211.472c0,17,10.208,30.336,27.704,30.336h22.84
28
+ c-0.784,0-2.544,5.768-2.544,8.6v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648
29
+ c0-2.832-3.088-8.6-3.848-8.6h55.712c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176
30
+ c16.592,0,32.032-13.064,32.032-29.176v-61.648c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336v-211.48
31
+ C371.428,172.009,314.716,179.337,251.428,179.337z"/>
32
+ <path style="fill:#1CB71C;" d="M326.436,85.977c0,8.072-6.712,14.608-15,14.608c-8.304,0-15.016-6.536-15.016-14.608
33
+ c0-4.376,2.008-8.24,5.136-10.912c-15.816-2.64-32.64-4.088-50.128-4.088s-34.304,1.448-50.128,4.088
34
+ c3.136,2.664,5.144,6.536,5.144,10.912c0,8.072-6.712,14.608-15,14.608c-8.312,0-15.008-6.536-15.008-14.608
35
+ c0-2.064,0.456-4.024,1.248-5.808c-23.984,6.304-44.592,15.504-60.144,26.808c-3.92,10.296-6.088,24.456-6.088,32.456h279.96
36
+ c0-8-2.168-22.152-6.08-32.44c-15.544-11.32-36.16-20.536-60.128-26.84C325.988,81.937,326.436,83.921,326.436,85.977z"/>
37
+ </g>
38
+ <path style="fill:#049E42;" d="M251.428,262.817c-53.896,0-104-10.632-136-28.056v138.336c0,17,10.208,30.336,27.704,30.336h22.84
39
+ c-0.784,0-2.544,5.768-2.544,8.6v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648
40
+ c0-2.832-3.088-8.6-3.848-8.6h55.712c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176
41
+ c16.592,0,32.032-13.064,32.032-29.176v-61.648c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336V234.761
42
+ C355.428,252.193,305.324,262.817,251.428,262.817z"/>
43
+ </svg>
package/dist/apple.svg ADDED
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="iso-8859-1"?>
2
+ <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
3
+ <svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
4
+ viewBox="0 0 496.412 496.412" xml:space="preserve">
5
+ <path d="M317.222,80.584C333.414,59.696,345.686,30.152,341.246,0c-26.472,1.84-57.384,18.768-75.432,40.832
6
+ c-16.456,20-29.976,49.728-24.688,78.608C270.054,120.344,299.91,103.008,317.222,80.584z"/>
7
+ <path style="fill:#1B546B;" d="M445.838,166.544c-25.4-31.872-61.12-50.344-94.848-50.344c-44.512,0-63.352,21.312-94.264,21.312
8
+ c-31.896,0-56.12-21.248-94.624-21.248c-37.832,0-78.112,23.12-103.64,62.64C22.574,234.576,28.694,339.2,86.894,428.336
9
+ c20.808,31.904,48.592,67.744,84.952,68.072c32.36,0.32,41.488-20.752,85.336-20.992c43.832-0.256,52.16,21.264,84.456,20.896
10
+ c36.384-0.288,65.712-40.016,86.512-71.92c14.912-22.848,20.48-34.376,32.056-60.184
11
+ C376.014,332.184,362.518,212.488,445.838,166.544z"/>
12
+ <path d="M394.774,228.08c-63.632,51.52-153.592,83.712-253.44,83.712c-35.776,0-70.288-4.144-102.768-11.808
13
+ c5.496,41.808,21.16,86.736,48.336,128.344c20.808,31.904,48.592,67.744,84.952,68.072c32.36,0.32,41.488-20.752,85.336-20.992
14
+ c43.832-0.256,52.16,21.264,84.456,20.896c36.384-0.288,65.712-40.016,86.512-71.92c14.912-22.848,20.48-34.376,32.056-60.184
15
+ C402.966,342.44,378.454,280.176,394.774,228.08z"/>
16
+ </svg>
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
3
3
  import type { ProjectColors } from '../types/Project';
4
+ import { type PreferredScale } from './SizeField';
4
5
  import { LayoutContext } from './types';
5
6
  export type FieldProps = {
6
7
  name: string;
@@ -12,6 +13,6 @@ export type FieldProps = {
12
13
  layoutContext?: LayoutContext;
13
14
  viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
14
15
  label?: React.ReactNode;
15
- preferredScale?: string;
16
+ preferredScale?: PreferredScale;
16
17
  };
17
18
  export declare function Field({ name, type, value, onChange, componentType, projectColors, layoutContext, viewAttributes, label, preferredScale, }: FieldProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ export type PreferredScale = 'vs' | 's' | 'f' | '%';
2
+ export declare function toPreferredScale(value: unknown): PreferredScale | undefined;
3
+ export type SizeFieldProps = {
4
+ value: unknown;
5
+ onChange: (val: unknown) => void;
6
+ preferredScale?: PreferredScale;
7
+ fieldName: string;
8
+ };
9
+ export declare function SizeField({ value, onChange, preferredScale, fieldName, }: SizeFieldProps): import("react/jsx-runtime").JSX.Element;
@@ -29,6 +29,7 @@ export interface BackgroundImagePropsGenerated {
29
29
  borderRadius?: string;
30
30
  width?: string;
31
31
  height?: string;
32
+ flex?: number;
32
33
  position?: PositionOptionType;
33
34
  top?: string;
34
35
  bottom?: string;
@@ -29,6 +29,7 @@ export interface ButtonPropsGenerated {
29
29
  borderRadius?: string;
30
30
  width?: string;
31
31
  height?: string;
32
+ flex?: number;
32
33
  position?: PositionOptionType;
33
34
  top?: string;
34
35
  bottom?: string;
@@ -28,6 +28,7 @@ export interface CarouselPropsGenerated {
28
28
  borderRadius?: string;
29
29
  width?: string;
30
30
  height?: string;
31
+ flex?: number;
31
32
  position?: PositionOptionType;
32
33
  top?: string;
33
34
  bottom?: string;
@@ -29,6 +29,7 @@ export interface CarouselButtonsPropsGenerated {
29
29
  borderRadius?: string;
30
30
  width?: string;
31
31
  height?: string;
32
+ flex?: number;
32
33
  position?: PositionOptionType;
33
34
  top?: string;
34
35
  bottom?: string;
@@ -29,6 +29,7 @@ export interface CarouselDotsPropsGenerated {
29
29
  borderRadius?: string;
30
30
  width?: string;
31
31
  height?: string;
32
+ flex?: number;
32
33
  position?: PositionOptionType;
33
34
  top?: string;
34
35
  bottom?: string;
@@ -28,6 +28,7 @@ export interface CarouselItemPropsGenerated {
28
28
  borderRadius?: string;
29
29
  width?: string;
30
30
  height?: string;
31
+ flex?: number;
31
32
  position?: PositionOptionType;
32
33
  top?: string;
33
34
  bottom?: string;
@@ -28,6 +28,7 @@ export interface CarouselProviderPropsGenerated {
28
28
  borderRadius?: string;
29
29
  width?: string;
30
30
  height?: string;
31
+ flex?: number;
31
32
  position?: PositionOptionType;
32
33
  top?: string;
33
34
  bottom?: string;
@@ -29,6 +29,7 @@ export interface ImagePropsGenerated {
29
29
  borderRadius?: string;
30
30
  width?: string;
31
31
  height?: string;
32
+ flex?: number;
32
33
  position?: PositionOptionType;
33
34
  top?: string;
34
35
  bottom?: string;
@@ -28,6 +28,7 @@ export interface OnboardPropsGenerated {
28
28
  borderRadius?: string;
29
29
  width?: string;
30
30
  height?: string;
31
+ flex?: number;
31
32
  position?: PositionOptionType;
32
33
  top?: string;
33
34
  bottom?: string;
@@ -37,6 +37,7 @@ export interface OnboardButtonPropsGenerated {
37
37
  borderRadius?: string;
38
38
  width?: string;
39
39
  height?: string;
40
+ flex?: number;
40
41
  position?: PositionOptionType;
41
42
  top?: string;
42
43
  bottom?: string;
@@ -48,7 +49,6 @@ export interface OnboardButtonPropsGenerated {
48
49
  animation?: AnimationOptionType;
49
50
  animation_color?: string;
50
51
  button_background_color?: string;
51
- flex?: number;
52
52
  events?: EventObjectGenerated[];
53
53
  };
54
54
  }
@@ -31,6 +31,7 @@ export interface OnboardButtonsPropsGenerated {
31
31
  borderRadius?: string;
32
32
  width?: string;
33
33
  height?: string;
34
+ flex?: number;
34
35
  position?: PositionOptionType;
35
36
  top?: string;
36
37
  bottom?: string;
@@ -26,6 +26,7 @@ export interface OnboardDotPropsGenerated {
26
26
  borderRadius?: string;
27
27
  width?: string;
28
28
  height?: string;
29
+ flex?: number;
29
30
  position?: PositionOptionType;
30
31
  top?: string;
31
32
  bottom?: string;
@@ -34,9 +35,7 @@ export interface OnboardDotPropsGenerated {
34
35
  zIndex?: number;
35
36
  dotType?: DotTypeOptionType;
36
37
  inactive_dot_opacity?: number;
37
- expanding_dot_width?: number;
38
- dot_style?: string;
39
- container_style?: string;
38
+ expanding_dot_width?: string;
40
39
  active_dot_color?: string;
41
40
  };
42
41
  }
@@ -34,6 +34,7 @@ export interface OnboardFooterPropsGenerated {
34
34
  borderRadius?: string;
35
35
  width?: string;
36
36
  height?: string;
37
+ flex?: number;
37
38
  position?: PositionOptionType;
38
39
  top?: string;
39
40
  bottom?: string;
@@ -11,7 +11,6 @@ export interface OnboardImagePropsGenerated {
11
11
  width?: string;
12
12
  height?: string;
13
13
  resizeMode?: ResizeModeOptionType;
14
- borderRadius?: string;
15
14
  scrollable?: boolean;
16
15
  flexDirection?: FlexDirectionOptionType;
17
16
  alignItems?: AlignItemsOptionType;
@@ -31,6 +30,8 @@ export interface OnboardImagePropsGenerated {
31
30
  marginLeft?: string;
32
31
  marginRight?: string;
33
32
  backgroundColor?: string;
33
+ borderRadius?: string;
34
+ flex?: number;
34
35
  position?: PositionOptionType;
35
36
  top?: string;
36
37
  bottom?: string;
@@ -29,6 +29,7 @@ export interface OnboardItemPropsGenerated {
29
29
  borderRadius?: string;
30
30
  width?: string;
31
31
  height?: string;
32
+ flex?: number;
32
33
  position?: PositionOptionType;
33
34
  top?: string;
34
35
  bottom?: string;
@@ -28,6 +28,7 @@ export interface OnboardProviderPropsGenerated {
28
28
  borderRadius?: never;
29
29
  width?: string;
30
30
  height?: string;
31
+ flex?: number;
31
32
  position?: PositionOptionType;
32
33
  top?: string;
33
34
  bottom?: string;
@@ -34,6 +34,7 @@ export interface OnboardSubtitlePropsGenerated {
34
34
  borderRadius?: string;
35
35
  width?: string;
36
36
  height?: string;
37
+ flex?: number;
37
38
  position?: PositionOptionType;
38
39
  top?: string;
39
40
  bottom?: string;
@@ -34,6 +34,7 @@ export interface OnboardTitlePropsGenerated {
34
34
  borderRadius?: string;
35
35
  width?: string;
36
36
  height?: string;
37
+ flex?: number;
37
38
  position?: PositionOptionType;
38
39
  top?: string;
39
40
  bottom?: string;
@@ -30,6 +30,7 @@ export interface TextPropsGenerated {
30
30
  borderRadius?: string;
31
31
  width?: string;
32
32
  height?: string;
33
+ flex?: number;
33
34
  position?: PositionOptionType;
34
35
  top?: string;
35
36
  bottom?: string;
@@ -28,6 +28,7 @@ export interface ViewPropsGenerated {
28
28
  borderRadius?: string;
29
29
  width?: string;
30
30
  height?: string;
31
+ flex?: number;
31
32
  position?: PositionOptionType;
32
33
  top?: string;
33
34
  bottom?: string;