text: var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _storiesOf=require("../../storybook/helpers/storiesOf");var _=require("../..");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storybookState=require("@sambego/storybook-state");var _jsxFileName="C:\\mike\\eps\\repos\\material-bread\\src\\Components\\Appbar\\Appbar.stories.js";var store=new _storybookState.Store({visibleOne:false,visibleTwo:false});var _default=(0,_storiesOf.storiesOf)('Components|Appbar',module).addParameters({jest:['Appbar']}).add('Simple',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:19}},_react.default.createElement(_Header.default,{title:'Appbar Simple',__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Page Title',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:22}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Appbar colored',color:'#E91E63',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Navigation Type',navigation:'menu',color:'#9C27B0',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:33}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Different Icon',navigation:'arrow-back',color:'#673AB7',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:40}}),_react.default.createElement(_.Appbar,{barType:'normal',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:47}}),_react.default.createElement(_.Appbar,{barType:'normal',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:57}}),_react.default.createElement(_.Appbar,{barType:'normal',title:'Page Title',color:'#4CAF50',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:75}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:82}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:68}}),_react.default.createElement(_.Appbar,{barType:'simple',title:'Page Title',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:93}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:3,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:104}})],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:89}}),_react.default.createElement(_.Appbar,{barType:'simple',title:'PAGE TITLE',titleStyles:{fontSize:18,fontWeight:'300',letterSpacing:2},backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:113}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:1,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:124}})],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:108}}));}).add('Prominent',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:132}},_react.default.createElement(_Header.default,{title:'Appbar Prominent',__source:{fileName:_jsxFileName,lineNumber:133}}),_react.default.createElement(_.Appbar,{barType:'prominent',navigation:'menu',title:'Prominent',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:134}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Actions',color:'#E91E63',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:140}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Badge and icons',color:'#9C27B0',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:156}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:163}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:149}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Subtitle',subtitle:'Subtitle',color:'#009688',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:178}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:185}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:170}}),_react.default.createElement(_.Appbar,{barType:'prominent',title:'Background image',subtitle:'Subtitle',color:'#9C27B0',navigation:'menu',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:199}}),onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:208}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:215}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:192}}));}).add('Dense',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:224}},_react.default.createElement(_Header.default,{title:'Appbar Dense',__source:{fileName:_jsxFileName,lineNumber:225}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Page Title',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:226}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Appbar colored',color:'#E91E63',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:231}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Navigation Type',navigation:'menu',color:'#9C27B0',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:237}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Different Icon',navigation:'arrow-back',color:'#673AB7',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:244}}),_react.default.createElement(_.Appbar,{barType:'dense',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:251}}),_react.default.createElement(_.Appbar,{barType:'dense',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:261}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Page Title',color:'#4CAF50',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:279}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:286}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:272}}),_react.default.createElement(_.Appbar,{barType:'dense',title:'Page Title',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:297}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:3,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:308}})],__source:{fileName:_jsxFileName,lineNumber:293}}));}).add('Prominent Dense',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:314}},_react.default.createElement(_Header.default,{title:'Appbar Prominent Dense',__source:{fileName:_jsxFileName,lineNumber:315}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Page Title',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:316}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Appbar colored',color:'#E91E63',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:321}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Navigation Type',navigation:'menu',color:'#9C27B0',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:327}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Different Icon',navigation:'arrow-back',color:'#673AB7',style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:334}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:341}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},{name:'delete'}],__source:{fileName:_jsxFileName,lineNumber:351}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Page Title',color:'#4CAF50',navigation:'menu',onNavigation:function onNavigation(){return console.log('onNavigation!');},actionItems:[_react.default.createElement(_.Badge,{key:1,containerStyle:{marginRight:16,flex:1},color:'#e10050',textColor:'white',size:14,content:77,__source:{fileName:_jsxFileName,lineNumber:369}},_react.default.createElement(_.IconButton,{name:"favorite",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:376}})),{name:'search',onPress:function onPress(){return console.log('onSearch');}},{name:'more-vert'}],style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:362}}),_react.default.createElement(_.Appbar,{barType:'prominent dense',title:'Page Title',backgroundImage:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/355465/pexels-photo-355465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:387}}),navigation:'menu',actionItems:[{name:'favorite'},{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(_.IconButton,{key:3,name:"more-vert",size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:398}})],__source:{fileName:_jsxFileName,lineNumber:383}}));}).add('with menu',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:404}},_react.default.createElement(_Header.default,{title:'With Overflow Menu',__source:{fileName:_jsxFileName,lineNumber:405}}),_react.default.createElement(_.Appbar,{barType:'normal',navigation:'menu',color:'#00BCD4',style:{marginBottom:20},actionItems:[{name:'search',onPress:function onPress(){return console.log('onSearch');}},_react.default.createElement(ExampleMenu,{key:1,__source:{fileName:_jsxFileName,lineNumber:414}})],__source:{fileName:_jsxFileName,lineNumber:407}}),_react.default.createElement(_.Appbar,{barType:'normal',color:'#009688',style:{marginBottom:20},actionItems:[{name:'add'},{name:'edit'},{name:'archive'},_react.default.createElement(ExampleOverflowMenu,{key:1,__source:{fileName:_jsxFileName,lineNumber:425}})],__source:{fileName:_jsxFileName,lineNumber:417}}));});exports.default=_default;var ExampleMenu=function ExampleMenu(){return _react.default.createElement(_storybookState.State,{store:store,__source:{fileName:_jsxFileName,lineNumber:433}},function(state){var isVisible=state.visibleOne;var dismissMenu=function dismissMenu(){return store.set({visibleOne:false});};var toggleMenu=function toggleMenu(){return store.set({visibleOne:!isVisible});};return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:440}},_react.default.createElement(_.Menu,{visible:isVisible,onBackdropPress:dismissMenu,button:_react.default.createElement(_.Button,{textColor:'white',text:'Show menu',onPress:toggleMenu,type:"text",__source:{fileName:_jsxFileName,lineNumber:445}}),__source:{fileName:_jsxFileName,lineNumber:441}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:452}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:453}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:454}})));});};var ExampleOverflowMenu=function ExampleOverflowMenu(){return _react.default.createElement(_storybookState.State,{store:store,__source:{fileName:_jsxFileName,lineNumber:465}},function(state){var isVisible=state.visibleTwo;var dismissMenu=function dismissMenu(){return store.set({visibleTwo:false});};var toggleMenu=function toggleMenu(){return store.set({visibleTwo:!state.visibleTwo});};return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:472}},_react.default.createElement(_.Menu,{visible:isVisible,onBackdropPress:dismissMenu,button:_react.default.createElement(_.IconButton,{name:'more-vert',onPress:toggleMenu,size:24,color:'white',__source:{fileName:_jsxFileName,lineNumber:477}}),__source:{fileName:_jsxFileName,lineNumber:473}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:484}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:485}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',onPress:dismissMenu,__source:{fileName:_jsxFileName,lineNumber:486}})));});};