@dgui/react-web 1.7.6 → 1.8.0-next.1

package/dist/cjs/Components/Drawers/Tabs/Context/Scene.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WebGatewayDest } from '../../../../Generics/WebGateway';
+import { useTabs } from '@dgui/react-shared';
+import { WebBaseHorse } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Scene = ({ drawerId, tabId }) => {
+    const tabs = useTabs();
+    const { swipe } = tabs[tabId] ?? {};
+    const gatewayId = useMemo(() => {
+        return `drawer-${drawerId}-${tabId}`;
+    }, []);
+    return (_jsx(WebBaseHorse, { swipe: swipe, children: _jsx(WebGatewayDest, { gatewayId: gatewayId }) }));
+};
+Scene.displayName = 'WebDrawersTabsSceneContextScene';
+const SceneSwiperSlide = memo(Scene);
+SceneSwiperSlide.displayName = 'SceneSwiperSlide';
+export default SceneSwiperSlide;
+//# sourceMappingURL=Scene.js.map

package/dist/cjs/Components/Drawers/Tabs/Context/Scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/Scene.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,cAAc,EACf,MAAM,iCAAiC,CAAC;AACzC,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,CAC3C,EACE,QAAQ,EACR,KAAK,EACN,EACD,EAAE;IACF,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,UAAU,QAAQ,IAAI,KAAK,EAAE,CAAC;IACvC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,YAEZ,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,iCAAiC,CAAC;AAEtD,MAAM,gBAAgB,GAAG,IAAI,CAC3B,KAAK,CACN,CAAC;AAOF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}

package/dist/cjs/Components/Drawers/Tabs/Context/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Scene from './Scene';
+import { useSelectTab, useTabIndex, useTabOrder } from '@dgui/react-shared';
+import { WebBaseCarousel } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Context = ({ drawerId }) => {
+    const selectTab = useSelectTab();
+    const tabIndex = useTabIndex();
+    const tabOrder = useTabOrder();
+    const tabs = useMemo(() => {
+        return tabOrder.map((tab) => {
+            return (_jsx(Scene, { drawerId: drawerId, tabId: tab }, tab));
+        });
+    }, [
+        drawerId,
+        tabOrder
+    ]);
+    return (_jsx(WebBaseCarousel, { onSelectTab: selectTab, swipe: false, tabIndex: tabIndex, children: tabs }));
+};
+Context.displayName = 'WebDrawersTabsSceneContext';
+export default memo(Context);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Drawers/Tabs/Context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,OAAO,GAAoC,CAAC,EAChD,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CAAC,GAAG,EAAE,EAAE;YACN,OAAO,CACL,KAAC,KAAK,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,KAAC,eAAe,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,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC"}

package/dist/cjs/Components/Drawers/Tabs/Scene.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WebGatewayDest } from '../../../Generics/WebGateway';
+import Context from './Context';
+import { useDrawers } from '@dgui/react-shared';
+import { WebBaseHorse } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Scene = ({ drawerId }) => {
+    const drawers = useDrawers();
+    const { swipe, tabs } = drawers[drawerId] ?? {};
+    const gatewayId = useMemo(() => {
+        return `drawer-${drawerId}`;
+    }, []);
+    return (_jsx(WebBaseHorse, { swipe: swipe, children: tabs ?
+            (_jsx(Context, { drawerId: drawerId })) :
+            (_jsx(WebGatewayDest, { gatewayId: gatewayId })) }));
+};
+Scene.displayName = 'WebDrawersTabsScene';
+const SceneSwiperSlide = memo(Scene);
+SceneSwiperSlide.displayName = 'SceneSwiperSlide';
+export default SceneSwiperSlide;
+//# sourceMappingURL=Scene.js.map

package/dist/cjs/Components/Drawers/Tabs/Scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/Scene.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,cAAc,EACf,MAAM,8BAA8B,CAAC;AACtC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EACL,UAAU,EACX,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,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,EACJ,KAAK,EACL,IAAI,EACL,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IAE5B,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE;QACH,OAAO,UAAU,QAAQ,EAAE,CAAC;IAC9B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,YAGV,IAAI,CAAC,CAAC;YAEJ,CACE,KAAC,OAAO,IACN,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC;YAEH,CACE,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,GACpB,CACH,GAEQ,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,IAAI,CAC3B,KAAK,CACN,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}

