@dgui/react-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)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId }) })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId }) }));
 };
 Scene.displayName = 'WebDrawersTabsSceneContextScene';
 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 = 'WebDrawersTabsSceneContext';
 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)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId })) })));
+            ((0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId })) }));
 };
 Scene.displayName = 'WebDrawersTabsScene';
 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 = 'WebDrawersTabs';
 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 WebGateway_1 = require("../../Generics/WebGateway");
 const Tabs_1 = __importDefault(require("./Tabs"));
 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)(WebGateway_1.WebGatewayDest, { gatewayId: 'ReactWebDigestDrawerBar' }), (0, jsx_runtime_1.jsx)(Tabs_1.default, {})] }));
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(WebDrawers_1.default, Object.assign({ drawerContent: appBar, open: drawerOpen }, { children: children })));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: 'ReactWebDigestDrawerBar' }), (0, jsx_runtime_1.jsx)(Tabs_1.default, { onSelectTab: onSelectDrawer, tabIndex: drawerIndex })] }));
+    }, [
+        drawerIndex,
+        onSelectDrawer
+    ]);
+    return ((0, jsx_runtime_1.jsx)(WebDrawers_1.default, { drawerContent: appBar, open: drawerOpen, children: children }));
 };
 Drawers.displayName = 'WebDrawers';
 exports.default = Drawers;

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)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId }) })));
+    return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { 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/Components/WebAppBar/AppBar/index.js

@@ -32,6 +32,6 @@ const AppBar = () => {
         handleSelectTab,
         tabOrder
     ]);
-    return ((0, jsx_runtime_1.jsxs)(WebContainer_1.default, Object.assign({ style: styles.tabBar }, { children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, {}), (0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBar, { children: tabs })] })));
+    return ((0, jsx_runtime_1.jsxs)(WebContainer_1.default, { style: styles.tabBar, children: [(0, jsx_runtime_1.jsx)(DrawerToggle_1.default, {}), (0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBar, { children: tabs })] }));
 };
 exports.default = AppBar;

package/dist/Components/WebAppBar/index.js

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

package/dist/Components/WebDrawer/index.js

@@ -32,7 +32,7 @@ const WebDrawer = (_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 }));
 };
 WebDrawer.displayName = 'WebDrawer';
 exports.default = WebDrawer;

package/dist/Components/WebDrawerBar/DrawerBar/index.js

@@ -26,7 +26,7 @@ const DrawerBar = () => {
         handleSelectDrawer,
         drawerOrder
     ]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: styles.drawerBar }, { children: (0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBar, { children: tabs }) })));
+    return ((0, jsx_runtime_1.jsx)("div", { style: styles.drawerBar, children: (0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBar, { children: tabs }) }));
 };
 DrawerBar.displayName = 'WebDrawerBar';
 exports.default = DrawerBar;

package/dist/Components/WebDrawerBar/index.js

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

package/dist/Components/WebTab/index.js

@@ -30,7 +30,7 @@ const WebTab = (_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 }));
 };
 WebTab.displayName = 'WebTab';
 exports.default = WebTab;

package/dist/Generics/WebContainer/index.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const WebContainer = (_a) => {
     var { children, style } = _a, props = __rest(_a, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { style: style }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { style: style, children: children })));
 };
 WebContainer.displayName = 'WebContainer';
 exports.default = WebContainer;

package/dist/Generics/WebDrawers/index.d.ts

@@ -2,10 +2,10 @@ import { type FunctionComponent, type PropsWithChildren, type ReactNode } from '
 declare const WebDrawers: FunctionComponent<WebDrawersProps>;
 export default WebDrawers;
 export type WebDrawersProps = PropsWithChildren<{
-    animationTime?: number;
-    drawerContent?: ReactNode;
-    drawerWidth?: number;
-    opacity?: number;
-    open?: boolean;
-    position?: 'left' | 'right';
+    readonly animationTime?: number;
+    readonly drawerContent?: ReactNode;
+    readonly drawerWidth?: number;
+    readonly opacity?: number;
+    readonly open?: boolean;
+    readonly position?: 'left' | 'right';
 }>;

package/dist/Generics/WebDrawers/index.js

@@ -19,7 +19,7 @@ const styles = {
     }
 };
 const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left' }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: styles.drawerWrap }, { children: [children, (0, jsx_runtime_1.jsx)(react_modern_drawer_1.default, Object.assign({ direction: position, duration: animationTime, enableOverlay: false, open: open, overlayOpacity: opacity, size: drawerWidth, style: styles.drawer }, { children: drawerContent }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: styles.drawerWrap, children: [children, (0, jsx_runtime_1.jsx)(react_modern_drawer_1.default, { direction: position, duration: animationTime, enableOverlay: false, open: open, overlayOpacity: opacity, size: drawerWidth, style: styles.drawer, children: drawerContent })] }));
 };
 WebDrawers.displayName = 'WebDrawers';
 exports.default = WebDrawers;

