@dgui/react-native-web 0.3.2-beta.1 → 1.0.0

package/dist/Components/Drawers/Tabs/Context/Scene.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const SceneSwiperSlide: import("react").NamedExoticComponent<SceneProps>;
 export type SceneProps = {
-    drawerId: string;
-    tabId: string;
+    readonly drawerId: string;
+    readonly tabId: string;
 };
 export default SceneSwiperSlide;

package/dist/Components/Drawers/Tabs/Context/Scene.js

@@ -11,7 +11,7 @@ const Scene = ({ tabId, drawerId }) => {
     const gatewayId = (0, react_1.useMemo)(() => {
         return `drawer-${drawerId}-${tabId}`;
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, Object.assign({ swipe: swipe }, { children: (0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId }) })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId }) }));
 };
 Scene.displayName = 'NativeWebDrawersTabsSceneContextScene';
 const SceneSwiperSlide = (0, react_1.memo)(Scene);

package/dist/Components/Drawers/Tabs/Context/index.d.ts

@@ -3,5 +3,5 @@ import { type WebBaseCarouselProps } from '@dgui/react-web-shared';
 declare const _default: import("react").NamedExoticComponent<ContextProps>;
 export default _default;
 export type ContextProps = WebBaseCarouselProps & {
-    drawerId: string;
+    readonly drawerId: string;
 };

package/dist/Components/Drawers/Tabs/Context/index.js

@@ -8,8 +8,34 @@ const Scene_1 = __importDefault(require("./Scene"));
 const react_shared_1 = require("@dgui/react-shared");
 const react_web_shared_1 = require("@dgui/react-web-shared");
 const react_1 = require("react");
-const Context = ({ drawerId }) => {
+const Context = ({ drawerId, tabIndex: givenTabIndex, onSelectTab }) => {
     const { selectTab, tabIndex } = (0, react_1.useContext)(react_shared_1.TabIndexContext);
+    (0, react_1.useEffect)(() => {
+        const safeIndex = Number.isSafeInteger(givenTabIndex) &&
+            Number(givenTabIndex);
+        if (safeIndex) {
+            selectTab((currentIndex) => {
+                if (safeIndex === currentIndex) {
+                    return currentIndex;
+                }
+                else {
+                    return safeIndex;
+                }
+            });
+        }
+    }, [
+        givenTabIndex,
+        selectTab
+    ]);
+    const handleSelectTab = (0, react_1.useCallback)((index) => {
+        selectTab(index);
+        if (onSelectTab) {
+            onSelectTab(index);
+        }
+    }, [
+        onSelectTab,
+        selectTab
+    ]);
     const { tabOrder } = (0, react_1.useContext)(react_shared_1.TabContext);
     const tabs = (0, react_1.useMemo)(() => {
         return tabOrder.map((tab) => {
@@ -19,7 +45,7 @@ const Context = ({ drawerId }) => {
         drawerId,
         tabOrder
     ]);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, Object.assign({ onSelectTab: selectTab, swipe: false, tabIndex: tabIndex }, { children: tabs })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: handleSelectTab, swipe: false, tabIndex: tabIndex, children: tabs }));
 };
 Context.displayName = 'NativeWebDrawersTabsSceneContext';
 exports.default = (0, react_1.memo)(Context);

package/dist/Components/Drawers/Tabs/Scene.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const SceneSwiperSlide: import("react").NamedExoticComponent<SceneProps>;
 export type SceneProps = {
-    drawerId: string;
+    readonly drawerId: string;
 };
 export default SceneSwiperSlide;

package/dist/Components/Drawers/Tabs/Scene.js

@@ -11,13 +11,13 @@ const react_web_shared_1 = require("@dgui/react-web-shared");
 const react_1 = require("react");
 const Scene = ({ drawerId }) => {
     const { drawers } = (0, react_1.useContext)(react_shared_1.DrawerContext);
-    const { swipe = true, tabs } = drawers[drawerId];
+    const { swipe = true, tabId } = drawers[drawerId];
     const gatewayId = (0, react_1.useMemo)(() => {
         return `drawer-${drawerId}`;
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, Object.assign({ swipe: swipe }, { children: tabs ?
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: tabId ?
             ((0, jsx_runtime_1.jsx)(Context_1.default, { drawerId: drawerId })) :
-            ((0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId })) })));
+            ((0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId })) }));
 };
 Scene.displayName = 'NativeWebDrawersTabsScene';
 const SceneSwiperSlide = (0, react_1.memo)(Scene);

