@dgui/react-shared - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0-beta.1

dist/Contexts/index.d.ts

+export * from './DrawerContext';
+export * from './DrawerIndexContext';
+export * from './DrawerToggleContext';
+export * from './TabContext';
+export * from './TabIndexContext';

dist/Contexts/index.js

+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DrawerContext"), exports);
+__exportStar(require("./DrawerIndexContext"), exports);
+__exportStar(require("./DrawerToggleContext"), exports);
+__exportStar(require("./TabContext"), exports);
+__exportStar(require("./TabIndexContext"), exports);

dist/Hooks/index.d.ts

+export * from './useDrawerIndex';
+export * from './useDrawerStatus';
+export * from './useSelectDrawer';
+export * from './useSelectTab';
+export * from './useTabIndex';
+export * from './useTabOrder';
+export * from './useTabs';
+export * from './useToggleDrawer';

dist/Hooks/index.js

+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useDrawerIndex"), exports);
+__exportStar(require("./useDrawerStatus"), exports);
+__exportStar(require("./useSelectDrawer"), exports);
+__exportStar(require("./useSelectTab"), exports);
+__exportStar(require("./useTabIndex"), exports);
+__exportStar(require("./useTabOrder"), exports);
+__exportStar(require("./useTabs"), exports);
+__exportStar(require("./useToggleDrawer"), exports);

dist/Hooks/useDrawerIndex.d.ts

+declare function useDrawerIndex(): number;
+export { useDrawerIndex };

dist/Hooks/useDrawerIndex.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerIndex = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+function useDrawerIndex() {
+    const { drawerIndex } = (0, react_1.useContext)(Contexts_1.DrawerIndexContext);
+    return drawerIndex;
+}
+exports.useDrawerIndex = useDrawerIndex;

dist/Hooks/useDrawerStatus.d.ts

+declare const useDrawerStatus: () => boolean;
+export { useDrawerStatus };

dist/Hooks/useDrawerStatus.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerStatus = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDrawerStatus = () => {
+    const { drawerOpen } = (0, react_1.useContext)(Contexts_1.DrawerToggleContext);
+    return drawerOpen;
+};
+exports.useDrawerStatus = useDrawerStatus;

dist/Hooks/useSelectDrawer.d.ts

+declare const useSelectDrawer: () => (drawerIndex: number) => void;
+export { useSelectDrawer };

dist/Hooks/useSelectDrawer.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectDrawer = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useSelectDrawer = () => {
+    const { selectDrawer } = (0, react_1.useContext)(Contexts_1.DrawerIndexContext);
+    return selectDrawer;
+};
+exports.useSelectDrawer = useSelectDrawer;

dist/Hooks/useSelectTab.d.ts

+declare const useSelectTab: () => (tabIndex: number) => void;
+export { useSelectTab };

dist/Hooks/useSelectTab.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectTab = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useSelectTab = () => {
+    const { selectTab } = (0, react_1.useContext)(Contexts_1.TabIndexContext);
+    return selectTab;
+};
+exports.useSelectTab = useSelectTab;

dist/Hooks/useTabIndex.d.ts

+declare const useTabIndex: () => number;
+export { useTabIndex };

dist/Hooks/useTabIndex.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabIndex = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useTabIndex = () => {
+    const { tabIndex } = (0, react_1.useContext)(Contexts_1.TabIndexContext);
+    return tabIndex;
+};
+exports.useTabIndex = useTabIndex;

dist/Hooks/useTabOrder.d.ts

+declare const useTabOrder: () => string[];
+export { useTabOrder };

dist/Hooks/useTabOrder.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabOrder = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useTabOrder = () => {
+    const { tabOrder } = (0, react_1.useContext)(Contexts_1.TabContext);
+    return tabOrder;
+};
+exports.useTabOrder = useTabOrder;

dist/Hooks/useTabs.d.ts

+declare const useTabs: () => {
+    [key: string]: import("..").TabType;
+};
+export { useTabs };

dist/Hooks/useTabs.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabs = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useTabs = () => {
+    const { tabs } = (0, react_1.useContext)(Contexts_1.TabContext);
+    return tabs;
+};
+exports.useTabs = useTabs;

dist/Hooks/useToggleDrawer.d.ts

+declare const useDrawerToggle: () => (open?: boolean | undefined) => void;
+export { useDrawerToggle };

