@dgui/react-shared 0.3.1 → 0.4.0

package/dist/Providers/DrawerIndexProvider.d.ts

@@ -1,4 +1,4 @@
-import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type DrawerIndexProviderProps } from '../Types';
+import { type FunctionComponent } from 'react';
 declare const DrawerIndexProvider: FunctionComponent<DrawerIndexProviderProps>;
 export default DrawerIndexProvider;
-export type DrawerIndexProviderProps = PropsWithChildren<{}>;

package/dist/Providers/DrawerIndexProvider.js

@@ -26,18 +26,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DrawerIndexContext_1 = __importStar(require("../Contexts/DrawerIndexContext"));
 const react_1 = require("react");
-const DrawerIndexProvider = ({ children }) => {
+const DrawerIndexProvider = ({ children, onSelectDrawer, drawerIndex: givenDrawerIndex }) => {
     const [drawerIndex, setDrawerIndex] = (0, react_1.useState)(DrawerIndexContext_1.defaults.drawerIndex);
+    (0, react_1.useEffect)(() => {
+        const safeIndex = Number.isSafeInteger(givenDrawerIndex) &&
+            Number(givenDrawerIndex);
+        if (safeIndex) {
+            setDrawerIndex(safeIndex);
+        }
+    }, [
+        givenDrawerIndex
+    ]);
+    const selectDrawer = (0, react_1.useCallback)((selectedDrawerIndex) => {
+        if (onSelectDrawer) {
+            onSelectDrawer(selectedDrawerIndex);
+        }
+        setDrawerIndex(selectedDrawerIndex);
+    }, [
+        onSelectDrawer
+    ]);
     const value = (0, react_1.useMemo)(() => {
         return {
             drawerIndex,
-            selectDrawer: setDrawerIndex
+            selectDrawer
         };
     }, [
-        setDrawerIndex,
-        drawerIndex
+        drawerIndex,
+        selectDrawer
     ]);
-    return ((0, jsx_runtime_1.jsx)(DrawerIndexContext_1.default.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(DrawerIndexContext_1.default.Provider, { value: value, children: children }));
 };
 DrawerIndexProvider.displayName = 'DrawerIndexProvider';
 exports.default = DrawerIndexProvider;

package/dist/Providers/DrawerProvider.js

@@ -41,14 +41,28 @@ const DrawerProvider = ({ children }) => {
     const [drawers, setDrawers] = (0, react_1.useState)(DrawerContext_1.defaults.drawers);
     const [drawerOrder, setDrawerOrder] = (0, react_1.useState)(DrawerContext_1.defaults.drawerOrder);
     const addDrawer = (0, react_1.useCallback)((drawer, position) => {
-        const { drawerId, tabId } = drawer;
+        const { drawerId, tabId } = drawer, restOfDrawer = __rest(drawer, ["drawerId", "tabId"]);
         setDrawers((previousDrawers) => {
-            if (tabId &&
-                previousDrawers[drawerId]) {
-                return previousDrawers;
+            const existingDrawer = previousDrawers[drawerId];
+            if (existingDrawer) {
+                if (tabId) {
+                    const newDrawers = Object.assign(Object.assign({}, previousDrawers), { [drawerId]: Object.assign(Object.assign({}, existingDrawer), { tabs: [
+                                ...existingDrawer.tabs || [],
+                                tabId
+                            ] }) });
+                    return newDrawers;
+                }
+                else {
+                    return previousDrawers;
+                }
+            }
+            else if (tabId) {
+                return Object.assign(Object.assign({}, previousDrawers), { [drawerId]: Object.assign(Object.assign({ drawerId }, restOfDrawer), { tabs: [
+                            tabId
+                        ] }) });
             }
             else {
-                return Object.assign(Object.assign({}, previousDrawers), { [drawerId]: drawer });
+                return Object.assign(Object.assign({}, previousDrawers), { [drawerId]: Object.assign({}, drawer) });
             }
         });
         setDrawerOrder((previousDrawerOrder) => {
@@ -70,14 +84,28 @@ const DrawerProvider = ({ children }) => {
         });
     }, []);
     const removeDrawer = (0, react_1.useCallback)((drawerId) => {
+        let emptyDrawer = true;
         setDrawers((previousDrawers) => {
-            const _a = previousDrawers, _b = drawerId, omit = _a[_b], filteredDrawers = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
-            return filteredDrawers;
+            const tabs = previousDrawers[drawerId].tabs;
+            if (tabs &&
+                tabs.length !== 0) {
+                emptyDrawer = false;
+                return previousDrawers;
+            }
+            else {
+                const _a = previousDrawers, _b = drawerId, omit = _a[_b], filteredDrawers = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                return filteredDrawers;
+            }
         });
         setDrawerOrder((previousDrawerOrder) => {
-            return previousDrawerOrder.filter((id) => {
-                return id !== drawerId;
-            });
+            if (emptyDrawer) {
+                return previousDrawerOrder.filter((id) => {
+                    return id !== drawerId;
+                });
+            }
+            else {
+                return previousDrawerOrder;
+            }
         });
     }, []);
     const value = (0, react_1.useMemo)(() => {
@@ -93,7 +121,7 @@ const DrawerProvider = ({ children }) => {
         drawers,
         removeDrawer
     ]);
-    return ((0, jsx_runtime_1.jsx)(DrawerContext_1.default.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(DrawerContext_1.default.Provider, { value: value, children: children }));
 };
 DrawerProvider.displayName = 'DrawerProvider';
 exports.default = DrawerProvider;

package/dist/Providers/DrawerToggleProvider.d.ts

@@ -1,4 +1,4 @@
-import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type DrawerToggleProviderProps } from '../Types';
+import { type FunctionComponent } from 'react';
 declare const DrawerToggleProvider: FunctionComponent<DrawerToggleProviderProps>;
 export default DrawerToggleProvider;
-export type DrawerToggleProviderProps = PropsWithChildren<{}>;

package/dist/Providers/DrawerToggleProvider.js

@@ -1,50 +1,47 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DrawerToggleContext_1 = __importStar(require("../Contexts/DrawerToggleContext"));
+const DrawerToggleContext_1 = __importDefault(require("../Contexts/DrawerToggleContext"));
 const react_1 = require("react");
-const DrawerToggleProvider = ({ children }) => {
-    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(DrawerToggleContext_1.defaults.drawerOpen);
-    const value = (0, react_1.useMemo)(() => {
-        return {
-            drawerOpen,
-            toggleDrawer: (open) => {
-                if (open === undefined) {
-                    setDrawerOpen(!drawerOpen);
-                }
-                else {
-                    setDrawerOpen(open);
+const DrawerToggleProvider = ({ children, drawerOpen: givenDrawerOpen, onDrawerToggle }) => {
+    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(givenDrawerOpen);
+    (0, react_1.useEffect)(() => {
+        setDrawerOpen(givenDrawerOpen);
+    }, [
+        givenDrawerOpen
+    ]);
+    const toggleDrawer = (0, react_1.useCallback)((open) => {
+        if (open === undefined) {
+            setDrawerOpen((currentDrawerOpen) => {
+                const toggleOpen = !currentDrawerOpen;
+                if (onDrawerToggle) {
+                    onDrawerToggle(toggleOpen);
                 }
+                return toggleOpen;
+            });
+        }
+        else {
+            if (onDrawerToggle) {
+                onDrawerToggle(open);
             }
+            setDrawerOpen(open);
+        }
+    }, [
+        onDrawerToggle
+    ]);
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            drawerOpen: Boolean(drawerOpen),
+            toggleDrawer
         };
     }, [
         drawerOpen,
-        setDrawerOpen
+        toggleDrawer
     ]);
-    return ((0, jsx_runtime_1.jsx)(DrawerToggleContext_1.default.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(DrawerToggleContext_1.default.Provider, { value: value, children: children }));
 };
 DrawerToggleProvider.displayName = 'DrawerToggleProvider';
 exports.default = DrawerToggleProvider;

package/dist/Providers/TabIndexProvider.d.ts

@@ -1,4 +1,4 @@
-import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type TabIndexProviderProps } from '../Types';
+import { type FunctionComponent } from 'react';
 declare const TabIndexProvider: FunctionComponent<TabIndexProviderProps>;
 export default TabIndexProvider;
-export type TabIndexProviderProps = PropsWithChildren<{}>;

package/dist/Providers/TabIndexProvider.js

@@ -26,18 +26,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TabIndexContext_1 = __importStar(require("../Contexts/TabIndexContext"));
 const react_1 = require("react");
-const TabIndexProvider = ({ children }) => {
+const TabIndexProvider = ({ children, onSelectTab, tabIndex: givenTabIndex }) => {
     const [tabIndex, setTabIndex] = (0, react_1.useState)(TabIndexContext_1.defaults.tabIndex);
+    (0, react_1.useEffect)(() => {
+        const safeIndex = Number.isSafeInteger(givenTabIndex) &&
+            Number(givenTabIndex);
+        if (safeIndex) {
+            setTabIndex(safeIndex);
+        }
+    }, [
+        givenTabIndex
+    ]);
+    const selectTab = (0, react_1.useCallback)((selectedTabIndex) => {
+        if (onSelectTab) {
+            onSelectTab(selectedTabIndex);
+        }
+        setTabIndex(selectedTabIndex);
+    }, [
+        onSelectTab
+    ]);
     const value = (0, react_1.useMemo)(() => {
         return {
-            selectTab: setTabIndex,
+            selectTab,
             tabIndex
         };
     }, [
-        setTabIndex,
+        selectTab,
         tabIndex
     ]);
-    return ((0, jsx_runtime_1.jsx)(TabIndexContext_1.default.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(TabIndexContext_1.default.Provider, { value: value, children: children }));
 };
 exports.default = TabIndexProvider;
 TabIndexProvider.displayName = 'TabIndexProvider';

package/dist/Providers/TabProvider.js

@@ -123,7 +123,7 @@ const TabProvider = ({ children }) => {
         removeTab,
         updateTab
     ]);
-    return ((0, jsx_runtime_1.jsx)(TabContext_1.default.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(TabContext_1.default.Provider, { value: value, children: children }));
 };
 TabProvider.displayName = 'TabProvider';
 exports.default = TabProvider;

package/dist/Providers/index.d.ts

@@ -1,4 +1,4 @@
-import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type ProvidersProps } from '../Types';
+import { type FunctionComponent } from 'react';
 declare const Providers: FunctionComponent<ProvidersProps>;
 export default Providers;
-export type ProvidersProps = PropsWithChildren<{}>;

package/dist/Providers/index.js

@@ -9,8 +9,8 @@ const DrawerProvider_1 = __importDefault(require("./DrawerProvider"));
 const DrawerToggleProvider_1 = __importDefault(require("./DrawerToggleProvider"));
 const TabIndexProvider_1 = __importDefault(require("./TabIndexProvider"));
 const TabProvider_1 = __importDefault(require("./TabProvider"));
-const Providers = ({ children }) => {
-    return ((0, jsx_runtime_1.jsx)(DrawerToggleProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerProvider_1.default, { children: (0, jsx_runtime_1.jsx)(TabProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerIndexProvider_1.default, { children: (0, jsx_runtime_1.jsx)(TabIndexProvider_1.default, { children: children }) }) }) }) }));
+const Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
+    return ((0, jsx_runtime_1.jsx)(DrawerToggleProvider_1.default, { drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, children: (0, jsx_runtime_1.jsx)(DrawerProvider_1.default, { children: (0, jsx_runtime_1.jsx)(TabProvider_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerIndexProvider_1.default, { drawerIndex: drawerIndex, onSelectDrawer: onSelectDrawer, children: (0, jsx_runtime_1.jsx)(TabIndexProvider_1.default, { onSelectTab: onSelectTab, tabIndex: tabIndex, children: children }) }) }) }) }));
 };
 Providers.displayName = 'SharedProviders';
 exports.default = Providers;

package/dist/Types.d.ts

@@ -1,14 +1,8 @@
-import { type Dispatch, type PropsWithChildren, type SetStateAction } from 'react';
-export type DigestProps = {
-    drawerIndex?: number;
-    onSelectDrawer?: (tabIndex: number) => void;
-    onSelectTab?: (tabIndex: number) => void;
-    tabIndex?: number;
-};
+import { type PropsWithChildren } from 'react';
 export type DrawerType = {
     drawerId: string;
     swipe?: boolean;
-    tabId?: string;
+    tabs?: string[];
     title?: string;
 };
 export type DrawerContextProps = {
@@ -21,11 +15,11 @@ export type DrawerContextProps = {
 };
 export type DrawerIndexContextProps = {
     drawerIndex: number;
-    selectDrawer: Dispatch<SetStateAction<number>>;
+    selectDrawer: (drawerIndex: number) => void;
 };
 export type DrawerToggleContextProps = {
     drawerOpen: boolean;
-    toggleDrawer: (open?: boolean) => void;
+    toggleDrawer: (open?: boolean | undefined) => void;
 };
 export type TabType = {
     [key: string]: any;
@@ -43,7 +37,7 @@ export type TabContextProps = {
     updateTab: (tab: TabType) => void;
 };
 export type TabIndexContextProps = {
-    selectTab: Dispatch<SetStateAction<number>>;
+    selectTab: (tabIndex: number) => void;
     tabIndex: number;
 };
 export type CarouselProps = PropsWithChildren<{
@@ -57,3 +51,23 @@ export type GatewayProps = PropsWithChildren<{
 export type GatewayDestProps = {
     gatewayId: string;
 };
+export type DrawerIndexProviderProps = PropsWithChildren<{
+    drawerIndex?: number;
+    onSelectDrawer?: (tabIndex: number) => void;
+}>;
+export type DrawerToggleProviderProps = PropsWithChildren<{
+    drawerOpen?: boolean;
+    onDrawerToggle?: (drawerOpen?: boolean) => void;
+}>;
+export type TabIndexProviderProps = PropsWithChildren<{
+    onSelectTab?: (tabIndex: number) => void;
+    tabIndex?: number;
+}>;
+export type ProvidersProps = DrawerIndexProviderProps & DrawerToggleProviderProps & PropsWithChildren<{}> & TabIndexProviderProps;
+export type ReactDigestProps = PropsWithChildren<{}> & ProvidersProps;
+export type ReactDigestDrawerProps = Omit<DrawerType, 'tabs'> & PropsWithChildren<{}> & {
+    tabId?: string;
+};
+export type ReactDigestTabProps = PropsWithChildren<{}> & TabType;
+export type ReactDigestAppBarProps = PropsWithChildren<{}>;
+export type ReactDigestDrawerBarProps = PropsWithChildren<{}>;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@dgui/react-shared",
 	"title": "Digested React GUI Shared Components",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.3.1",
+	"version": "0.4.0",
 	"private": false,
 	"description": "Shared Components for a boilerplate React GUI",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -43,23 +43,23 @@
 		"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.37",
+		"@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-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-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.0"
+		"rimraf": "^5.0.1"
 	},
 	"peerDependencies": {
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0"
@@ -71,5 +71,5 @@
 		"reactjs",
 		"typescript"
 	],
-	"gitHead": "e49d7187066263c12e7661daa3ffb5feae6286d6"
+	"gitHead": "94c816e2bceb058183cbe0f4dfacb1c7dd6c9d86"
 }