package/dist/Components/Drawers/Tabs/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-declare const _default: import("react").NamedExoticComponent<DrawerProps>;
+import { type CarouselProps as WebBaseCarouselProps } from '@dgui/react-shared';
+declare const _default: import("react").NamedExoticComponent<WebBaseCarouselProps>;
 export default _default;
-export type DrawerProps = {};
+export type DrawerProps = WebBaseCarouselProps;

package/dist/Components/Drawers/Tabs/index.js

@@ -8,8 +8,34 @@ const Scene_1 = __importDefault(require("./Scene"));
 const react_shared_1 = require("@dgui/react-shared");
 const react_web_shared_1 = require("@dgui/react-web-shared");
 const react_1 = require("react");
-const Drawers = () => {
+const Drawers = ({ tabIndex: givenDrawerIndex, onSelectTab: onSelectDrawer }) => {
     const { selectDrawer, drawerIndex } = (0, react_1.useContext)(react_shared_1.DrawerIndexContext);
+    (0, react_1.useEffect)(() => {
+        const safeIndex = Number.isSafeInteger(givenDrawerIndex) &&
+            Number(givenDrawerIndex);
+        if (safeIndex) {
+            selectDrawer((currentIndex) => {
+                if (safeIndex === currentIndex) {
+                    return currentIndex;
+                }
+                else {
+                    return safeIndex;
+                }
+            });
+        }
+    }, [
+        givenDrawerIndex,
+        selectDrawer
+    ]);
+    const handleSelectTab = (0, react_1.useCallback)((index) => {
+        selectDrawer(index);
+        if (onSelectDrawer) {
+            onSelectDrawer(index);
+        }
+    }, [
+        onSelectDrawer,
+        selectDrawer
+    ]);
     const { drawerOrder } = (0, react_1.useContext)(react_shared_1.DrawerContext);
     const drawers = (0, react_1.useMemo)(() => {
         return drawerOrder.map((drawerId) => {
@@ -18,7 +44,7 @@ const Drawers = () => {
     }, [
         drawerOrder
     ]);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, Object.assign({ onSelectTab: selectDrawer, tabIndex: drawerIndex }, { children: drawers })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: handleSelectTab, tabIndex: drawerIndex, children: drawers }));
 };
 Drawers.displayName = 'NativeWebDrawersTabs';
 exports.default = (0, react_1.memo)(Drawers);

package/dist/Components/Drawers/index.d.ts

@@ -1,4 +1,7 @@
 import { type FunctionComponent, type PropsWithChildren } from 'react';
 declare const Drawers: FunctionComponent<DrawersProps>;
 export default Drawers;
-export type DrawersProps = PropsWithChildren<{}>;
+export type DrawersProps = PropsWithChildren<{
+    readonly drawerIndex?: number;
+    readonly onSelectDrawer?: (drawerIndex: number) => void;
+}>;

package/dist/Components/Drawers/index.js

@@ -9,12 +9,15 @@ const Tabs_1 = __importDefault(require("./Tabs"));
 const react_native_shared_1 = require("@dgui/react-native-shared");
 const react_shared_1 = require("@dgui/react-shared");
 const react_1 = require("react");
-const Drawers = ({ children }) => {
+const Drawers = ({ children, drawerIndex, onSelectDrawer }) => {
     const { drawerOpen } = (0, react_1.useContext)(react_shared_1.DrawerToggleContext);
     const appBar = (0, react_1.useMemo)(() => {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: 'ReactNativeWebDigestDrawerBar' }), (0, jsx_runtime_1.jsx)(Tabs_1.default, {})] }));
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(react_native_shared_1.NativeBaseDrawers, Object.assign({ drawerContent: appBar, open: drawerOpen }, { children: children })));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: 'ReactNativeWebDigestDrawerBar' }), (0, jsx_runtime_1.jsx)(Tabs_1.default, { onSelectTab: onSelectDrawer, tabIndex: drawerIndex })] }));
+    }, [
+        drawerIndex,
+        onSelectDrawer
+    ]);
+    return ((0, jsx_runtime_1.jsx)(react_native_shared_1.NativeBaseDrawers, { drawerContent: appBar, open: drawerOpen, children: children }));
 };
 Drawers.displayName = 'NativeWebDrawers';
 exports.default = Drawers;