dist/Hooks/useToggleDrawer.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerToggle = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDrawerToggle = () => {
+    const { toggleDrawer } = (0, react_1.useContext)(Contexts_1.DrawerToggleContext);
+    return toggleDrawer;
+};
+exports.useDrawerToggle = useDrawerToggle;

dist/Contexts/DrawerContext.d.ts

 /// <reference types="react" />
 import { type DrawerContextProps } from '../Types';
-export declare const defaults: DrawerContextProps;
+declare const drawerContextDefaults: DrawerContextProps;
 declare const DrawerContext: import("react").Context<DrawerContextProps>;
-export default DrawerContext;
+export { DrawerContext, drawerContextDefaults };

dist/Contexts/DrawerContext.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaults = void 0;
+exports.drawerContextDefaults = exports.DrawerContext = void 0;
 const react_1 = require("react");
-exports.defaults = {
+const drawerContextDefaults = {
     addDrawer: () => { },
@@ -11,4 +11,5 @@ drawerOrder: [],
 };
-const DrawerContext = (0, react_1.createContext)(exports.defaults);
+exports.drawerContextDefaults = drawerContextDefaults;
+const DrawerContext = (0, react_1.createContext)(drawerContextDefaults);
+exports.DrawerContext = DrawerContext;
 DrawerContext.displayName = 'DrawerContext';
-exports.default = DrawerContext;

dist/Contexts/DrawerIndexContext.d.ts

 /// <reference types="react" />
 import { type DrawerIndexContextProps } from '../Types';
-export declare const defaults: DrawerIndexContextProps;
+declare const drawerIndexDefaults: DrawerIndexContextProps;
 declare const DrawerIndexContext: import("react").Context<DrawerIndexContextProps>;
-export default DrawerIndexContext;
+export { DrawerIndexContext, drawerIndexDefaults };

dist/Contexts/DrawerIndexContext.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaults = void 0;
+exports.drawerIndexDefaults = exports.DrawerIndexContext = void 0;
 const react_1 = require("react");
-exports.defaults = {
+const drawerIndexDefaults = {
     drawerIndex: 0,
     selectDrawer: () => { }
 };
-const DrawerIndexContext = (0, react_1.createContext)(exports.defaults);
+exports.drawerIndexDefaults = drawerIndexDefaults;
+const DrawerIndexContext = (0, react_1.createContext)(drawerIndexDefaults);
+exports.DrawerIndexContext = DrawerIndexContext;
 DrawerIndexContext.displayName = 'DrawerIndexContext';
-exports.default = DrawerIndexContext;

dist/Contexts/DrawerToggleContext.d.ts

@@ -5,2 +5,2 @@ /// <reference types="react" />
 declare const DrawerToggleContext: import("react").Context<DrawerToggleContextProps>;
-export default DrawerToggleContext;
+export { DrawerToggleContext };

dist/Contexts/DrawerToggleContext.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaults = void 0;
+exports.DrawerToggleContext = exports.defaults = void 0;
 const react_1 = require("react");
@@ -10,3 +10,3 @@ exports.defaults = {
 const DrawerToggleContext = (0, react_1.createContext)(exports.defaults);
+exports.DrawerToggleContext = DrawerToggleContext;
 DrawerToggleContext.displayName = 'DrawerToggleContext';
-exports.default = DrawerToggleContext;

dist/Contexts/TabContext.d.ts

 /// <reference types="react" />
 import { type TabContextProps } from '../Types';
-export declare const defaults: TabContextProps;
+declare const tabDefaults: TabContextProps;
 declare const TabContext: import("react").Context<TabContextProps>;
-export default TabContext;
+export { TabContext, tabDefaults };

dist/Contexts/TabContext.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaults = void 0;
+exports.tabDefaults = exports.TabContext = void 0;
 const react_1 = require("react");
-exports.defaults = {
+const tabDefaults = {
     addTab: () => { },
@@ -12,4 +12,5 @@ removeTab: () => { },
 };
-const TabContext = (0, react_1.createContext)(exports.defaults);
+exports.tabDefaults = tabDefaults;
+const TabContext = (0, react_1.createContext)(tabDefaults);
+exports.TabContext = TabContext;
 TabContext.displayName = 'TabContext';
-exports.default = TabContext;

dist/Contexts/TabIndexContext.d.ts

 /// <reference types="react" />
 import { type TabIndexContextProps } from '../Types';
-export declare const defaults: TabIndexContextProps;
+declare const tabIndexDefaults: TabIndexContextProps;
 declare const TabIndexContext: import("react").Context<TabIndexContextProps>;
-export default TabIndexContext;
+export { TabIndexContext, tabIndexDefaults };

dist/Contexts/TabIndexContext.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaults = void 0;
+exports.tabIndexDefaults = exports.TabIndexContext = void 0;
 const react_1 = require("react");
-exports.defaults = {
+const tabIndexDefaults = {
     selectTab: () => { },
     tabIndex: 0
 };
-const TabIndexContext = (0, react_1.createContext)(exports.defaults);
+exports.tabIndexDefaults = tabIndexDefaults;
+const TabIndexContext = (0, react_1.createContext)(tabIndexDefaults);
+exports.TabIndexContext = TabIndexContext;
 TabIndexContext.displayName = 'TabIndexContext';
-exports.default = TabIndexContext;

dist/index.d.ts

@@ -1,7 +0,4 @@
-export { default as DrawerContext, defaults as drawerContextDefaults } from './Contexts/DrawerContext';
-export { default as DrawerIndexContext, defaults as drawerIndexDefaults } from './Contexts/DrawerIndexContext';
-export { default as DrawerToggleContext } from './Contexts/DrawerToggleContext';
-export { default as TabContext, defaults as tabDefaults } from './Contexts/TabContext';
-export { default as TabIndexContext, defaults as tabIndexDefaults } from './Contexts/TabIndexContext';
-export { default as Providers } from './Providers';
+export * from './Contexts';
+export * from './Hooks';
+export * from './Providers';
 export * from './Types';

dist/index.js

@@ -16,23 +16,6 @@ "use strict";
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Providers = exports.tabIndexDefaults = exports.TabIndexContext = exports.tabDefaults = exports.TabContext = exports.DrawerToggleContext = exports.drawerIndexDefaults = exports.DrawerIndexContext = exports.drawerContextDefaults = exports.DrawerContext = void 0;
-var DrawerContext_1 = require("./Contexts/DrawerContext");
-Object.defineProperty(exports, "DrawerContext", { enumerable: true, get: function () { return __importDefault(DrawerContext_1).default; } });
-Object.defineProperty(exports, "drawerContextDefaults", { enumerable: true, get: function () { return DrawerContext_1.defaults; } });
-var DrawerIndexContext_1 = require("./Contexts/DrawerIndexContext");
-Object.defineProperty(exports, "DrawerIndexContext", { enumerable: true, get: function () { return __importDefault(DrawerIndexContext_1).default; } });
-Object.defineProperty(exports, "drawerIndexDefaults", { enumerable: true, get: function () { return DrawerIndexContext_1.defaults; } });
-var DrawerToggleContext_1 = require("./Contexts/DrawerToggleContext");
-Object.defineProperty(exports, "DrawerToggleContext", { enumerable: true, get: function () { return __importDefault(DrawerToggleContext_1).default; } });
-var TabContext_1 = require("./Contexts/TabContext");
-Object.defineProperty(exports, "TabContext", { enumerable: true, get: function () { return __importDefault(TabContext_1).default; } });
-Object.defineProperty(exports, "tabDefaults", { enumerable: true, get: function () { return TabContext_1.defaults; } });
-var TabIndexContext_1 = require("./Contexts/TabIndexContext");
-Object.defineProperty(exports, "TabIndexContext", { enumerable: true, get: function () { return __importDefault(TabIndexContext_1).default; } });
-Object.defineProperty(exports, "tabIndexDefaults", { enumerable: true, get: function () { return TabIndexContext_1.defaults; } });
-var Providers_1 = require("./Providers");
-Object.defineProperty(exports, "Providers", { enumerable: true, get: function () { return __importDefault(Providers_1).default; } });
+__exportStar(require("./Contexts"), exports);
+__exportStar(require("./Hooks"), exports);
+__exportStar(require("./Providers"), exports);
 __exportStar(require("./Types"), exports);

dist/Providers/DrawerIndexProvider.d.ts

@@ -1,4 +0,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<{}>;

dist/Providers/DrawerIndexProvider.js

 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DrawerIndexContext_1 = __importStar(require("../Contexts/DrawerIndexContext"));
+const Contexts_1 = require("../Contexts");
 const react_1 = require("react");
-const DrawerIndexProvider = ({ children }) => {
-    const [drawerIndex, setDrawerIndex] = (0, react_1.useState)(DrawerIndexContext_1.defaults.drawerIndex);
+const DrawerIndexProvider = ({ children, drawerIndex: givenDrawerIndex, onSelectDrawer }) => {
+    const [drawerIndex, setDrawerIndex] = (0, react_1.useState)(Contexts_1.drawerIndexDefaults.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, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.DrawerIndexContext.Provider, { value: value, children: children }));
 };
 DrawerIndexProvider.displayName = 'DrawerIndexProvider';
 exports.default = DrawerIndexProvider;

dist/Providers/DrawerProvider.js

 "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 __rest = (this && this.__rest) || function (s, e) {
@@ -38,16 +15,30 @@ var t = {};
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DrawerContext_1 = __importStar(require("../Contexts/DrawerContext"));
+const Contexts_1 = require("../Contexts");
 const react_1 = require("react");
 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 [drawers, setDrawers] = (0, react_1.useState)(Contexts_1.drawerContextDefaults.drawers);
+    const [drawerOrder, setDrawerOrder] = (0, react_1.useState)(Contexts_1.drawerContextDefaults.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) });
             }
@@ -74,10 +65,24 @@ });
     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;
