@hbsis.uikit/react

<!doctype html> <html lang="en"> <head> <title>Code coverage report for components/modal/story/modal-pequena.js</title> <meta charset="utf-8" /> <link rel="stylesheet" href="..\..\..\prettify.css" /> <link rel="stylesheet" href="..\..\..\base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(..\..\..\sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="..\..\..\index.html">All files</a> / <a href="index.html">components/modal/story</a> modal-pequena.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 0% Statements 0/62 </div> <div class='fl pad1y space-right2'> 0% Branches 0/35 </div> <div class='fl pad1y space-right2'> 0% Functions 0/20 </div> <div class='fl pad1y space-right2'> 0% Lines 0/19 </div> </div> </div> <div class='status-line low'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95</td><td class="line-coverage quiet">                                                                                                                                                                                             </td><td class="text"><pre class="prettyprint lang-js">import React, { PureComponent } from 'react' import styled from 'styled-components' import { Button, Modal } from 'components'   const UlStyled = styled.ul` display: flex; list-style: none;   .list-item { margin:0px 10px; } `   class ModalStory extends PureComponent { constructor(props) { super() this.state = { showModalFull: false, showModalSemFooter: false, showModalOnlyContent: false } }   toggleModal = (name) => { this.setState({ [name]: !this.state[name] }) }   render () { const { showModalFull, showModalSemFooter, showModalOnlyContent } = this.state   return ( <div> <h2>Modal Pequena</h2> <UlStyled> <li className='list-item'> <Button type='primary' width='150px' onClick={() => this.toggleModal('showModalFull')} > Abrir Modal </Button> </li> <li className='list-item'> <Button type='primary' width='150px' onClick={() => this.toggleModal('showModalSemFooter')} > Sem Footer </Button> </li> <li className='list-item'> <Button type='primary' value='Apenas Conteudo' width='150px' onClick={() => this.toggleModal('showModalOnlyContent')} > Apenas Conteudo </Button> </li> </UlStyled>   <Modal visible={showModalFull} closeModal={() => this.toggleModal('showModalFull')} size={Modal.Sizes.SMALL}> <Modal.Header> <h2>Titulo da Modal</h2> </Modal.Header> <Modal.Content> Modal Pequena Conteudo </Modal.Content> <Modal.Footer align='left'> <Modal.Button type='primary' value='Close' onClick={() => this.toggleModal('showModalFull')} /> </Modal.Footer> </Modal>   <Modal visible={showModalSemFooter} closeModal={() => this.toggleModal('showModalSemFooter')} size={Modal.Sizes.SMALL}> <Modal.Header> <h2> Modal Sem Footer</h2> </Modal.Header> <Modal.Content overflowY> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor felis, bibendum non aliquet eget, tincidunt ac sapien. Aenean suscipit, odio ut dapibus ultricies, magna eros maximus magna, sit amet posuere nulla libero at nisi. Curabitur sit amet lacinia enim. Phasellus lorem sapien, tincidunt a consectetur ac, sollicitudin nec massa. Donec et magna arcu. Praesent purus tellus, convallis id purus in, luctus dictum erat. Aliquam ante dolor, laoreet malesuada est ac, ultrices semper elit. Vestibulum metus neque, semper at dui non, laoreet fermentum erat. Aliquam eget ex quis elit semper scelerisque. Mauris nisi nisi, faucibus ac cursus id, placerat quis orci. Suspendisse sollicitudin porttitor odio non posuere. Vestibulum vel facilisis magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis a sem vel nulla gravida dapibus. Curabitur sit amet pretium eros. Donec felis purus, feugiat a urna vitae, euismod efficitur eros. Proin a felis id tellus bibendum imperdiet. Aenean eleifend nunc ut eros consectetur, sit amet sagittis lacus sodales. Curabitur maximus risus ligula, non rutrum metus auctor et. In nisl ex, auctor id vulputate vel, iaculis id massa. In ut neque ultrices, porttitor mauris ac, congue dolor. Donec a metus vitae purus volutpat lacinia. Nam eu felis felis. Etiam faucibus nisi in convallis consequat. Mauris ac erat nec est interdum interdum sed sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor felis, bibendum non aliquet eget, tincidunt ac sapien. Aenean suscipit, odio ut dapibus ultricies, magna eros maximus magna, sit amet posuere nulla libero at nisi. Curabitur sit amet lacinia enim. Phasellus lorem sapien, tincidunt a consectetur ac, sollicitudin nec massa. Donec et magna arcu. Praesent purus tellus, convallis id purus in, luctus dictum erat. Aliquam ante dolor, laoreet malesuada est ac, ultrices semper elit. Vestibulum metus neque, semper at dui non, laoreet fermentum erat. Aliquam eget ex quis elit semper scelerisque. Mauris nisi nisi, faucibus ac cursus id, placerat quis orci. Suspendisse sollicitudin porttitor odio non posuere. </Modal.Content> </Modal>   <Modal visible={showModalOnlyContent} closeModal={() => this.toggleModal('showModalOnlyContent')} size={Modal.Sizes.SMALL}> <Modal.Content> Modal Pequena Conteudo </Modal.Content> </Modal> </div> ) } }   export default ModalStory  </pre></td></tr> </table></pre> <div class='push'></div> </div> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Sat May 05 2018 12:13:10 GMT-0300 (Hora oficial do Brasil) </div> </div> <script src="..\..\..\prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="..\..\..\sorter.js"></script> </body> </html>