package/dist/Generics/WebTabBar/WebTabBar.js

@@ -12,6 +12,6 @@ const styles = {
     }
 };
 const WebTabBar = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)(WebContainer_1.default, Object.assign({ style: styles.tabBar }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(WebContainer_1.default, { style: styles.tabBar, children: children }));
 };
 exports.default = WebTabBar;

package/dist/Generics/WebTabBar/WebTabBarTab.d.ts

@@ -2,8 +2,8 @@
 declare const _default: import("react").NamedExoticComponent<WebTabBarTabProps>;
 export default _default;
 export type WebTabBarTabProps = {
-    onSelectTab: (tabIndex: number, tabId: string) => void;
-    tabId: string;
-    tabIndex: number;
-    tabTitle?: string;
+    readonly onSelectTab: (tabIndex: number, tabId: string) => void;
+    readonly tabId: string;
+    readonly tabIndex: number;
+    readonly tabTitle?: string;
 };

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 = 'WebProviders';
 exports.default = Providers;

package/dist/ReactWebDigest.js

@@ -8,8 +8,7 @@ const Drawers_1 = __importDefault(require("./Components/Drawers"));
 const Tabs_1 = __importDefault(require("./Components/Tabs"));
 const WebGateway_1 = require("./Generics/WebGateway");
 const Providers_1 = __importDefault(require("./Providers"));
-const ReactWebDigest = ({ 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)(WebGateway_1.WebGatewayDest, { gatewayId: 'ReactWebDigestAppBar' }), (0, jsx_runtime_1.jsx)(Drawers_1.default, { children: (0, jsx_runtime_1.jsx)(Tabs_1.default, {}) }), children] })));
+const ReactWebDigest = ({ children, drawerIndex, onSelectDrawer, onSelectTab, tabIndex }) => {
+    return ((0, jsx_runtime_1.jsxs)(Providers_1.default, { children: [(0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: 'ReactWebDigestAppBar' }), (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] }));
 };
-ReactWebDigest.displayName = 'ReactWebDigest';
 exports.default = ReactWebDigest;

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 ReactWebDigestProps = ReactDigestProps;
-export type ReactWebDigestAppBarProps = ReactDigestAppBarProps;
-export type ReactWebDigestDrawerProps = ReactDigestDrawerProps;
-export type ReactWebDigestDrawerBarProps = ReactDigestDrawerBarProps;
-export type ReactWebDigestTabProps = ReactDigestTabProps;
+import { type ReactWebDigestDrawer, type ReactWebDigestTab } from '.';
+import { type DigestProps, type DrawerType, type TabType } from '@dgui/react-shared';
+import { type PropsWithChildren, type ReactElement } from 'react';
+export type ReactWebDigestProps = DigestProps & {
+    children: Array<ReactElement<typeof ReactWebDigestDrawer>> | Array<ReactElement<typeof ReactWebDigestTab>> | ReactElement<typeof ReactWebDigestDrawer> | ReactElement<typeof ReactWebDigestTab>;
+};
+export type ReactWebDigestAppBarProps = PropsWithChildren<{}>;
+export type ReactWebDigestDrawerProps = DrawerType & PropsWithChildren<{}>;
+export type ReactWebDigestDrawerBarProps = PropsWithChildren<{}>;
+export type ReactWebDigestTabProps = PropsWithChildren<{}> & TabType;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@dgui/react-web",
 	"title": "Digested React GUI Web Components",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.3.2-beta.1",
+	"version": "1.0.0",
 	"private": false,
 	"description": "Web Components for a boilerplate React GUI",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -43,30 +43,30 @@
 		"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-dom": "^18.0.11",
+		"@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-dom": "^18.2.7",
 		"@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-modern-drawer": "^1.2.0",
 		"react-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.0"
+		"rimraf": "^5.0.1"
 	},
 	"dependencies": {
-		"@dgui/react-shared": "^0.3.2-beta.1",
-		"@dgui/react-web-shared": "^0.3.2-beta.1"
+		"@dgui/react-shared": "^1.0.0",
+		"@dgui/react-web-shared": "^1.0.0"
 	},
 	"peerDependencies": {
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
@@ -82,5 +82,5 @@
 		"react-dom",
 		"typescript"
 	],
-	"gitHead": "d7041d722670220288a98743c02810b000cf8020"
+	"gitHead": "ac0d0964d66c9c11f50b625d5ca5aec4e20bb72a"
 }