+            }
         });
@@ -98,5 +103,5 @@ }, []);
     ]);
-    return ((0, jsx_runtime_1.jsx)(DrawerContext_1.default.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.DrawerContext.Provider, { value: value, children: children }));
 };
 DrawerProvider.displayName = 'DrawerProvider';
 exports.default = DrawerProvider;

dist/Providers/DrawerToggleProvider.d.ts

@@ -1,4 +0,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<{}>;

dist/Providers/DrawerToggleProvider.js

 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DrawerToggleContext_1 = __importStar(require("../Contexts/DrawerToggleContext"));
+const Contexts_1 = require("../Contexts");
 const react_1 = require("react");
-const DrawerToggleProvider = ({ children }) => {
-    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(DrawerToggleContext_1.defaults.drawerOpen);
+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,
-            toggleDrawer: (open) => {
-                if (open === undefined) {
-                    setDrawerOpen(!drawerOpen);
-                }
-                else {
-                    setDrawerOpen(open);
-                }
-            }
+            drawerOpen: Boolean(drawerOpen),
+            toggleDrawer
         };
     }, [
         drawerOpen,
-        setDrawerOpen
+        toggleDrawer
     ]);
-    return ((0, jsx_runtime_1.jsx)(DrawerToggleContext_1.default.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.DrawerToggleContext.Provider, { value: value, children: children }));
 };
 DrawerToggleProvider.displayName = 'DrawerToggleProvider';
 exports.default = DrawerToggleProvider;

