Commit 59accef7 authored by Rakesh gara's avatar Rakesh gara

first sprint

parent f72c29fd
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js\";\nimport React, { Component } from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport { Container, Row, Col } from 'react-grid-system';\nimport { Button, ButtonGroup, ButtonToolbar } from 'reactstrap';\n\nclass Main extends Component {\n constructor(props) {\n super(props);\n this.state = {\n stage1: {\n label: 'ova',\n image: ' ',\n description: 'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n },\n stage2: {\n label: 'larva',\n image: ' ',\n description: 'The larva is the vegetative stage where growth takes place. The larva of Bombyx mori, commonly called a silkworm, is host specific to mulberry. During growth, the larva molts 4 times. The period between successive molts is called an instar. The silk worm, upon hatching, is about 1/8th of an inch and extremely hairy. Young silkworms can only feed on tender mulberry leaves. However, during the growth phase they can eat tougher mulberry leaves as well. The larval stage lasts for about 27 days and the silkworm goes through five growth stages called instars, during this time. During the first molting, the silkworm sheds all its hair and gains a smooth skin.'\n },\n stage3: {\n label: 'pupa',\n image: ' ',\n description: 'As the silkworm prepares to pupate, it spins a protective cocoon. About the size and color of a cotton ball, the cocoon is constructed from one continuous strand of silk, perhaps 1.5 km long (nearly a mile). The silk cocoon serves as protection for the pupa. Cocoons are shades of white, cream and yellow depending on silkworm genetics. After a final molt inside the cocoon, the larva develops into the brown, chitin covered structure called the pupa. Metamorphic changes of the pupa result in an emerging moth (fig. 8.14).If the silkworms are allowed to mature and break through the cocoon, the silk would be rendered useless for commercial purposes. So the encased insect is plunged into boiling water to kill the inhabitant and dissolve the glue holding the cocoon together. The end of the silk is then located and the cocoon unwound onto a spindle to be made into thread.'\n },\n stage4: {\n label: 'cacoon',\n image: ' ',\n description: 'Cocoon is the stage in which the larva spins silk threads around it, to protect itself from its predators. The larva traps itself inside the cocoon in order to pupate. The color of the cocoon varies, depending upon what the silkworm eats. It can range from white to golden yellow. The second molting occurs inside the cocoon, when the larva turns into a brown pupa. It takes about 2-3 weeks for the pupa to metamorphose into an adult moth.'\n },\n stage5: {\n label: 'imago',\n image: ' ',\n description: 'The adult stage completes the life cycle of Bombyx mori. It is the reproductive stage where adults mate and females lay eggs. Moths are flightless and lack functional mouth parts, so are unable to consume the food/nutrition.Once the adult moth comes out of its cocoon, its only purpose is to find a member of the opposite sex, and mate. Males are larger than females and more active. They flap their wings rapidly to attract the females. Within 24 hours of mating, the male moth dies, while the female lays abundant eggs, after which it dies as well. There on, a new silkworm life cycle begins.'\n },\n selectedState: {\n egg: true,\n larva: true,\n pupa: true,\n developingMoth: true,\n adult: true\n },\n setStage1: false,\n setStage5: false\n };\n }\n\n Stage1() {\n this.setState({\n setStage1: true\n });\n }\n\n render() {\n return React.createElement(\"div\", {\n style: {\n padding: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n color: \"white\",\n background: \"pink\",\n justifyContent: \"center\",\n padding: \"20px\",\n fontStyle: \"italic\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62\n },\n __self: this\n }, React.createElement(Header, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66\n },\n __self: this\n }, React.createElement(Col, {\n sm: 8,\n style: {\n background: \"orangered\",\n height: \"690px\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67\n },\n __self: this\n }, React.createElement(Cycle, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68\n },\n __self: this\n })), React.createElement(Col, {\n sm: 4,\n style: {\n background: \"blue\",\n fontSize: \"150%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70\n },\n __self: this\n }, this.state.setStage1, \" ? \", React.createElement(Description, {\n stage: this.state.stage1,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71\n },\n __self: this\n }), \" : null\")), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74\n },\n __self: this\n }, React.createElement(Col, {\n md: 8,\n style: {\n background: \"aqua\",\n padding: \"15px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75\n },\n __self: this\n }, React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76\n },\n __self: this\n }, React.createElement(ButtonToolbar, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77\n },\n __self: this\n }, React.createElement(ButtonGroup, {\n style: {\n height: \"88px\",\n width: \"1292px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78\n },\n __self: this\n }, React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage1(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79\n },\n __self: this\n }, \"Stage1\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage2(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80\n },\n __self: this\n }, \"Stage2\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage3(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81\n },\n __self: this\n }, \"Stage3\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage4(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82\n },\n __self: this\n }, \"Stage4\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage5(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83\n },\n __self: this\n }, \"Stage5\"), \" \"))))), React.createElement(Col, {\n md: 4,\n style: {\n background: \"blue\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 88\n },\n __self: this\n })));\n }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js"],"names":["React","Component","Header","Description","Cycle","Container","Row","Col","Button","ButtonGroup","ButtonToolbar","Main","constructor","props","state","stage1","label","image","description","stage2","stage3","stage4","stage5","selectedState","egg","larva","pupa","developingMoth","adult","setStage1","setStage5","Stage1","setState","render","padding","color","background","justifyContent","fontStyle","height","fontSize","width","Stage2","Stage3","Stage4","Stage5"],"mappings":"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","sourcesContent":["import React,{Component} from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport { Container, Row, Col } from 'react-grid-system';\nimport {Button,ButtonGroup,ButtonToolbar } from 'reactstrap';\nclass Main extends Component{\n constructor(props){\n super(props);\n this.state={\n \n stage1 : \n {\n label:'ova',\n image:' ',\n description:'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n },\n stage2 :\n {\n label:'larva',\n\t\t image:' ',\n\t\t description:'The larva is the vegetative stage where growth takes place. The larva of Bombyx mori, commonly called a silkworm, is host specific to mulberry. During growth, the larva molts 4 times. The period between successive molts is called an instar. The silk worm, upon hatching, is about 1/8th of an inch and extremely hairy. Young silkworms can only feed on tender mulberry leaves. However, during the growth phase they can eat tougher mulberry leaves as well. The larval stage lasts for about 27 days and the silkworm goes through five growth stages called instars, during this time. During the first molting, the silkworm sheds all its hair and gains a smooth skin.'\n },\n stage3 :\n {\n label:'pupa',\n\t\t image:' ',\n\t\t description:'As the silkworm prepares to pupate, it spins a protective cocoon. About the size and color of a cotton ball, the cocoon is constructed from one continuous strand of silk, perhaps 1.5 km long (nearly a mile). The silk cocoon serves as protection for the pupa. Cocoons are shades of white, cream and yellow depending on silkworm genetics. After a final molt inside the cocoon, the larva develops into the brown, chitin covered structure called the pupa. Metamorphic changes of the pupa result in an emerging moth (fig. 8.14).If the silkworms are allowed to mature and break through the cocoon, the silk would be rendered useless for commercial purposes. So the encased insect is plunged into boiling water to kill the inhabitant and dissolve the glue holding the cocoon together. The end of the silk is then located and the cocoon unwound onto a spindle to be made into thread.'\n },\n stage4 :\n {\n label:'cacoon',\n\t\t image:' ',\n\t\t description:'Cocoon is the stage in which the larva spins silk threads around it, to protect itself from its predators. The larva traps itself inside the cocoon in order to pupate. The color of the cocoon varies, depending upon what the silkworm eats. It can range from white to golden yellow. The second molting occurs inside the cocoon, when the larva turns into a brown pupa. It takes about 2-3 weeks for the pupa to metamorphose into an adult moth.'\n },\n stage5 :\n {\n label:'imago',\n\t\t image:' ',\n\t\t description:'The adult stage completes the life cycle of Bombyx mori. It is the reproductive stage where adults mate and females lay eggs. Moths are flightless and lack functional mouth parts, so are unable to consume the food/nutrition.Once the adult moth comes out of its cocoon, its only purpose is to find a member of the opposite sex, and mate. Males are larger than females and more active. They flap their wings rapidly to attract the females. Within 24 hours of mating, the male moth dies, while the female lays abundant eggs, after which it dies as well. There on, a new silkworm life cycle begins.'\n },\n selectedState :\n {\n egg : true,\n larva : true,\n pupa : true,\n developingMoth: true,\n adult : true\n },\n setStage1:false,\n setStage5:false\n \n };\n }\n Stage1(){\n \n this.setState({setStage1 : true});\n }\n render(){\n return (\n <div style={{padding:\"20px\"}}>\n <Row style={{color:\"white\",background:\"pink\",justifyContent:\"center\",padding:\"20px\",fontStyle:\"italic\"}}>\n <Header /> \n \n </Row>\n <Row>\n <Col sm={8} style={{background:\"orangered\",height:\"690px\",fontSize:\"300%\"}}>\n <Cycle />\n </Col>\n <Col sm={4} style={{background:\"blue\",fontSize:\"150%\"}}>\n {this.state.setStage1} ? <Description stage={this.state.stage1}/> : null\n </Col>\n </Row> \n <Row>\n <Col md={8} style={{background:\"aqua\",padding:\"15px\"}}>\n <div>\n <ButtonToolbar>\n <ButtonGroup style={{height:\"88px\",width:\"1292px\"}}>\n <Button color=\"danger\" onClick = {() => this.Stage1()}> <p style={{fontSize:\"200%\"}}>Stage1</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage2()}> <p style={{fontSize:\"200%\"}}>Stage2</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage3()}> <p style={{fontSize:\"200%\"}}>Stage3</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage4()}> <p style={{fontSize:\"200%\"}}>Stage4</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage5()}> <p style={{fontSize:\"200%\"}}>Stage5</p> </Button>\n </ButtonGroup>\n </ButtonToolbar>\n </div>\n </Col> \n <Col md={4} style={{background:\"blue\"}}>\n </Col> \n </Row> \n </div>\n );\n }\n}\n\nexport default Main;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }), React.createElement(\"p\", {\n style: {\n fontSize: \"30px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20\n },\n __self: this\n }, \"Egg\")), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"150px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 48\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58\n },\n __self: this\n }), React.createElement(Col, {\n style: {\n paddingLeft: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","fontSize","justifyContent","paddingLeft","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n \n <Col></Col> \n <Col></Col>\n <Col></Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <p style={{fontSize:\"30px\"}}>Egg</p>\n </Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"150px\",justifyContent:\"center\"}}/>\n </Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row>\n <Col></Col>\n <Col style={{paddingLeft:\"20px\"}}>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col></Col>\n <Col>\n <img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/>\n </Col>\n <Col></Col>\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"200px\",\n width: \"200px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"300px\",\n width: \"300px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"300px\",\n width: \"300px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }))), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","justifyContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"200px\",width:\"200px\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={silkworm} style={{height:\"300px\",width:\"300px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n <Col>\n <center><img src={cacoon} style={{height:\"300px\",width:\"300px\",justifyContent:\"center\"}}/></center>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }), React.createElement(\"p\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20\n },\n __self: this\n }, \"Egg\")), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"100px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 87\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 88\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95\n },\n __self: this\n }))), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","justifyContent","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <p>Egg</p>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n\n </Row>\n <Row>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n \n </Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"100px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col>\n \n </Col>\n </Row>\n \n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n <center><img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/></center>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n style: {\n paddingTop: \"50px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n height: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, props.egg ? React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }) : null), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n })), React.createElement(Row, {\n style: {\n height: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, props.adult ? React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"150px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }) : null), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n })), React.createElement(Row, {\n style: {\n height: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n }, props.larva ? React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41\n },\n __self: this\n }) : null)), React.createElement(Row, {\n style: {\n height: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 48\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n })), React.createElement(Row, {\n style: {\n height: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53\n },\n __self: this\n }), React.createElement(Col, {\n style: {\n paddingLeft: \"200px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }, props.moth ? React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n }) : null), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58\n },\n __self: this\n }, props.pupa ? React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59\n },\n __self: this\n }) : null), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","paddingTop","height","width","adult","justifyContent","larva","paddingLeft","pupa","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div style={{paddingTop : \"50px\"}}>\n <Row style={{height:\"100px\"}}>\n \n <Col></Col> \n <Col></Col>\n <Col></Col>\n <Col>\n { props.egg ? <img src={egg} style={{height:\"100px\",width:\"100px\"}}/> : null }\n </Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row style={{height:\"100px\"}}>\n <Col></Col>\n <Col>\n { props.adult ? <img src={silkworm} style={{height:\"100px\",width:\"150px\",justifyContent:\"center\"}}/> : null }\n </Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row style={{height:\"100px\"}}>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col>\n { props.larva ? <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> : null }\n </Col>\n </Row>\n <Row style={{height:\"100px\"}}>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row style={{height:\"100px\"}}>\n <Col></Col>\n <Col style={{paddingLeft:\"200px\"}}>\n { props.moth ? <img src={moth} style={{height:\"100px\",width:\"100px\"}}/> : null }\n </Col>\n <Col></Col>\n <Col>\n { props.pupa ? <img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/> : null }\n </Col>\n <Col></Col>\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Description.js\";\nimport React from 'react';\n\nfunction Description(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 5\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 6\n },\n __self: this\n }, React.createElement(\"p\", {\n style: {\n fontStyle: \"italic\",\n fontSize: \"35px\",\n color: \"white\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 6\n },\n __self: this\n }, props.stage.label)), React.createElement(\"p\", {\n style: {\n color: \"white\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 7\n },\n __self: this\n }, props.stage.description));\n}\n\nexport default Description;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Description.js"],"names":["React","Description","props","fontStyle","fontSize","color","stage","label","description"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAQ;AAAG,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC,QAAX;AAAoBC,MAAAA,QAAQ,EAAC,MAA7B;AAAoCC,MAAAA,KAAK,EAAC;AAA1C,KAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA+DH,KAAK,CAACI,KAAN,CAAYC,KAA3E,CAAR,CADH,EAEE;AAAG,IAAA,KAAK,EAAE;AAACF,MAAAA,KAAK,EAAC;AAAP,KAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4BH,KAAK,CAACI,KAAN,CAAYE,WAAxC,CAFF,CADF;AAMD;;AAED,eAAeP,WAAf","sourcesContent":["import React from 'react';\n\nfunction Description(props) {\n return (\n <div>\n <center><p style={{fontStyle:\"italic\",fontSize:\"35px\",color:\"white\"}}>{props.stage.label}</p></center>\n <p style={{color:\"white\"}}>{props.stage.description}</p>\n </div>\n );\n}\n\nexport default Description;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"200px\",\n width: \"200px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"300px\",\n width: \"300px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"300px\",\n width: \"300px\",\n align: \"right\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","justifyContent","align"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"200px\",width:\"200px\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={silkworm} style={{height:\"300px\",width:\"300px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n <Col>\n <img src={cacoon} style={{height:\"300px\",width:\"300px\",align:\"right\"}}/>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"300px\",\n width: \"300px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n })), React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58\n },\n __self: this\n }), React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59\n },\n __self: this\n }), React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n }), React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n }), React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62\n },\n __self: this\n }));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","justifyContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={silkworm} style={{height:\"300px\",width:\"300px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n <img src={cacoon} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n </Col>\n\n </Row> \n \n \n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={cacoon} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={silkworm} style={{height:\"100px\",width:\"100px\"}}/>\n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js\";\nimport React, { Component } from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\n\nclass Main extends Component {\n constructor(props) {\n super(props);\n this.state = {\n name: \"Rakesh\",\n silk: {\n label: 'ova',\n image: ' ',\n description: 'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n }\n };\n }\n\n render() {\n return React.createElement(\"div\", {\n style: {\n padding: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n color: \"white\",\n background: \"black\",\n justifyContent: \"center\",\n padding: \"20px\",\n fontStyle: \"italic\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n }, React.createElement(Header, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(Col, {\n sm: 8,\n style: {\n background: \"orangered\",\n height: \"690px\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n }, React.createElement(Cycle, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n })), React.createElement(Col, {\n sm: 4,\n style: {\n background: \"blue\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }, React.createElement(Description, {\n silk: this.state.silk,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }, React.createElement(Col, {\n md: 8,\n style: {\n background: \"aqua\",\n padding: \"15px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36\n },\n __self: this\n }, React.createElement(Nav, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n })), React.createElement(Col, {\n md: 4,\n style: {\n background: \"blue\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n })));\n }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js"],"names":["React","Component","Header","Description","Cycle","Nav","Container","Row","Col","Main","constructor","props","state","name","silk","label","image","description","render","padding","color","background","justifyContent","fontStyle","height","fontSize"],"mappings":";AAAA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,GAAP,MAAgB,OAAhB;AACA,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,GAAzB,QAAoC,mBAApC;;AACA,MAAMC,IAAN,SAAmBR,SAAnB,CAA4B;AACxBS,EAAAA,WAAW,CAACC,KAAD,EAAO;AAChB,UAAMA,KAAN;AACA,SAAKC,KAAL,GAAW;AACTC,MAAAA,IAAI,EAAG,QADE;AAETC,MAAAA,IAAI,EACF;AACAC,QAAAA,KAAK,EAAC,KADN;AAEAC,QAAAA,KAAK,EAAC,GAFN;AAGAC,QAAAA,WAAW,EAAC;AAHZ;AAHO,KAAX;AASD;;AACHC,EAAAA,MAAM,GAAE;AACJ,WACF;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC;AAAT,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,GAAD;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,OAAP;AAAeC,QAAAA,UAAU,EAAC,OAA1B;AAAkCC,QAAAA,cAAc,EAAC,QAAjD;AAA0DH,QAAAA,OAAO,EAAC,MAAlE;AAAyEI,QAAAA,SAAS,EAAC;AAAnF,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAKE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACF,QAAAA,UAAU,EAAC,WAAZ;AAAwBG,QAAAA,MAAM,EAAC,OAA/B;AAAuCC,QAAAA,QAAQ,EAAC;AAAhD,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,KAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACJ,QAAAA,UAAU,EAAC,MAAZ;AAAmBI,QAAAA,QAAQ,EAAC;AAA5B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAE,KAAKb,KAAL,CAAWE,IAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CAJJ,CALF,EAaE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACO,QAAAA,UAAU,EAAC,MAAZ;AAAmBF,QAAAA,OAAO,EAAC;AAA3B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADH,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACE,QAAAA,UAAU,EAAC;AAAZ,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJJ,CAbF,CADE;AAuBC;;AArCqB;;AAwC5B,eAAeZ,IAAf","sourcesContent":["import React,{Component} from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\nclass Main extends Component{\n constructor(props){\n super(props);\n this.state={\n name : \"Rakesh\",\n silk : \n {\n label:'ova',\n image:' ',\n description:'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.',\t\t\n }\n };\n }\n render(){\n return (\n <div style={{padding:\"20px\"}}>\n <Row style={{color:\"white\",background:\"black\",justifyContent:\"center\",padding:\"20px\",fontStyle:\"italic\"}}>\n <Header /> \n \n </Row>\n <Row>\n <Col sm={8} style={{background:\"orangered\",height:\"690px\",fontSize:\"300%\"}}>\n <Cycle />\n </Col>\n <Col sm={4} style={{background:\"blue\",fontSize:\"300%\"}}>\n <Description silk={this.state.silk} />\n </Col>\n </Row> \n <Row>\n <Col md={8} style={{background:\"aqua\",padding:\"15px\"}}>\n <Nav />\n </Col> \n <Col md={4} style={{background:\"blue\"}}>\n </Col> \n </Row> \n </div>\n );\n }\n}\n\nexport default Main;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Nav.js\";\nimport React from 'react';\nimport { Button, ButtonGroup, ButtonToolbar } from 'reactstrap';\n\nclass Nav extends React.Component {\n render() {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 7\n },\n __self: this\n }, React.createElement(ButtonToolbar, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 8\n },\n __self: this\n }, React.createElement(ButtonGroup, {\n style: {\n height: \"88px\",\n width: \"1292px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 9\n },\n __self: this\n }, React.createElement(Button, {\n color: \"danger\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, \"Stage1\")), React.createElement(Button, {\n color: \"danger\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \"Stage2\")), React.createElement(Button, {\n color: \"danger\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, \"Stage3\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, \"Stage4\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }, \"Stage5\"), \" \"))));\n }\n\n}\n\nexport default Nav;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Nav.js"],"names":["React","Button","ButtonGroup","ButtonToolbar","Nav","Component","render","height","width","fontSize"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAeC,WAAf,EAA2BC,aAA3B,QAAgD,YAAhD;;AAEA,MAAMC,GAAN,SAAkBJ,KAAK,CAACK,SAAxB,CAAkC;AAChCC,EAAAA,MAAM,GAAE;AACN,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAC,MAAR;AAAeC,QAAAA,KAAK,EAAC;AAArB,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAyB;AAAG,MAAA,KAAK,EAAE;AAACC,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAzB,CADF,EAEE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAyB;AAAG,MAAA,KAAK,EAAE;AAACA,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAzB,CAFF,EAGE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAyB;AAAG,MAAA,KAAK,EAAE;AAACA,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAzB,MAHF,EAIE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAyB;AAAG,MAAA,KAAK,EAAE;AAACA,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAzB,MAJF,EAKE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAyB;AAAG,MAAA,KAAK,EAAE;AAACA,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAzB,MALF,CADF,CADF,CADF;AAaD;;AAf+B;;AAmBlC,eAAeL,GAAf","sourcesContent":["import React from 'react';\nimport {Button,ButtonGroup,ButtonToolbar } from 'reactstrap';\n\nclass Nav extends React.Component {\n render(){\n return (\n <div>\n <ButtonToolbar>\n <ButtonGroup style={{height:\"88px\",width:\"1292px\"}}>\n <Button color=\"danger\" > <p style={{fontSize:\"200%\"}}>Stage1</p></Button>\n <Button color=\"danger\" > <p style={{fontSize:\"200%\"}}>Stage2</p></Button>\n <Button color=\"danger\" > <p style={{fontSize:\"200%\"}}>Stage3</p> </Button>\n <Button color=\"danger\" > <p style={{fontSize:\"200%\"}}>Stage4</p> </Button>\n <Button color=\"danger\" > <p style={{fontSize:\"200%\"}}>Stage5</p> </Button>\n </ButtonGroup>\n </ButtonToolbar>\n </div>\n );\n }\n \n}\n\nexport default Nav;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Nav.js\";\nimport React from 'react';\nimport { Button, ButtonGroup, ButtonToolbar } from 'reactstrap';\n\nclass Nav extends React.Component {\n Stage1() {\n alert(\"hii\");\n }\n\n render() {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, React.createElement(ButtonToolbar, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(ButtonGroup, {\n style: {\n height: \"88px\",\n width: \"1292px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage1(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }, \"Stage1\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage2(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }, \"Stage2\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage3(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }, \"Stage3\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage4(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n }, \"Stage4\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage5(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, \"Stage5\"), \" \"))));\n }\n\n}\n\nexport default Nav;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Nav.js"],"names":["React","Button","ButtonGroup","ButtonToolbar","Nav","Component","Stage1","alert","render","height","width","fontSize","Stage2","Stage3","Stage4","Stage5"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAeC,WAAf,EAA2BC,aAA3B,QAAgD,YAAhD;;AAEA,MAAMC,GAAN,SAAkBJ,KAAK,CAACK,SAAxB,CAAkC;AAChCC,EAAAA,MAAM,GAAE;AACNC,IAAAA,KAAK,CAAC,KAAD,CAAL;AACD;;AAEDC,EAAAA,MAAM,GAAE;AACN,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAC,MAAR;AAAeC,QAAAA,KAAK,EAAC;AAArB,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKJ,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACK,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,CADF,EAEE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKC,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACD,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,CAFF,EAGE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKE,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACF,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,MAHF,EAIE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKG,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACH,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,MAJF,EAKE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKI,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACJ,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,MALF,CADF,CADF,CADF;AAaD;;AAnB+B;;AAuBlC,eAAeP,GAAf","sourcesContent":["import React from 'react';\nimport {Button,ButtonGroup,ButtonToolbar } from 'reactstrap';\n\nclass Nav extends React.Component {\n Stage1(){\n alert(\"hii\");\n }\n\n render(){\n return (\n <div>\n <ButtonToolbar>\n <ButtonGroup style={{height:\"88px\",width:\"1292px\"}}>\n <Button color=\"danger\" onClick = {() => this.Stage1()}> <p style={{fontSize:\"200%\"}}>Stage1</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage2()}> <p style={{fontSize:\"200%\"}}>Stage2</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage3()}> <p style={{fontSize:\"200%\"}}>Stage3</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage4()}> <p style={{fontSize:\"200%\"}}>Stage4</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage5()}> <p style={{fontSize:\"200%\"}}>Stage5</p> </Button>\n </ButtonGroup>\n </ButtonToolbar>\n </div>\n );\n }\n \n}\n\nexport default Nav;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js\";\nimport React, { Component } from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\nimport Worm from './images/silk.jpg';\n\nclass Main extends Component {\n constructor(props) {\n super(props);\n this.state = {\n name: \"Rakesh\",\n silk: {\n label: 'ova',\n image: ' ',\n description: 'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n }\n };\n }\n\n render() {\n return React.createElement(\"div\", {\n style: {\n padding: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n color: \"white\",\n background: \"black\",\n justifyContent: \"center\",\n padding: \"20px\",\n fontStyle: \"italic\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n }, React.createElement(Header, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n }, React.createElement(Col, {\n sm: 8,\n style: {\n background: \"orangered\",\n height: \"690px\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n }, React.createElement(Cycle, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }), React.createElement(\"img\", {\n src: Worm,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }, \" \")), React.createElement(Col, {\n sm: 4,\n style: {\n background: \"blue\",\n fontSize: \"150%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33\n },\n __self: this\n }, React.createElement(Description, {\n silk: this.state.silk,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }, React.createElement(Col, {\n md: 8,\n style: {\n background: \"aqua\",\n padding: \"15px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }, React.createElement(Nav, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n })), React.createElement(Col, {\n md: 4,\n style: {\n background: \"blue\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41\n },\n __self: this\n })));\n }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js"],"names":["React","Component","Header","Description","Cycle","Nav","Container","Row","Col","Worm","Main","constructor","props","state","name","silk","label","image","description","render","padding","color","background","justifyContent","fontStyle","height","fontSize"],"mappings":";AAAA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,GAAP,MAAgB,OAAhB;AACA,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,GAAzB,QAAoC,mBAApC;AACA,OAAOC,IAAP,MAAiB,mBAAjB;;AACA,MAAMC,IAAN,SAAmBT,SAAnB,CAA4B;AACxBU,EAAAA,WAAW,CAACC,KAAD,EAAO;AAChB,UAAMA,KAAN;AACA,SAAKC,KAAL,GAAW;AACTC,MAAAA,IAAI,EAAG,QADE;AAETC,MAAAA,IAAI,EACF;AACAC,QAAAA,KAAK,EAAC,KADN;AAEAC,QAAAA,KAAK,EAAC,GAFN;AAGAC,QAAAA,WAAW,EAAC;AAHZ;AAHO,KAAX;AASD;;AACHC,EAAAA,MAAM,GAAE;AACJ,WACF;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC;AAAT,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,GAAD;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,OAAP;AAAeC,QAAAA,UAAU,EAAC,OAA1B;AAAkCC,QAAAA,cAAc,EAAC,QAAjD;AAA0DH,QAAAA,OAAO,EAAC,MAAlE;AAAyEI,QAAAA,SAAS,EAAC;AAAnF,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAKE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACF,QAAAA,UAAU,EAAC,WAAZ;AAAwBG,QAAAA,MAAM,EAAC,OAA/B;AAAuCC,QAAAA,QAAQ,EAAC;AAAhD,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,KAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,EAEI;AAAK,MAAA,GAAG,EAAEjB,IAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAFJ,CADJ,EAKI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACa,QAAAA,UAAU,EAAC,MAAZ;AAAmBI,QAAAA,QAAQ,EAAC;AAA5B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAE,KAAKb,KAAL,CAAWE,IAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CALJ,CALF,EAcE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACO,QAAAA,UAAU,EAAC,MAAZ;AAAmBF,QAAAA,OAAO,EAAC;AAA3B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADH,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACE,QAAAA,UAAU,EAAC;AAAZ,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJJ,CAdF,CADE;AAwBC;;AAtCqB;;AAyC5B,eAAeZ,IAAf","sourcesContent":["import React,{Component} from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\nimport Worm from './images/silk.jpg'\nclass Main extends Component{\n constructor(props){\n super(props);\n this.state={\n name : \"Rakesh\",\n silk : \n {\n label:'ova',\n image:' ',\n description:'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.',\t\t\n }\n };\n }\n render(){\n return (\n <div style={{padding:\"20px\"}}>\n <Row style={{color:\"white\",background:\"black\",justifyContent:\"center\",padding:\"20px\",fontStyle:\"italic\"}}>\n <Header /> \n \n </Row>\n <Row>\n <Col sm={8} style={{background:\"orangered\",height:\"690px\",fontSize:\"300%\"}}>\n <Cycle />\n <img src={Worm}> </img>\n </Col>\n <Col sm={4} style={{background:\"blue\",fontSize:\"150%\"}}>\n <Description silk={this.state.silk} />\n </Col>\n </Row> \n <Row>\n <Col md={8} style={{background:\"aqua\",padding:\"15px\"}}>\n <Nav />\n </Col> \n <Col md={4} style={{background:\"blue\"}}>\n </Col> \n </Row> \n </div>\n );\n }\n}\n\nexport default Main;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }), React.createElement(\"p\", {\n style: {\n fontSize: \"30px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n }, \"Egg\")), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"150px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 87\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 93\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102\n },\n __self: this\n }))), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","fontSize","justifyContent","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n \n <Col>\n </Col> \n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <p style={{fontSize:\"30px\"}}>Egg</p>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n \n </Col>\n <Col>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n\n </Row>\n <Row>\n <Col>\n </Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"150px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n </Row>\n \n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n \n </Col>\n <Col>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n\n </Row>\n <Row>\n <Col>\n </Col>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n <center><img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/></center>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js\";\nimport React, { Component } from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\n\nclass Main extends Component {\n constructor(props) {\n super(props);\n this.state = {\n name: \"Rakesh\",\n silk: {\n label: 'ova',\n image: ' ',\n description: 'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n }\n };\n }\n\n render() {\n return React.createElement(\"div\", {\n style: {\n padding: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n color: \"white\",\n background: \"black\",\n justifyContent: \"center\",\n padding: \"20px\",\n fontStyle: \"italic\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n }, React.createElement(Header, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(Col, {\n sm: 8,\n style: {\n background: \"orangered\",\n height: \"690px\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n }, React.createElement(Cycle, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n })), React.createElement(Col, {\n sm: 4,\n style: {\n background: \"blue\",\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }, React.createElement(Description, {\n silk: this.state.silk,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), this.state.silk.description)), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36\n },\n __self: this\n }, React.createElement(Col, {\n md: 8,\n style: {\n background: \"aqua\",\n padding: \"15px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }, React.createElement(Nav, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n })), React.createElement(Col, {\n md: 4,\n style: {\n background: \"blue\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n })));\n }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js"],"names":["React","Component","Header","Description","Cycle","Nav","Container","Row","Col","Main","constructor","props","state","name","silk","label","image","description","render","padding","color","background","justifyContent","fontStyle","height","fontSize"],"mappings":";AAAA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,GAAP,MAAgB,OAAhB;AACA,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,GAAzB,QAAoC,mBAApC;;AACA,MAAMC,IAAN,SAAmBR,SAAnB,CAA4B;AACxBS,EAAAA,WAAW,CAACC,KAAD,EAAO;AAChB,UAAMA,KAAN;AACA,SAAKC,KAAL,GAAW;AACTC,MAAAA,IAAI,EAAG,QADE;AAETC,MAAAA,IAAI,EACF;AACAC,QAAAA,KAAK,EAAC,KADN;AAEAC,QAAAA,KAAK,EAAC,GAFN;AAGAC,QAAAA,WAAW,EAAC;AAHZ;AAHO,KAAX;AASD;;AACHC,EAAAA,MAAM,GAAE;AACJ,WACF;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC;AAAT,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,GAAD;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,OAAP;AAAeC,QAAAA,UAAU,EAAC,OAA1B;AAAkCC,QAAAA,cAAc,EAAC,QAAjD;AAA0DH,QAAAA,OAAO,EAAC,MAAlE;AAAyEI,QAAAA,SAAS,EAAC;AAAnF,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAKE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACF,QAAAA,UAAU,EAAC,WAAZ;AAAwBG,QAAAA,MAAM,EAAC,OAA/B;AAAuCC,QAAAA,QAAQ,EAAC;AAAhD,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,KAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACJ,QAAAA,UAAU,EAAC,MAAZ;AAAmBI,QAAAA,QAAQ,EAAC;AAA5B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAE,KAAKb,KAAL,CAAWE,IAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,EAEK,KAAKF,KAAL,CAAWE,IAAX,CAAgBG,WAFrB,CAJJ,CALF,EAcE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACI,QAAAA,UAAU,EAAC,MAAZ;AAAmBF,QAAAA,OAAO,EAAC;AAA3B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADH,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACE,QAAAA,UAAU,EAAC;AAAZ,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJJ,CAdF,CADE;AAwBC;;AAtCqB;;AAyC5B,eAAeZ,IAAf","sourcesContent":["import React,{Component} from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\nclass Main extends Component{\n constructor(props){\n super(props);\n this.state={\n name : \"Rakesh\",\n silk : \n {\n label:'ova',\n image:' ',\n description:'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.',\t\t\n }\n };\n }\n render(){\n return (\n <div style={{padding:\"20px\"}}>\n <Row style={{color:\"white\",background:\"black\",justifyContent:\"center\",padding:\"20px\",fontStyle:\"italic\"}}>\n <Header /> \n \n </Row>\n <Row>\n <Col sm={8} style={{background:\"orangered\",height:\"690px\",fontSize:\"300%\"}}>\n <Cycle />\n </Col>\n <Col sm={4} style={{background:\"blue\",fontSize:\"200%\"}}>\n <Description silk={this.state.silk} />\n {this.state.silk.description}\n </Col>\n </Row> \n <Row>\n <Col md={8} style={{background:\"aqua\",padding:\"15px\"}}>\n <Nav />\n </Col> \n <Col md={4} style={{background:\"blue\"}}>\n </Col> \n </Row> \n </div>\n );\n }\n}\n\nexport default Main;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js\";\nimport React, { Component } from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport { Container, Row, Col } from 'react-grid-system';\nimport { Button, ButtonGroup, ButtonToolbar } from 'reactstrap';\n\nclass Main extends Component {\n constructor(props) {\n super(props);\n this.state = {\n stage1: {\n label: 'ova',\n image: ' ',\n description: 'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n },\n stage2: {\n label: 'larva',\n image: ' ',\n description: 'The larva is the vegetative stage where growth takes place. The larva of Bombyx mori, commonly called a silkworm, is host specific to mulberry. During growth, the larva molts 4 times. The period between successive molts is called an instar. The silk worm, upon hatching, is about 1/8th of an inch and extremely hairy. Young silkworms can only feed on tender mulberry leaves. However, during the growth phase they can eat tougher mulberry leaves as well. The larval stage lasts for about 27 days and the silkworm goes through five growth stages called instars, during this time. During the first molting, the silkworm sheds all its hair and gains a smooth skin.'\n },\n stage3: {\n label: 'pupa',\n image: ' ',\n description: 'As the silkworm prepares to pupate, it spins a protective cocoon. About the size and color of a cotton ball, the cocoon is constructed from one continuous strand of silk, perhaps 1.5 km long (nearly a mile). The silk cocoon serves as protection for the pupa. Cocoons are shades of white, cream and yellow depending on silkworm genetics. After a final molt inside the cocoon, the larva develops into the brown, chitin covered structure called the pupa. Metamorphic changes of the pupa result in an emerging moth (fig. 8.14).If the silkworms are allowed to mature and break through the cocoon, the silk would be rendered useless for commercial purposes. So the encased insect is plunged into boiling water to kill the inhabitant and dissolve the glue holding the cocoon together. The end of the silk is then located and the cocoon unwound onto a spindle to be made into thread.'\n },\n stage4: {\n label: 'cacoon',\n image: ' ',\n description: 'Cocoon is the stage in which the larva spins silk threads around it, to protect itself from its predators. The larva traps itself inside the cocoon in order to pupate. The color of the cocoon varies, depending upon what the silkworm eats. It can range from white to golden yellow. The second molting occurs inside the cocoon, when the larva turns into a brown pupa. It takes about 2-3 weeks for the pupa to metamorphose into an adult moth.'\n },\n stage5: {\n label: 'imago',\n image: ' ',\n description: 'The adult stage completes the life cycle of Bombyx mori. It is the reproductive stage where adults mate and females lay eggs. Moths are flightless and lack functional mouth parts, so are unable to consume the food/nutrition.Once the adult moth comes out of its cocoon, its only purpose is to find a member of the opposite sex, and mate. Males are larger than females and more active. They flap their wings rapidly to attract the females. Within 24 hours of mating, the male moth dies, while the female lays abundant eggs, after which it dies as well. There on, a new silkworm life cycle begins.'\n },\n selectedState: {\n egg: true,\n larva: true,\n pupa: true,\n developingMoth: true,\n adult: true\n },\n setDescription: \"hi\"\n };\n }\n\n Stage1() {\n this.setState({\n setDescription: 'hello'\n });\n alert(this.state.setDescription);\n }\n\n render() {\n return React.createElement(\"div\", {\n style: {\n padding: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n color: \"white\",\n background: \"pink\",\n justifyContent: \"center\",\n padding: \"20px\",\n fontStyle: \"italic\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n }, React.createElement(Header, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65\n },\n __self: this\n }, React.createElement(Col, {\n sm: 8,\n style: {\n background: \"orangered\",\n height: \"690px\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66\n },\n __self: this\n }, React.createElement(Cycle, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67\n },\n __self: this\n })), React.createElement(Col, {\n sm: 4,\n style: {\n background: \"blue\",\n fontSize: \"150%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69\n },\n __self: this\n }, React.createElement(Description, {\n stage1: this.state.stage5,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73\n },\n __self: this\n }, React.createElement(Col, {\n md: 8,\n style: {\n background: \"aqua\",\n padding: \"15px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74\n },\n __self: this\n }, React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75\n },\n __self: this\n }, React.createElement(ButtonToolbar, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76\n },\n __self: this\n }, React.createElement(ButtonGroup, {\n style: {\n height: \"88px\",\n width: \"1292px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77\n },\n __self: this\n }, React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage1(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78\n },\n __self: this\n }, \"Stage1\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage2(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79\n },\n __self: this\n }, \"Stage2\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage3(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80\n },\n __self: this\n }, \"Stage3\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage4(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81\n },\n __self: this\n }, \"Stage4\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage5(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82\n },\n __self: this\n }, \"Stage5\"), \" \"))))), React.createElement(Col, {\n md: 4,\n style: {\n background: \"blue\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 87\n },\n __self: this\n })));\n }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js"],"names":["React","Component","Header","Description","Cycle","Container","Row","Col","Button","ButtonGroup","ButtonToolbar","Main","constructor","props","state","stage1","label","image","description","stage2","stage3","stage4","stage5","selectedState","egg","larva","pupa","developingMoth","adult","setDescription","Stage1","setState","alert","render","padding","color","background","justifyContent","fontStyle","height","fontSize","width","Stage2","Stage3","Stage4","Stage5"],"mappings":"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","sourcesContent":["import React,{Component} from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport { Container, Row, Col } from 'react-grid-system';\nimport {Button,ButtonGroup,ButtonToolbar } from 'reactstrap';\nclass Main extends Component{\n constructor(props){\n super(props);\n this.state={\n \n stage1 : \n {\n label:'ova',\n image:' ',\n description:'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n },\n stage2 :\n {\n label:'larva',\n\t\t image:' ',\n\t\t description:'The larva is the vegetative stage where growth takes place. The larva of Bombyx mori, commonly called a silkworm, is host specific to mulberry. During growth, the larva molts 4 times. The period between successive molts is called an instar. The silk worm, upon hatching, is about 1/8th of an inch and extremely hairy. Young silkworms can only feed on tender mulberry leaves. However, during the growth phase they can eat tougher mulberry leaves as well. The larval stage lasts for about 27 days and the silkworm goes through five growth stages called instars, during this time. During the first molting, the silkworm sheds all its hair and gains a smooth skin.'\n },\n stage3 :\n {\n label:'pupa',\n\t\t image:' ',\n\t\t description:'As the silkworm prepares to pupate, it spins a protective cocoon. About the size and color of a cotton ball, the cocoon is constructed from one continuous strand of silk, perhaps 1.5 km long (nearly a mile). The silk cocoon serves as protection for the pupa. Cocoons are shades of white, cream and yellow depending on silkworm genetics. After a final molt inside the cocoon, the larva develops into the brown, chitin covered structure called the pupa. Metamorphic changes of the pupa result in an emerging moth (fig. 8.14).If the silkworms are allowed to mature and break through the cocoon, the silk would be rendered useless for commercial purposes. So the encased insect is plunged into boiling water to kill the inhabitant and dissolve the glue holding the cocoon together. The end of the silk is then located and the cocoon unwound onto a spindle to be made into thread.'\n },\n stage4 :\n {\n label:'cacoon',\n\t\t image:' ',\n\t\t description:'Cocoon is the stage in which the larva spins silk threads around it, to protect itself from its predators. The larva traps itself inside the cocoon in order to pupate. The color of the cocoon varies, depending upon what the silkworm eats. It can range from white to golden yellow. The second molting occurs inside the cocoon, when the larva turns into a brown pupa. It takes about 2-3 weeks for the pupa to metamorphose into an adult moth.'\n },\n stage5 :\n {\n label:'imago',\n\t\t image:' ',\n\t\t description:'The adult stage completes the life cycle of Bombyx mori. It is the reproductive stage where adults mate and females lay eggs. Moths are flightless and lack functional mouth parts, so are unable to consume the food/nutrition.Once the adult moth comes out of its cocoon, its only purpose is to find a member of the opposite sex, and mate. Males are larger than females and more active. They flap their wings rapidly to attract the females. Within 24 hours of mating, the male moth dies, while the female lays abundant eggs, after which it dies as well. There on, a new silkworm life cycle begins.'\n },\n selectedState :\n {\n egg : true,\n larva : true,\n pupa : true,\n developingMoth: true,\n adult : true\n },\n setDescription : \"hi\"\n };\n }\n Stage1(){\n \n this.setState({setDescription:'hello'});\n alert(this.state.setDescription);\n }\n render(){\n return (\n <div style={{padding:\"20px\"}}>\n <Row style={{color:\"white\",background:\"pink\",justifyContent:\"center\",padding:\"20px\",fontStyle:\"italic\"}}>\n <Header /> \n \n </Row>\n <Row>\n <Col sm={8} style={{background:\"orangered\",height:\"690px\",fontSize:\"300%\"}}>\n <Cycle />\n </Col>\n <Col sm={4} style={{background:\"blue\",fontSize:\"150%\"}}>\n <Description stage1={this.state.stage5} />\n </Col>\n </Row> \n <Row>\n <Col md={8} style={{background:\"aqua\",padding:\"15px\"}}>\n <div>\n <ButtonToolbar>\n <ButtonGroup style={{height:\"88px\",width:\"1292px\"}}>\n <Button color=\"danger\" onClick = {() => this.Stage1()}> <p style={{fontSize:\"200%\"}}>Stage1</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage2()}> <p style={{fontSize:\"200%\"}}>Stage2</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage3()}> <p style={{fontSize:\"200%\"}}>Stage3</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage4()}> <p style={{fontSize:\"200%\"}}>Stage4</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage5()}> <p style={{fontSize:\"200%\"}}>Stage5</p> </Button>\n </ButtonGroup>\n </ButtonToolbar>\n </div>\n </Col> \n <Col md={4} style={{background:\"blue\"}}>\n </Col> \n </Row> \n </div>\n );\n }\n}\n\nexport default Main;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }), React.createElement(\"p\", {\n style: {\n fontSize: \"30px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20\n },\n __self: this\n }, \"Egg\")), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"150px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"150px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 44\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 56\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","fontSize","justifyContent","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n \n <Col></Col> \n <Col></Col>\n <Col></Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <p style={{fontSize:\"30px\"}}>Egg</p>\n </Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"150px\",justifyContent:\"center\"}}/>\n </Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row>\n <Col></Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"150px\",justifyContent:\"center\"}}/>\n </Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n <Col></Col>\n </Row>\n <Row>\n <Col></Col>\n <Col>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col></Col>\n <Col>\n <img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/>\n </Col>\n <Col></Col>\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Description.js\";\nimport React from 'react';\n\nfunction Description(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 5\n },\n __self: this\n }, React.createElement(\"h1\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 6\n },\n __self: this\n }, \"Description \"), React.createElement(\"p\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 7\n },\n __self: this\n }, props.silk.description));\n}\n\nexport default Description;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Description.js"],"names":["React","Description","props","silk","description"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAIA,KAAK,CAACC,IAAN,CAAWC,WAAf,CAFF,CADF;AAMD;;AAED,eAAeH,WAAf","sourcesContent":["import React from 'react';\n\nfunction Description(props) {\n return (\n <div>\n <h1>Description </h1>\n <p>{props.silk.description}</p>\n </div>\n );\n}\n\nexport default Description;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n })), React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }), React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n }), React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n }), React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25\n },\n __self: this\n }), React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,GAAzB,QAAoC,mBAApC;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,IAAP,MAAiB,mBAAjB;AACA,OAAOC,QAAP,MAAqB,uBAArB;;AAEA,SAASC,KAAT,CAAeC,KAAf,EAAsB;AAEpB,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADA,EAGE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAK,IAAA,GAAG,EAAEL,GAAV;AAAe,IAAA,KAAK,EAAE;AAACM,MAAAA,MAAM,EAAC,OAAR;AAAgBC,MAAAA,KAAK,EAAC;AAAtB,KAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CAHF,EAME,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IANF,CADA,EAUE;AAAK,IAAA,GAAG,EAAEP,GAAV;AAAe,IAAA,KAAK,EAAE;AAACM,MAAAA,MAAM,EAAC,OAAR;AAAgBC,MAAAA,KAAK,EAAC;AAAtB,KAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAVF,EAWE;AAAK,IAAA,GAAG,EAAEN,MAAV;AAAkB,IAAA,KAAK,EAAE;AAACK,MAAAA,MAAM,EAAC,OAAR;AAAgBC,MAAAA,KAAK,EAAC;AAAtB,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAXF,EAYE;AAAK,IAAA,GAAG,EAAER,MAAV;AAAkB,IAAA,KAAK,EAAE;AAACO,MAAAA,MAAM,EAAC,OAAR;AAAgBC,MAAAA,KAAK,EAAC;AAAtB,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAZF,EAaE;AAAK,IAAA,GAAG,EAAEL,IAAV;AAAgB,IAAA,KAAK,EAAE;AAACI,MAAAA,MAAM,EAAC,OAAR;AAAgBC,MAAAA,KAAK,EAAC;AAAtB,KAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAbF,EAcE;AAAK,IAAA,GAAG,EAAEJ,QAAV;AAAoB,IAAA,KAAK,EAAE;AAACG,MAAAA,MAAM,EAAC,OAAR;AAAgBC,MAAAA,KAAK,EAAC;AAAtB,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAdF,CADF;AAkBD;;AAED,eAAeH,KAAf","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/moth.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n </Col>\n </Row>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={cacoon} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n <img src={silkworm} style={{height:\"100px\",width:\"100px\"}}/>\n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Nav.js\";\nimport React from 'react';\nimport { Button, ButtonGroup, ButtonToolbar } from 'reactstrap';\n\nclass Nav extends React.Component {\n render() {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 7\n },\n __self: this\n }, React.createElement(ButtonToolbar, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 8\n },\n __self: this\n }, React.createElement(ButtonGroup, {\n style: {\n height: \"88px\",\n width: \"1292px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 9\n },\n __self: this\n }, React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage1(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, \"Stage1\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage2(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }, \"Stage2\")), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage3(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, \"Stage3\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage4(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, \"Stage4\"), \" \"), React.createElement(Button, {\n color: \"danger\",\n onClick: () => this.Stage5(),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }, \" \", React.createElement(\"p\", {\n style: {\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }, \"Stage5\"), \" \"))));\n }\n\n}\n\nexport default Nav;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Nav.js"],"names":["React","Button","ButtonGroup","ButtonToolbar","Nav","Component","render","height","width","Stage1","fontSize","Stage2","Stage3","Stage4","Stage5"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAeC,WAAf,EAA2BC,aAA3B,QAAgD,YAAhD;;AAEA,MAAMC,GAAN,SAAkBJ,KAAK,CAACK,SAAxB,CAAkC;AAChCC,EAAAA,MAAM,GAAE;AACN,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAC,MAAR;AAAeC,QAAAA,KAAK,EAAC;AAArB,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKC,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACC,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,CADF,EAEE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKC,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACD,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,CAFF,EAGE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKE,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACF,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,MAHF,EAIE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKG,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACH,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,MAJF,EAKE,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,OAAO,EAAI,MAAM,KAAKI,MAAL,EAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAwD;AAAG,MAAA,KAAK,EAAE;AAACJ,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAxD,MALF,CADF,CADF,CADF;AAaD;;AAf+B;;AAmBlC,eAAeN,GAAf","sourcesContent":["import React from 'react';\nimport {Button,ButtonGroup,ButtonToolbar } from 'reactstrap';\n\nclass Nav extends React.Component {\n render(){\n return (\n <div>\n <ButtonToolbar>\n <ButtonGroup style={{height:\"88px\",width:\"1292px\"}}>\n <Button color=\"danger\" onClick = {() => this.Stage1()}> <p style={{fontSize:\"200%\"}}>Stage1</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage2()}> <p style={{fontSize:\"200%\"}}>Stage2</p></Button>\n <Button color=\"danger\" onClick = {() => this.Stage3()}> <p style={{fontSize:\"200%\"}}>Stage3</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage4()}> <p style={{fontSize:\"200%\"}}>Stage4</p> </Button>\n <Button color=\"danger\" onClick = {() => this.Stage5()}> <p style={{fontSize:\"200%\"}}>Stage5</p> </Button>\n </ButtonGroup>\n </ButtonToolbar>\n </div>\n );\n }\n \n}\n\nexport default Nav;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }), React.createElement(\"p\", {\n style: {\n fontSize: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20\n },\n __self: this\n }, \"Egg\")), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"100px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 87\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 88\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95\n },\n __self: this\n }))), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","fontSize","justifyContent","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n <p style={{fontSize:\"20px\"}}>Egg</p>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n\n </Row>\n <Row>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n \n </Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"100px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col>\n \n </Col>\n </Row>\n \n <Row>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n <center><img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/></center>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"100px\",\n width: \"100px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 48\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"100px\",\n width: \"100px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"100px\",\n width: \"100px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55\n },\n __self: this\n }))), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","justifyContent","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/3.png';\nimport egg from './images/1.png';\nimport laarva from './images/2.png';\nimport moth from './images/4.png';\nimport silkworm from './images/5.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n \n </Col>\n <Col>\n <img src={silkworm} style={{height:\"100px\",width:\"100px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"100px\",width:\"100px\"}}/> \n </Col>\n <Col>\n \n </Col>\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"100px\",width:\"100px\"}}/>\n </Col>\n <Col>\n <center><img src={cacoon} style={{height:\"100px\",width:\"100px\",padding:\"10px\"}}/></center>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js\";\nimport React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/4.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n }, React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 13\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 14\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"img\", {\n src: egg,\n style: {\n height: \"300px\",\n width: \"500px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(\"img\", {\n src: silkworm,\n style: {\n height: \"300px\",\n width: \"300px\",\n justifyContent: \"center\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n }, React.createElement(\"img\", {\n src: laarva,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39\n },\n __self: this\n }))), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42\n },\n __self: this\n }, React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43\n },\n __self: this\n }), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46\n },\n __self: this\n }, React.createElement(\"img\", {\n src: moth,\n style: {\n height: \"300px\",\n width: \"300px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 47\n },\n __self: this\n })), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49\n },\n __self: this\n }, React.createElement(\"center\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }, React.createElement(\"img\", {\n src: cacoon,\n style: {\n height: \"300px\",\n width: \"300px\",\n padding: \"10px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50\n },\n __self: this\n }))), React.createElement(Col, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 52\n },\n __self: this\n })));\n}\n\nexport default Cycle;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Cycle.js"],"names":["React","Container","Row","Col","cacoon","egg","laarva","moth","silkworm","Cycle","props","height","width","justifyContent","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\nimport cacoon from './images/cacoon.png';\nimport egg from './images/egg.png';\nimport laarva from './images/laarva.png';\nimport moth from './images/4.png';\nimport silkworm from './images/silkworm.png';\n\nfunction Cycle(props) {\n \n return (\n <div>\n <Row>\n <Col>\n </Col>\n <Col>\n </Col>\n <Col>\n <img src={egg} style={{height:\"300px\",width:\"500px\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n </Col>\n </Row>\n <Row>\n <Col>\n <img src={silkworm} style={{height:\"300px\",width:\"300px\",justifyContent:\"center\"}}/>\n </Col>\n <Col>\n </Col>\n <Col>\n \n </Col>\n <Col>\n \n </Col>\n <Col>\n <img src={laarva} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n </Row>\n <Row>\n <Col>\n\n </Col>\n <Col>\n <img src={moth} style={{height:\"300px\",width:\"300px\"}}/>\n </Col>\n <Col>\n <center><img src={cacoon} style={{height:\"300px\",width:\"300px\",padding:\"10px\"}}/></center>\n </Col>\n <Col>\n </Col>\n\n </Row> \n </div>\n );\n}\n\nexport default Cycle;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js\";\nimport React, { Component } from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\n\nclass Main extends Component {\n constructor(props) {\n super(props);\n this.state = {\n name: \"Rakesh\",\n silk: {\n label: 'ova',\n image: ' ',\n description: 'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.'\n }\n };\n }\n\n render() {\n return React.createElement(\"div\", {\n style: {\n padding: \"20px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }, React.createElement(Row, {\n style: {\n color: \"white\",\n background: \"black\",\n justifyContent: \"center\",\n padding: \"20px\",\n fontStyle: \"italic\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23\n },\n __self: this\n }, React.createElement(Header, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24\n },\n __self: this\n })), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27\n },\n __self: this\n }, React.createElement(Col, {\n sm: 8,\n style: {\n background: \"orangered\",\n height: \"690px\",\n fontSize: \"300%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28\n },\n __self: this\n }, React.createElement(Cycle, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29\n },\n __self: this\n })), React.createElement(Col, {\n sm: 4,\n style: {\n background: \"blue\",\n fontSize: \"200%\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31\n },\n __self: this\n }, React.createElement(Description, {\n silk: this.silk.label,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32\n },\n __self: this\n }), this.silk.description)), React.createElement(Row, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36\n },\n __self: this\n }, React.createElement(Col, {\n md: 8,\n style: {\n background: \"aqua\",\n padding: \"15px\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37\n },\n __self: this\n }, React.createElement(Nav, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38\n },\n __self: this\n })), React.createElement(Col, {\n md: 4,\n style: {\n background: \"blue\"\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40\n },\n __self: this\n })));\n }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Main.js"],"names":["React","Component","Header","Description","Cycle","Nav","Container","Row","Col","Main","constructor","props","state","name","silk","label","image","description","render","padding","color","background","justifyContent","fontStyle","height","fontSize"],"mappings":";AAAA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,GAAP,MAAgB,OAAhB;AACA,SAASC,SAAT,EAAoBC,GAApB,EAAyBC,GAAzB,QAAoC,mBAApC;;AACA,MAAMC,IAAN,SAAmBR,SAAnB,CAA4B;AACxBS,EAAAA,WAAW,CAACC,KAAD,EAAO;AAChB,UAAMA,KAAN;AACA,SAAKC,KAAL,GAAW;AACTC,MAAAA,IAAI,EAAG,QADE;AAETC,MAAAA,IAAI,EACF;AACAC,QAAAA,KAAK,EAAC,KADN;AAEAC,QAAAA,KAAK,EAAC,GAFN;AAGAC,QAAAA,WAAW,EAAC;AAHZ;AAHO,KAAX;AASD;;AACHC,EAAAA,MAAM,GAAE;AACJ,WACF;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC;AAAT,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,GAAD;AAAK,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAC,OAAP;AAAeC,QAAAA,UAAU,EAAC,OAA1B;AAAkCC,QAAAA,cAAc,EAAC,QAAjD;AAA0DH,QAAAA,OAAO,EAAC,MAAlE;AAAyEI,QAAAA,SAAS,EAAC;AAAnF,OAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,oBAAC,MAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAKE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACF,QAAAA,UAAU,EAAC,WAAZ;AAAwBG,QAAAA,MAAM,EAAC,OAA/B;AAAuCC,QAAAA,QAAQ,EAAC;AAAhD,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,KAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACJ,QAAAA,UAAU,EAAC,MAAZ;AAAmBI,QAAAA,QAAQ,EAAC;AAA5B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAE,KAAKX,IAAL,CAAUC,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,EAEK,KAAKD,IAAL,CAAUG,WAFf,CAJJ,CALF,EAcE,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACI,QAAAA,UAAU,EAAC,MAAZ;AAAmBF,QAAAA,OAAO,EAAC;AAA3B,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADH,CADJ,EAII,oBAAC,GAAD;AAAK,MAAA,EAAE,EAAE,CAAT;AAAY,MAAA,KAAK,EAAE;AAACE,QAAAA,UAAU,EAAC;AAAZ,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJJ,CAdF,CADE;AAwBC;;AAtCqB;;AAyC5B,eAAeZ,IAAf","sourcesContent":["import React,{Component} from 'react';\nimport Header from './Header';\nimport Description from './Description';\nimport Cycle from './Cycle';\nimport Nav from './Nav';\nimport { Container, Row, Col } from 'react-grid-system';\nclass Main extends Component{\n constructor(props){\n super(props);\n this.state={\n name : \"Rakesh\",\n silk : \n {\n label:'ova',\n image:' ',\n description:'Egg is the first stage of a silkworm’s life cycle. The female moth lays an egg about the size of an ink dot during summer or the early fall. The egg remains in dormant stage until spring arrives. The warmth of the spring stimulates the egg to hatch. The egg of Bombyx mori is a very small and hard structure; about the size of a pin head and resembling a poppy seed (fig. 8.13). The egg shell provides a protective covering for embryonic development. When first laid, an egg light yellow. A fertile ovum darkens to a blue-gray within a few days.',\t\t\n }\n };\n }\n render(){\n return (\n <div style={{padding:\"20px\"}}>\n <Row style={{color:\"white\",background:\"black\",justifyContent:\"center\",padding:\"20px\",fontStyle:\"italic\"}}>\n <Header /> \n \n </Row>\n <Row>\n <Col sm={8} style={{background:\"orangered\",height:\"690px\",fontSize:\"300%\"}}>\n <Cycle />\n </Col>\n <Col sm={4} style={{background:\"blue\",fontSize:\"200%\"}}>\n <Description silk={this.silk.label} />\n {this.silk.description}\n </Col>\n </Row> \n <Row>\n <Col md={8} style={{background:\"aqua\",padding:\"15px\"}}>\n <Nav />\n </Col> \n <Col md={4} style={{background:\"blue\"}}>\n </Col> \n </Row> \n </div>\n );\n }\n}\n\nexport default Main;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
{"ast":null,"code":"var _jsxFileName = \"/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Description.js\";\nimport React from 'react';\n\nfunction Description(props) {\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 5\n },\n __self: this\n }, React.createElement(\"p\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 6\n },\n __self: this\n }, props.stage1.label), props.stage1.description);\n}\n\nexport default Description;","map":{"version":3,"sources":["/home/rakeshgara/react/balaswecha/life-cycle-of-silkworm/src/components/Description.js"],"names":["React","Description","props","stage1","label","description"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAIA,KAAK,CAACC,MAAN,CAAaC,KAAjB,CADF,EAEGF,KAAK,CAACC,MAAN,CAAaE,WAFhB,CADF;AAMD;;AAED,eAAeJ,WAAf","sourcesContent":["import React from 'react';\n\nfunction Description(props) {\n return (\n <div>\n <p>{props.stage1.label}</p>\n {props.stage1.description}\n </div>\n );\n}\n\nexport default Description;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file