@dgui/react-native-web 1.7.6 → 1.8.0

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.
Files changed (120) hide show
  1. package/dist/cjs/Components/Drawers/Tabs/Context/Scene.js +18 -0
  2. package/dist/cjs/Components/Drawers/Tabs/Context/Scene.js.map +1 -0
  3. package/dist/cjs/Components/Drawers/Tabs/Context/index.js +22 -0
  4. package/dist/cjs/Components/Drawers/Tabs/Context/index.js.map +1 -0
  5. package/dist/cjs/Components/Drawers/Tabs/Scene.js +21 -0
  6. package/dist/cjs/Components/Drawers/Tabs/Scene.js.map +1 -0
  7. package/dist/cjs/Components/Drawers/Tabs/index.js +21 -0
  8. package/dist/cjs/Components/Drawers/Tabs/index.js.map +1 -0
  9. package/dist/cjs/Components/Drawers/index.js +16 -0
  10. package/dist/cjs/Components/Drawers/index.js.map +1 -0
  11. package/dist/cjs/Components/NativeWebAppBar/index.js +9 -0
  12. package/dist/cjs/Components/NativeWebAppBar/index.js.map +1 -0
  13. package/dist/cjs/Components/NativeWebDrawer/index.js +26 -0
  14. package/dist/cjs/Components/NativeWebDrawer/index.js.map +1 -0
  15. package/dist/cjs/Components/NativeWebDrawerBar/index.js +9 -0
  16. package/dist/cjs/Components/NativeWebDrawerBar/index.js.map +1 -0
  17. package/dist/cjs/Components/NativeWebTab/index.js +24 -0
  18. package/dist/cjs/Components/NativeWebTab/index.js.map +1 -0
  19. package/dist/cjs/Components/Tabs/Scene.js +17 -0
  20. package/dist/cjs/Components/Tabs/Scene.js.map +1 -0
  21. package/dist/cjs/Components/Tabs/index.js +21 -0
  22. package/dist/cjs/Components/Tabs/index.js.map +1 -0
  23. package/dist/cjs/Generics/NativeWebGateway/NativeWebGatewayDest.js +18 -0
  24. package/dist/cjs/Generics/NativeWebGateway/NativeWebGatewayDest.js.map +1 -0
  25. package/dist/cjs/Generics/NativeWebGateway/index.js +2 -0
  26. package/dist/cjs/Generics/NativeWebGateway/index.js.map +1 -0
  27. package/dist/cjs/Providers/index.js +9 -0
  28. package/dist/cjs/Providers/index.js.map +1 -0
  29. package/dist/cjs/ReactNativeWebDigest.js +15 -0
  30. package/dist/cjs/ReactNativeWebDigest.js.map +1 -0
  31. package/dist/cjs/Types.js +2 -0
  32. package/dist/cjs/Types.js.map +1 -0
  33. package/dist/cjs/index.js +8 -0
  34. package/dist/cjs/index.js.map +1 -0
  35. package/dist/esm/Components/Drawers/Tabs/Context/Scene.js +18 -0
  36. package/dist/esm/Components/Drawers/Tabs/Context/Scene.js.map +1 -0
  37. package/dist/esm/Components/Drawers/Tabs/Context/index.js +22 -0
  38. package/dist/esm/Components/Drawers/Tabs/Context/index.js.map +1 -0
  39. package/dist/esm/Components/Drawers/Tabs/Scene.js +21 -0
  40. package/dist/esm/Components/Drawers/Tabs/Scene.js.map +1 -0
  41. package/dist/esm/Components/Drawers/Tabs/index.js +21 -0
  42. package/dist/esm/Components/Drawers/Tabs/index.js.map +1 -0
  43. package/dist/esm/Components/Drawers/index.js +16 -0
  44. package/dist/esm/Components/Drawers/index.js.map +1 -0
  45. package/dist/esm/Components/NativeWebAppBar/index.js +9 -0
  46. package/dist/esm/Components/NativeWebAppBar/index.js.map +1 -0
  47. package/dist/esm/Components/NativeWebDrawer/index.js +26 -0
  48. package/dist/esm/Components/NativeWebDrawer/index.js.map +1 -0
  49. package/dist/esm/Components/NativeWebDrawerBar/index.js +9 -0
  50. package/dist/esm/Components/NativeWebDrawerBar/index.js.map +1 -0
  51. package/dist/esm/Components/NativeWebTab/index.js +24 -0
  52. package/dist/esm/Components/NativeWebTab/index.js.map +1 -0
  53. package/dist/esm/Components/Tabs/Scene.js +17 -0
  54. package/dist/esm/Components/Tabs/Scene.js.map +1 -0
  55. package/dist/esm/Components/Tabs/index.js +21 -0
  56. package/dist/esm/Components/Tabs/index.js.map +1 -0
  57. package/dist/esm/Generics/NativeWebGateway/NativeWebGatewayDest.js +18 -0
  58. package/dist/esm/Generics/NativeWebGateway/NativeWebGatewayDest.js.map +1 -0
  59. package/dist/esm/Generics/NativeWebGateway/index.js +2 -0
  60. package/dist/esm/Generics/NativeWebGateway/index.js.map +1 -0
  61. package/dist/esm/Providers/index.js +9 -0
  62. package/dist/esm/Providers/index.js.map +1 -0
  63. package/dist/esm/ReactNativeWebDigest.js +15 -0
  64. package/dist/esm/ReactNativeWebDigest.js.map +1 -0
  65. package/dist/esm/Types.js +2 -0
  66. package/dist/esm/Types.js.map +1 -0
  67. package/dist/esm/index.js +8 -0
  68. package/dist/esm/index.js.map +1 -0
  69. package/package.json +15 -12
  70. package/dist/Components/Drawers/Tabs/Context/Scene.js +0 -20
  71. package/dist/Components/Drawers/Tabs/Context/Scene.js.map +0 -1
  72. package/dist/Components/Drawers/Tabs/Context/index.js +0 -27
  73. package/dist/Components/Drawers/Tabs/Context/index.js.map +0 -1
  74. package/dist/Components/Drawers/Tabs/Scene.js +0 -26
  75. package/dist/Components/Drawers/Tabs/Scene.js.map +0 -1
  76. package/dist/Components/Drawers/Tabs/index.js +0 -26
  77. package/dist/Components/Drawers/Tabs/index.js.map +0 -1
  78. package/dist/Components/Drawers/index.js +0 -21
  79. package/dist/Components/Drawers/index.js.map +0 -1
  80. package/dist/Components/NativeWebAppBar/index.js +0 -11
  81. package/dist/Components/NativeWebAppBar/index.js.map +0 -1
  82. package/dist/Components/NativeWebDrawer/index.js +0 -40
  83. package/dist/Components/NativeWebDrawer/index.js.map +0 -1
  84. package/dist/Components/NativeWebDrawerBar/index.js +0 -11
  85. package/dist/Components/NativeWebDrawerBar/index.js.map +0 -1
  86. package/dist/Components/NativeWebTab/index.js +0 -38
  87. package/dist/Components/NativeWebTab/index.js.map +0 -1
  88. package/dist/Components/Tabs/Scene.js +0 -19
  89. package/dist/Components/Tabs/Scene.js.map +0 -1
  90. package/dist/Components/Tabs/index.js +0 -26
  91. package/dist/Components/Tabs/index.js.map +0 -1
  92. package/dist/Generics/NativeWebGateway/NativeWebGatewayDest.js +0 -20
  93. package/dist/Generics/NativeWebGateway/NativeWebGatewayDest.js.map +0 -1
  94. package/dist/Generics/NativeWebGateway/index.js +0 -9
  95. package/dist/Generics/NativeWebGateway/index.js.map +0 -1
  96. package/dist/Providers/index.js +0 -11
  97. package/dist/Providers/index.js.map +0 -1
  98. package/dist/ReactNativeWebDigest.js +0 -20
  99. package/dist/ReactNativeWebDigest.js.map +0 -1
  100. package/dist/Types.js +0 -3
  101. package/dist/Types.js.map +0 -1
  102. package/dist/index.js +0 -35
  103. package/dist/index.js.map +0 -1
  104. /package/dist/{Components → esm/Components}/Drawers/Tabs/Context/Scene.d.ts +0 -0
  105. /package/dist/{Components → esm/Components}/Drawers/Tabs/Context/index.d.ts +0 -0
  106. /package/dist/{Components → esm/Components}/Drawers/Tabs/Scene.d.ts +0 -0
  107. /package/dist/{Components → esm/Components}/Drawers/Tabs/index.d.ts +0 -0
  108. /package/dist/{Components → esm/Components}/Drawers/index.d.ts +0 -0
  109. /package/dist/{Components → esm/Components}/NativeWebAppBar/index.d.ts +0 -0
  110. /package/dist/{Components → esm/Components}/NativeWebDrawer/index.d.ts +0 -0
  111. /package/dist/{Components → esm/Components}/NativeWebDrawerBar/index.d.ts +0 -0
  112. /package/dist/{Components → esm/Components}/NativeWebTab/index.d.ts +0 -0
  113. /package/dist/{Components → esm/Components}/Tabs/Scene.d.ts +0 -0
  114. /package/dist/{Components → esm/Components}/Tabs/index.d.ts +0 -0
  115. /package/dist/{Generics → esm/Generics}/NativeWebGateway/NativeWebGatewayDest.d.ts +0 -0
  116. /package/dist/{Generics → esm/Generics}/NativeWebGateway/index.d.ts +0 -0
  117. /package/dist/{Providers → esm/Providers}/index.d.ts +0 -0
  118. /package/dist/{ReactNativeWebDigest.d.ts → esm/ReactNativeWebDigest.d.ts} +0 -0
  119. /package/dist/{Types.d.ts → esm/Types.d.ts} +0 -0
  120. /package/dist/{index.d.ts → esm/index.d.ts} +0 -0
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Scene from './Scene';
3
+ import { useSelectTab, useTabIndex, useTabOrder } from '@dgui/react-shared';
4
+ import { WebBaseCarousel } from '@dgui/react-web-shared';
5
+ import { memo, useMemo } from 'react';
6
+ const Tabs = ({ swipe }) => {
7
+ const selectTab = useSelectTab();
8
+ const tabIndex = useTabIndex();
9
+ const tabOrder = useTabOrder();
10
+ const tabs = useMemo(() => {
11
+ const orderedTabs = tabOrder.map((tab) => {
12
+ return (_jsx(Scene, { tabId: tab }, tab));
13
+ });
14
+ return orderedTabs;
15
+ }, [
16
+ tabOrder
17
+ ]);
18
+ return (_jsx(WebBaseCarousel, { onSelectTab: selectTab, swipe: swipe, tabIndex: tabIndex, children: tabs }));
19
+ };
20
+ export default memo(Tabs);
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,18 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { WebBaseGatewayContext } from '@dgui/react-web-shared';
3
+ import { useContext, useEffect, useRef } from 'react';
4
+ import { View } from 'react-native';
5
+ const NativeWebGatewayDest = ({ gatewayId, style }) => {
6
+ const ref = useRef(null);
7
+ const gatewayRegistry = useContext(WebBaseGatewayContext);
8
+ useEffect(() => {
9
+ gatewayRegistry?.addRef(gatewayId, ref);
10
+ return () => {
11
+ gatewayRegistry?.removeRef(gatewayId);
12
+ };
13
+ }, []);
14
+ return (_jsx(View, { ref: ref, style: style }));
15
+ };
16
+ NativeWebGatewayDest.displayName = 'NativeWebGatewayDest';
17
+ export default NativeWebGatewayDest;
18
+ //# sourceMappingURL=NativeWebGatewayDest.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NativeWebGatewayDest.js","sourceRoot":"","sources":["../../../../src/Generics/NativeWebGateway/NativeWebGatewayDest.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,UAAU,EACV,SAAS,EACT,MAAM,EACP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,EAGL,MAAM,cAAc,CAAC;AAEtB,MAAM,oBAAoB,GAAiD,CAAC,EAC1E,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEtC,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,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,eAAe,oBAAoB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default as NativeWebGatewayDest } from './NativeWebGatewayDest';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Generics/NativeWebGateway/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,oBAAoB,EAEhC,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Providers as BaseProviders } from '@dgui/react-shared';
3
+ import { WebBaseGatewayProvider } from '@dgui/react-web-shared';
4
+ const Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
5
+ return (_jsx(BaseProviders, { drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex, children: _jsx(WebBaseGatewayProvider, { children: children }) }));
6
+ };
7
+ Providers.displayName = 'NativeWebProviders';
8
+ export default Providers;
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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,oBAAoB,CAAC;AAE7C,eAAe,SAAS,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Drawers from './Components/Drawers';
3
+ import Tabs from './Components/Tabs';
4
+ import { NativeWebGatewayDest as GatewayDestination } from './Generics/NativeWebGateway';
5
+ import Providers from './Providers';
6
+ import { StyleSheet } from 'react-native';
7
+ const styles = StyleSheet.create({
8
+ appbar: {}
9
+ });
10
+ const ReactNativeWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerStyle, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
11
+ return (_jsxs(Providers, { drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex, children: [_jsx(GatewayDestination, { gatewayId: 'ReactNativeWebDigestAppBar', style: styles.appbar }), _jsx(Drawers, { animationTime: drawerAnimationTime, opacity: drawerOpacity, position: drawerPosition, style: drawerStyle, width: drawerWidth, children: _jsx(Tabs, { swipe: swipe }) }), children] }));
12
+ };
13
+ ReactNativeWebDigest.displayName = 'ReactNativeWebDigest';
14
+ export default ReactNativeWebDigest;
15
+ //# sourceMappingURL=ReactNativeWebDigest.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ReactNativeWebDigest.js","sourceRoot":"","sources":["../../src/ReactNativeWebDigest.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EACL,oBAAoB,IAAI,kBAAkB,EAC3C,MAAM,6BAA6B,CAAC;AACrC,OAAO,SAAS,MAAM,aAAa,CAAC;AAOpC,OAAO,EACL,UAAU,EAEX,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAE/B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAiD,CAAC,EAC1E,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,4BAA4B,EACtC,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB,EACF,KAAC,OAAO,IACN,aAAa,EAAE,mBAAmB,EAClC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAAwB,EAC/B,KAAK,EAAE,WAAW,YAElB,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,GACZ,GACM,EACT,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,eAAe,oBAAoB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Types.js","sourceRoot":"","sources":["../../src/Types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ export { default as ReactNativeWebDigestAppBar } from './Components/NativeWebAppBar';
2
+ export { default as ReactNativeWebDigestDrawer } from './Components/NativeWebDrawer';
3
+ export { default as ReactNativeWebDigestDrawerBar } from './Components/NativeWebDrawerBar';
4
+ export { default as ReactNativeWebDigestTab } from './Components/NativeWebTab';
5
+ export { default as ReactNativeWebDigest } from './ReactNativeWebDigest';
6
+ export * from '@dgui/react-shared';
7
+ export { WebBaseCarousel as NativeWebCarousel, WebBaseHorse as NativeWebHorse } from '@dgui/react-web-shared';
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,0BAA0B,EACtC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,IAAI,0BAA0B,EACtC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,IAAI,6BAA6B,EACzC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,OAAO,IAAI,uBAAuB,EACnC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,OAAO,IAAI,oBAAoB,EAChC,MAAM,wBAAwB,CAAC;AAEhC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,eAAe,IAAI,iBAAiB,EAEpC,YAAY,IAAI,cAAc,EAE/B,MAAM,wBAAwB,CAAC"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dgui/react-native-web",
3
3
  "title": "Digested React GUI Native Web Components",