package/dist/cjs/Components/Drawers/Tabs/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Scene from './Scene';
+import { useDrawerIndex, useDrawerOrder, useSelectDrawer } from '@dgui/react-shared';
+import { WebBaseCarousel } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Drawers = () => {
+    const drawerIndex = useDrawerIndex();
+    const selectDrawer = useSelectDrawer();
+    const drawerOrder = useDrawerOrder();
+    const drawers = useMemo(() => {
+        return drawerOrder.map((drawerId) => {
+            return (_jsx(Scene, { drawerId: drawerId }, drawerId));
+        });
+    }, [
+        drawerOrder
+    ]);
+    return (_jsx(WebBaseCarousel, { onSelectTab: selectDrawer, tabIndex: drawerIndex, children: drawers }));
+};
+Drawers.displayName = 'WebDrawersTabs';
+export default memo(Drawers);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Drawers/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,OAAO,GAAmC,GAAG,EAAE;IACnD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CAAC,QAAQ,EAAE,EAAE;YACX,OAAO,CACL,KAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,IACb,QAAQ,CACb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,WAAW,YAEpB,OAAO,GACQ,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAEvC,eAAe,IAAI,CAAC,OAAO,CAAC,CAAC"}

package/dist/cjs/Components/Drawers/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import SideDrawers from '../../Generics/WebDrawers';
+import { WebGatewayDest as GatewayDestination } from '../../Generics/WebGateway';
+import Tabs from './Tabs';
+import { useDrawerOpen } from '@dgui/react-shared';
+import { useMemo } from 'react';
+const Drawers = (props) => {
+    const drawerOpen = useDrawerOpen();
+    const appBar = useMemo(() => {
+        return (_jsxs(_Fragment, { children: [_jsx(GatewayDestination, { gatewayId: 'ReactWebDigestDrawerBar' }), _jsx(Tabs, {})] }));
+    }, []);
+    return (_jsx(SideDrawers, { drawerContent: appBar, open: drawerOpen, ...props }));
+};
+Drawers.displayName = 'WebDrawers';
+export default Drawers;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Drawers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EACL,cAAc,IAAI,kBAAkB,EACrC,MAAM,2BAA2B,CAAC;AAInC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAIL,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,OAAO,GAAoC,CAC/C,KAAK,EACL,EAAE;IACF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE;QACH,OAAO,CACL,8BACE,KAAC,kBAAkB,IACjB,SAAS,EAAC,yBAAyB,GACnC,EACF,KAAC,IAAI,KAAG,IACP,CACJ,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,UAAU,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC;AAEnC,eAAe,OAAO,CAAC"}

package/dist/cjs/Components/Tabs/Scene.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WebGatewayDest as GatewayDestination } from '../../Generics/WebGateway';
+import { useTabs } from '@dgui/react-shared';
+import { WebBaseHorse } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Scene = ({ tabId }) => {
+    const tabs = useTabs();
+    const { swipe } = tabs[tabId] ?? {};
+    const gatewayId = useMemo(() => {
+        return `tab-${tabId}`;
+    }, []);
+    return (_jsx(WebBaseHorse, { swipe: swipe, children: _jsx(GatewayDestination, { gatewayId: gatewayId }) }));
+};
+const SceneSwiperSlide = memo(Scene);
+SceneSwiperSlide.displayName = 'SceneSwiperSlide';
+export default SceneSwiperSlide;
+//# sourceMappingURL=Scene.js.map

package/dist/cjs/Components/Tabs/Scene.js.map

