vaderjs-native 1.0.27 → 1.0.28

package/index.ts

@@ -994,9 +994,10 @@ export function Match({ when, children }: { when: boolean, children: VNode[] }):
   return when ? children : null;
 }
 
-export function Show({ when, children }: { when: boolean, children: VNode[] }): VNode | null {
-  //@ts-ignore
-  return when ? children : null;
+export function Show({ when, children }: { when: boolean, children: VNode | VNode[] }): VNode | null {
+  if (!when) return null;
+
+  return children as VNode
 }
 /**
  * @description Show toast allows you to invoke system level toast api to show data to user
@@ -1673,6 +1674,16 @@ export function useQuery<T>(
   return { data, loading, error, refetch: fetchData };
 }
 
+export  function For<T>({
+  each,
+  children,
+}: {
+  each: T[];
+  children: (item: T, index: number) => VNode;
+}): VNode[] {
+  return each.map((item, index) => children(item, index));
+}
+
 /**
  * A hook for tracking window focus state.
  * @returns {boolean} True if the window is focused.
@@ -1874,8 +1885,15 @@ export function component<P extends object>( renderFn: (props: P) => VNode): (pr
   
   return ComponentWrapper;
 }
+export function Fragment({ children }: { children: VNode | VNode[] }): VNode | null {
+  // If children is an array, return them as-is
+  // If single child, return it
+  if (Array.isArray(children)) return children;
+  return children;
+}
 const Vader = {
   render,
+  Fragment,
   createElement,
   useState,
   useEffect,
@@ -1898,6 +1916,7 @@ const Vader = {
   showToast,
   platform,
   component,
+  For,
   App
 };
 
@@ -1906,3 +1925,4 @@ Object.defineProperty(window, "Vader", {
   writable: false,
   configurable: false,
 });
+export default Vader;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs-native",
-    "version": "1.0.27",
+    "version": "1.0.28",
     "binaryVersion":"1.0.25",
     "description": "Build Native Applications using Vaderjs framework.",
     "bin": {