@idealyst/navigation 1.0.41 → 1.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/navigation",
-  "version": "1.0.41",
+  "version": "1.0.44",
   "description": "Cross-platform navigation library for React and React Native",
   "main": "src/index.ts",
   "module": "src/index.ts",
@@ -37,8 +37,8 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/components": "^1.0.41",
-    "@idealyst/theme": "^1.0.41",
+    "@idealyst/components": "^1.0.44",
+    "@idealyst/theme": "^1.0.44",
     "@react-navigation/bottom-tabs": "^7.0.0",
     "@react-navigation/drawer": "^7.0.0",
     "@react-navigation/native": "^7.0.0",

package/src/examples/ExampleDrawerRouter.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { AvatarExamples, BadgeExamples, ButtonExamples, CardExamples, CheckboxExamples, DividerExamples, IconExamples, InputExamples, TextExamples, ViewExamples, ThemeExtensionExamples } from "../../../components/src/examples";
+import { AvatarExamples, BadgeExamples, ButtonExamples, CardExamples, CheckboxExamples, DialogExamples, DividerExamples, IconExamples, InputExamples, PopoverExamples, TextExamples, ViewExamples, ThemeExtensionExamples } from "../../../components/src/examples";
+import { DataGridShowcase } from "../../../datagrid/src/examples";
+import { DatePickerExamples } from "../../../datepicker/src/examples";
 import { Screen, Text, View, Button } from "../../../components/src";
 import { UnistylesRuntime } from 'react-native-unistyles';
 import { RouteParam } from '../routing';
@@ -129,6 +131,30 @@ const IconDrawerScreen = () => (
     </Screen>
 );
 
+const DialogDrawerScreen = () => (
+    <Screen>
+        <DialogExamples />
+    </Screen>
+);
+
+const PopoverDrawerScreen = () => (
+    <Screen>
+        <PopoverExamples />
+    </Screen>
+);
+
+const DataGridDrawerScreen = () => (
+    <Screen>
+        <DataGridShowcase />
+    </Screen>
+);
+
+const DatePickerDrawerScreen = () => (
+    <Screen>
+        <DatePickerExamples />
+    </Screen>
+);
+
 const ThemeExtensionDrawerScreen = () => (
     <Screen>
         <ThemeExtensionExamples />
@@ -152,6 +178,10 @@ const DrawerRouter: RouteParam = {
         { path: "text", component: TextDrawerScreen },
         { path: "view", component: ViewDrawerScreen },
         { path: "icon", component: IconDrawerScreen },
+        { path: "dialog", component: DialogDrawerScreen },
+        { path: "popover", component: PopoverDrawerScreen },
+        { path: "datagrid", component: DataGridDrawerScreen },
+        { path: "datepicker", component: DatePickerDrawerScreen },
         { path: "theme-extension", component: ThemeExtensionDrawerScreen },
     ],
 };

package/src/examples/ExampleStackRouter.tsx

@@ -1,8 +1,10 @@
-import React, { useState } from 'react';
-import { AvatarExamples, BadgeExamples, ButtonExamples, CardExamples, CheckboxExamples, DividerExamples, IconExamples, InputExamples, ScreenExamples, TextExamples, ViewExamples, ThemeExtensionExamples } from "../../../components/src/examples";
+import React from 'react';
+import { AvatarExamples, BadgeExamples, ButtonExamples, CardExamples, CheckboxExamples, DialogExamples, DividerExamples, IconExamples, InputExamples, PopoverExamples, ScreenExamples, TextExamples, ViewExamples, ThemeExtensionExamples } from "../../../components/src/examples";
+import { DataGridShowcase } from "../../../datagrid/src/examples";
+import { DatePickerExamples } from "../../../datepicker/src/examples";
 import { Button, Divider, Screen, Text, View } from "../../../components/src";
 import { useNavigator } from "../context";
-import { UnistylesRuntime, StyleSheet } from 'react-native-unistyles';
+import { UnistylesRuntime } from 'react-native-unistyles';
 import { GeneralLayout } from '../layouts/GeneralLayout';
 import { RouteParam } from '../routing';
 import { getNextTheme, getThemeDisplayName, isHighContrastTheme } from './unistyles';
