@dgui/react-native-web 1.3.0-next.1 → 1.4.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@ const react_shared_1 = require("@dgui/react-shared");
6
6
  const react_web_shared_1 = require("@dgui/react-web-shared");
7
7
  const react_1 = require("react");
8
8
  const Scene = ({ drawerId, tabId }) => {
9
- const { tabs } = (0, react_1.useContext)(react_shared_1.TabContext);
9
+ const tabs = (0, react_shared_1.useTabs)();
10
10
  const { swipe = true } = tabs[tabId];
11
11
  const gatewayId = (0, react_1.useMemo)(() => {
12
12
  return `drawer-${drawerId}-${tabId}`;
@@ -1 +1 @@
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,iCAKe;AAEf,MAAM,KAAK,GAAkC,CAC5C,EACC,QAAQ,EACR,KAAK,EACL,EACA,EAAE;IACH,MAAM,EACL,IAAI,EACJ,GAAG,IAAA,kBAAU,EAAC,yBAAU,CAAC,CAAC;IAE3B,MAAM,EACL,KAAK,GAAG,IAAI,EACZ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE;QACJ,OAAO,UAAU,QAAQ,IAAI,KAAK,EAAE,CAAC;IACtC,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAY,IACZ,KAAK,EAAE,KAAK,YAEZ,uBAAC,uCAAoB,IACpB,SAAS,EAAE,SAAS,GACnB,GACY,CACf,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,uCAAuC,CAAC;AAE5D,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC5B,KAAK,CACL,CAAC;AAOF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
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,CAC5C,EACC,QAAQ,EACR,KAAK,EACL,EACA,EAAE;IACH,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,EACL,KAAK,GAAG,IAAI,EACZ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE;QACJ,OAAO,UAAU,QAAQ,IAAI,KAAK,EAAE,CAAC;IACtC,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAY,IACZ,KAAK,EAAE,KAAK,YAEZ,uBAAC,uCAAoB,IACpB,SAAS,EAAE,SAAS,GACnB,GACY,CACf,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,uCAAuC,CAAC;AAE5D,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC5B,KAAK,CACL,CAAC;AAOF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
@@ -9,8 +9,9 @@ const react_shared_1 = require("@dgui/react-shared");
9
9
  const react_web_shared_1 = require("@dgui/react-web-shared");
10
10
  const react_1 = require("react");
11
11
  const Context = ({ drawerId }) => {
12
- const { selectTab, tabIndex } = (0, react_1.useContext)(react_shared_1.TabIndexContext);
13
- const { tabOrder } = (0, react_1.useContext)(react_shared_1.TabContext);
12
+ const selectTab = (0, react_shared_1.useSelectTab)();
13
+ const tabIndex = (0, react_shared_1.useTabIndex)();
14
+ const tabOrder = (0, react_shared_1.useTabOrder)();
14
15
  const tabs = (0, react_1.useMemo)(() => {
15
16
  return tabOrder.map((tab) => {
16
17
  return ((0, jsx_runtime_1.jsx)(Scene_1.default, { drawerId: drawerId, tabId: tab }, tab));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Drawers/Tabs/Context/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAC5B,qDAG4B;AAC5B,6DAEgC;AAChC,iCAKe;AAEf,MAAM,OAAO,GAAoC,CAAC,EACjD,QAAQ,EACR,EAAE,EAAE;IACJ,MAAM,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAA,kBAAU,EAAC,8BAAe,CAAC,CAAC;IAEhC,MAAM,EACL,QAAQ,EACR,GAAG,IAAA,kBAAU,EAAC,yBAAU,CAAC,CAAC;IAE3B,MAAM,IAAI,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACJ,OAAO,QAAQ,CAAC,GAAG,CAClB,CAAC,GAAG,EAAE,EAAE;YACP,OAAO,CACN,uBAAC,eAAK,IACL,QAAQ,EAAE,QAAQ,EAElB,KAAK,EAAE,GAAG,IADL,GAAG,CAEP,CACF,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,QAAQ;QACR,QAAQ;KACR,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,kCAAe,IACf,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACY,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,kCAAkC,CAAC;AAEzD,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
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,EACjD,QAAQ,EACR,EAAE,EAAE;IACJ,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,EACnB,GAAG,EAAE;QACJ,OAAO,QAAQ,CAAC,GAAG,CAClB,CAAC,GAAG,EAAE,EAAE;YACP,OAAO,CACN,uBAAC,eAAK,IACL,QAAQ,EAAE,QAAQ,EAElB,KAAK,EAAE,GAAG,IADL,GAAG,CAEP,CACF,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,QAAQ;QACR,QAAQ;KACR,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,kCAAe,IACf,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACY,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,kCAAkC,CAAC;AAEzD,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
@@ -10,7 +10,7 @@ const react_shared_1 = require("@dgui/react-shared");
10
10
  const react_web_shared_1 = require("@dgui/react-web-shared");
11
11
  const react_1 = require("react");
12
12
  const Scene = ({ drawerId }) => {
13
- const { drawers } = (0, react_1.useContext)(react_shared_1.DrawerContext);
13
+ const drawers = (0, react_shared_1.useDrawers)();
14
14
  const { swipe = true, tabs } = drawers[drawerId];
15
15
  const gatewayId = (0, react_1.useMemo)(() => {
16
16
  return `drawer-${drawerId}`;
@@ -1 +1 @@
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,iCAKe;AAEf,MAAM,KAAK,GAAkC,CAAC,EAC7C,QAAQ,EACR,EAAE,EAAE;IACJ,MAAM,EACL,OAAO,EACP,GAAG,IAAA,kBAAU,EAAC,4BAAa,CAAC,CAAC;IAE9B,MAAM,EACL,KAAK,GAAG,IAAI,EACZ,IAAI,EACJ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE;QACJ,OAAO,UAAU,QAAQ,EAAE,CAAC;IAC7B,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAY,IACZ,KAAK,EAAE,KAAK,YAGX,IAAI,CAAC,CAAC;YAEL,CACC,uBAAC,iBAAO,IACP,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC,CAAC;YAEH,CACC,uBAAC,uCAAoB,IACpB,SAAS,EAAE,SAAS,GACnB,CACF,GAEW,CACf,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEhD,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC5B,KAAK,CACL,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
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,EAC7C,QAAQ,EACR,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,IAAA,yBAAU,GAAE,CAAC;IAE7B,MAAM,EACL,KAAK,GAAG,IAAI,EACZ,IAAI,EACJ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE;QACJ,OAAO,UAAU,QAAQ,EAAE,CAAC;IAC7B,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAY,IACZ,KAAK,EAAE,KAAK,YAGX,IAAI,CAAC,CAAC;YAEL,CACC,uBAAC,iBAAO,IACP,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC,CAAC;YAEH,CACC,uBAAC,uCAAoB,IACpB,SAAS,EAAE,SAAS,GACnB,CACF,GAEW,CACf,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEhD,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC5B,KAAK,CACL,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
@@ -9,8 +9,9 @@ const react_shared_1 = require("@dgui/react-shared");
9
9
  const react_web_shared_1 = require("@dgui/react-web-shared");
10
10
  const react_1 = require("react");
11
11
  const Drawers = () => {
12
- const { drawerIndex, selectDrawer } = (0, react_1.useContext)(react_shared_1.DrawerIndexContext);
13
- const { drawerOrder } = (0, react_1.useContext)(react_shared_1.DrawerContext);
12
+ const drawerOrder = (0, react_shared_1.useDrawerOrder)();
13
+ const drawerIndex = (0, react_shared_1.useDrawerIndex)();
14
+ const selectDrawer = (0, react_shared_1.useSelectDrawer)();
14
15
  const drawers = (0, react_1.useMemo)(() => {
15
16
  return drawerOrder.map((drawerId) => {
16
17
  return ((0, jsx_runtime_1.jsx)(Scene_1.default, { drawerId: drawerId }, drawerId));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Drawers/Tabs/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAC5B,qDAG4B;AAC5B,6DAEgC;AAChC,iCAKe;AAEf,MAAM,OAAO,GAAmC,GAAG,EAAE;IACpD,MAAM,EACL,WAAW,EACX,YAAY,EACZ,GAAG,IAAA,kBAAU,EAAC,iCAAkB,CAAC,CAAC;IAEnC,MAAM,EACL,WAAW,EACX,GAAG,IAAA,kBAAU,EAAC,4BAAa,CAAC,CAAC;IAE9B,MAAM,OAAO,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;QACJ,OAAO,WAAW,CAAC,GAAG,CACrB,CAAC,QAAQ,EAAE,EAAE;YACZ,OAAO,CACN,uBAAC,eAAK,IACL,QAAQ,EAAE,QAAQ,IACb,QAAQ,CACZ,CACF,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,WAAW;KACX,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,kCAAe,IACf,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,WAAW,YAEpB,OAAO,GACS,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE7C,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
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;IACpD,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,EACtB,GAAG,EAAE;QACJ,OAAO,WAAW,CAAC,GAAG,CACrB,CAAC,QAAQ,EAAE,EAAE;YACZ,OAAO,CACN,uBAAC,eAAK,IACL,QAAQ,EAAE,QAAQ,IACb,QAAQ,CACZ,CACF,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,EACD;QACC,WAAW;KACX,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,kCAAe,IACf,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,WAAW,YAEpB,OAAO,GACS,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE7C,kBAAe,IAAA,YAAI,EAAC,OAAO,CAAC,CAAC"}
@@ -10,7 +10,7 @@ const react_native_shared_1 = require("@dgui/react-native-shared");
10
10
  const react_shared_1 = require("@dgui/react-shared");
11
11
  const react_1 = require("react");
12
12
  const Drawers = ({ children }) => {
13
- const { drawerOpen } = (0, react_1.useContext)(react_shared_1.DrawerToggleContext);
13
+ const drawerOpen = (0, react_shared_1.useDrawerOpen)();
14
14
  const appBar = (0, react_1.useMemo)(() => {
15
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
16
  }, []);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAEyC;AACzC,kDAA0B;AAC1B,mEAEmC;AACnC,qDAE4B;AAC5B,iCAKe;AAEf,MAAM,OAAO,GAAoC,CAAC,EACjD,QAAQ,EACR,EAAE,EAAE;IACJ,MAAM,EACL,UAAU,EACV,GAAG,IAAA,kBAAU,EAAC,kCAAmB,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,CACN,6DACC,uBAAC,uCAAkB,IAClB,SAAS,EAAC,+BAA+B,GACxC,EACF,uBAAC,cAAI,KAAG,IACN,CACH,CAAC;IACH,CAAC,EACD,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,uCAAW,IACX,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,UAAU,YAEf,QAAQ,GACI,CACd,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEzC,kBAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,sEAEyC;AACzC,kDAA0B;AAC1B,mEAEmC;AACnC,qDAE4B;AAC5B,iCAIe;AAEf,MAAM,OAAO,GAAoC,CAAC,EACjD,QAAQ,EACR,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAC;IAEnC,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,CACN,6DACC,uBAAC,uCAAkB,IAClB,SAAS,EAAC,+BAA+B,GACxC,EACF,uBAAC,cAAI,KAAG,IACN,CACH,CAAC;IACH,CAAC,EACD,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,uCAAW,IACX,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,UAAU,YAEf,QAAQ,GACI,CACd,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEzC,kBAAe,OAAO,CAAC"}
@@ -25,7 +25,8 @@ const NativeWebDrawer = (_a) => {
25
25
  `drawer-${props.drawerId}`
26
26
  };
27
27
  }, []);
28
- const { addDrawer, removeDrawer } = (0, react_1.useContext)(react_shared_1.DrawerContext);
28
+ const addDrawer = (0, react_shared_1.useAddDrawer)();
29
+ const removeDrawer = (0, react_shared_1.useRemoveDrawer)();
29
30
  (0, react_1.useEffect)(() => {
30
31
  addDrawer(props);
31
32
  return () => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/NativeWebDrawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,qDAE4B;AAC5B,6DAEgC;AAChC,iCAKe;AAEf,MAAM,eAAe,GAAuD,CAAC,EAG5E,EAAE,EAAE;QAHwE,EAC5E,QAAQ,OAER,EADG,KAAK,cAFoE,YAG5E,CADQ;IAIR,MAAM,EACL,QAAQ,EACR,SAAS,EACT,GAAG,IAAA,eAAO,EACV,GAAG,EAAE;QACJ,OAAO;YACN,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBACvB,UAAU,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC3C,UAAU,KAAK,CAAC,QAAQ,EAAE;SAC3B,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,MAAM,EACL,SAAS,EACT,YAAY,EACZ,GAAG,IAAA,kBAAU,EAAC,4BAAa,CAAC,CAAC;IAE9B,IAAA,iBAAS,EACR,GAAG,EAAE;QACJ,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACX,YAAY,CACX,QAAQ,CACR,CAAC;QACH,CAAC,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,iCAAc,IACd,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACO,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}
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,EAC5E,QAAQ,OAER,EADG,KAAK,cAFoE,YAG5E,CADQ;IAIR,MAAM,EACL,QAAQ,EACR,SAAS,EACT,GAAG,IAAA,eAAO,EACV,GAAG,EAAE;QACJ,OAAO;YACN,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBACvB,UAAU,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC3C,UAAU,KAAK,CAAC,QAAQ,EAAE;SAC3B,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEvC,IAAA,iBAAS,EACR,GAAG,EAAE;QACJ,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACX,YAAY,CACX,QAAQ,CACR,CAAC;QACH,CAAC,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,iCAAc,IACd,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACO,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,kBAAe,eAAe,CAAC"}
@@ -23,7 +23,8 @@ const NativeWebTab = (_a) => {
23
23
  tabId: props.tabId
24
24
  };
25
25
  }, []);
26
- const { addTab, removeTab } = (0, react_1.useContext)(react_shared_1.TabContext);
26
+ const addTab = (0, react_shared_1.useAddTab)();
27
+ const removeTab = (0, react_shared_1.useRemoveTab)();
27
28
  (0, react_1.useEffect)(() => {
28
29
  addTab(props);
29
30
  return () => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/NativeWebTab/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,qDAE4B;AAC5B,6DAEgC;AAChC,iCAKe;AAEf,MAAM,YAAY,GAAoD,CAAC,EAGtE,EAAE,EAAE;QAHkE,EACtE,QAAQ,OAER,EADG,KAAK,cAF8D,YAGtE,CADQ;IAIR,MAAM,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAA,eAAO,EACV,GAAG,EAAE;QACJ,OAAO;YACN,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,EAAE;YAC/B,KAAK,EAAE,KAAK,CAAC,KAAK;SAClB,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,MAAM,EACL,MAAM,EACN,SAAS,EACT,GAAG,IAAA,kBAAU,EAAC,yBAAU,CAAC,CAAC;IAE3B,IAAA,iBAAS,EACR,GAAG,EAAE;QACJ,MAAM,CAAC,KAAK,CAAC,CAAC;QAEd,OAAO,GAAG,EAAE;YACX,SAAS,CACR,KAAK,CACL,CAAC;QACH,CAAC,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,iCAAc,IACd,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACO,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}
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,EACtE,QAAQ,OAER,EADG,KAAK,cAF8D,YAGtE,CADQ;IAIR,MAAM,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAA,eAAO,EACV,GAAG,EAAE;QACJ,OAAO;YACN,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,EAAE;YAC/B,KAAK,EAAE,KAAK,CAAC,KAAK;SAClB,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,wBAAS,GAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,IAAA,iBAAS,EACR,GAAG,EAAE;QACJ,MAAM,CAAC,KAAK,CAAC,CAAC;QAEd,OAAO,GAAG,EAAE;YACX,SAAS,CACR,KAAK,CACL,CAAC;QACH,CAAC,CAAC;IACH,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,iCAAc,IACd,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACO,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}
@@ -6,7 +6,7 @@ const react_shared_1 = require("@dgui/react-shared");
6
6
  const react_web_shared_1 = require("@dgui/react-web-shared");
7
7
  const react_1 = require("react");
8
8
  const Scene = ({ tabId }) => {
9
- const { tabs } = (0, react_1.useContext)(react_shared_1.TabContext);
9
+ const tabs = (0, react_shared_1.useTabs)();
10
10
  const { swipe = true } = tabs[tabId];
11
11
  const gatewayId = (0, react_1.useMemo)(() => {
12
12
  return `tab-${tabId}`;
@@ -1 +1 @@
1
- {"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../src/Components/Tabs/Scene.tsx"],"names":[],"mappings":";;;AAKA,sEAEyC;AACzC,qDAE4B;AAC5B,6DAEgC;AAChC,iCAKe;AAEf,MAAM,KAAK,GAAkC,CAC5C,EACC,KAAK,EACL,EACA,EAAE;IACH,MAAM,EACL,IAAI,EACJ,GAAG,IAAA,kBAAU,EAAC,yBAAU,CAAC,CAAC;IAE3B,MAAM,EACL,KAAK,GAAG,IAAI,EACZ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE;QACJ,OAAO,OAAO,KAAK,EAAE,CAAC;IACvB,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAY,IACZ,KAAK,EAAE,KAAK,YAEZ,uBAAC,uCAAkB,IAClB,SAAS,EAAE,SAAS,GACnB,GACY,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC5B,KAAK,CACL,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
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,CAC5C,EACC,KAAK,EACL,EACA,EAAE;IACH,MAAM,IAAI,GAAG,IAAA,sBAAO,GAAE,CAAC;IAEvB,MAAM,EACL,KAAK,GAAG,IAAI,EACZ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE;QACJ,OAAO,OAAO,KAAK,EAAE,CAAC;IACvB,CAAC,EAED,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAY,IACZ,KAAK,EAAE,KAAK,YAEZ,uBAAC,uCAAkB,IAClB,SAAS,EAAE,SAAS,GACnB,GACY,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAA,YAAI,EAC5B,KAAK,CACL,CAAC;AAMF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,kBAAe,gBAAgB,CAAC"}
@@ -9,8 +9,9 @@ const react_shared_1 = require("@dgui/react-shared");
9
9
  const react_web_shared_1 = require("@dgui/react-web-shared");
10
10
  const react_1 = require("react");
11
11
  const Tabs = () => {
12
- const { selectTab, tabIndex } = (0, react_1.useContext)(react_shared_1.TabIndexContext);
13
- const { tabOrder } = (0, react_1.useContext)(react_shared_1.TabContext);
12
+ const selectTab = (0, react_shared_1.useSelectTab)();
13
+ const tabIndex = (0, react_shared_1.useTabIndex)();
14
+ const tabOrder = (0, react_shared_1.useTabOrder)();
14
15
  const tabs = (0, react_1.useMemo)(() => {
15
16
  const orderedTabs = tabOrder.map((tab) => {
16
17
  return ((0, jsx_runtime_1.jsx)(Scene_1.default, { tabId: tab }, tab));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;AAAA,oDAA4B;AAC5B,qDAG4B;AAC5B,6DAEgC;AAChC,iCAKe;AAEf,MAAM,IAAI,GAAgC,GAAG,EAAE;IAC9C,MAAM,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAA,kBAAU,EAAC,8BAAe,CAAC,CAAC;IAEhC,MAAM,EACL,QAAQ,EACR,GAAG,IAAA,kBAAU,EAAC,yBAAU,CAAC,CAAC;IAE3B,MAAM,IAAI,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACJ,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAC/B,CAAC,GAAG,EAAE,EAAE;YACP,OAAO,CACN,uBAAC,eAAK,IAEL,KAAK,EAAE,GAAG,IADL,GAAG,CAEP,CACF,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,WAAW,CAAC;IACpB,CAAC,EACD;QACC,QAAQ;KACR,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,kCAAe,IACf,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACY,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,IAAI,CAAC,CAAC"}
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,GAAG,EAAE;IAC9C,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,EACnB,GAAG,EAAE;QACJ,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAC/B,CAAC,GAAG,EAAE,EAAE;YACP,OAAO,CACN,uBAAC,eAAK,IAEL,KAAK,EAAE,GAAG,IADL,GAAG,CAEP,CACF,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,WAAW,CAAC;IACpB,CAAC,EACD;QACC,QAAQ;KACR,CACD,CAAC;IAEF,OAAO,CACN,uBAAC,kCAAe,IACf,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAE,QAAQ,YAEjB,IAAI,GACY,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,IAAI,CAAC,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.3.0-next.1",
5
+ "version": "1.4.0-next.1",
6
6
  "private": false,
7
7
  "description": "Native Web Components for a boilerplate React GUI",
8
8
  "author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -42,15 +42,15 @@
42
42
  "clean:dist": "rimraf dist"
43
43
  },
44
44
  "devDependencies": {
45
- "@digest/eslint-config-jest": "^4.3.1",
46
- "@digest/eslint-config-react": "^4.3.1",
47
- "@digest/eslint-config-typescript": "^4.3.1",
48
- "@digest/jest-junit": "^4.3.1",
49
- "@digest/jest-react": "^4.3.1",
50
- "@digest/jest-typescript": "^4.3.1",
51
- "@digest/typescript": "^4.3.1",
45
+ "@digest/eslint-config-jest": "^4.4.2",
46
+ "@digest/eslint-config-react": "^4.4.2",
47
+ "@digest/eslint-config-typescript": "^4.4.2",
48
+ "@digest/jest-junit": "^4.4.2",
49
+ "@digest/jest-react": "^4.4.2",
50
+ "@digest/jest-typescript": "^4.4.2",
51
+ "@digest/typescript": "^4.4.2",
52
52
  "@types/jest": "^29.5.12",
53
- "@types/react": "^18.3.2",
53
+ "@types/react": "^18.3.3",
54
54
  "@types/react-native": "^0.73.0",
55
55
  "@types/react-test-renderer": "^18.3.0",
56
56
  "cross-env": "^7.0.3",
@@ -60,14 +60,14 @@
60
60
  "react": "^18.3.1",
61
61
  "react-dom": "^18.3.1",
62
62
  "react-native": "^0.74.1",
63
- "react-native-web": "^0.19.11",
63
+ "react-native-web": "^0.19.12",
64
64
  "react-test-renderer": "^18.3.1",
65
65
  "rimraf": "^5.0.7"
66
66
  },
67
67
  "dependencies": {
68
- "@dgui/react-native-shared": "^1.3.0-next.1",
69
- "@dgui/react-shared": "^1.3.0-next.1",
70
- "@dgui/react-web-shared": "^1.3.0-next.1"
68
+ "@dgui/react-native-shared": "^1.4.0-next.1",
69
+ "@dgui/react-shared": "^1.4.0-next.1",
70
+ "@dgui/react-web-shared": "^1.4.0-next.1"
71
71
  },
72
72
  "peerDependencies": {
73
73
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
@@ -86,5 +86,5 @@
86
86
  "react-native-web",
87
87
  "typescript"
88
88
  ],
89
- "gitHead": "20ede0b1b27868665d0ef719f7dae5ffb4a6cfad"
89
+ "gitHead": "ba3621ba0e90f641430e2abbe34893c71ab9726c"
90
90
  }