dist/Providers/index.d.ts

@@ -1,4 +0,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<{}>;
+export { Providers };

dist/Providers/index.js

@@ -6,2 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -13,6 +14,6 @@ const DrawerIndexProvider_1 = __importDefault(require("./DrawerIndexProvider"));
 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 }) }) }) }) }));
 };
+exports.Providers = Providers;
 Providers.displayName = 'SharedProviders';
-exports.default = Providers;

dist/Providers/TabIndexProvider.d.ts

@@ -1,4 +0,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<{}>;

dist/Providers/TabIndexProvider.js

 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const TabIndexContext_1 = __importStar(require("../Contexts/TabIndexContext"));
+const TabIndexContext_1 = require("../Contexts/TabIndexContext");
 const react_1 = require("react");
-const TabIndexProvider = ({ children }) => {
-    const [tabIndex, setTabIndex] = (0, react_1.useState)(TabIndexContext_1.defaults.tabIndex);
+const TabIndexProvider = ({ children, onSelectTab, tabIndex: givenTabIndex }) => {
+    const [tabIndex, setTabIndex] = (0, react_1.useState)(TabIndexContext_1.tabIndexDefaults.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, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(TabIndexContext_1.TabIndexContext.Provider, { value: value, children: children }));
 };
 exports.default = TabIndexProvider;
 TabIndexProvider.displayName = 'TabIndexProvider';

dist/Providers/TabProvider.js

 "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 __rest = (this && this.__rest) || function (s, e) {
@@ -36,14 +13,10 @@ var t = {};
 };