@@ -0,0 +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/dist/cjs/Components/Tabs/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Scene from './Scene';
+import { useSelectTab, useTabIndex, useTabOrder } from '@dgui/react-shared';
+import { WebBaseCarousel } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Tabs = ({ swipe }) => {
+    const selectTab = useSelectTab();
+    const tabIndex = useTabIndex();
+    const tabOrder = useTabOrder();
+    const tabs = useMemo(() => {
+        const orderedTabs = tabOrder.map((tab) => {
+            return (_jsx(Scene, { tabId: tab }, tab));
+        });
+        return orderedTabs;
+    }, [
+        tabOrder
+    ]);
+    return (_jsx(WebBaseCarousel, { onSelectTab: selectTab, swipe: swipe, tabIndex: tabIndex, children: tabs }));
+};
+export default memo(Tabs);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Tabs/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,IAAI,EACJ,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,IAAI,GAAgC,CAAC,EACzC,KAAK,EACN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAC9B,CAAC,GAAG,EAAE,EAAE;YACN,OAAO,CACL,KAAC,KAAK,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,KAAC,eAAe,IACd,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACW,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,IAAI,CAAC,CAAC"}

package/dist/cjs/Components/WebAppBar/AppBar/DrawerToggle/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import WebBaseButton from '../../../../Generics/WebButton';
+import { useDrawerToggle } from '@dgui/react-shared';
+import { memo, useCallback } from 'react';
+const DrawerToggle = () => {
+    const toggleDrawer = useDrawerToggle();
+    const handlePress = useCallback(() => {
+        toggleDrawer();
+    }, [
+        toggleDrawer
+    ]);
+    return (_jsx(WebBaseButton, { onClick: handlePress, title: 'Drawer Toggle' }));
+};
+export default memo(DrawerToggle);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebAppBar/AppBar/DrawerToggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/WebAppBar/AppBar/DrawerToggle/index.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EACL,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAyC,GAAG,EAAE;IAC9D,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,eAAe,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}