package/dist/Components/NativeWebAppBar/index.js

@@ -4,7 +4,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_shared_1 = require("@dgui/react-native-shared");
 const react_web_shared_1 = require("@dgui/react-web-shared");
 const NativeWebAppBar = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, Object.assign({ gatewayId: 'ReactNativeWebDigestAppBar' }, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_native_shared_1.AppBar, {}) })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: 'ReactNativeWebDigestAppBar', children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_native_shared_1.AppBar, {}) }));
 };
 NativeWebAppBar.displayName = 'NativeWebAppBar';
 exports.default = NativeWebAppBar;

package/dist/Components/NativeWebDrawer/index.js

@@ -32,7 +32,7 @@ const NativeWebDrawer = (_a) => {
             removeDrawer(drawerId);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, Object.assign({ gatewayId: gatewayId }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: gatewayId, children: children }));
 };
 NativeWebDrawer.displayName = 'NativeWebDrawer';
 exports.default = NativeWebDrawer;

package/dist/Components/NativeWebDrawerBar/index.js

@@ -4,7 +4,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_shared_1 = require("@dgui/react-native-shared");
 const react_web_shared_1 = require("@dgui/react-web-shared");
 const NativeWebDrawerBar = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, Object.assign({ gatewayId: 'ReactNativeWebDigestDrawerBar' }, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_native_shared_1.DrawerBar, {}) })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: 'ReactNativeWebDigestDrawerBar', children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_native_shared_1.DrawerBar, {}) }));
 };
 NativeWebDrawerBar.displayName = 'NativeWebDrawerBar';
 exports.default = NativeWebDrawerBar;

package/dist/Components/NativeWebTab/index.js

@@ -30,7 +30,7 @@ const NativeWebTab = (_a) => {
             removeTab(tabId);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, Object.assign({ gatewayId: gatewayId }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: gatewayId, children: children }));
 };
 NativeWebTab.displayName = 'NativeWebTab';
 exports.default = NativeWebTab;

package/dist/Components/Tabs/Scene.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const SceneSwiperSlide: import("react").NamedExoticComponent<SceneProps>;
 export type SceneProps = {
-    tabId: string;
+    readonly tabId: string;
 };
 export default SceneSwiperSlide;

package/dist/Components/Tabs/Scene.js

@@ -11,7 +11,7 @@ const Scene = ({ tabId }) => {
     const gatewayId = (0, react_1.useMemo)(() => {
         return `tab-${tabId}`;
     }, []);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, Object.assign({ swipe: swipe }, { children: (0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId }) })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId }) }));
 };
 const SceneSwiperSlide = (0, react_1.memo)(Scene);
 SceneSwiperSlide.displayName = 'SceneSwiperSlide';

package/dist/Components/Tabs/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-declare const _default: import("react").NamedExoticComponent<TabProps>;
+import { type CarouselProps as WebBaseCarouselProps } from '@dgui/react-shared';
+declare const _default: import("react").NamedExoticComponent<WebBaseCarouselProps>;
 export default _default;
-export type TabProps = {};
+export type TabProps = WebBaseCarouselProps;

package/dist/Components/Tabs/index.js

@@ -8,8 +8,34 @@ const Scene_1 = __importDefault(require("./Scene"));
 const react_shared_1 = require("@dgui/react-shared");
 const react_web_shared_1 = require("@dgui/react-web-shared");
 const react_1 = require("react");
