@developer_tribe/react-builder 0.1.14 → 0.1.16

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/assets/samples/getSamples.ts

@@ -26,3 +26,16 @@ export function getSamples(): Project[] {
     ...legacySamples,
   ];
 }
+
+export function getBasicSamples(): Project[] {
+  return [simple1 as Project, simple2 as Project, carouselSample as Project];
+}
+
+export function getOnboardSamples(): Project[] {
+  return [
+    vpnOnboard1 as Project,
+    vpnOnboard2 as Project,
+    vpnOnboard3 as Project,
+    vpnOnboard4 as Project,
+  ];
+}

package/src/build-components/OnboardProvider/OnboardProvider.tsx

@@ -13,9 +13,6 @@ function OnboardProvider({ node }: OnboardProviderComponentProps) {
   const [selectedIndex, setSelectedIndex] = useState(0);
 
   const children = useMemo(() => {
-    console.log('node', node);
-    console.log('node.children', node.children);
-
     const onboardChild: NodeData = (node.children as NodeData[]).filter(
       (c) => c.type === 'Onboard',
     )[0];

package/src/index.ts

@@ -12,6 +12,8 @@ export {
   analyseNode,
 } from './utils/analyseNode';
 export { getSamples } from './assets/samples/getSamples';
+export { getBasicSamples } from './assets/samples/getSamples';
+export { getOnboardSamples } from './assets/samples/getSamples';
 export { PreviewConfig } from './types/PreviewConfig';
 export { RenderPage } from './RenderPage';
 export { RenderMainNode } from './RenderMainNode';

package/src/utils/novaToJson.ts

@@ -246,7 +246,7 @@ function mapFooterFromGeneralComponents(generalComponents: any[]): Node | null {
   if (children.length === 0) return null;
 
   return {
-    type: 'view',
+    type: 'OnboardFooter',
     attributes: { gap: 8 },
     children,
   } as NodeData;