-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 TabContext_1 = __importStar(require("../Contexts/TabContext"));
-const TabIndexContext_1 = __importDefault(require("../Contexts/TabIndexContext"));
+const Contexts_1 = require("../Contexts");
 const react_1 = require("react");
 const TabProvider = ({ children }) => {
-    const { tabIndex, selectTab } = (0, react_1.useContext)(TabIndexContext_1.default);
-    const [tabs, setTabs] = (0, react_1.useState)(TabContext_1.defaults.tabs);
-    const [tabOrder, setTabOrder] = (0, react_1.useState)(TabContext_1.defaults.tabOrder);
+    const { selectTab, tabIndex } = (0, react_1.useContext)(Contexts_1.TabIndexContext);
+    const [tabs, setTabs] = (0, react_1.useState)(Contexts_1.tabDefaults.tabs);
+    const [tabOrder, setTabOrder] = (0, react_1.useState)(Contexts_1.tabDefaults.tabOrder);
     const addTab = (0, react_1.useCallback)((tab, goto, position) => {
@@ -122,10 +95,10 @@ const { tabId } = tab;
         addTab,
+        removeTab,
         tabOrder,
         tabs,
-        removeTab,
         updateTab
     ]);
-    return ((0, jsx_runtime_1.jsx)(TabContext_1.default.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.TabContext.Provider, { value: value, children: children }));
 };
 TabProvider.displayName = 'TabProvider';
 exports.default = TabProvider;

dist/Types.d.ts

@@ -1,12 +0,6 @@
-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;
@@ -24,7 +18,7 @@ };
     drawerIndex: number;
-    selectDrawer: Dispatch<SetStateAction<number>>;
+    selectDrawer: (drawerIndex: number) => void;
 };
 export type DrawerToggleContextProps = {
     drawerOpen: boolean;
-    toggleDrawer: (open?: boolean) => void;
+    toggleDrawer: (open?: boolean | undefined) => void;
 };
@@ -47,3 +41,3 @@ export type TabType = {
 export type TabIndexContextProps = {
-    selectTab: Dispatch<SetStateAction<number>>;
+    selectTab: (tabIndex: number) => void;
     tabIndex: number;
@@ -62,1 +56,21 @@ };
 };
+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.json

@@ -5,3 +5,3 @@ {
 	"license": "LGPL-3.0-or-later",
-	"version": "1.0.0",
+	"version": "1.1.0-beta.1",
 	"private": false,
@@ -43,18 +43,17 @@ "description": "Shared Components for a boilerplate React GUI",
 		"clean:node_modules": "rimraf node_modules yarn.lock package-lock.json",
-		"clean:dist": "rimraf dist",
-		"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)"
+		"clean:dist": "rimraf dist"
 	},
 	"devDependencies": {
-		"@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-test-renderer": "^18.0.0",
+		"@digest/eslint-config-jest": "^4.3.0",
+		"@digest/eslint-config-react": "^4.3.0",
+		"@digest/eslint-config-typescript": "^4.3.0",
+		"@digest/jest-junit": "^4.3.0",
+		"@digest/jest-react": "^4.3.0",
+		"@digest/jest-typescript": "^4.3.0",
+		"@digest/typescript": "^4.3.0",
+		"@types/jest": "^29.5.12",
+		"@types/react": "^18.2.55",
+		"@types/react-test-renderer": "^18.0.7",
 		"cross-env": "^7.0.3",
-		"jest-environment-jsdom": "^29.6.2",
+		"jest-environment-jsdom": "^29.7.0",
 		"jest-environment-jsdom-global": "^4.0.0",
@@ -64,3 +63,3 @@ "npm-run-all": "^4.1.5",
 		"react-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.1"
+		"rimraf": "^5.0.5"
 	},
@@ -77,3 +76,3 @@ "peerDependencies": {
 	],
-	"gitHead": "ac0d0964d66c9c11f50b625d5ca5aec4e20bb72a"
+	"gitHead": "29925392dfd790c7844dcfea551b2ecb640c089e"
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

74502

2.87%

Number of package files

50

66.67%

Lines of code

710

19.33%

Worsened metrics

Number of low quality alerts

1

Infinity%

No dependency changes