-const Tabs = () => {
+const Tabs = ({ tabIndex: givenTabIndex, onSelectTab }) => {
     const { selectTab, tabIndex } = (0, react_1.useContext)(react_shared_1.TabIndexContext);
+    (0, react_1.useEffect)(() => {
+        const safeIndex = Number.isSafeInteger(givenTabIndex) &&
+            Number(givenTabIndex);
+        if (safeIndex) {
+            selectTab((currentIndex) => {
+                if (safeIndex === currentIndex) {
+                    return currentIndex;
+                }
+                else {
+                    return safeIndex;
+                }
+            });
+        }
+    }, [
+        givenTabIndex,
+        selectTab
+    ]);
+    const handleSelectTab = (0, react_1.useCallback)((index) => {
+        selectTab(index);
+        if (onSelectTab) {
+            onSelectTab(index);
+        }
+    }, [
+        onSelectTab,
+        selectTab
+    ]);
     const { tabOrder } = (0, react_1.useContext)(react_shared_1.TabContext);
     const tabs = (0, react_1.useMemo)(() => {
         const orderedTabs = tabOrder.map((tab) => {
@@ -19,6 +45,6 @@ const Tabs = () => {
     }, [
         tabOrder
     ]);
-    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, Object.assign({ onSelectTab: selectTab, tabIndex: tabIndex }, { children: tabs })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: handleSelectTab, tabIndex: tabIndex, children: tabs }));
 };
 exports.default = (0, react_1.memo)(Tabs);

package/dist/Generics/NativeWebGateway/NativeWebGatewayDest.d.ts

@@ -4,5 +4,5 @@ import { type ViewStyle } from 'react-native';
 declare const NativeWebGatewayDest: FunctionComponent<NativeWebGatewayDestProps>;
 export default NativeWebGatewayDest;
 export type NativeWebGatewayDestProps = GatewayDestProps & {
-    style?: ViewStyle;
+    readonly style?: ViewStyle;
 };

package/dist/Providers/index.d.ts

@@ -1,5 +1,4 @@
-import { type ProvidersProps as BaseProvidersProps } from '@dgui/react-shared';
 import { type FunctionComponent, type PropsWithChildren } from 'react';
 declare const Providers: FunctionComponent<ProvidersProps>;
 export default Providers;
-export type ProvidersProps = BaseProvidersProps & PropsWithChildren<{}>;
+export type ProvidersProps = PropsWithChildren<{}>;

package/dist/Providers/index.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_shared_1 = require("@dgui/react-shared");
 const react_web_shared_1 = require("@dgui/react-web-shared");
-const Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
-    return ((0, jsx_runtime_1.jsx)(react_shared_1.Providers, Object.assign({ drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex }, { children: (0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGatewayProvider, { children: children }) })));
+const Providers = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(react_shared_1.Providers, { children: (0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGatewayProvider, { children: children }) }));
 };
 Providers.displayName = 'NativeWebProviders';
 exports.default = Providers;

package/dist/ReactNativeWebDigest.js

@@ -14,8 +14,8 @@ const styles = react_native_1.StyleSheet.create({
         zIndex: 1
     }
 });
-const ReactNativeWebDigest = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
-    return ((0, jsx_runtime_1.jsxs)(Providers_1.default, Object.assign({ drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex }, { children: [(0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: 'ReactNativeWebDigestAppBar', style: styles.appbar }), (0, jsx_runtime_1.jsx)(Drawers_1.default, { children: (0, jsx_runtime_1.jsx)(Tabs_1.default, {}) }), children] })));
+const ReactNativeWebDigest = ({ children, drawerIndex, onSelectDrawer, onSelectTab, tabIndex }) => {
+    return ((0, jsx_runtime_1.jsxs)(Providers_1.default, { children: [(0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: 'ReactNativeWebDigestAppBar', style: styles.appbar }), (0, jsx_runtime_1.jsx)(Drawers_1.default, { drawerIndex: drawerIndex, onSelectDrawer: onSelectDrawer, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { onSelectTab: onSelectTab, tabIndex: tabIndex }) }), children] }));
 };
 ReactNativeWebDigest.displayName = 'ReactNativeWebDigest';
 exports.default = ReactNativeWebDigest;

package/dist/Types.d.ts

