@dgui/react-web 1.8.3 → 1.8.5
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/cjs/Components/Drawers/Tabs/Context/Scene.js +12 -10
- package/dist/cjs/Components/Drawers/Tabs/Context/Scene.js.map +1 -1
- package/dist/cjs/Components/Drawers/Tabs/Context/index.js +17 -12
- package/dist/cjs/Components/Drawers/Tabs/Context/index.js.map +1 -1
- package/dist/cjs/Components/Drawers/Tabs/Scene.js +18 -13
- package/dist/cjs/Components/Drawers/Tabs/Scene.js.map +1 -1
- package/dist/cjs/Components/Drawers/Tabs/index.js +17 -12
- package/dist/cjs/Components/Drawers/Tabs/index.js.map +1 -1
- package/dist/cjs/Components/Drawers/index.js +16 -11
- package/dist/cjs/Components/Drawers/index.js.map +1 -1
- package/dist/cjs/Components/Tabs/Scene.js +12 -11
- package/dist/cjs/Components/Tabs/Scene.js.map +1 -1
- package/dist/cjs/Components/Tabs/index.js +17 -12
- package/dist/cjs/Components/Tabs/index.js.map +1 -1
- package/dist/cjs/Components/WebAppBar/AppBar/DrawerToggle/index.js +13 -8
- package/dist/cjs/Components/WebAppBar/AppBar/DrawerToggle/index.js.map +1 -1
- package/dist/cjs/Components/WebAppBar/AppBar/index.js +18 -13
- package/dist/cjs/Components/WebAppBar/AppBar/index.js.map +1 -1
- package/dist/cjs/Components/WebAppBar/index.js +10 -5
- package/dist/cjs/Components/WebAppBar/index.js.map +1 -1
- package/dist/cjs/Components/WebDrawer/index.js +12 -10
- package/dist/cjs/Components/WebDrawer/index.js.map +1 -1
- package/dist/cjs/Components/WebDrawerBar/DrawerBar/index.js +13 -11
- package/dist/cjs/Components/WebDrawerBar/DrawerBar/index.js.map +1 -1
- package/dist/cjs/Components/WebDrawerBar/index.js +10 -5
- package/dist/cjs/Components/WebDrawerBar/index.js.map +1 -1
- package/dist/cjs/Components/WebTab/index.js +12 -10
- package/dist/cjs/Components/WebTab/index.js.map +1 -1
- package/dist/cjs/Generics/WebButton/index.js +5 -3
- package/dist/cjs/Generics/WebButton/index.js.map +1 -1
- package/dist/cjs/Generics/WebContainer/index.js +5 -3
- package/dist/cjs/Generics/WebContainer/index.js.map +1 -1
- package/dist/cjs/Generics/WebDrawers/index.js +11 -6
- package/dist/cjs/Generics/WebDrawers/index.js.map +1 -1
- package/dist/cjs/Generics/WebGateway/WebGatewayDest.js +10 -8
- package/dist/cjs/Generics/WebGateway/WebGatewayDest.js.map +1 -1
- package/dist/cjs/Generics/WebGateway/index.js +8 -1
- package/dist/cjs/Generics/WebGateway/index.js.map +1 -1
- package/dist/cjs/Generics/WebTabBar/WebTabBar.js +9 -4
- package/dist/cjs/Generics/WebTabBar/WebTabBar.js.map +1 -1
- package/dist/cjs/Generics/WebTabBar/WebTabBarTab.js +11 -6
- package/dist/cjs/Generics/WebTabBar/WebTabBarTab.js.map +1 -1
- package/dist/cjs/Generics/WebTabBar/index.js +10 -2
- package/dist/cjs/Generics/WebTabBar/index.js.map +1 -1
- package/dist/cjs/Providers/index.js +7 -5
- package/dist/cjs/Providers/index.js.map +1 -1
- package/dist/cjs/ReactWebDigest.js +12 -7
- package/dist/cjs/ReactWebDigest.js.map +1 -1
- package/dist/cjs/Types.js +2 -1
- package/dist/cjs/index.js +34 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Components/Tabs/Scene.js +0 -1
- package/dist/esm/Components/Tabs/Scene.js.map +1 -1
- package/package.json +13 -13
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const WebGateway_1 = require("../../../../Generics/WebGateway");
|
|
5
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
6
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
7
|
+
const react_1 = require("react");
|
|
6
8
|
const Scene = ({ drawerId, tabId }) => {
|
|
7
|
-
const tabs = useTabs();
|
|
9
|
+
const tabs = (0, react_shared_1.useTabs)();
|
|
8
10
|
const { swipe } = tabs[tabId] ?? {};
|
|
9
|
-
const gatewayId = useMemo(() => {
|
|
11
|
+
const gatewayId = (0, react_1.useMemo)(() => {
|
|
10
12
|
return `drawer-${drawerId}-${tabId}`;
|
|
11
13
|
}, []);
|
|
12
|
-
return (
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId }) }));
|
|
13
15
|
};
|
|
14
16
|
Scene.displayName = 'WebDrawersTabsSceneContextScene';
|
|
15
|
-
const SceneSwiperSlide = memo(Scene);
|
|
17
|
+
const SceneSwiperSlide = (0, react_1.memo)(Scene);
|
|
16
18
|
SceneSwiperSlide.displayName = 'SceneSwiperSlide';
|
|
17
|
-
|
|
19
|
+
exports.default = SceneSwiperSlide;
|
|
18
20
|
//# sourceMappingURL=Scene.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/Scene.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/Scene.tsx"],"names":[],"mappings":";;;AAMA,gEAEyC;AACzC,qDAE4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,KAAK,GAAkC,CAC3C,EACE,QAAQ,EACR,KAAK,EACN,EACD,EAAE;IACF,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,EACJ,KAAK,EACN,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE;QACH,OAAO,UAAU,QAAQ,IAAI,KAAK,EAAE,CAAC;IACvC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,+BAAY,IACX,KAAK,EAAE,KAAK,YAEZ,uBAAC,2BAAc,IACb,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,iCAAiC,CAAC;AAEtD,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC3B,KAAK,CACN,CAAC;AAOF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,22 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Scene_1 = __importDefault(require("./Scene"));
|
|
8
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
10
|
+
const react_1 = require("react");
|
|
6
11
|
const Context = ({ drawerId }) => {
|
|
7
|
-
const selectTab = useSelectTab();
|
|
8
|
-
const tabIndex = useTabIndex();
|
|
9
|
-
const tabOrder = useTabOrder();
|
|
10
|
-
const tabs = useMemo(() => {
|
|
12
|
+
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
13
|
+
const tabIndex = (0, react_shared_1.useTabIndex)();
|
|
14
|
+
const tabOrder = (0, react_shared_1.useTabOrder)();
|
|
15
|
+
const tabs = (0, react_1.useMemo)(() => {
|
|
11
16
|
return tabOrder.map((tab) => {
|
|
12
|
-
return (
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(Scene_1.default, { drawerId: drawerId, tabId: tab }, tab));
|
|
13
18
|
});
|
|
14
19
|
}, [
|
|
15
20
|
drawerId,
|
|
16
21
|
tabOrder
|
|
17
22
|
]);
|
|
18
|
-
return (
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: selectTab, swipe: false, tabIndex: tabIndex, children: tabs }));
|
|
19
24
|
};
|
|
20
25
|
Context.displayName = 'WebDrawersTabsSceneContext';
|
|
21
|
-
|
|
26
|
+
exports.default = (0, react_1.memo)(Context);
|
|
22
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAC5B,qDAI4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,OAAO,GAAoC,CAAC,EAChD,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CAAC,GAAG,EAAE,EAAE;YACN,OAAO,CACL,uBAAC,eAAK,IACJ,QAAQ,EAAE,QAAQ,EAElB,KAAK,EAAE,GAAG,IADL,GAAG,CAER,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,QAAQ;QACR,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,kCAAe,IACd,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACW,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEnD,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
|
|
@@ -1,21 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const WebGateway_1 = require("../../../Generics/WebGateway");
|
|
8
|
+
const Context_1 = __importDefault(require("./Context"));
|
|
9
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
10
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
11
|
+
const react_1 = require("react");
|
|
7
12
|
const Scene = ({ drawerId }) => {
|
|
8
|
-
const drawers = useDrawers();
|
|
13
|
+
const drawers = (0, react_shared_1.useDrawers)();
|
|
9
14
|
const { swipe, tabs } = drawers[drawerId] ?? {};
|
|
10
|
-
const gatewayId = useMemo(() => {
|
|
15
|
+
const gatewayId = (0, react_1.useMemo)(() => {
|
|
11
16
|
return `drawer-${drawerId}`;
|
|
12
17
|
}, []);
|
|
13
|
-
return (
|
|
14
|
-
(
|
|
15
|
-
(
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: tabs ?
|
|
19
|
+
((0, jsx_runtime_1.jsx)(Context_1.default, { drawerId: drawerId })) :
|
|
20
|
+
((0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId })) }));
|
|
16
21
|
};
|
|
17
22
|
Scene.displayName = 'WebDrawersTabsScene';
|
|
18
|
-
const SceneSwiperSlide = memo(Scene);
|
|
23
|
+
const SceneSwiperSlide = (0, react_1.memo)(Scene);
|
|
19
24
|
SceneSwiperSlide.displayName = 'SceneSwiperSlide';
|
|
20
|
-
|
|
25
|
+
exports.default = SceneSwiperSlide;
|
|
21
26
|
//# sourceMappingURL=Scene.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/Scene.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/Scene.tsx"],"names":[],"mappings":";;;;;;AAMA,6DAEsC;AACtC,wDAAgC;AAChC,qDAE4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,IAAA,yBAAU,GAAE,CAAC;IAE7B,MAAM,EACJ,KAAK,EACL,IAAI,EACL,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IAE5B,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE;QACH,OAAO,UAAU,QAAQ,EAAE,CAAC;IAC9B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,+BAAY,IACX,KAAK,EAAE,KAAK,YAGV,IAAI,CAAC,CAAC;YAEJ,CACE,uBAAC,iBAAO,IACN,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC;YAEH,CACE,uBAAC,2BAAc,IACb,SAAS,EAAE,SAAS,GACpB,CACH,GAEQ,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC3B,KAAK,CACN,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,21 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Scene_1 = __importDefault(require("./Scene"));
|
|
8
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
10
|
+
const react_1 = require("react");
|
|
6
11
|
const Drawers = () => {
|
|
7
|
-
const drawerIndex = useDrawerIndex();
|
|
8
|
-
const selectDrawer = useSelectDrawer();
|
|
9
|
-
const drawerOrder = useDrawerOrder();
|
|
10
|
-
const drawers = useMemo(() => {
|
|
12
|
+
const drawerIndex = (0, react_shared_1.useDrawerIndex)();
|
|
13
|
+
const selectDrawer = (0, react_shared_1.useSelectDrawer)();
|
|
14
|
+
const drawerOrder = (0, react_shared_1.useDrawerOrder)();
|
|
15
|
+
const drawers = (0, react_1.useMemo)(() => {
|
|
11
16
|
return drawerOrder.map((drawerId) => {
|
|
12
|
-
return (
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(Scene_1.default, { drawerId: drawerId }, drawerId));
|
|
13
18
|
});
|
|
14
19
|
}, [
|
|
15
20
|
drawerOrder
|
|
16
21
|
]);
|
|
17
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: selectDrawer, tabIndex: drawerIndex, children: drawers }));
|
|
18
23
|
};
|
|
19
24
|
Drawers.displayName = 'WebDrawersTabs';
|
|
20
|
-
|
|
25
|
+
exports.default = (0, react_1.memo)(Drawers);
|
|
21
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAC5B,qDAI4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,OAAO,GAAmC,GAAG,EAAE;IACnD,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IAErC,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CAAC,QAAQ,EAAE,EAAE;YACX,OAAO,CACL,uBAAC,eAAK,IACJ,QAAQ,EAAE,QAAQ,IACb,QAAQ,CACb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,kCAAe,IACd,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,WAAW,YAEpB,OAAO,GACQ,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAEvC,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const WebDrawers_1 = __importDefault(require("../../Generics/WebDrawers"));
|
|
8
|
+
const WebGateway_1 = require("../../Generics/WebGateway");
|
|
9
|
+
const Tabs_1 = __importDefault(require("./Tabs"));
|
|
10
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
11
|
+
const react_1 = require("react");
|
|
7
12
|
const Drawers = (props) => {
|
|
8
|
-
const drawerOpen = useDrawerOpen();
|
|
9
|
-
const appBar = useMemo(() => {
|
|
10
|
-
return (
|
|
13
|
+
const drawerOpen = (0, react_shared_1.useDrawerOpen)();
|
|
14
|
+
const appBar = (0, react_1.useMemo)(() => {
|
|
15
|
+
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, {})] }));
|
|
11
16
|
}, []);
|
|
12
|
-
return (
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(WebDrawers_1.default, { drawerContent: appBar, open: drawerOpen, ...props }));
|
|
13
18
|
};
|
|
14
19
|
Drawers.displayName = 'WebDrawers';
|
|
15
|
-
|
|
20
|
+
exports.default = Drawers;
|
|
16
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,0DAEmC;AAInC,kDAA0B;AAC1B,qDAE4B;AAC5B,iCAKe;AAEf,MAAM,OAAO,GAAoC,CAC/C,KAAK,EACL,EAAE;IACF,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAC;IAEnC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,OAAO,CACL,6DACE,uBAAC,2BAAkB,IACjB,SAAS,EAAC,yBAAyB,GACnC,EACF,uBAAC,cAAI,KAAG,IACP,CACJ,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAW,IACV,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,UAAU,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC;AAEnC,kBAAe,OAAO,CAAC"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const WebGateway_1 = require("../../Generics/WebGateway");
|
|
5
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
6
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
7
|
+
const react_1 = require("react");
|
|
6
8
|
const Scene = ({ tabId }) => {
|
|
7
|
-
const tabs = useTabs();
|
|
9
|
+
const tabs = (0, react_shared_1.useTabs)();
|
|
8
10
|
const { swipe } = tabs[tabId] ?? {};
|
|
9
|
-
|
|
10
|
-
const gatewayId = useMemo(() => {
|
|
11
|
+
const gatewayId = (0, react_1.useMemo)(() => {
|
|
11
12
|
return `tab-${tabId}`;
|
|
12
13
|
}, []);
|
|
13
|
-
return (
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: gatewayId }) }));
|
|
14
15
|
};
|
|
15
|
-
const SceneSwiperSlide = memo(Scene);
|
|
16
|
+
const SceneSwiperSlide = (0, react_1.memo)(Scene);
|
|
16
17
|
SceneSwiperSlide.displayName = 'SceneSwiperSlide';
|
|
17
|
-
|
|
18
|
+
exports.default = SceneSwiperSlide;
|
|
18
19
|
//# sourceMappingURL=Scene.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/Scene.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/Scene.tsx"],"names":[],"mappings":";;;AAKA,0DAEmC;AACnC,qDAE4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,KAAK,GAAkC,CAAC,EAC5C,KAAK,EACN,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,EACJ,KAAK,EACN,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE;QACH,OAAO,OAAO,KAAK,EAAE,CAAC;IACxB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,+BAAY,IACX,KAAK,EAAE,KAAK,YAEZ,uBAAC,2BAAkB,IACjB,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC3B,KAAK,CACN,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,21 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Scene_1 = __importDefault(require("./Scene"));
|
|
8
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
10
|
+
const react_1 = require("react");
|
|
6
11
|
const Tabs = ({ swipe }) => {
|
|
7
|
-
const selectTab = useSelectTab();
|
|
8
|
-
const tabIndex = useTabIndex();
|
|
9
|
-
const tabOrder = useTabOrder();
|
|
10
|
-
const tabs = useMemo(() => {
|
|
12
|
+
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
13
|
+
const tabIndex = (0, react_shared_1.useTabIndex)();
|
|
14
|
+
const tabOrder = (0, react_shared_1.useTabOrder)();
|
|
15
|
+
const tabs = (0, react_1.useMemo)(() => {
|
|
11
16
|
const orderedTabs = tabOrder.map((tab) => {
|
|
12
|
-
return (
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(Scene_1.default, { tabId: tab }, tab));
|
|
13
18
|
});
|
|
14
19
|
return orderedTabs;
|
|
15
20
|
}, [
|
|
16
21
|
tabOrder
|
|
17
22
|
]);
|
|
18
|
-
return (
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: selectTab, swipe: swipe, tabIndex: tabIndex, children: tabs }));
|
|
19
24
|
};
|
|
20
|
-
|
|
25
|
+
exports.default = (0, react_1.memo)(Tabs);
|
|
21
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAC5B,qDAI4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,IAAI,GAAgC,CAAC,EACzC,KAAK,EACN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAC9B,CAAC,GAAG,EAAE,EAAE;YACN,OAAO,CACL,uBAAC,eAAK,IAEJ,KAAK,EAAE,GAAG,IADL,GAAG,CAER,CACH,CAAC;QACJ,CAAC,CACF,CAAC;QAEF,OAAO,WAAW,CAAC;IACrB,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,kCAAe,IACd,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACW,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,IAAI,CAAC,CAAC"}
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const WebButton_1 = __importDefault(require("../../../../Generics/WebButton"));
|
|
8
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
9
|
+
const react_1 = require("react");
|
|
5
10
|
const DrawerToggle = () => {
|
|
6
|
-
const toggleDrawer = useDrawerToggle();
|
|
7
|
-
const handlePress = useCallback(() => {
|
|
11
|
+
const toggleDrawer = (0, react_shared_1.useDrawerToggle)();
|
|
12
|
+
const handlePress = (0, react_1.useCallback)(() => {
|
|
8
13
|
toggleDrawer();
|
|
9
14
|
}, [
|
|
10
15
|
toggleDrawer
|
|
11
16
|
]);
|
|
12
|
-
return (
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(WebButton_1.default, { onClick: handlePress, title: 'Drawer Toggle' }));
|
|
13
18
|
};
|
|
14
|
-
|
|
19
|
+
exports.default = (0, react_1.memo)(DrawerToggle);
|
|
15
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/WebAppBar/AppBar/DrawerToggle/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/WebAppBar/AppBar/DrawerToggle/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+EAA2D;AAC3D,qDAE4B;AAC5B,iCAIe;AAEf,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC9D,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAa,IACZ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,eAAe,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EACjB,YAAY,CACb,CAAC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const WebContainer_1 = __importDefault(require("../../../Generics/WebContainer"));
|
|
8
|
+
const WebTabBar_1 = require("../../../Generics/WebTabBar");
|
|
9
|
+
const DrawerToggle_1 = __importDefault(require("./DrawerToggle"));
|
|
10
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
11
|
+
const react_1 = require("react");
|
|
7
12
|
const styles = {
|
|
8
13
|
tabBar: {
|
|
9
14
|
backgroundColor: '#CCC',
|
|
@@ -12,22 +17,22 @@ const styles = {
|
|
|
12
17
|
}
|
|
13
18
|
};
|
|
14
19
|
const AppBar = () => {
|
|
15
|
-
const selectTab = useSelectTab();
|
|
16
|
-
const handleSelectTab = useCallback((tabIndex) => {
|
|
20
|
+
const selectTab = (0, react_shared_1.useSelectTab)();
|
|
21
|
+
const handleSelectTab = (0, react_1.useCallback)((tabIndex) => {
|
|
17
22
|
selectTab(tabIndex);
|
|
18
23
|
}, [
|
|
19
24
|
selectTab
|
|
20
25
|
]);
|
|
21
|
-
const tabOrder = useTabOrder();
|
|
22
|
-
const tabs = useMemo(() => {
|
|
26
|
+
const tabOrder = (0, react_shared_1.useTabOrder)();
|
|
27
|
+
const tabs = (0, react_1.useMemo)(() => {
|
|
23
28
|
return tabOrder.map((tabId, index) => {
|
|
24
|
-
return (
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBarTab, { onSelectTab: handleSelectTab, tabId: tabId, tabIndex: index }, tabId));
|
|
25
30
|
});
|
|
26
31
|
}, [
|
|
27
32
|
handleSelectTab,
|
|
28
33
|
tabOrder
|
|
29
34
|
]);
|
|
30
|
-
return (
|
|
35
|
+
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 })] }));
|
|
31
36
|
};
|
|
32
|
-
|
|
37
|
+
exports.default = AppBar;
|
|
33
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/WebAppBar/AppBar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/WebAppBar/AppBar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA8D;AAC9D,2DAGqC;AACrC,kEAA0C;AAC1C,qDAG4B;AAC5B,iCAKe;AAEf,MAAM,MAAM,GAER;IACF,MAAM,EAAE;QACN,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;KACrB;CACF,CAAC;AAEF,MAAM,MAAM,GAAmC,GAAG,EAAE;IAClD,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CACE,QAAgB,EAChB,EAAE;QACF,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,uBAAC,wBAAY,IAEX,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,IAHV,KAAK,CAIV,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,eAAe;QACf,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,wBAAC,sBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,aAEvB,uBAAC,sBAAY,KAAG,EAChB,uBAAC,qBAAS,cACP,IAAI,GACK,IACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const AppBar_1 = __importDefault(require("./AppBar"));
|
|
8
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
4
9
|
const WebAppBar = ({ children }) => {
|
|
5
|
-
return (
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: 'ReactWebDigestAppBar', children: children ?? (0, jsx_runtime_1.jsx)(AppBar_1.default, {}) }));
|
|
6
11
|
};
|
|
7
12
|
WebAppBar.displayName = 'WebAppBar';
|
|
8
|
-
|
|
13
|
+
exports.default = WebAppBar;
|
|
9
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebAppBar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebAppBar/index.tsx"],"names":[],"mappings":";;;;;;AAGA,sDAA8B;AAC9B,6DAEgC;AAKhC,MAAM,SAAS,GAAiD,CAAC,EAC/D,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iCAAc,IACb,SAAS,EAAC,sBAAsB,YAE/B,QAAQ,IAAI,uBAAC,gBAAM,KAAG,GACR,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,kBAAe,SAAS,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
5
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
6
|
+
const react_1 = require("react");
|
|
5
7
|
const WebDrawer = ({ children, ...props }) => {
|
|
6
|
-
const { drawerId, gatewayId } = useMemo(() => {
|
|
8
|
+
const { drawerId, gatewayId } = (0, react_1.useMemo)(() => {
|
|
7
9
|
return {
|
|
8
10
|
drawerId: props.drawerId,
|
|
9
11
|
gatewayId: props.tabId ?
|
|
@@ -11,16 +13,16 @@ const WebDrawer = ({ children, ...props }) => {
|
|
|
11
13
|
`drawer-${props.drawerId}`
|
|
12
14
|
};
|
|
13
15
|
}, []);
|
|
14
|
-
const addDrawer = useAddDrawer();
|
|
15
|
-
const removeDrawer = useRemoveDrawer();
|
|
16
|
-
useEffect(() => {
|
|
16
|
+
const addDrawer = (0, react_shared_1.useAddDrawer)();
|
|
17
|
+
const removeDrawer = (0, react_shared_1.useRemoveDrawer)();
|
|
18
|
+
(0, react_1.useEffect)(() => {
|
|
17
19
|
addDrawer(props);
|
|
18
20
|
return () => {
|
|
19
21
|
removeDrawer(drawerId);
|
|
20
22
|
};
|
|
21
23
|
}, []);
|
|
22
|
-
return (
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: gatewayId, children: children }));
|
|
23
25
|
};
|
|
24
26
|
WebDrawer.displayName = 'WebDrawer';
|
|
25
|
-
|
|
27
|
+
exports.default = WebDrawer;
|
|
26
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebDrawer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebDrawer/index.tsx"],"names":[],"mappings":";;;AAGA,qDAG4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,SAAS,GAAiD,CAAC,EAC/D,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IAGH,MAAM,EACJ,QAAQ,EACR,SAAS,EACV,GAAG,IAAA,eAAO,EACT,GAAG,EAAE;QACH,OAAO;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBACtB,UAAU,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC3C,UAAU,KAAK,CAAC,QAAQ,EAAE;SAC7B,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,YAAY,CACV,QAAQ,CACT,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAc,IACb,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,kBAAe,SAAS,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const WebTabBar_1 = require("../../../Generics/WebTabBar");
|
|
5
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
6
|
+
const react_1 = require("react");
|
|
5
7
|
const styles = {
|
|
6
8
|
drawerBar: {
|
|
7
9
|
backgroundColor: '#CCC',
|
|
@@ -9,23 +11,23 @@ const styles = {
|
|
|
9
11
|
}
|
|
10
12
|
};
|
|
11
13
|
const DrawerBar = () => {
|
|
12
|
-
const selectDrawer = useSelectDrawer();
|
|
13
|
-
const handleSelectDrawer = useCallback((drawerIndex) => {
|
|
14
|
+
const selectDrawer = (0, react_shared_1.useSelectDrawer)();
|
|
15
|
+
const handleSelectDrawer = (0, react_1.useCallback)((drawerIndex) => {
|
|
14
16
|
selectDrawer(drawerIndex);
|
|
15
17
|
}, [
|
|
16
18
|
selectDrawer
|
|
17
19
|
]);
|
|
18
|
-
const drawerOrder = useDrawerOrder();
|
|
19
|
-
const tabs = useMemo(() => {
|
|
20
|
+
const drawerOrder = (0, react_shared_1.useDrawerOrder)();
|
|
21
|
+
const tabs = (0, react_1.useMemo)(() => {
|
|
20
22
|
return drawerOrder.map((tabId, index) => {
|
|
21
|
-
return (
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBarTab, { onSelectTab: handleSelectDrawer, tabId: tabId, tabIndex: index }, tabId));
|
|
22
24
|
});
|
|
23
25
|
}, [
|
|
24
26
|
drawerOrder,
|
|
25
27
|
handleSelectDrawer
|
|
26
28
|
]);
|
|
27
|
-
return (
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: styles['drawerBar'], children: (0, jsx_runtime_1.jsx)(WebTabBar_1.WebTabBar, { children: tabs }) }));
|
|
28
30
|
};
|
|
29
31
|
DrawerBar.displayName = 'WebDrawerBar';
|
|
30
|
-
|
|
32
|
+
exports.default = DrawerBar;
|
|
31
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/WebDrawerBar/DrawerBar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/WebDrawerBar/DrawerBar/index.tsx"],"names":[],"mappings":";;;AAAA,2DAGqC;AACrC,qDAG4B;AAC5B,iCAKe;AAEf,MAAM,MAAM,GAER;IACF,SAAS,EAAE;QACT,eAAe,EAAE,MAAM;QACvB,aAAa,EAAE,KAAK;KACrB;CACF,CAAC;AAEF,MAAM,SAAS,GAAsC,GAAG,EAAE;IACxD,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CACE,WAAmB,EACnB,EAAE;QACF,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IAErC,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,uBAAC,wBAAS,IAER,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,IAHV,KAAK,CAIV,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,kBAAkB;KACnB,CACF,CAAC;IAEF,OAAO,CACL,gCACE,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,YAE1B,uBAAC,qBAAM,cACJ,IAAI,GACE,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC;AAEvC,kBAAe,SAAS,CAAC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const DrawerBar_1 = __importDefault(require("./DrawerBar"));
|
|
8
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
4
9
|
const WebDrawerBar = ({ children }) => {
|
|
5
|
-
return (
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: 'ReactWebDigestDrawerBar', children: children ?? (0, jsx_runtime_1.jsx)(DrawerBar_1.default, {}) }));
|
|
6
11
|
};
|
|
7
12
|
WebDrawerBar.displayName = 'WebDrawerBar';
|
|
8
|
-
|
|
13
|
+
exports.default = WebDrawerBar;
|
|
9
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebDrawerBar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebDrawerBar/index.tsx"],"names":[],"mappings":";;;;;;AAGA,4DAAoC;AACpC,6DAEgC;AAKhC,MAAM,YAAY,GAAoD,CAAC,EACrE,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iCAAc,IACb,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,uBAAC,mBAAS,KAAG,GACX,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}
|
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
5
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
6
|
+
const react_1 = require("react");
|
|
5
7
|
const WebTab = ({ children, ...props }) => {
|
|
6
|
-
const { gatewayId, tabId } = useMemo(() => {
|
|
8
|
+
const { gatewayId, tabId } = (0, react_1.useMemo)(() => {
|
|
7
9
|
return {
|
|
8
10
|
gatewayId: `tab-${props.tabId}`,
|
|
9
11
|
tabId: props.tabId
|
|
10
12
|
};
|
|
11
13
|
}, []);
|
|
12
|
-
const addTab = useAddTab();
|
|
13
|
-
const removeTab = useRemoveTab();
|
|
14
|
-
useEffect(() => {
|
|
14
|
+
const addTab = (0, react_shared_1.useAddTab)();
|
|
15
|
+
const removeTab = (0, react_shared_1.useRemoveTab)();
|
|
16
|
+
(0, react_1.useEffect)(() => {
|
|
15
17
|
addTab(props);
|
|
16
18
|
return () => {
|
|
17
19
|
removeTab(tabId);
|
|
18
20
|
};
|
|
19
21
|
}, []);
|
|
20
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: gatewayId, children: children }));
|
|
21
23
|
};
|
|
22
24
|
WebTab.displayName = 'WebTab';
|
|
23
|
-
|
|
25
|
+
exports.default = WebTab;
|
|
24
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebTab/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebTab/index.tsx"],"names":[],"mappings":";;;AAGA,qDAG4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,MAAM,GAA8C,CAAC,EACzD,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IAGH,MAAM,EACJ,SAAS,EACT,KAAK,EACN,GAAG,IAAA,eAAO,EACT,GAAG,EAAE;QACH,OAAO;YACL,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,EAAE;YAC/B,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,wBAAS,GAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,MAAM,CAAC,KAAK,CAAC,CAAC;QAEd,OAAO,GAAG,EAAE;YACV,SAAS,CACP,KAAK,CACN,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAc,IACb,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,kBAAe,MAAM,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
4
|
const WebButton = (props) => {
|
|
3
|
-
return (
|
|
5
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', ...props, children: props.title }));
|
|
4
6
|
};
|
|
5
7
|
WebButton.displayName = 'WebButton';
|
|
6
|
-
|
|
8
|
+
exports.default = WebButton;
|
|
7
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebButton/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebButton/index.tsx"],"names":[],"mappings":";;;AAKA,MAAM,SAAS,GAAsC,CACnD,KAAK,EACL,EAAE;IACF,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,KACT,KAAK,YAER,KAAK,CAAC,KAAK,GACL,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,kBAAe,SAAS,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
4
|
const WebContainer = ({ children, style, ...props }) => {
|
|
3
|
-
return (
|
|
5
|
+
return ((0, jsx_runtime_1.jsx)("div", { ...props, style: style, children: children }));
|
|
4
6
|
};
|
|
5
7
|
WebContainer.displayName = 'WebContainer';
|
|
6
|
-
|
|
8
|
+
exports.default = WebContainer;
|
|
7
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebContainer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebContainer/index.tsx"],"names":[],"mappings":";;;AAKA,MAAM,YAAY,GAAyC,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,mCACM,KAAK,EACT,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const react_modern_drawer_1 = __importDefault(require("react-modern-drawer"));
|
|
4
9
|
const styles = {
|
|
5
10
|
drawer: {
|
|
6
11
|
display: 'flex',
|
|
@@ -15,7 +20,7 @@ const styles = {
|
|
|
15
20
|
}
|
|
16
21
|
};
|
|
17
22
|
const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left', style: givenDrawerStyle }) => {
|
|
18
|
-
const style = useMemo(() => {
|
|
23
|
+
const style = (0, react_1.useMemo)(() => {
|
|
19
24
|
return {
|
|
20
25
|
...styles['drawer'],
|
|
21
26
|
...givenDrawerStyle
|
|
@@ -23,8 +28,8 @@ const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth
|
|
|
23
28
|
}, [
|
|
24
29
|
givenDrawerStyle
|
|
25
30
|
]);
|
|
26
|
-
return (
|
|
31
|
+
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: style, children: drawerContent })] }));
|
|
27
32
|
};
|
|
28
33
|
WebDrawers.displayName = 'WebDrawers';
|
|
29
|
-
|
|
34
|
+
exports.default = WebDrawers;
|
|
30
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebDrawers/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebDrawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAMe;AACf,8EAAyC;AAEzC,MAAM,MAAM,GAER;IACF,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF,MAAM,UAAU,GAAuC,CAAC,EACtD,aAAa,GAAG,GAAG,EACnB,QAAQ,EACR,aAAa,EACb,WAAW,GAAG,GAAG,EACjB,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,MAAM,EACjB,KAAK,EAAE,gBAAgB,EACxB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,OAAO;YACL,GAAG,MAAM,CAAC,QAAQ,CAAC;YACnB,GAAG,gBAAgB;SACpB,CAAC;IACJ,CAAC,EACD;QACE,gBAAgB;KACjB,CACF,CAAC;IAEF,OAAO,CACL,iCACE,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,aAE1B,QAAQ,EACT,uBAAC,6BAAM,IACL,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,EACvB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,YAEX,aAAa,GACP,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
5
|
+
const react_1 = require("react");
|
|
4
6
|
const WebGatewayDest = ({ gatewayId }) => {
|
|
5
|
-
const ref = useRef(null);
|
|
6
|
-
const gatewayRegistry = useContext(WebBaseGatewayContext);
|
|
7
|
-
useEffect(() => {
|
|
7
|
+
const ref = (0, react_1.useRef)(null);
|
|
8
|
+
const gatewayRegistry = (0, react_1.useContext)(react_web_shared_1.WebBaseGatewayContext);
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
8
10
|
gatewayRegistry?.addRef(gatewayId, ref);
|
|
9
11
|
return () => {
|
|
10
12
|
gatewayRegistry?.removeRef(gatewayId);
|
|
11
13
|
};
|
|
12
14
|
}, []);
|
|
13
|
-
return (
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref }));
|
|
14
16
|
};
|
|
15
17
|
WebGatewayDest.displayName = 'WebGatewayDest';
|
|
16
|
-
|
|
18
|
+
exports.default = WebGatewayDest;
|
|
17
19
|
//# sourceMappingURL=WebGatewayDest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebGatewayDest.js","sourceRoot":"","sources":["../../../../src/Generics/WebGateway/WebGatewayDest.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WebGatewayDest.js","sourceRoot":"","sources":["../../../../src/Generics/WebGateway/WebGatewayDest.tsx"],"names":[],"mappings":";;;AAQA,6DAEgC;AAChC,iCAKe;AAEf,MAAM,cAAc,GAA2C,CAAC,EAC9D,SAAS,EACV,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,wCAAqB,CAAC,CAAC;IAE1D,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,eAAe,EAAE,MAAM,CACrB,SAAS,EACT,GAAG,CACJ,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,kBAAe,cAAc,CAAC"}
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.WebGatewayDest = void 0;
|
|
7
|
+
var WebGatewayDest_1 = require("./WebGatewayDest");
|
|
8
|
+
Object.defineProperty(exports, "WebGatewayDest", { enumerable: true, get: function () { return __importDefault(WebGatewayDest_1).default; } });
|
|
2
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebGateway/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebGateway/index.ts"],"names":[],"mappings":";;;;;;AAAA,mDAG0B;AAFxB,iIAAA,OAAO,OAAkB"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const WebContainer_1 = __importDefault(require("../WebContainer"));
|
|
3
8
|
const styles = {
|
|
4
9
|
tabBar: {
|
|
5
10
|
flex: 1,
|
|
@@ -7,7 +12,7 @@ const styles = {
|
|
|
7
12
|
}
|
|
8
13
|
};
|
|
9
14
|
const WebTabBar = ({ children }) => {
|
|
10
|
-
return (
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(WebContainer_1.default, { style: styles['tabBar'], children: children }));
|
|
11
16
|
};
|
|
12
|
-
|
|
17
|
+
exports.default = WebTabBar;
|
|
13
18
|
//# sourceMappingURL=WebTabBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebTabBar.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/WebTabBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WebTabBar.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/WebTabBar.tsx"],"names":[],"mappings":";;;;;;AAAA,mEAA2C;AAO3C,MAAM,MAAM,GAER;IACF,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;KACrB;CACF,CAAC;AAEF,MAAM,SAAS,GAAsC,CAAC,EACpD,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,sBAAY,IACX,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,YAEtB,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const WebButton_1 = __importDefault(require("../WebButton"));
|
|
8
|
+
const react_1 = require("react");
|
|
4
9
|
const WebTabBarTab = ({ onSelectTab, tabId, tabIndex, tabTitle }) => {
|
|
5
|
-
const handlePress = useCallback(() => {
|
|
10
|
+
const handlePress = (0, react_1.useCallback)(() => {
|
|
6
11
|
onSelectTab(tabIndex, tabId);
|
|
7
12
|
}, [
|
|
8
13
|
onSelectTab,
|
|
9
14
|
tabId,
|
|
10
15
|
tabIndex
|
|
11
16
|
]);
|
|
12
|
-
return (
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(WebButton_1.default, { onClick: handlePress, title: tabTitle ?? tabId }));
|
|
13
18
|
};
|
|
14
|
-
|
|
19
|
+
exports.default = (0, react_1.memo)(WebTabBarTab);
|
|
15
20
|
//# sourceMappingURL=WebTabBarTab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebTabBarTab.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/WebTabBarTab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WebTabBarTab.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/WebTabBarTab.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAAqC;AACrC,iCAIe;AAEf,MAAM,YAAY,GAAyC,CAAC,EAC1D,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE;QACH,WAAW,CACT,QAAQ,EACR,KAAK,CACN,CAAC;IACJ,CAAC,EACD;QACE,WAAW;QACX,KAAK;QACL,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAS,IACR,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,QAAQ,IAAI,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EACjB,YAAY,CACb,CAAC"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.WebTabBarTab = exports.WebTabBar = void 0;
|
|
7
|
+
var WebTabBar_1 = require("./WebTabBar");
|
|
8
|
+
Object.defineProperty(exports, "WebTabBar", { enumerable: true, get: function () { return __importDefault(WebTabBar_1).default; } });
|
|
9
|
+
var WebTabBarTab_1 = require("./WebTabBarTab");
|
|
10
|
+
Object.defineProperty(exports, "WebTabBarTab", { enumerable: true, get: function () { return __importDefault(WebTabBarTab_1).default; } });
|
|
3
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAGqB;AAFnB,uHAAA,OAAO,OAAa;AAGtB,+CAGwB;AAFtB,6HAAA,OAAO,OAAgB"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_shared_1 = require("@dgui/react-shared");
|
|
5
|
+
const react_web_shared_1 = require("@dgui/react-web-shared");
|
|
4
6
|
const Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
|
|
5
|
-
return (
|
|
7
|
+
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 }) }));
|
|
6
8
|
};
|
|
7
9
|
Providers.displayName = 'WebProviders';
|
|
8
|
-
|
|
10
|
+
exports.default = Providers;
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Providers/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Providers/index.tsx"],"names":[],"mappings":";;;AAAA,qDAG4B;AAC5B,6DAEgC;AAMhC,MAAM,SAAS,GAAsC,CAAC,EACpD,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,wBAAa,IACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,YAElB,uBAAC,yCAAsB,cACpB,QAAQ,GACc,GACX,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC;AAEvC,kBAAe,SAAS,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const Drawers_1 = __importDefault(require("./Components/Drawers"));
|
|
8
|
+
const Tabs_1 = __importDefault(require("./Components/Tabs"));
|
|
9
|
+
const WebGateway_1 = require("./Generics/WebGateway");
|
|
10
|
+
const Providers_1 = __importDefault(require("./Providers"));
|
|
6
11
|
const ReactWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerStyle, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
|
|
7
|
-
return (
|
|
12
|
+
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, { animationTime: drawerAnimationTime, opacity: drawerOpacity, position: drawerPosition, style: drawerStyle, width: drawerWidth, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { swipe: swipe }) }), children] }));
|
|
8
13
|
};
|
|
9
14
|
ReactWebDigest.displayName = 'ReactWebDigest';
|
|
10
|
-
|
|
15
|
+
exports.default = ReactWebDigest;
|
|
11
16
|
//# sourceMappingURL=ReactWebDigest.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactWebDigest.js","sourceRoot":"","sources":["../../src/ReactWebDigest.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ReactWebDigest.js","sourceRoot":"","sources":["../../src/ReactWebDigest.tsx"],"names":[],"mappings":";;;;;;AAAA,mEAA2C;AAC3C,6DAAqC;AACrC,sDAE+B;AAC/B,4DAAoC;AASpC,MAAM,cAAc,GAA2C,CAAC,EAC9D,QAAQ,EACR,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,mBAAS,IACR,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,aAElB,uBAAC,2BAAkB,IACjB,SAAS,EAAC,sBAAsB,GAChC,EACF,uBAAC,iBAAO,IACN,aAAa,EAAE,mBAAmB,EAClC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAA4B,EACnC,KAAK,EAAE,WAAW,YAElB,uBAAC,cAAI,IACH,KAAK,EAAE,KAAK,GACZ,GACM,EACT,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,kBAAe,cAAc,CAAC"}
|
package/dist/cjs/Types.js
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1,8 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.WebHorse = exports.WebCarousel = exports.ReactWebDigest = exports.ReactWebDigestTab = exports.ReactWebDigestDrawerBar = exports.ReactWebDigestDrawer = exports.ReactWebDigestAppBar = void 0;
|
|
21
|
+
var WebAppBar_1 = require("./Components/WebAppBar");
|
|
22
|
+
Object.defineProperty(exports, "ReactWebDigestAppBar", { enumerable: true, get: function () { return __importDefault(WebAppBar_1).default; } });
|
|
23
|
+
var WebDrawer_1 = require("./Components/WebDrawer");
|
|
24
|
+
Object.defineProperty(exports, "ReactWebDigestDrawer", { enumerable: true, get: function () { return __importDefault(WebDrawer_1).default; } });
|
|
25
|
+
var WebDrawerBar_1 = require("./Components/WebDrawerBar");
|
|
26
|
+
Object.defineProperty(exports, "ReactWebDigestDrawerBar", { enumerable: true, get: function () { return __importDefault(WebDrawerBar_1).default; } });
|
|
27
|
+
var WebTab_1 = require("./Components/WebTab");
|
|
28
|
+
Object.defineProperty(exports, "ReactWebDigestTab", { enumerable: true, get: function () { return __importDefault(WebTab_1).default; } });
|
|
29
|
+
var ReactWebDigest_1 = require("./ReactWebDigest");
|
|
30
|
+
Object.defineProperty(exports, "ReactWebDigest", { enumerable: true, get: function () { return __importDefault(ReactWebDigest_1).default; } });
|
|
31
|
+
__exportStar(require("@dgui/react-shared"), exports);
|
|
32
|
+
var react_web_shared_1 = require("@dgui/react-web-shared");
|
|
33
|
+
Object.defineProperty(exports, "WebCarousel", { enumerable: true, get: function () { return react_web_shared_1.WebBaseCarousel; } });
|
|
34
|
+
Object.defineProperty(exports, "WebHorse", { enumerable: true, get: function () { return react_web_shared_1.WebBaseHorse; } });
|
|
8
35
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,oDAEgC;AAD9B,kIAAA,OAAO,OAAwB;AAEjC,oDAEgC;AAD9B,kIAAA,OAAO,OAAwB;AAEjC,0DAEmC;AADjC,wIAAA,OAAO,OAA2B;AAEpC,8CAE6B;AAD3B,4HAAA,OAAO,OAAqB;AAE9B,mDAE0B;AADxB,iIAAA,OAAO,OAAkB;AAG3B,qDAAmC;AACnC,2DAKgC;AAJ9B,+GAAA,eAAe,OAAe;AAE9B,4GAAA,YAAY,OAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/Scene.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,cAAc,IAAI,kBAAkB,EACrC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,OAAO,EACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,YAAY,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,KAAK,GAAkC,CAAC,EAC5C,KAAK,EACN,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EACJ,KAAK,EACN,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/Scene.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,cAAc,IAAI,kBAAkB,EACrC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,OAAO,EACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,YAAY,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,KAAK,GAAkC,CAAC,EAC5C,KAAK,EACN,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EACJ,KAAK,EACN,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAEtB,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE;QACH,OAAO,OAAO,KAAK,EAAE,CAAC;IACxB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,YAEZ,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAI,CAC3B,KAAK,CACN,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dgui/react-web",
|
|
3
3
|
"title": "Digested React GUI Web Components",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "1.8.
|
|
5
|
+
"version": "1.8.5",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "Web Components for a boilerplate React GUI",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -45,19 +45,19 @@
|
|
|
45
45
|
"clean:dist": "rimraf dist"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@digest/eslint-config-jest": "^4.14.
|
|
49
|
-
"@digest/eslint-config-react": "^4.14.
|
|
50
|
-
"@digest/eslint-config-typescript": "^4.14.
|
|
51
|
-
"@digest/jest-junit": "^4.14.
|
|
52
|
-
"@digest/jest-react": "^4.14.
|
|
53
|
-
"@digest/jest-typescript": "^4.14.
|
|
54
|
-
"@digest/typescript": "^4.14.
|
|
48
|
+
"@digest/eslint-config-jest": "^4.14.16",
|
|
49
|
+
"@digest/eslint-config-react": "^4.14.16",
|
|
50
|
+
"@digest/eslint-config-typescript": "^4.14.16",
|
|
51
|
+
"@digest/jest-junit": "^4.14.16",
|
|
52
|
+
"@digest/jest-react": "^4.14.16",
|
|
53
|
+
"@digest/jest-typescript": "^4.14.16",
|
|
54
|
+
"@digest/typescript": "^4.14.16",
|
|
55
55
|
"@types/jest": "^30.0.0",
|
|
56
56
|
"@types/react": "^19.2.14",
|
|
57
57
|
"@types/react-dom": "^19.2.3",
|
|
58
58
|
"@types/react-test-renderer": "^19.1.0",
|
|
59
59
|
"cross-env": "^10.1.0",
|
|
60
|
-
"jest-environment-jsdom": "^30.
|
|
60
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
61
61
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
62
62
|
"npm-run-all": "^4.1.5",
|
|
63
63
|
"react": "^19.2.4",
|
|
@@ -67,14 +67,14 @@
|
|
|
67
67
|
"rimraf": "^6.1.3"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@dgui/react-shared": "^1.8.
|
|
71
|
-
"@dgui/react-web-shared": "^1.8.
|
|
70
|
+
"@dgui/react-shared": "^1.8.5",
|
|
71
|
+
"@dgui/react-web-shared": "^1.8.5"
|
|
72
72
|
},
|
|
73
73
|
"peerDependencies": {
|
|
74
74
|
"react": "^18.0.0 || ^19.0.0",
|
|
75
75
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
76
76
|
"react-modern-drawer": "^1.0.0",
|
|
77
|
-
"swiper": "^12.
|
|
77
|
+
"swiper": "^12.1.2"
|
|
78
78
|
},
|
|
79
79
|
"keywords": [
|
|
80
80
|
"digest",
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"react-dom",
|
|
85
85
|
"typescript"
|
|
86
86
|
],
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "cbce957f6788a84d0b93534464b0c03d07ef5a86"
|
|
88
88
|
}
|