@@ -173,6 +175,49 @@ const HomeScreen = () => {
                     }}>
                     Icon
                 </Button>
+                <Button
+                    onPress={() => {
+                        navigator.navigate({
+                            path: "/dialog",
+                            vars: {},
+                        });
+                    }}>
+                    Dialog
+                </Button>
+                <Button
+                    onPress={() => {
+                        navigator.navigate({
+                            path: "/popover",
+                            vars: {},
+                        });
+                    }}>
+                    Popover
+                </Button>
+                
+                <Divider spacing="medium" />
+                <Text size="small" weight="semibold" color="secondary">Data Components</Text>
+                <Button
+                    variant="outlined"
+                    intent="neutral"
+                    onPress={() => {
+                        navigator.navigate({
+                            path: "/datagrid",
+                            vars: {},
+                        });
+                    }}>
+                    📊 DataGrid Showcase
+                </Button>
+                <Button
+                    variant="outlined"
+                    intent="neutral"
+                    onPress={() => {
+                        navigator.navigate({
+                            path: "/datepicker",
+                            vars: {},
+                        });
+                    }}>
+                    📅 DatePicker Examples
+                </Button>
                 
                 <Divider spacing="medium" />
                 <Text size="small" weight="semibold" color="secondary">Theme System</Text>
@@ -238,6 +283,10 @@ const StackRouter: RouteParam = {
         { path: "view", component: ViewExamples},
         { path: "screen", component: ScreenExamples},
         { path: "icon", component: IconExamples},
+        { path: "dialog", component: DialogExamples},
+        { path: "popover", component: PopoverExamples},
+        { path: "datagrid", component: DataGridShowcase},
+        { path: "datepicker", component: DatePickerExamples},
         { path: "theme-extension", component: ThemeExtensionExamples},
     ],
 };

package/src/examples/ExampleTabRouter.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { AvatarExamples, BadgeExamples, ButtonExamples, CardExamples, CheckboxExamples, DividerExamples, IconExamples, InputExamples, TextExamples, ViewExamples, ThemeExtensionExamples } from "../../../components/src/examples";
+import { AvatarExamples, BadgeExamples, ButtonExamples, CardExamples, CheckboxExamples, DialogExamples, DividerExamples, IconExamples, InputExamples, PopoverExamples, TextExamples, ViewExamples, ThemeExtensionExamples } from "../../../components/src/examples";
+import { DataGridShowcase } from "../../../datagrid/src/examples";
+import { DatePickerExamples } from "../../../datepicker/src/examples";
 import { Screen, Text, View, Button } from "../../../components/src";
 import { UnistylesRuntime } from 'react-native-unistyles';
 import { RouteParam } from '../routing';
@@ -127,6 +129,30 @@ const IconTabScreen = () => (
     </Screen>
 );
 
+const DialogTabScreen = () => (
+    <Screen>
+        <DialogExamples />
+    </Screen>
+);
+
+const PopoverTabScreen = () => (
+    <Screen>
+        <PopoverExamples />
+    </Screen>
+);
+
+const DataGridTabScreen = () => (
+    <Screen>
+        <DataGridShowcase />
+    </Screen>
+);
+
+const DatePickerTabScreen = () => (
+    <Screen>
+        <DatePickerExamples />
+    </Screen>
+);
+
 const ThemeExtensionTabScreen = () => (
     <Screen>
         <ThemeExtensionExamples />
@@ -150,6 +176,10 @@ const TabRouter: RouteParam = {
         { path: "text", component: TextTabScreen },
         { path: "view", component: ViewTabScreen },
         { path: "icon", component: IconTabScreen },
+        { path: "dialog", component: DialogTabScreen },
+        { path: "popover", component: PopoverTabScreen },
+        { path: "datagrid", component: DataGridTabScreen },
+        { path: "datepicker", component: DatePickerTabScreen },
         { path: "theme-extension", component: ThemeExtensionTabScreen },
     ],
 }