4
4
  "license": "LGPL-3.0-or-later",
5
- "version": "1.7.6",
5
+ "version": "1.8.0",
6
6
  "private": false,
7
7
  "description": "Native Web Components for a boilerplate React GUI",
8
8
  "author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -13,8 +13,9 @@
13
13
  "position": "Initial and Lead Developer"
14
14
  }
15
15
  ],
16
- "main": "dist/index.js",
17
- "types": "dist/index.d.ts",
16
+ "main": "dist/cjs/index.js",
17
+ "module": "dist/esm/index.js",
18
+ "types": "dist/esm/index.d.ts",
18
19
  "files": [
19
20
  "dist/",
20
21
  "COPYING.md",
@@ -30,7 +31,9 @@
30
31
  },
31
32
  "scripts": {
32
33
  "build": "run-s clean:dist build:prod",
33
- "build:prod": "tsc -p ./tsconfig.json",
34
+ "build:prod": "run-p build:cjs:prod build:esm:prod",
35
+ "build:cjs:prod": "tsc -p ./tsconfig.cjs.json",
36
+ "build:esm:prod": "tsc -p ./tsconfig.json",
34
37
  "build:watch": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
35
38
  "----------------------------------------------------------------": "",
36
39
  "build:prod:config": "",
@@ -50,24 +53,24 @@
50
53
  "@digest/jest-typescript": "^4.14.14",
51
54
  "@digest/typescript": "^4.14.14",
52
55
  "@types/jest": "^30.0.0",
53
- "@types/react": "^19.2.7",
56
+ "@types/react": "^19.2.13",
54
57
  "@types/react-native": "^0.73.0",
55
58
  "@types/react-test-renderer": "^19.1.0",
56
59
  "cross-env": "^10.1.0",
57
60
  "jest-environment-jsdom": "^30.2.0",
58
61
  "jest-environment-jsdom-global": "^4.0.0",
59
62
  "npm-run-all": "^4.1.5",
60
- "react": "^19.2.3",
61
- "react-dom": "^19.2.3",
63
+ "react": "^19.2.4",
64
+ "react-dom": "^19.2.4",
62
65
  "react-native": "^0.83.1",
63
66
  "react-native-web": "^0.21.2",
64
- "react-test-renderer": "^19.2.3",
67
+ "react-test-renderer": "^19.2.4",
65
68
  "rimraf": "^6.1.2"
66
69
  },