package/dist/cjs/Components/WebAppBar/AppBar/index.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import WebBaseContainer from '../../../Generics/WebContainer';
+import { WebTabBar, WebTabBarTab } from '../../../Generics/WebTabBar';
+import DrawerToggle from './DrawerToggle';
+import { useSelectTab, useTabOrder } from '@dgui/react-shared';
+import { useCallback, useMemo } from 'react';
+const styles = {
+    tabBar: {
+        backgroundColor: '#CCC',
+        display: 'flex',
+        flexDirection: 'row'
+    }
+};
+const AppBar = () => {
+    const selectTab = useSelectTab();
+    const handleSelectTab = useCallback((tabIndex) => {
+        selectTab(tabIndex);
+    }, [
+        selectTab
+    ]);
+    const tabOrder = useTabOrder();
+    const tabs = useMemo(() => {
+        return tabOrder.map((tabId, index) => {
+            return (_jsx(WebTabBarTab, { onSelectTab: handleSelectTab, tabId: tabId, tabIndex: index }, tabId));
+        });
+    }, [
+        handleSelectTab,
+        tabOrder
+    ]);
+    return (_jsxs(WebBaseContainer, { style: styles['tabBar'], children: [_jsx(DrawerToggle, {}), _jsx(WebTabBar, { children: tabs })] }));
+};
+export default AppBar;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebAppBar/AppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/WebAppBar/AppBar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EACL,SAAS,EACT,YAAY,EACb,MAAM,6BAA6B,CAAC;AACrC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;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,YAAY,EAAE,CAAC;IAEjC,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,QAAgB,EAChB,EAAE;QACF,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,QAAQ,CAAC,GAAG,CACjB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,KAAC,YAAY,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,MAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,aAEvB,KAAC,YAAY,KAAG,EAChB,KAAC,SAAS,cACP,IAAI,GACK,IACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/cjs/Components/WebAppBar/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import AppBar from './AppBar';
+import { WebBaseGateway } from '@dgui/react-web-shared';
+const WebAppBar = ({ children }) => {
+    return (_jsx(WebBaseGateway, { gatewayId: 'ReactWebDigestAppBar', children: children ?? _jsx(AppBar, {}) }));
+};
+WebAppBar.displayName = 'WebAppBar';
+export default WebAppBar;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebAppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebAppBar/index.tsx"],"names":[],"mappings":";AAGA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EACL,cAAc,EACf,MAAM,wBAAwB,CAAC;AAKhC,MAAM,SAAS,GAAiD,CAAC,EAC/D,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAC,sBAAsB,YAE/B,QAAQ,IAAI,KAAC,MAAM,KAAG,GACR,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/cjs/Components/WebDrawer/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAddDrawer, useRemoveDrawer } from '@dgui/react-shared';
+import { WebBaseGateway } from '@dgui/react-web-shared';
+import { useEffect, useMemo } from 'react';
+const WebDrawer = ({ children, ...props }) => {
+    const { drawerId, gatewayId } = useMemo(() => {
+        return {
+            drawerId: props.drawerId,
+            gatewayId: props.tabId ?
+                `drawer-${props.drawerId}-${props.tabId}` :
+                `drawer-${props.drawerId}`
+        };
+    }, []);
+    const addDrawer = useAddDrawer();
+    const removeDrawer = useRemoveDrawer();
+    useEffect(() => {
+        addDrawer(props);
+        return () => {
+            removeDrawer(drawerId);
+        };
+    }, []);
+    return (_jsx(WebBaseGateway, { gatewayId: gatewayId, children: children }));
+};
+WebDrawer.displayName = 'WebDrawer';
+export default WebDrawer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebDrawer/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,YAAY,EACZ,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,SAAS,EACT,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,SAAS,GAAiD,CAAC,EAC/D,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IAGH,MAAM,EACJ,QAAQ,EACR,SAAS,EACV,GAAG,OAAO,CACT,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,YAAY,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,SAAS,CACP,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,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/cjs/Components/WebDrawerBar/DrawerBar/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WebTabBar as TabBar, WebTabBarTab as TabBarTab } from '../../../Generics/WebTabBar';
+import { useDrawerOrder, useSelectDrawer } from '@dgui/react-shared';
+import { useCallback, useMemo } from 'react';
+const styles = {
+    drawerBar: {
+        backgroundColor: '#CCC',
+        flexDirection: 'row'
+    }
+};
+const DrawerBar = () => {
+    const selectDrawer = useSelectDrawer();
+    const handleSelectDrawer = useCallback((drawerIndex) => {
+        selectDrawer(drawerIndex);
+    }, [
+        selectDrawer
+    ]);
+    const drawerOrder = useDrawerOrder();
+    const tabs = useMemo(() => {
+        return drawerOrder.map((tabId, index) => {
+            return (_jsx(TabBarTab, { onSelectTab: handleSelectDrawer, tabId: tabId, tabIndex: index }, tabId));
+        });
+    }, [
+        drawerOrder,
+        handleSelectDrawer
+    ]);
+    return (_jsx("div", { style: styles['drawerBar'], children: _jsx(TabBar, { children: tabs }) }));
+};
+DrawerBar.displayName = 'WebDrawerBar';
+export default DrawerBar;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebDrawerBar/DrawerBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/WebDrawerBar/DrawerBar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,IAAI,MAAM,EACnB,YAAY,IAAI,SAAS,EAC1B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAGL,WAAW,EACX,OAAO,EACR,MAAM,OAAO,CAAC;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,eAAe,EAAE,CAAC;IAEvC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CACE,WAAmB,EACnB,EAAE;QACF,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EACD;QACE,YAAY;KACb,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE;QACH,OAAO,WAAW,CAAC,GAAG,CACpB,CACE,KAAK,EACL,KAAK,EACL,EAAE;YACF,OAAO,CACL,KAAC,SAAS,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,cACE,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,YAE1B,KAAC,MAAM,cACJ,IAAI,GACE,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC;AAEvC,eAAe,SAAS,CAAC"}

