@developer_tribe/react-builder 0.1.13 → 0.1.15

package/src/RenderMainNode.tsx

@@ -12,15 +12,15 @@ export const mainNodeContext = createContext<{
 } | null>(null);
 
 export function RenderMainNode({
-  node,
+  children,
   localication,
   defaultLanguage,
   theme,
 }: {
-  node: Node;
   localication?: Localication;
   defaultLanguage?: string;
   theme?: 'light' | 'dark';
+  children: React.ReactNode;
   warning?: string;
   setWarning?: (message: string) => void;
 }) {
@@ -31,7 +31,7 @@ export function RenderMainNode({
       value={{ localication, defaultLanguage, theme, warning, setWarning }}
     >
       {warning && <div className="warning">{warning}</div>}
-      <RenderNode node={node} />
+      {children}
     </mainNodeContext.Provider>
   );
 }

package/src/RenderPage.tsx

@@ -2,6 +2,7 @@ import { Localication } from './types/PreviewConfig';
 import { TargetedScreenSize } from './types/TargetedScreenSize';
 import { RenderMainNode } from './RenderMainNode';
 import { Node } from './types/Node';
+import { RenderNode } from './build-components';
 type RenderPageProps = {
   data: Node;
   screenSize: TargetedScreenSize;
@@ -50,10 +51,11 @@ export function RenderPage({
         {
           <RenderMainNode
             localication={localication}
-            node={data}
             defaultLanguage={defaultLanguage}
             theme={theme}
-          />
+          >
+            <RenderNode node={data} />
+          </RenderMainNode>
         }
       </div>
     </div>

package/src/build-components/{OnboardBoardTitle/OnboardBoardTitle.tsx → OnboardTitle/OnboardTitle.tsx}

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { OnboardBoardTitleComponentProps } from './OnboardBoardTitleProps.generated';
+import type { OnboardTitleComponentProps } from './OnboardTitleProps.generated';
 import Text from '../Text/Text';
 
-function OnboardBoardTitle({ node }: OnboardBoardTitleComponentProps) {
+function OnboardTitle({ node }: OnboardTitleComponentProps) {
   return (
     <Text
       node={
@@ -20,4 +20,4 @@ function OnboardBoardTitle({ node }: OnboardBoardTitleComponentProps) {
   );
 }
 
-export default React.memo(OnboardBoardTitle);
+export default React.memo(OnboardTitle);

package/src/build-components/{OnboardBoardTitle/OnboardBoardTitleProps.generated.ts → OnboardTitle/OnboardTitleProps.generated.ts}

@@ -2,7 +2,7 @@
 
 import type { NodeData } from '../../types/Node';
 
-export interface OnboardBoardTitlePropsGenerated {
+export interface OnboardTitlePropsGenerated {
   child: string;
   attributes: {
     color?: string;
@@ -22,6 +22,6 @@ export interface OnboardBoardTitlePropsGenerated {
   };
 }
 
-export interface OnboardBoardTitleComponentProps {
-  node: NodeData<OnboardBoardTitlePropsGenerated['attributes']>;
+export interface OnboardTitleComponentProps {
+  node: NodeData<OnboardTitlePropsGenerated['attributes']>;
 }

package/src/build-components/{OnboardBoardTitle → OnboardTitle}/pattern.json

@@ -2,7 +2,7 @@
   "schemaVersion": 1,
   "allowUnknownAttributes": false,
   "pattern": {
-    "type": "OnboardBoardTitle",
+    "type": "OnboardTitle",
     "children": "node",
     "attributes": {
       "color": "string",

package/src/build-components/RenderNode.generated.tsx

@@ -20,7 +20,6 @@ import CarouselItem from './CarouselItem/CarouselItem';
 import CarouselProvider from './CarouselProvider/CarouselProvider';
 import Image from './Image/Image';
 import Onboard from './Onboard/Onboard';
-import OnboardBoardTitle from './OnboardBoardTitle/OnboardBoardTitle';
 import OnboardButton from './OnboardButton/OnboardButton';
 import OnboardButtons from './OnboardButtons/OnboardButtons';
 import OnboardDot from './OnboardDot/OnboardDot';
@@ -29,6 +28,7 @@ import OnboardImage from './OnboardImage/OnboardImage';
 import OnboardItem from './OnboardItem/OnboardItem';
 import OnboardProvider from './OnboardProvider/OnboardProvider';
 import OnboardSubtitle from './OnboardSubtitle/OnboardSubtitle';
+import OnboardTitle from './OnboardTitle/OnboardTitle';
 import Text from './Text/Text';
 import View from './View/View';
 
@@ -67,8 +67,6 @@ function RenderNode({ node }: { node: Node }) {
       return <Image node={simpleNode} />;
     case 'Onboard':
       return <Onboard node={simpleNode} />;
-    case 'OnboardBoardTitle':
-      return <OnboardBoardTitle node={simpleNode} />;
     case 'OnboardButton':
       return <OnboardButton node={simpleNode} />;
     case 'OnboardButtons':
@@ -85,6 +83,8 @@ function RenderNode({ node }: { node: Node }) {
       return <OnboardProvider node={simpleNode} />;
     case 'OnboardSubtitle':
       return <OnboardSubtitle node={simpleNode} />;
+    case 'OnboardTitle':
+      return <OnboardTitle node={simpleNode} />;
     case 'text':
       return <Text node={simpleNode} />;
     case 'view':

package/src/build-components/index.ts

@@ -34,10 +34,6 @@ export type {
   OnboardPropsGenerated,
   OnboardComponentProps,
 } from './Onboard/OnboardProps.generated';
-export type {
-  OnboardBoardTitlePropsGenerated,
-  OnboardBoardTitleComponentProps,
-} from './OnboardBoardTitle/OnboardBoardTitleProps.generated';
 export type {
   OnboardButtonPropsGenerated,
   OnboardButtonComponentProps,
@@ -70,6 +66,10 @@ export type {
   OnboardSubtitlePropsGenerated,
   OnboardSubtitleComponentProps,
 } from './OnboardSubtitle/OnboardSubtitleProps.generated';
+export type {
+  OnboardTitlePropsGenerated,
+  OnboardTitleComponentProps,
+} from './OnboardTitle/OnboardTitleProps.generated';
 export type {
   TextPropsGenerated,
   TextComponentProps,

package/src/utils/patterns.ts

@@ -13,7 +13,7 @@ import onboardItemPattern from '../build-components/OnboardItem/pattern.json';
 import onboardImagePattern from '../build-components/OnboardImage/pattern.json';
 import onboardButtonsPattern from '../build-components/OnboardButtons/pattern.json';
 import onboardButtonPattern from '../build-components/OnboardButton/pattern.json';
-import onboardBoardTitlePattern from '../build-components/OnboardBoardTitle/pattern.json';
+import onboardBoardTitlePattern from '../build-components/OnboardTitle/pattern.json';
 import onboardSubtitlePattern from '../build-components/OnboardSubtitle/pattern.json';
 import onboardFooterPattern from '../build-components/OnboardFooter/pattern.json';
 import onboardExpandingDotPattern from '../build-components/OnboardDot/pattern.json';

package/dist/build-components/OnboardBoardTitle/OnboardBoardTitle.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { OnboardBoardTitleComponentProps } from './OnboardBoardTitleProps.generated';
-declare function OnboardBoardTitle({ node }: OnboardBoardTitleComponentProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof OnboardBoardTitle>;
-export default _default;