67
70
  "dependencies": {
68
- "@dgui/react-native-shared": "1.7.6",
69
- "@dgui/react-shared": "1.7.6",
70
- "@dgui/react-web-shared": "1.7.6"
71
+ "@dgui/react-native-shared": "1.8.0",
72
+ "@dgui/react-shared": "1.8.0",
73
+ "@dgui/react-web-shared": "1.8.0"
71
74
  },
72
75
  "peerDependencies": {
73
76
  "react": "^18.0.0 || ^19.0.0",
@@ -86,5 +89,5 @@
86
89
  "react-native-web",
87
90
  "typescript"
88
91
  ],
89
- "gitHead": "864501301de458311da44d7b3043c7488ce6096c"
92
+ "gitHead": "95e59233ca83f31132d06237305b05e188666974"
90
93
  }
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const NativeWebGateway_1 = require("../../../../Generics/NativeWebGateway");
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");
8
- const Scene = ({ drawerId, tabId }) => {
9
- const tabs = (0, react_shared_1.useTabs)();
10
- const { swipe } = tabs[tabId];
11
- const gatewayId = (0, react_1.useMemo)(() => {
12
- return `drawer-${drawerId}-${tabId}`;
13
- }, []);
14
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId }) }));
15
- };
16
- Scene.displayName = 'NativeWebDrawersTabsSceneContextScene';
17
- const SceneSwiperSlide = (0, react_1.memo)(Scene);
18
- SceneSwiperSlide.displayName = 'SceneSwiperSlide';
19
- exports.default = SceneSwiperSlide;
20
- //# sourceMappingURL=Scene.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/Context/Scene.tsx"],"names":[],"mappings":";;;AAMA,4EAE+C;AAC/C,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,CAAC;IAEhB,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,uCAAoB,IACnB,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,uCAAuC,CAAC;AAE5D,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC3B,KAAK,CACN,CAAC;AAOF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
@@ -1,27 +0,0 @@
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");
11
- const Context = ({ drawerId }) => {
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)(() => {
16
- return tabOrder.map((tab) => {
17
- return ((0, jsx_runtime_1.jsx)(Scene_1.default, { drawerId: drawerId, tabId: tab }, tab));
18
- });
19
- }, [
20
- drawerId,
21
- tabOrder
22
- ]);
23
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: selectTab, swipe: false, tabIndex: tabIndex, children: tabs }));
24
- };
25
- Context.displayName = 'NativeWebDrawersTabsSceneContext';
26
- exports.default = (0, react_1.memo)(Context);
27
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,kCAAkC,CAAC;AAEzD,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
@@ -1,26 +0,0 @@
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 NativeWebGateway_1 = require("../../../Generics/NativeWebGateway");
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");
12
- const Scene = ({ drawerId }) => {
13
- const drawers = (0, react_shared_1.useDrawers)();
14
- const { swipe, tabs } = drawers[drawerId];
15
- const gatewayId = (0, react_1.useMemo)(() => {
16
- return `drawer-${drawerId}`;
17
- }, []);
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)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId })) }));
21
- };
22
- Scene.displayName = 'NativeWebDrawersTabsScene';
23
- const SceneSwiperSlide = (0, react_1.memo)(Scene);
24
- SceneSwiperSlide.displayName = 'SceneSwiperSlide';
25
- exports.default = SceneSwiperSlide;
26
- //# sourceMappingURL=Scene.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/Components/Drawers/Tabs/Scene.tsx"],"names":[],"mappings":";;;;;;AAMA,yEAE4C;AAC5C,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,CAAC;IAEtB,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,uCAAoB,IACnB,SAAS,EAAE,SAAS,GACpB,CACH,GAEQ,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEhD,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC3B,KAAK,CACN,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
@@ -1,26 +0,0 @@
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");
11
- const Drawers = () => {
12
- const drawerOrder = (0, react_shared_1.useDrawerOrder)();
13
- const drawerIndex = (0, react_shared_1.useDrawerIndex)();
14
- const selectDrawer = (0, react_shared_1.useSelectDrawer)();
15
- const drawers = (0, react_1.useMemo)(() => {
16
- return drawerOrder.map((drawerId) => {
17
- return ((0, jsx_runtime_1.jsx)(Scene_1.default, { drawerId: drawerId }, drawerId));
18
- });
19
- }, [
20
- drawerOrder
21
- ]);
22
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: selectDrawer, tabIndex: drawerIndex, children: drawers }));
23
- };
24
- Drawers.displayName = 'NativeWebDrawersTabs';
25
- exports.default = (0, react_1.memo)(Drawers);
26
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,WAAW,GAAG,IAAA,6BAAc,GAAE,CAAC;IACrC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,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,sBAAsB,CAAC;AAE7C,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
@@ -1,21 +0,0 @@
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 NativeWebGateway_1 = require("../../Generics/NativeWebGateway");
8
- const Tabs_1 = __importDefault(require("./Tabs"));
9
- const react_native_shared_1 = require("@dgui/react-native-shared");
10
- const react_shared_1 = require("@dgui/react-shared");
11
- const react_1 = require("react");
12
- const Drawers = (props) => {
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)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: 'ReactNativeWebDigestDrawerBar' }), (0, jsx_runtime_1.jsx)(Tabs_1.default, {})] }));
16
- }, []);
17
- return ((0, jsx_runtime_1.jsx)(react_native_shared_1.NativeBaseDrawers, Object.assign({ drawerContent: appBar, open: drawerOpen }, props)));
18
- };
19
- Drawers.displayName = 'NativeWebDrawers';
20
- exports.default = Drawers;
21
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAEyC;AAIzC,kDAA0B;AAC1B,mEAEmC;AACnC,qDAE4B;AAC5B,iCAIe;AAMf,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,uCAAkB,IACjB,SAAS,EAAC,+BAA+B,GACzC,EACF,uBAAC,cAAI,KAAG,IACP,CACJ,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAW,kBACV,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,UAAU,IACZ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEzC,kBAAe,OAAO,CAAC"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_native_shared_1 = require("@dgui/react-native-shared");
5
- const react_web_shared_1 = require("@dgui/react-web-shared");
6
- const NativeWebAppBar = ({ children }) => {
7
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: 'ReactNativeWebDigestAppBar', children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_native_shared_1.AppBar, {}) }));
8
- };
9
- NativeWebAppBar.displayName = 'NativeWebAppBar';
10
- exports.default = NativeWebAppBar;
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/NativeWebAppBar/index.tsx"],"names":[],"mappings":";;;AAGA,mEAEmC;AACnC,6DAEgC;AAKhC,MAAM,eAAe,GAAuD,CAAC,EAC3E,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iCAAc,IACb,SAAS,EAAC,4BAA4B,YAErC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,4BAAY,KAAG,GACd,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- const jsx_runtime_1 = require("react/jsx-runtime");
15
- const react_shared_1 = require("@dgui/react-shared");
16
- const react_web_shared_1 = require("@dgui/react-web-shared");
17
- const react_1 = require("react");
18
- const NativeWebDrawer = (_a) => {
19
- var { children } = _a, props = __rest(_a, ["children"]);
20
- const { drawerId, gatewayId } = (0, react_1.useMemo)(() => {
21
- return {
22
- drawerId: props.drawerId,
23
- gatewayId: props.tabId ?
24
- `drawer-${props.drawerId}-${props.tabId}` :
25
- `drawer-${props.drawerId}`
26
- };
27
- }, []);
28
- const addDrawer = (0, react_shared_1.useAddDrawer)();
29
- const removeDrawer = (0, react_shared_1.useRemoveDrawer)();
30
- (0, react_1.useEffect)(() => {
31
- addDrawer(props);
32
- return () => {
33
- removeDrawer(drawerId);
34
- };
35
- }, []);
36
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: gatewayId, children: children }));
37
- };
38
- NativeWebDrawer.displayName = 'NativeWebDrawer';
39
- exports.default = NativeWebDrawer;
40
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/NativeWebDrawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,qDAG4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,eAAe,GAAuD,CAAC,EAG5E,EAAE,EAAE;QAHwE,EAC3E,QAAQ,OAET,EADI,KAAK,cAFmE,YAG5E,CADS;IAIR,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,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_native_shared_1 = require("@dgui/react-native-shared");
5
- const react_web_shared_1 = require("@dgui/react-web-shared");
6
- const NativeWebDrawerBar = ({ children }) => {
7
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: 'ReactNativeWebDigestDrawerBar', children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_native_shared_1.DrawerBar, {}) }));
8
- };
9
- NativeWebDrawerBar.displayName = 'NativeWebDrawerBar';
10
- exports.default = NativeWebDrawerBar;
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/NativeWebDrawerBar/index.tsx"],"names":[],"mappings":";;;AAGA,mEAEmC;AACnC,6DAEgC;AAKhC,MAAM,kBAAkB,GAA0D,CAAC,EACjF,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iCAAc,IACb,SAAS,EAAC,+BAA+B,YAExC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,+BAAe,KAAG,GACjB,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,kBAAe,kBAAkB,CAAC"}
@@ -1,38 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- const jsx_runtime_1 = require("react/jsx-runtime");
15
- const react_shared_1 = require("@dgui/react-shared");
16
- const react_web_shared_1 = require("@dgui/react-web-shared");
17
- const react_1 = require("react");
18
- const NativeWebTab = (_a) => {
19
- var { children } = _a, props = __rest(_a, ["children"]);
20
- const { gatewayId, tabId } = (0, react_1.useMemo)(() => {
21
- return {
22
- gatewayId: `tab-${props.tabId}`,
23
- tabId: props.tabId
24
- };
25
- }, []);
26
- const addTab = (0, react_shared_1.useAddTab)();
27
- const removeTab = (0, react_shared_1.useRemoveTab)();
28
- (0, react_1.useEffect)(() => {
29
- addTab(props);
30
- return () => {
31
- removeTab(tabId);
32
- };
33
- }, []);
34
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseGateway, { gatewayId: gatewayId, children: children }));
35
- };
36
- NativeWebTab.displayName = 'NativeWebTab';
37
- exports.default = NativeWebTab;
38
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/NativeWebTab/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,qDAG4B;AAC5B,6DAEgC;AAChC,iCAIe;AAEf,MAAM,YAAY,GAAoD,CAAC,EAGtE,EAAE,EAAE;QAHkE,EACrE,QAAQ,OAET,EADI,KAAK,cAF6D,YAGtE,CADS;IAIR,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,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const NativeWebGateway_1 = require("../../Generics/NativeWebGateway");
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");
8
- const Scene = ({ tabId }) => {
9
- const tabs = (0, react_shared_1.useTabs)();
10
- const { swipe } = tabs[tabId];
11
- const gatewayId = (0, react_1.useMemo)(() => {
12
- return `tab-${tabId}`;
13
- }, []);
14
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseHorse, { swipe: swipe, children: (0, jsx_runtime_1.jsx)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: gatewayId }) }));
15
- };
16
- const SceneSwiperSlide = (0, react_1.memo)(Scene);
17
- SceneSwiperSlide.displayName = 'SceneSwiperSlide';
18
- exports.default = SceneSwiperSlide;
19
- //# sourceMappingURL=Scene.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../src/Components/Tabs/Scene.tsx"],"names":[],"mappings":";;;AAKA,sEAEyC;AACzC,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,CAAC;IAEhB,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,uCAAkB,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,26 +0,0 @@
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");
11
- const Tabs = ({ swipe }) => {
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)(() => {
16
- const orderedTabs = tabOrder.map((tab) => {
17
- return ((0, jsx_runtime_1.jsx)(Scene_1.default, { tabId: tab }, tab));
18
- });
19
- return orderedTabs;
20
- }, [
21
- tabOrder
22
- ]);
23
- return ((0, jsx_runtime_1.jsx)(react_web_shared_1.WebBaseCarousel, { onSelectTab: selectTab, swipe: swipe, tabIndex: tabIndex, children: tabs }));
24
- };
25
- exports.default = (0, react_1.memo)(Tabs);
26
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,20 +0,0 @@
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");
6
- const react_native_1 = require("react-native");
7
- const NativeWebGatewayDest = ({ gatewayId, style }) => {
8
- const ref = (0, react_1.useRef)(null);
9
- const gatewayRegistry = (0, react_1.useContext)(react_web_shared_1.WebBaseGatewayContext);
10
- (0, react_1.useEffect)(() => {
11
- gatewayRegistry === null || gatewayRegistry === void 0 ? void 0 : gatewayRegistry.addRef(gatewayId, ref);
12
- return () => {
13
- gatewayRegistry === null || gatewayRegistry === void 0 ? void 0 : gatewayRegistry.removeRef(gatewayId);
14
- };
15
- }, []);
16
- return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: style }));
17
- };
18
- NativeWebGatewayDest.displayName = 'NativeWebGatewayDest';
19
- exports.default = NativeWebGatewayDest;
20
- //# sourceMappingURL=NativeWebGatewayDest.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NativeWebGatewayDest.js","sourceRoot":"","sources":["../../../src/Generics/NativeWebGateway/NativeWebGatewayDest.tsx"],"names":[],"mappings":";;;AAQA,6DAEgC;AAChC,iCAKe;AACf,+CAIsB;AAEtB,MAAM,oBAAoB,GAAiD,CAAC,EAC1E,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAEtC,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,wCAAqB,CAAC,CAAC;IAE1D,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CACrB,SAAS,EACT,GAAG,CACJ,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,IACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,kBAAe,oBAAoB,CAAC"}
@@ -1,9 +0,0 @@
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.NativeWebGatewayDest = void 0;
7
- var NativeWebGatewayDest_1 = require("./NativeWebGatewayDest");
8
- Object.defineProperty(exports, "NativeWebGatewayDest", { enumerable: true, get: function () { return __importDefault(NativeWebGatewayDest_1).default; } });
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/NativeWebGateway/index.ts"],"names":[],"mappings":";;;;;;AAAA,+DAGgC;AAF9B,6IAAA,OAAO,OAAwB"}
@@ -1,11 +0,0 @@
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 Providers = ({ children, drawerIndex, drawerOpen, onDrawerToggle, onSelectDrawer, onSelectTab, tabIndex }) => {
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 }) }));
8
- };
9
- Providers.displayName = 'NativeWebProviders';
10
- exports.default = Providers;
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,oBAAoB,CAAC;AAE7C,kBAAe,SAAS,CAAC"}
@@ -1,20 +0,0 @@
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 NativeWebGateway_1 = require("./Generics/NativeWebGateway");
10
- const Providers_1 = __importDefault(require("./Providers"));
11
- const react_native_1 = require("react-native");
12
- const styles = react_native_1.StyleSheet.create({
13
- appbar: {}
14
- });
15
- const ReactNativeWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerStyle, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
16
- 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)(NativeWebGateway_1.NativeWebGatewayDest, { gatewayId: 'ReactNativeWebDigestAppBar', style: styles.appbar }), (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] }));
17
- };
18
- ReactNativeWebDigest.displayName = 'ReactNativeWebDigest';
19
- exports.default = ReactNativeWebDigest;
20
- //# sourceMappingURL=ReactNativeWebDigest.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReactNativeWebDigest.js","sourceRoot":"","sources":["../src/ReactNativeWebDigest.tsx"],"names":[],"mappings":";;;;;;AAAA,mEAA2C;AAC3C,6DAAqC;AACrC,kEAEqC;AACrC,4DAAoC;AAOpC,+CAGsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAE/B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAiD,CAAC,EAC1E,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,uCAAkB,IACjB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB,EACF,uBAAC,iBAAO,IACN,aAAa,EAAE,mBAAmB,EAClC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAAwB,EAC/B,KAAK,EAAE,WAAW,YAElB,uBAAC,cAAI,IACH,KAAK,EAAE,KAAK,GACZ,GACM,EACT,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,kBAAe,oBAAoB,CAAC"}
package/dist/Types.js DELETED
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=Types.js.map
package/dist/Types.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Types.js","sourceRoot":"","sources":["../src/Types.ts"],"names":[],"mappings":""}