package/dist/cjs/Components/WebDrawerBar/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DrawerBar from './DrawerBar';
+import { WebBaseGateway } from '@dgui/react-web-shared';
+const WebDrawerBar = ({ children }) => {
+    return (_jsx(WebBaseGateway, { gatewayId: 'ReactWebDigestDrawerBar', children: children ?? _jsx(DrawerBar, {}) }));
+};
+WebDrawerBar.displayName = 'WebDrawerBar';
+export default WebDrawerBar;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebDrawerBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebDrawerBar/index.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EACL,cAAc,EACf,MAAM,wBAAwB,CAAC;AAKhC,MAAM,YAAY,GAAoD,CAAC,EACrE,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,KAAC,SAAS,KAAG,GACX,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/cjs/Components/WebTab/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAddTab, useRemoveTab } from '@dgui/react-shared';
+import { WebBaseGateway } from '@dgui/react-web-shared';
+import { useEffect, useMemo } from 'react';
+const WebTab = ({ children, ...props }) => {
+    const { gatewayId, tabId } = useMemo(() => {
+        return {
+            gatewayId: `tab-${props.tabId}`,
+            tabId: props.tabId
+        };
+    }, []);
+    const addTab = useAddTab();
+    const removeTab = useRemoveTab();
+    useEffect(() => {
+        addTab(props);
+        return () => {
+            removeTab(tabId);
+        };
+    }, []);
+    return (_jsx(WebBaseGateway, { gatewayId: gatewayId, children: children }));
+};
+WebTab.displayName = 'WebTab';
+export default WebTab;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/WebTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/WebTab/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,SAAS,EACT,YAAY,EACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,SAAS,EACT,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,GAA8C,CAAC,EACzD,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IAGH,MAAM,EACJ,SAAS,EACT,KAAK,EACN,GAAG,OAAO,CACT,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,SAAS,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,SAAS,CACP,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,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/dist/cjs/Generics/WebButton/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const WebButton = (props) => {
+    return (_jsx("button", { type: 'button', ...props, children: props.title }));
+};
+WebButton.displayName = 'WebButton';
+export default WebButton;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Generics/WebButton/index.js.map

@@ -0,0 +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,iBACE,IAAI,EAAC,QAAQ,KACT,KAAK,YAER,KAAK,CAAC,KAAK,GACL,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/cjs/Generics/WebContainer/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const WebContainer = ({ children, style, ...props }) => {
+    return (_jsx("div", { ...props, style: style, children: children }));
+};
+WebContainer.displayName = 'WebContainer';
+export default WebContainer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Generics/WebContainer/index.js.map

@@ -0,0 +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,iBACM,KAAK,EACT,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/cjs/Generics/WebDrawers/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Drawer from 'react-modern-drawer';
+const styles = {
+    drawer: {
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'absolute'
+    },
+    drawerWrap: {
+        display: 'flex',
+        height: '100%',
+        overflow: 'hidden',
+        position: 'relative'
+    }
+};
+const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left', style: givenDrawerStyle }) => {
+    const style = useMemo(() => {
+        return {
+            ...styles['drawer'],
+            ...givenDrawerStyle
+        };
+    }, [
+        givenDrawerStyle
+    ]);
+    return (_jsxs("div", { style: styles['drawerWrap'], children: [children, _jsx(Drawer, { direction: position, duration: animationTime, enableOverlay: false, open: open, overlayOpacity: opacity, size: drawerWidth, style: style, children: drawerContent })] }));
+};
+WebDrawers.displayName = 'WebDrawers';
+export default WebDrawers;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Generics/WebDrawers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebDrawers/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,qBAAqB,CAAC;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,OAAO,CACnB,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,eACE,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,aAE1B,QAAQ,EACT,KAAC,MAAM,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,eAAe,UAAU,CAAC"}

package/dist/cjs/Generics/WebGateway/WebGatewayDest.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WebBaseGatewayContext } from '@dgui/react-web-shared';
+import { useContext, useEffect, useRef } from 'react';
+const WebGatewayDest = ({ gatewayId }) => {
+    const ref = useRef(null);
+    const gatewayRegistry = useContext(WebBaseGatewayContext);
+    useEffect(() => {
+        gatewayRegistry?.addRef(gatewayId, ref);
+        return () => {
+            gatewayRegistry?.removeRef(gatewayId);
+        };
+    }, []);
+    return (_jsx("div", { ref: ref }));
+};
+WebGatewayDest.displayName = 'WebGatewayDest';
+export default WebGatewayDest;
+//# sourceMappingURL=WebGatewayDest.js.map