@@ -1,6 +1,10 @@
-import { type ReactDigestAppBarProps, type ReactDigestDrawerBarProps, type ReactDigestDrawerProps, type ReactDigestProps, type ReactDigestTabProps } from '@dgui/react-shared';
-export type ReactNativeWebDigestProps = ReactDigestProps;
-export type ReactNativeWebDigestAppBarProps = ReactDigestAppBarProps;
-export type ReactNativeWebDigestDrawerProps = ReactDigestDrawerProps;
-export type ReactNativeWebDigestDrawerBarProps = ReactDigestDrawerBarProps;
-export type ReactNativeWebDigestTabProps = ReactDigestTabProps;
+import { type ReactNativeWebDigestDrawer, type ReactNativeWebDigestTab } from '.';
+import { type DigestProps, type DrawerType, type TabType } from '@dgui/react-shared';
+import { type PropsWithChildren, type ReactElement } from 'react';
+export type ReactNativeWebDigestProps = DigestProps & {
+    children: Array<ReactElement<typeof ReactNativeWebDigestDrawer>> | Array<ReactElement<typeof ReactNativeWebDigestTab>> | ReactElement<typeof ReactNativeWebDigestDrawer> | ReactElement<typeof ReactNativeWebDigestTab>;
+};
+export type ReactNativeWebDigestAppBarProps = PropsWithChildren<{}>;
+export type ReactNativeWebDigestDrawerProps = DrawerType & PropsWithChildren<{}>;
+export type ReactNativeWebDigestDrawerBarProps = PropsWithChildren<{}>;
+export type ReactNativeWebDigestTabProps = PropsWithChildren<{}> & TabType;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@dgui/react-native-web",
 	"title": "Digested React GUI Native Web Components",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.3.2-beta.1",
+	"version": "1.0.0",
 	"private": false,
 	"description": "Native Web Components for a boilerplate React GUI",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -43,37 +43,37 @@
 		"set:version": "npm version --allow-same-version --no-commit-hooks --no-git-tag-version --no-workspaces-update $(npm --silent view $(node -p \"require('./package.json').name\") version)"
 	},
 	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.2.2",
-		"@digest/eslint-config-react": "^4.2.2",
-		"@digest/eslint-config-typescript": "^4.2.2",
-		"@digest/jest-junit": "^4.2.2",
-		"@digest/jest-react": "^4.2.2",
-		"@digest/jest-typescript": "^4.2.2",
-		"@digest/typescript": "^4.2.2",
-		"@types/jest": "^29.5.1",
-		"@types/react": "^18.0.38",
-		"@types/react-native": "^0.71.6",
+		"@digest/eslint-config-jest": "^4.2.5",
+		"@digest/eslint-config-react": "^4.2.5",
+		"@digest/eslint-config-typescript": "^4.2.5",
+		"@digest/jest-junit": "^4.2.5",
+		"@digest/jest-react": "^4.2.5",
+		"@digest/jest-typescript": "^4.2.5",
+		"@digest/typescript": "^4.2.5",
+		"@types/jest": "^29.5.3",
+		"@types/react": "^18.2.17",
+		"@types/react-native": "^0.72.2",
 		"@types/react-test-renderer": "^18.0.0",
 		"cross-env": "^7.0.3",
-		"jest-environment-jsdom": "^29.5.0",
+		"jest-environment-jsdom": "^29.6.2",
 		"jest-environment-jsdom-global": "^4.0.0",
 		"npm-run-all": "^4.1.5",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-native": "^0.71.7",
-		"react-native-web": "^0.19.4",
+		"react-native": "^0.72.3",
+		"react-native-web": "^0.19.7",
 		"react-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.0"
+		"rimraf": "^5.0.1"
 	},
 	"dependencies": {
-		"@dgui/react-native-shared": "^0.3.2-beta.1",
-		"@dgui/react-shared": "^0.3.2-beta.1",
-		"@dgui/react-web-shared": "^0.3.2-beta.1"
+		"@dgui/react-native-shared": "^1.0.0",
+		"@dgui/react-shared": "^1.0.0",
+		"@dgui/react-web-shared": "^1.0.0"
 	},
 	"peerDependencies": {
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
 		"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",
-		"react-native": "^0.71.0",
+		"react-native": "^0.72.0",
 		"react-native-web": "^0.19.0",
 		"swiper": "^8.0.0 || ^9.0.0"
 	},
@@ -87,5 +87,5 @@
 		"react-native-web",
 		"typescript"
 	],
-	"gitHead": "d7041d722670220288a98743c02810b000cf8020"
+	"gitHead": "ac0d0964d66c9c11f50b625d5ca5aec4e20bb72a"
 }