@dgui/react-web 0.3.2-beta.1 → 0.4.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

@@ -19,7 +19,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: selectTab, 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

@@ -15,9 +15,9 @@ const Scene = ({ 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: tabs ?
             ((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.js

@@ -18,7 +18,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: selectDrawer, tabIndex: drawerIndex, children: drawers }));
 };
 Drawers.displayName = 'WebDrawersTabs';
 exports.default = (0, react_1.memo)(Drawers);

package/dist/Components/Drawers/index.js

@@ -14,7 +14,7 @@ const Drawers = ({ children }) => {
     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.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.js

@@ -19,6 +19,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: selectTab, 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.js

@@ -4,7 +4,7 @@ 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 }) })));
+    return ((0, jsx_runtime_1.jsx)(react_shared_1.Providers, { 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 }) }));
 };
 Providers.displayName = 'WebProviders';
 exports.default = Providers;

package/dist/ReactWebDigest.js

@@ -9,7 +9,7 @@ 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] })));
+    return ((0, jsx_runtime_1.jsxs)(Providers_1.default, { 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] }));
 };
 ReactWebDigest.displayName = 'ReactWebDigest';
 exports.default = ReactWebDigest;

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": "0.4.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.18",
+		"@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": "^0.4.0",
+		"@dgui/react-web-shared": "^0.4.0"
 	},
 	"peerDependencies": {
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
@@ -82,5 +82,5 @@
 		"react-dom",
 		"typescript"
 	],
-	"gitHead": "d7041d722670220288a98743c02810b000cf8020"
+	"gitHead": "94c816e2bceb058183cbe0f4dfacb1c7dd6c9d86"
 }