package/dist/cjs/Generics/WebGateway/WebGatewayDest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGatewayDest.js","sourceRoot":"","sources":["../../../../src/Generics/WebGateway/WebGatewayDest.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,UAAU,EACV,SAAS,EACT,MAAM,EACP,MAAM,OAAO,CAAC;AAEf,MAAM,cAAc,GAA2C,CAAC,EAC9D,SAAS,EACV,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAE1D,SAAS,CACP,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,cACE,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/dist/cjs/Generics/WebGateway/index.js

@@ -0,0 +1,2 @@
+export { default as WebGatewayDest } from './WebGatewayDest';
+//# sourceMappingURL=index.js.map

package/dist/cjs/Generics/WebGateway/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebGateway/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,cAAc,EAE1B,MAAM,kBAAkB,CAAC"}

package/dist/cjs/Generics/WebTabBar/WebTabBar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import WebContainer from '../WebContainer';
+const styles = {
+    tabBar: {
+        flex: 1,
+        flexDirection: 'row'
+    }
+};
+const WebTabBar = ({ children }) => {
+    return (_jsx(WebContainer, { style: styles['tabBar'], children: children }));
+};
+export default WebTabBar;
+//# sourceMappingURL=WebTabBar.js.map

package/dist/cjs/Generics/WebTabBar/WebTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebTabBar.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/WebTabBar.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,iBAAiB,CAAC;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,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,YAEtB,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/cjs/Generics/WebTabBar/WebTabBarTab.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import WebButton from '../WebButton';
+import { memo, useCallback } from 'react';
+const WebTabBarTab = ({ onSelectTab, tabId, tabIndex, tabTitle }) => {
+    const handlePress = useCallback(() => {
+        onSelectTab(tabIndex, tabId);
+    }, [
+        onSelectTab,
+        tabId,
+        tabIndex
+    ]);
+    return (_jsx(WebButton, { onClick: handlePress, title: tabTitle ?? tabId }));
+};
+export default memo(WebTabBarTab);
+//# sourceMappingURL=WebTabBarTab.js.map

package/dist/cjs/Generics/WebTabBar/WebTabBarTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebTabBarTab.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/WebTabBarTab.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAEL,IAAI,EACJ,WAAW,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAyC,CAAC,EAC1D,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,WAAW,CAC7B,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,KAAC,SAAS,IACR,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,QAAQ,IAAI,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CACjB,YAAY,CACb,CAAC"}

package/dist/cjs/Generics/WebTabBar/index.js

@@ -0,0 +1,3 @@
+export { default as WebTabBar } from './WebTabBar';
+export { default as WebTabBarTab } from './WebTabBarTab';
+//# sourceMappingURL=index.js.map

package/dist/cjs/Generics/WebTabBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/WebTabBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,SAAS,EAErB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,OAAO,IAAI,YAAY,EAExB,MAAM,gBAAgB,CAAC"}

package/dist/cjs/Providers/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Providers as BaseProviders } from '@dgui/react-shared';
+import { WebBaseGatewayProvider } from '@dgui/react-web-shared';
+const Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
+    return (_jsx(BaseProviders, { drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex, children: _jsx(WebBaseGatewayProvider, { children: children }) }));
+};
+Providers.displayName = 'WebProviders';
+export default Providers;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Providers/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,IAAI,aAAa,EAE3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;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,KAAC,aAAa,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,KAAC,sBAAsB,cACpB,QAAQ,GACc,GACX,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC;AAEvC,eAAe,SAAS,CAAC"}

package/dist/cjs/ReactWebDigest.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Drawers from './Components/Drawers';
+import Tabs from './Components/Tabs';
+import { WebGatewayDest as GatewayDestination } from './Generics/WebGateway';
+import Providers from './Providers';
+const ReactWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerStyle, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
+    return (_jsxs(Providers, { drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex, children: [_jsx(GatewayDestination, { gatewayId: 'ReactWebDigestAppBar' }), _jsx(Drawers, { animationTime: drawerAnimationTime, opacity: drawerOpacity, position: drawerPosition, style: drawerStyle, width: drawerWidth, children: _jsx(Tabs, { swipe: swipe }) }), children] }));
+};
+ReactWebDigest.displayName = 'ReactWebDigest';
+export default ReactWebDigest;
+//# sourceMappingURL=ReactWebDigest.js.map

