@developer_tribe/react-builder 0.1.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/README.md +40 -0
- package/dist/AttributesEditor.d.ts +9 -0
- package/dist/RenderMainNode.d.ts +17 -0
- package/dist/RenderPage.d.ts +23 -0
- package/dist/assets/samples/getSamples.d.ts +2 -0
- package/dist/build-components/Button/Button.d.ts +9 -0
- package/dist/build-components/Button/ButtonProps.d.ts +3 -0
- package/dist/build-components/Button/ButtonProps.generated.d.ts +8 -0
- package/dist/build-components/Carousel/Carousel.d.ts +9 -0
- package/dist/build-components/Carousel/CarouselProps.d.ts +3 -0
- package/dist/build-components/Carousel/CarouselProps.generated.d.ts +4 -0
- package/dist/build-components/CarouselButtons/CarouselButtons.d.ts +9 -0
- package/dist/build-components/CarouselButtons/CarouselButtonsProps.d.ts +3 -0
- package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +7 -0
- package/dist/build-components/CarouselDots/CarouselDots.d.ts +9 -0
- package/dist/build-components/CarouselDots/CarouselDotsProps.d.ts +3 -0
- package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +6 -0
- package/dist/build-components/CarouselItem/CarouselItem.d.ts +9 -0
- package/dist/build-components/CarouselItem/CarouselItemProps.d.ts +3 -0
- package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +4 -0
- package/dist/build-components/CarouselProvider/CarouselProvider.d.ts +10 -0
- package/dist/build-components/CarouselProvider/CarouselProviderProps.d.ts +3 -0
- package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +4 -0
- package/dist/build-components/Image/Image.d.ts +9 -0
- package/dist/build-components/Image/ImageProps.d.ts +3 -0
- package/dist/build-components/Image/ImageProps.generated.d.ts +10 -0
- package/dist/build-components/Onboard/Onboard.d.ts +9 -0
- package/dist/build-components/Onboard/OnboardProps.d.ts +3 -0
- package/dist/build-components/Onboard/OnboardProps.generated.d.ts +4 -0
- package/dist/build-components/OnboardBoardTitle/OnboardBoardTitle.d.ts +9 -0
- package/dist/build-components/OnboardBoardTitle/OnboardBoardTitleProps.d.ts +3 -0
- package/dist/build-components/OnboardBoardTitle/OnboardBoardTitleProps.generated.d.ts +8 -0
- package/dist/build-components/OnboardButton/OnboardButton.d.ts +9 -0
- package/dist/build-components/OnboardButton/OnboardButtonProps.d.ts +3 -0
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +11 -0
- package/dist/build-components/OnboardButtons/OnboardButtons.d.ts +9 -0
- package/dist/build-components/OnboardButtons/OnboardButtonsProps.d.ts +3 -0
- package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +10 -0
- package/dist/build-components/OnboardExpandingDot/OnboardExpandingDot.d.ts +9 -0
- package/dist/build-components/OnboardExpandingDot/OnboardExpandingDotProps.d.ts +3 -0
- package/dist/build-components/OnboardExpandingDot/OnboardExpandingDotProps.generated.d.ts +6 -0
- package/dist/build-components/OnboardFooter/OnboardFooter.d.ts +9 -0
- package/dist/build-components/OnboardFooter/OnboardFooterProps.d.ts +3 -0
- package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +16 -0
- package/dist/build-components/OnboardImage/OnboardImage.d.ts +9 -0
- package/dist/build-components/OnboardImage/OnboardImageProps.d.ts +3 -0
- package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +10 -0
- package/dist/build-components/OnboardItem/OnboardItem.d.ts +9 -0
- package/dist/build-components/OnboardItem/OnboardItemProps.d.ts +3 -0
- package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +4 -0
- package/dist/build-components/OnboardProvider/OnboardProvider.d.ts +9 -0
- package/dist/build-components/OnboardProvider/OnboardProviderProps.d.ts +3 -0
- package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +4 -0
- package/dist/build-components/OnboardSubtitle/OnboardSubtitle.d.ts +9 -0
- package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.d.ts +3 -0
- package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +8 -0
- package/dist/build-components/RenderNode.generated.d.ts +7 -0
- package/dist/build-components/Text/Text.d.ts +9 -0
- package/dist/build-components/Text/TextProps.d.ts +3 -0
- package/dist/build-components/Text/TextProps.generated.d.ts +8 -0
- package/dist/build-components/View/View.d.ts +9 -0
- package/dist/build-components/View/ViewProps.d.ts +3 -0
- package/dist/build-components/View/ViewProps.generated.d.ts +16 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.esm.js +1 -0
- package/dist/types/Device.d.ts +12 -0
- package/dist/types/Node.d.ts +8 -0
- package/dist/types/PreviewConfig.d.ts +23 -0
- package/dist/types/Project.d.ts +10 -0
- package/dist/types/TargetedScreenSize.d.ts +4 -0
- package/dist/utils/analyseNode.d.ts +9 -0
- package/dist/utils/getDevices.d.ts +2 -0
- package/dist/utils/isCarousel.d.ts +7 -0
- package/dist/utils/isOnboard.d.ts +8 -0
- package/dist/utils/novaToJson.d.ts +3 -0
- package/dist/utils/patterns.d.ts +12 -0
- package/package.json +64 -0
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
## react-native-builder
|
|
2
|
+
|
|
3
|
+
A minimal TypeScript library starter using Rollup, ESLint (flat), and Prettier.
|
|
4
|
+
|
|
5
|
+
### Scripts
|
|
6
|
+
|
|
7
|
+
- **build**: Clean and bundle to `dist/` (CJS + ESM, types)
|
|
8
|
+
- **build:watch**: Watch mode for development
|
|
9
|
+
- **lint**: Run ESLint
|
|
10
|
+
- **format**: Run Prettier
|
|
11
|
+
- **typecheck**: Run TypeScript type checking
|
|
12
|
+
|
|
13
|
+
### Getting started
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install
|
|
17
|
+
npm run build
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
### Project structure
|
|
21
|
+
|
|
22
|
+
```
|
|
23
|
+
src/
|
|
24
|
+
index.ts
|
|
25
|
+
rollup.config.mjs
|
|
26
|
+
eslint.config.mjs
|
|
27
|
+
tsconfig.json
|
|
28
|
+
.prettierrc
|
|
29
|
+
.gitignore
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### Publishing
|
|
33
|
+
|
|
34
|
+
Ensure `dist/` is up to date:
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
npm run build
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Then publish as needed.
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Node } from './types/Node';
|
|
3
|
+
type AttributesEditorProps = {
|
|
4
|
+
node: Node;
|
|
5
|
+
onChange: (next: Node) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function AttributesEditor({ node, onChange }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof AttributesEditor>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Node } from './index';
|
|
2
|
+
import { Localication } from './types/PreviewConfig';
|
|
3
|
+
export declare const mainNodeContext: import("react").Context<{
|
|
4
|
+
localication?: Localication;
|
|
5
|
+
defaultLanguage?: string;
|
|
6
|
+
theme?: "light" | "dark";
|
|
7
|
+
warning?: string;
|
|
8
|
+
setWarning?: (message: string) => void;
|
|
9
|
+
} | null>;
|
|
10
|
+
export declare function RenderMainNode({ node, localication, defaultLanguage, theme, }: {
|
|
11
|
+
node: Node;
|
|
12
|
+
localication?: Localication;
|
|
13
|
+
defaultLanguage?: string;
|
|
14
|
+
theme?: 'light' | 'dark';
|
|
15
|
+
warning?: string;
|
|
16
|
+
setWarning?: (message: string) => void;
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Localication } from './types/PreviewConfig';
|
|
2
|
+
import { TargetedScreenSize } from './types/TargetedScreenSize';
|
|
3
|
+
import { Node } from './types/Node';
|
|
4
|
+
type RenderPageProps = {
|
|
5
|
+
data: Node;
|
|
6
|
+
screenSize: TargetedScreenSize;
|
|
7
|
+
isRtl: boolean;
|
|
8
|
+
screenStyle: {
|
|
9
|
+
light: {
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
color: string;
|
|
12
|
+
};
|
|
13
|
+
dark: {
|
|
14
|
+
backgroundColor: string;
|
|
15
|
+
color: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
theme: 'dark' | 'light';
|
|
19
|
+
localication: Localication;
|
|
20
|
+
defaultLanguage?: string;
|
|
21
|
+
};
|
|
22
|
+
export declare function RenderPage({ data, screenSize, theme, isRtl, screenStyle, localication, defaultLanguage, }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { ButtonProps } from './ButtonProps';
|
|
4
|
+
type ButtonComponentProps = {
|
|
5
|
+
node: NodeData<ButtonProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function Button({ node }: ButtonComponentProps): string;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof Button>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { CarouselProps } from './CarouselProps';
|
|
4
|
+
type CarouselComponentProps = {
|
|
5
|
+
node: NodeData<CarouselProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function Carousel({ node }: CarouselComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof Carousel>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { CarouselButtonsProps } from './CarouselButtonsProps';
|
|
4
|
+
type CarouselButtonsComponentProps = {
|
|
5
|
+
node: NodeData<CarouselButtonsProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function CarouselButtons({ node }: CarouselButtonsComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof CarouselButtons>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { CarouselDotsProps } from './CarouselDotsProps';
|
|
4
|
+
type CarouselDotsComponentProps = {
|
|
5
|
+
node: NodeData<CarouselDotsProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function CarouselDots({ node }: CarouselDotsComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof CarouselDots>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { CarouselItemProps } from './CarouselItemProps';
|
|
4
|
+
type CarouselItemComponentProps = {
|
|
5
|
+
node: NodeData<CarouselItemProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
export declare function CarouselItem({ node }: CarouselItemComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof CarouselItem>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { CarouselProviderProps } from './CarouselProviderProps';
|
|
4
|
+
type CarouselProviderComponentProps = {
|
|
5
|
+
node: NodeData<CarouselProviderProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
export declare const carouselContext: React.Context<any>;
|
|
8
|
+
declare function CarouselProvider({ node }: CarouselProviderComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const _default: React.MemoExoticComponent<typeof CarouselProvider>;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { ImageProps } from './ImageProps';
|
|
4
|
+
type ImageComponentProps = {
|
|
5
|
+
node: NodeData<ImageProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function Image({ node }: ImageComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof Image>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardProps } from './OnboardProps';
|
|
4
|
+
type OnboardComponentProps = {
|
|
5
|
+
node: NodeData<OnboardProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function Onboard({ node }: OnboardComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof Onboard>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardBoardTitleProps } from './OnboardBoardTitleProps';
|
|
4
|
+
type OnboardBoardTitleComponentProps = {
|
|
5
|
+
node: NodeData<OnboardBoardTitleProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardBoardTitle({ node }: OnboardBoardTitleComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardBoardTitle>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardButtonProps } from './OnboardButtonProps';
|
|
4
|
+
type OnboardButtonComponentProps = {
|
|
5
|
+
node: NodeData<OnboardButtonProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardButton({ node }: OnboardButtonComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardButton>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardButtonsProps } from './OnboardButtonsProps';
|
|
4
|
+
type OnboardButtonsComponentProps = {
|
|
5
|
+
node: NodeData<OnboardButtonsProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardButtons({ node }: OnboardButtonsComponentProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardButtons>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface OnboardButtonsPropsGenerated {
|
|
2
|
+
child: string;
|
|
3
|
+
attributes: {
|
|
4
|
+
buttonType?: 'previous_button' | 'next_button' | 'skip_button';
|
|
5
|
+
skipNumber?: number;
|
|
6
|
+
buttons_direction?: 'row' | 'column';
|
|
7
|
+
forIndex?: number;
|
|
8
|
+
seperatorColor?: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardExpandingDotProps } from './OnboardExpandingDotProps';
|
|
4
|
+
type OnboardExpandingDotComponentProps = {
|
|
5
|
+
node: NodeData<OnboardExpandingDotProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardExpandingDot({ node }: OnboardExpandingDotComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardExpandingDot>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardFooterProps } from './OnboardFooterProps';
|
|
4
|
+
type OnboardFooterComponentProps = {
|
|
5
|
+
node: NodeData<OnboardFooterProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardFooter({ node }: OnboardFooterComponentProps): string;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardFooter>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface OnboardFooterPropsGenerated {
|
|
2
|
+
child: string;
|
|
3
|
+
attributes: {
|
|
4
|
+
scrollable?: boolean;
|
|
5
|
+
flexDirection?: 'row' | 'column';
|
|
6
|
+
alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
|
|
7
|
+
justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
8
|
+
gap?: number;
|
|
9
|
+
padding?: number;
|
|
10
|
+
margin?: number;
|
|
11
|
+
backgroundColor?: string;
|
|
12
|
+
borderRadius?: number;
|
|
13
|
+
width?: number;
|
|
14
|
+
height?: number;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardImageProps } from './OnboardImageProps';
|
|
4
|
+
type OnboardImageComponentProps = {
|
|
5
|
+
node: NodeData<OnboardImageProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardImage({ node }: OnboardImageComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardImage>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardItemProps } from './OnboardItemProps';
|
|
4
|
+
type OnboardItemComponentProps = {
|
|
5
|
+
node: NodeData<OnboardItemProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardItem({ node }: OnboardItemComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardItem>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardProviderProps } from './OnboardProviderProps';
|
|
4
|
+
type OnboardProviderComponentProps = {
|
|
5
|
+
node: NodeData<OnboardProviderProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardProvider({ node }: OnboardProviderComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardProvider>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { OnboardSubtitleProps } from './OnboardSubtitleProps';
|
|
4
|
+
type OnboardSubtitleComponentProps = {
|
|
5
|
+
node: NodeData<OnboardSubtitleProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function OnboardSubtitle({ node }: OnboardSubtitleComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof OnboardSubtitle>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Node } from '../index';
|
|
3
|
+
declare function RenderNode({ node }: {
|
|
4
|
+
node: Node;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
declare const _default: React.MemoExoticComponent<typeof RenderNode>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NodeData } from '../../types/Node';
|
|
3
|
+
import type { TextProps } from './TextProps';
|
|
4
|
+
type TextComponentProps = {
|
|
5
|
+
node: NodeData<TextProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
declare function Text({ node }: TextComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof Text>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewProps } from './ViewProps';
|
|
3
|
+
import { NodeData } from '../../types/Node';
|
|
4
|
+
type ViewComponentProps = {
|
|
5
|
+
node: NodeData<ViewProps['attributes']>;
|
|
6
|
+
};
|
|
7
|
+
export declare function View({ node }: ViewComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof View>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface ViewPropsGenerated {
|
|
2
|
+
child: string;
|
|
3
|
+
attributes: {
|
|
4
|
+
scrollable?: boolean;
|
|
5
|
+
flexDirection?: 'row' | 'column';
|
|
6
|
+
alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
|
|
7
|
+
justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
8
|
+
gap?: number;
|
|
9
|
+
padding?: number;
|
|
10
|
+
margin?: number;
|
|
11
|
+
backgroundColor?: string;
|
|
12
|
+
borderRadius?: number;
|
|
13
|
+
width?: number;
|
|
14
|
+
height?: number;
|
|
15
|
+
};
|
|
16
|
+
}
|