react-native-twopane-navigation/lib/module/components/twoPaneHub/TwoPaneHub.js

React Native package for dual screen devices navigation support (Surface Duo)

var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _paneElement=require("../../shared/screenStore/paneElementStore/paneElement.selectors");var _header=require("../../shared/screenStore/headerStore/header.selector");var _PaneRenderer=_interopRequireDefault(require("../paneRenderer/PaneRenderer"));var _key=require("../../shared/screenStore/keyStore/key.selector");var _utilityStore=require("../../shared/utilityStore/utilityStore.selectors");var _jsxFileName="C:\\Users\\adavi\\source\\repos\\react-native-dualscreen\\twopane-navigation\\src\\components\\twoPaneHub\\TwoPaneHub.tsx";var TwoPaneHub=function TwoPaneHub(){var utilityState=(0,_utilityStore.getUtilityStore)();var twoPaneElementState=(0,_paneElement.getPaneElementSelector)();var headerState=(0,_header.getHeaderSelector)();var keyState=(0,_key.getScreenKeyState)();var screenStack=(0,_react.useMemo)(function(){return keyState.keys.map(function(val,index){return{key:val.key,paneElement:twoPaneElementState.PaneElements[val.key],header:headerState.headers[val.key],pane:val.screen,extensionOptions:val.extensionOptions};});},[keyState,twoPaneElementState,headerState]);return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:5}},utilityState.paneRects.length>0&&_react.default.createElement(_PaneRenderer.default,{paneComponents:screenStack,paneRects:utilityState.paneRects,orientation:utilityState.orientation,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:9}}));};var _default=TwoPaneHub;exports.default=_default;
//# sourceMappingURL=TwoPaneHub.js.map