package/dist/cjs/ReactWebDigest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactWebDigest.js","sourceRoot":"","sources":["../../src/ReactWebDigest.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EACL,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,SAAS,MAAM,aAAa,CAAC;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,MAAC,SAAS,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,KAAC,kBAAkB,IACjB,SAAS,EAAC,sBAAsB,GAChC,EACF,KAAC,OAAO,IACN,aAAa,EAAE,mBAAmB,EAClC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAA4B,EACnC,KAAK,EAAE,WAAW,YAElB,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,GACZ,GACM,EACT,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/dist/cjs/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/dist/cjs/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../src/Types.ts"],"names":[],"mappings":""}

package/dist/cjs/index.js

@@ -0,0 +1,8 @@
+export { default as ReactWebDigestAppBar } from './Components/WebAppBar';
+export { default as ReactWebDigestDrawer } from './Components/WebDrawer';
+export { default as ReactWebDigestDrawerBar } from './Components/WebDrawerBar';
+export { default as ReactWebDigestTab } from './Components/WebTab';
+export { default as ReactWebDigest } from './ReactWebDigest';
+export * from '@dgui/react-shared';
+export { WebBaseCarousel as WebCarousel, WebBaseHorse as WebHorse } from '@dgui/react-web-shared';
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,oBAAoB,EAChC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,OAAO,IAAI,oBAAoB,EAChC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,OAAO,IAAI,uBAAuB,EACnC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,cAAc,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,eAAe,IAAI,WAAW,EAE9B,YAAY,IAAI,QAAQ,EAEzB,MAAM,wBAAwB,CAAC"}

package/dist/esm/Components/Drawers/Tabs/Context/Scene.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WebGatewayDest } from '../../../../Generics/WebGateway';
+import { useTabs } from '@dgui/react-shared';
+import { WebBaseHorse } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Scene = ({ drawerId, tabId }) => {
+    const tabs = useTabs();
+    const { swipe } = tabs[tabId] ?? {};
+    const gatewayId = useMemo(() => {
+        return `drawer-${drawerId}-${tabId}`;
+    }, []);
+    return (_jsx(WebBaseHorse, { swipe: swipe, children: _jsx(WebGatewayDest, { gatewayId: gatewayId }) }));
+};
+Scene.displayName = 'WebDrawersTabsSceneContextScene';
+const SceneSwiperSlide = memo(Scene);
+SceneSwiperSlide.displayName = 'SceneSwiperSlide';
+export default SceneSwiperSlide;
+//# sourceMappingURL=Scene.js.map

package/dist/esm/Components/Drawers/Tabs/Context/Scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../../src/Components/Drawers/Tabs/Context/Scene.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,cAAc,EACf,MAAM,iCAAiC,CAAC;AACzC,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,CAC3C,EACE,QAAQ,EACR,KAAK,EACN,EACD,EAAE;IACF,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,UAAU,QAAQ,IAAI,KAAK,EAAE,CAAC;IACvC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,YAEZ,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,iCAAiC,CAAC;AAEtD,MAAM,gBAAgB,GAAG,IAAI,CAC3B,KAAK,CACN,CAAC;AAOF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}

package/dist/esm/Components/Drawers/Tabs/Context/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Scene from './Scene';
+import { useSelectTab, useTabIndex, useTabOrder } from '@dgui/react-shared';
+import { WebBaseCarousel } from '@dgui/react-web-shared';
+import { memo, useMemo } from 'react';
+const Context = ({ drawerId }) => {
+    const selectTab = useSelectTab();
+    const tabIndex = useTabIndex();
+    const tabOrder = useTabOrder();
+    const tabs = useMemo(() => {
+        return tabOrder.map((tab) => {
+            return (_jsx(Scene, { drawerId: drawerId, tabId: tab }, tab));
+        });
+    }, [
+        drawerId,
+        tabOrder
+    ]);
+    return (_jsx(WebBaseCarousel, { onSelectTab: selectTab, swipe: false, tabIndex: tabIndex, children: tabs }));
+};
+Context.displayName = 'WebDrawersTabsSceneContext';
+export default memo(Context);
+//# sourceMappingURL=index.js.map