@dgui/react-shared 0.7.0-next.1 → 0.8.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Contexts/DrawerContext.d.ts +2 -2
- package/dist/Contexts/DrawerContext.js +5 -4
- package/dist/Contexts/DrawerIndexContext.d.ts +2 -2
- package/dist/Contexts/DrawerIndexContext.js +5 -4
- package/dist/Contexts/DrawerToggleContext.d.ts +1 -1
- package/dist/Contexts/DrawerToggleContext.js +2 -2
- package/dist/Contexts/TabContext.d.ts +2 -2
- package/dist/Contexts/TabContext.js +5 -4
- package/dist/Contexts/TabIndexContext.d.ts +2 -2
- package/dist/Contexts/TabIndexContext.js +5 -4
- package/dist/Contexts/index.d.ts +5 -0
- package/dist/Contexts/index.js +21 -0
- package/dist/Hooks/index.d.ts +8 -0
- package/dist/Hooks/index.js +24 -0
- package/dist/Hooks/useDrawerIndex.d.ts +3 -0
- package/dist/Hooks/useDrawerIndex.js +11 -0
- package/dist/Hooks/useDrawerStatus.d.ts +2 -0
- package/dist/Hooks/useDrawerStatus.js +10 -0
- package/dist/Hooks/useSelectDrawer.d.ts +2 -0
- package/dist/Hooks/useSelectDrawer.js +10 -0
- package/dist/Hooks/useSelectTab.d.ts +2 -0
- package/dist/Hooks/useSelectTab.js +10 -0
- package/dist/Hooks/useTabIndex.d.ts +2 -0
- package/dist/Hooks/useTabIndex.js +10 -0
- package/dist/Hooks/useTabOrder.d.ts +2 -0
- package/dist/Hooks/useTabOrder.js +10 -0
- package/dist/Hooks/useTabs.d.ts +4 -0
- package/dist/Hooks/useTabs.js +10 -0
- package/dist/Hooks/useToggleDrawer.d.ts +2 -0
- package/dist/Hooks/useToggleDrawer.js +10 -0
- package/dist/Providers/DrawerIndexProvider.js +3 -26
- package/dist/Providers/DrawerProvider.js +4 -27
- package/dist/Providers/DrawerToggleProvider.js +2 -5
- package/dist/Providers/TabIndexProvider.js +3 -26
- package/dist/Providers/TabProvider.js +5 -32
- package/dist/Providers/index.d.ts +1 -1
- package/dist/Providers/index.js +2 -1
- package/dist/index.d.ts +3 -6
- package/dist/index.js +3 -20
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type DrawerContextProps } from '../Types';
|
|
3
|
-
|
|
3
|
+
declare const drawerContextDefaults: DrawerContextProps;
|
|
4
4
|
declare const DrawerContext: import("react").Context<DrawerContextProps>;
|
|
5
|
-
export
|
|
5
|
+
export { DrawerContext, drawerContextDefaults };
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.drawerContextDefaults = exports.DrawerContext = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
|
|
5
|
+
const drawerContextDefaults = {
|
|
6
6
|
addDrawer: () => { },
|
|
7
7
|
drawerOrder: [],
|
|
8
8
|
drawers: {},
|
|
9
9
|
removeDrawer: () => { }
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
exports.drawerContextDefaults = drawerContextDefaults;
|
|
12
|
+
const DrawerContext = (0, react_1.createContext)(drawerContextDefaults);
|
|
13
|
+
exports.DrawerContext = DrawerContext;
|
|
12
14
|
DrawerContext.displayName = 'DrawerContext';
|
|
13
|
-
exports.default = DrawerContext;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type DrawerIndexContextProps } from '../Types';
|
|
3
|
-
|
|
3
|
+
declare const drawerIndexDefaults: DrawerIndexContextProps;
|
|
4
4
|
declare const DrawerIndexContext: import("react").Context<DrawerIndexContextProps>;
|
|
5
|
-
export
|
|
5
|
+
export { DrawerIndexContext, drawerIndexDefaults };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.drawerIndexDefaults = exports.DrawerIndexContext = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
|
|
5
|
+
const drawerIndexDefaults = {
|
|
6
6
|
drawerIndex: 0,
|
|
7
7
|
selectDrawer: () => { }
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
exports.drawerIndexDefaults = drawerIndexDefaults;
|
|
10
|
+
const DrawerIndexContext = (0, react_1.createContext)(drawerIndexDefaults);
|
|
11
|
+
exports.DrawerIndexContext = DrawerIndexContext;
|
|
10
12
|
DrawerIndexContext.displayName = 'DrawerIndexContext';
|
|
11
|
-
exports.default = DrawerIndexContext;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { type DrawerToggleContextProps } from '../Types';
|
|
3
3
|
export declare const defaults: DrawerToggleContextProps;
|
|
4
4
|
declare const DrawerToggleContext: import("react").Context<DrawerToggleContextProps>;
|
|
5
|
-
export
|
|
5
|
+
export { DrawerToggleContext };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.defaults = void 0;
|
|
3
|
+
exports.DrawerToggleContext = exports.defaults = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
exports.defaults = {
|
|
6
6
|
drawerOpen: false,
|
|
7
7
|
toggleDrawer: () => { }
|
|
8
8
|
};
|
|
9
9
|
const DrawerToggleContext = (0, react_1.createContext)(exports.defaults);
|
|
10
|
+
exports.DrawerToggleContext = DrawerToggleContext;
|
|
10
11
|
DrawerToggleContext.displayName = 'DrawerToggleContext';
|
|
11
|
-
exports.default = DrawerToggleContext;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type TabContextProps } from '../Types';
|
|
3
|
-
|
|
3
|
+
declare const tabDefaults: TabContextProps;
|
|
4
4
|
declare const TabContext: import("react").Context<TabContextProps>;
|
|
5
|
-
export
|
|
5
|
+
export { TabContext, tabDefaults };
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.tabDefaults = exports.TabContext = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
|
|
5
|
+
const tabDefaults = {
|
|
6
6
|
addTab: () => { },
|
|
7
7
|
removeTab: () => { },
|
|
8
8
|
tabOrder: [],
|
|
9
9
|
tabs: {},
|
|
10
10
|
updateTab: () => { }
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
exports.tabDefaults = tabDefaults;
|
|
13
|
+
const TabContext = (0, react_1.createContext)(tabDefaults);
|
|
14
|
+
exports.TabContext = TabContext;
|
|
13
15
|
TabContext.displayName = 'TabContext';
|
|
14
|
-
exports.default = TabContext;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type TabIndexContextProps } from '../Types';
|
|
3
|
-
|
|
3
|
+
declare const tabIndexDefaults: TabIndexContextProps;
|
|
4
4
|
declare const TabIndexContext: import("react").Context<TabIndexContextProps>;
|
|
5
|
-
export
|
|
5
|
+
export { TabIndexContext, tabIndexDefaults };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.tabIndexDefaults = exports.TabIndexContext = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
|
|
5
|
+
const tabIndexDefaults = {
|
|
6
6
|
selectTab: () => { },
|
|
7
7
|
tabIndex: 0
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
exports.tabIndexDefaults = tabIndexDefaults;
|
|
10
|
+
const TabIndexContext = (0, react_1.createContext)(tabIndexDefaults);
|
|
11
|
+
exports.TabIndexContext = TabIndexContext;
|
|
10
12
|
TabIndexContext.displayName = 'TabIndexContext';
|
|
11
|
-
exports.default = TabIndexContext;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./DrawerContext"), exports);
|
|
18
|
+
__exportStar(require("./DrawerIndexContext"), exports);
|
|
19
|
+
__exportStar(require("./DrawerToggleContext"), exports);
|
|
20
|
+
__exportStar(require("./TabContext"), exports);
|
|
21
|
+
__exportStar(require("./TabIndexContext"), exports);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './useDrawerIndex';
|
|
2
|
+
export * from './useDrawerStatus';
|
|
3
|
+
export * from './useSelectDrawer';
|
|
4
|
+
export * from './useSelectTab';
|
|
5
|
+
export * from './useTabIndex';
|
|
6
|
+
export * from './useTabOrder';
|
|
7
|
+
export * from './useTabs';
|
|
8
|
+
export * from './useToggleDrawer';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./useDrawerIndex"), exports);
|
|
18
|
+
__exportStar(require("./useDrawerStatus"), exports);
|
|
19
|
+
__exportStar(require("./useSelectDrawer"), exports);
|
|
20
|
+
__exportStar(require("./useSelectTab"), exports);
|
|
21
|
+
__exportStar(require("./useTabIndex"), exports);
|
|
22
|
+
__exportStar(require("./useTabOrder"), exports);
|
|
23
|
+
__exportStar(require("./useTabs"), exports);
|
|
24
|
+
__exportStar(require("./useToggleDrawer"), exports);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useDrawerIndex = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
function useDrawerIndex() {
|
|
7
|
+
const { drawerIndex } = (0, react_1.useContext)(Contexts_1.DrawerIndexContext);
|
|
8
|
+
return drawerIndex;
|
|
9
|
+
}
|
|
10
|
+
exports.useDrawerIndex = useDrawerIndex;
|
|
11
|
+
exports.default = useDrawerIndex;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useDrawerStatus = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useDrawerStatus = () => {
|
|
7
|
+
const { drawerOpen } = (0, react_1.useContext)(Contexts_1.DrawerToggleContext);
|
|
8
|
+
return drawerOpen;
|
|
9
|
+
};
|
|
10
|
+
exports.useDrawerStatus = useDrawerStatus;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSelectDrawer = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useSelectDrawer = () => {
|
|
7
|
+
const { selectDrawer } = (0, react_1.useContext)(Contexts_1.DrawerIndexContext);
|
|
8
|
+
return selectDrawer;
|
|
9
|
+
};
|
|
10
|
+
exports.useSelectDrawer = useSelectDrawer;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSelectTab = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useSelectTab = () => {
|
|
7
|
+
const { selectTab } = (0, react_1.useContext)(Contexts_1.TabIndexContext);
|
|
8
|
+
return selectTab;
|
|
9
|
+
};
|
|
10
|
+
exports.useSelectTab = useSelectTab;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTabIndex = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useTabIndex = () => {
|
|
7
|
+
const { tabIndex } = (0, react_1.useContext)(Contexts_1.TabIndexContext);
|
|
8
|
+
return tabIndex;
|
|
9
|
+
};
|
|
10
|
+
exports.useTabIndex = useTabIndex;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTabOrder = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useTabOrder = () => {
|
|
7
|
+
const { tabOrder } = (0, react_1.useContext)(Contexts_1.TabContext);
|
|
8
|
+
return tabOrder;
|
|
9
|
+
};
|
|
10
|
+
exports.useTabOrder = useTabOrder;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTabs = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useTabs = () => {
|
|
7
|
+
const { tabs } = (0, react_1.useContext)(Contexts_1.TabContext);
|
|
8
|
+
return tabs;
|
|
9
|
+
};
|
|
10
|
+
exports.useTabs = useTabs;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useDrawerToggle = void 0;
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const useDrawerToggle = () => {
|
|
7
|
+
const { toggleDrawer } = (0, react_1.useContext)(Contexts_1.DrawerToggleContext);
|
|
8
|
+
return toggleDrawer;
|
|
9
|
+
};
|
|
10
|
+
exports.useDrawerToggle = useDrawerToggle;
|
|
@@ -1,33 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
28
5
|
const react_1 = require("react");
|
|
29
6
|
const DrawerIndexProvider = ({ children, drawerIndex: givenDrawerIndex, onSelectDrawer }) => {
|
|
30
|
-
const [drawerIndex, setDrawerIndex] = (0, react_1.useState)(
|
|
7
|
+
const [drawerIndex, setDrawerIndex] = (0, react_1.useState)(Contexts_1.drawerIndexDefaults.drawerIndex);
|
|
31
8
|
(0, react_1.useEffect)(() => {
|
|
32
9
|
const safeIndex = Number.isSafeInteger(givenDrawerIndex) &&
|
|
33
10
|
Number(givenDrawerIndex);
|
|
@@ -54,7 +31,7 @@ const DrawerIndexProvider = ({ children, drawerIndex: givenDrawerIndex, onSelect
|
|
|
54
31
|
drawerIndex,
|
|
55
32
|
selectDrawer
|
|
56
33
|
]);
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(Contexts_1.DrawerIndexContext.Provider, { value: value, children: children }));
|
|
58
35
|
};
|
|
59
36
|
DrawerIndexProvider.displayName = 'DrawerIndexProvider';
|
|
60
37
|
exports.default = DrawerIndexProvider;
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -35,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
35
12
|
};
|
|
36
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
14
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
const
|
|
15
|
+
const Contexts_1 = require("../Contexts");
|
|
39
16
|
const react_1 = require("react");
|
|
40
17
|
const DrawerProvider = ({ children }) => {
|
|
41
|
-
const [drawers, setDrawers] = (0, react_1.useState)(
|
|
42
|
-
const [drawerOrder, setDrawerOrder] = (0, react_1.useState)(
|
|
18
|
+
const [drawers, setDrawers] = (0, react_1.useState)(Contexts_1.drawerContextDefaults.drawers);
|
|
19
|
+
const [drawerOrder, setDrawerOrder] = (0, react_1.useState)(Contexts_1.drawerContextDefaults.drawerOrder);
|
|
43
20
|
const addDrawer = (0, react_1.useCallback)((drawer, position) => {
|
|
44
21
|
const { drawerId, tabId } = drawer, restOfDrawer = __rest(drawer, ["drawerId", "tabId"]);
|
|
45
22
|
setDrawers((previousDrawers) => {
|
|
@@ -121,7 +98,7 @@ const DrawerProvider = ({ children }) => {
|
|
|
121
98
|
drawers,
|
|
122
99
|
removeDrawer
|
|
123
100
|
]);
|
|
124
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
101
|
+
return ((0, jsx_runtime_1.jsx)(Contexts_1.DrawerContext.Provider, { value: value, children: children }));
|
|
125
102
|
};
|
|
126
103
|
DrawerProvider.displayName = 'DrawerProvider';
|
|
127
104
|
exports.default = DrawerProvider;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const
|
|
4
|
+
const Contexts_1 = require("../Contexts");
|
|
8
5
|
const react_1 = require("react");
|
|
9
6
|
const DrawerToggleProvider = ({ children, drawerOpen: givenDrawerOpen, onDrawerToggle }) => {
|
|
10
7
|
const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(givenDrawerOpen);
|
|
@@ -41,7 +38,7 @@ const DrawerToggleProvider = ({ children, drawerOpen: givenDrawerOpen, onDrawerT
|
|
|
41
38
|
drawerOpen,
|
|
42
39
|
toggleDrawer
|
|
43
40
|
]);
|
|
44
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(Contexts_1.DrawerToggleContext.Provider, { value: value, children: children }));
|
|
45
42
|
};
|
|
46
43
|
DrawerToggleProvider.displayName = 'DrawerToggleProvider';
|
|
47
44
|
exports.default = DrawerToggleProvider;
|
|
@@ -1,33 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
const TabIndexContext_1 =
|
|
4
|
+
const TabIndexContext_1 = require("../Contexts/TabIndexContext");
|
|
28
5
|
const react_1 = require("react");
|
|
29
6
|
const TabIndexProvider = ({ children, onSelectTab, tabIndex: givenTabIndex }) => {
|
|
30
|
-
const [tabIndex, setTabIndex] = (0, react_1.useState)(TabIndexContext_1.
|
|
7
|
+
const [tabIndex, setTabIndex] = (0, react_1.useState)(TabIndexContext_1.tabIndexDefaults.tabIndex);
|
|
31
8
|
(0, react_1.useEffect)(() => {
|
|
32
9
|
const safeIndex = Number.isSafeInteger(givenTabIndex) &&
|
|
33
10
|
Number(givenTabIndex);
|
|
@@ -54,7 +31,7 @@ const TabIndexProvider = ({ children, onSelectTab, tabIndex: givenTabIndex }) =>
|
|
|
54
31
|
selectTab,
|
|
55
32
|
tabIndex
|
|
56
33
|
]);
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)(TabIndexContext_1.
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(TabIndexContext_1.TabIndexContext.Provider, { value: value, children: children }));
|
|
58
35
|
};
|
|
59
36
|
exports.default = TabIndexProvider;
|
|
60
37
|
TabIndexProvider.displayName = 'TabIndexProvider';
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -33,18 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
10
|
}
|
|
34
11
|
return t;
|
|
35
12
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
14
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
|
-
const
|
|
42
|
-
const TabIndexContext_1 = __importDefault(require("../Contexts/TabIndexContext"));
|
|
15
|
+
const Contexts_1 = require("../Contexts");
|
|
43
16
|
const react_1 = require("react");
|
|
44
17
|
const TabProvider = ({ children }) => {
|
|
45
|
-
const { selectTab, tabIndex } = (0, react_1.useContext)(
|
|
46
|
-
const [tabs, setTabs] = (0, react_1.useState)(
|
|
47
|
-
const [tabOrder, setTabOrder] = (0, react_1.useState)(
|
|
18
|
+
const { selectTab, tabIndex } = (0, react_1.useContext)(Contexts_1.TabIndexContext);
|
|
19
|
+
const [tabs, setTabs] = (0, react_1.useState)(Contexts_1.tabDefaults.tabs);
|
|
20
|
+
const [tabOrder, setTabOrder] = (0, react_1.useState)(Contexts_1.tabDefaults.tabOrder);
|
|
48
21
|
const addTab = (0, react_1.useCallback)((tab, goto, position) => {
|
|
49
22
|
const { tabId } = tab;
|
|
50
23
|
setTabs((previousTabs) => {
|
|
@@ -123,7 +96,7 @@ const TabProvider = ({ children }) => {
|
|
|
123
96
|
tabs,
|
|
124
97
|
updateTab
|
|
125
98
|
]);
|
|
126
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
99
|
+
return ((0, jsx_runtime_1.jsx)(Contexts_1.TabContext.Provider, { value: value, children: children }));
|
|
127
100
|
};
|
|
128
101
|
TabProvider.displayName = 'TabProvider';
|
|
129
102
|
exports.default = TabProvider;
|
package/dist/Providers/index.js
CHANGED
|
@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Providers = void 0;
|
|
6
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
8
|
const DrawerIndexProvider_1 = __importDefault(require("./DrawerIndexProvider"));
|
|
8
9
|
const DrawerProvider_1 = __importDefault(require("./DrawerProvider"));
|
|
@@ -12,5 +13,5 @@ const TabProvider_1 = __importDefault(require("./TabProvider"));
|
|
|
12
13
|
const Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
|
|
13
14
|
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 }) }) }) }) }));
|
|
14
15
|
};
|
|
16
|
+
exports.Providers = Providers;
|
|
15
17
|
Providers.displayName = 'SharedProviders';
|
|
16
|
-
exports.default = Providers;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export { default as TabContext, defaults as tabDefaults } from './Contexts/TabContext';
|
|
5
|
-
export { default as TabIndexContext, defaults as tabIndexDefaults } from './Contexts/TabIndexContext';
|
|
6
|
-
export { default as Providers } from './Providers';
|
|
1
|
+
export * from './Contexts';
|
|
2
|
+
export * from './Hooks';
|
|
3
|
+
export * from './Providers';
|
|
7
4
|
export * from './Types';
|
package/dist/index.js
CHANGED
|
@@ -13,25 +13,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
13
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
-
};
|
|
19
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
Object.defineProperty(exports, "drawerContextDefaults", { enumerable: true, get: function () { return DrawerContext_1.defaults; } });
|
|
24
|
-
var DrawerIndexContext_1 = require("./Contexts/DrawerIndexContext");
|
|
25
|
-
Object.defineProperty(exports, "DrawerIndexContext", { enumerable: true, get: function () { return __importDefault(DrawerIndexContext_1).default; } });
|
|
26
|
-
Object.defineProperty(exports, "drawerIndexDefaults", { enumerable: true, get: function () { return DrawerIndexContext_1.defaults; } });
|
|
27
|
-
var DrawerToggleContext_1 = require("./Contexts/DrawerToggleContext");
|
|
28
|
-
Object.defineProperty(exports, "DrawerToggleContext", { enumerable: true, get: function () { return __importDefault(DrawerToggleContext_1).default; } });
|
|
29
|
-
var TabContext_1 = require("./Contexts/TabContext");
|
|
30
|
-
Object.defineProperty(exports, "TabContext", { enumerable: true, get: function () { return __importDefault(TabContext_1).default; } });
|
|
31
|
-
Object.defineProperty(exports, "tabDefaults", { enumerable: true, get: function () { return TabContext_1.defaults; } });
|
|
32
|
-
var TabIndexContext_1 = require("./Contexts/TabIndexContext");
|
|
33
|
-
Object.defineProperty(exports, "TabIndexContext", { enumerable: true, get: function () { return __importDefault(TabIndexContext_1).default; } });
|
|
34
|
-
Object.defineProperty(exports, "tabIndexDefaults", { enumerable: true, get: function () { return TabIndexContext_1.defaults; } });
|
|
35
|
-
var Providers_1 = require("./Providers");
|
|
36
|
-
Object.defineProperty(exports, "Providers", { enumerable: true, get: function () { return __importDefault(Providers_1).default; } });
|
|
17
|
+
__exportStar(require("./Contexts"), exports);
|
|
18
|
+
__exportStar(require("./Hooks"), exports);
|
|
19
|
+
__exportStar(require("./Providers"), exports);
|
|
37
20
|
__exportStar(require("./Types"), exports);
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dgui/react-shared",
|
|
3
3
|
"title": "Digested React GUI Shared Components",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.8.0-next.1",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "Shared Components for a boilerplate React GUI",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"@digest/jest-react": "^4.3.0",
|
|
50
50
|
"@digest/jest-typescript": "^4.3.0",
|
|
51
51
|
"@digest/typescript": "^4.3.0",
|
|
52
|
-
"@types/jest": "^29.5.
|
|
53
|
-
"@types/react": "^18.2.
|
|
52
|
+
"@types/jest": "^29.5.12",
|
|
53
|
+
"@types/react": "^18.2.55",
|
|
54
54
|
"@types/react-test-renderer": "^18.0.7",
|
|
55
55
|
"cross-env": "^7.0.3",
|
|
56
56
|
"jest-environment-jsdom": "^29.7.0",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"reactjs",
|
|
71
71
|
"typescript"
|
|
72
72
|
],
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "f2b4b59e0b84564645b3a230dad0a1612a5d7b44"
|
|
74
74
|
}
|