{"version":3,"sources":["logo.svg","layout/header.js","containers/SectionContainer.js","components/ScrollTopButton.js","layout/body.js","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","root","display","flexGrow","alignItems","headerStyleClass","backgroundColor","logo","fontFamily","fontWeight","color","textAlign","menuicon","marginLeft","marginRight","anchor","desktopMenu","toolbar","flaxGrow","width","menuItem","grow","Header","useState","mobileView","drawerOpen","anchorEl","state","setAllStateValues","menuButtonRef","useRef","useEffect","setResponsiveness","window","innerWidth","prevState","addEventListener","removeEventListener","classes","scrollSections","useScrollSections","handleDrawerOpen","event","currentTarget","handleDrawerClose","sandoneappsLogo","Typography","variant","component","className","getMenuButtons","props","map","id","onClick","selected","MenuItem","toUpperCase","AppBar","position","Toolbar","IconButton","edge","ref","Menu","open","Boolean","getContentAnchorEl","onClose","SectionContainer","styled","section","theme","bottom","spacing","right","ScrollTop","children","trigger","useScrollTrigger","target","undefined","disableHysteresis","threshold","Zoom","in","ownerDocument","document","querySelector","scrollIntoView","behavior","block","console","log","role","Body","Grid","Fab","size","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.01f0e131.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import { AppBar, Toolbar, Typography, IconButton, Menu, MenuItem, Button } from \"@material-ui/core\";\r\nimport { Grid, Box, Container } from \"@material-ui/core\"\r\nimport { useScrollSections } from \"react-scroll-section\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\"\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useState, useEffect, useRef } from \"react\";\r\nimport React from \"react\";\r\nimport { SandOneMenu } from \"../components\"\r\n\r\nconst useStyles = makeStyles(() => ({\r\n    root: {\r\n        display: \"flex\",\r\n        flexGrow: 1,\r\n        alignItems: 'center',\r\n    },\r\n    headerStyleClass: {\r\n       backgroundColor: \"#76a6f5\",\r\n    },\r\n    logo: {\r\n        fontFamily: \"Work Sans, sans-serif\",\r\n        fontWeight: 600,\r\n        color: \"#FFFEFE\",\r\n        textAlign: \"right\",\r\n    },\r\n    menuicon: {\r\n        marginLeft: -12,\r\n        marginRight: 20,\r\n        anchor: \"left\",\r\n    },\r\n    desktopMenu: {\r\n    },\r\n    toolbar: {\r\n        flaxGrow: 1,\r\n        width: \"100%\",\r\n    },\r\n    menuItem: {\r\n    },\r\n    grow: {\r\n        flexGrow: 1,\r\n    }\r\n }));\r\n\r\nexport default function Header() {\r\n    const [state, setAllStateValues] = useState({\r\n        mobileView: false,\r\n        drawerOpen: false,\r\n        anchorEl: null,\r\n    });\r\n    const menuButtonRef = useRef(null);\r\n\r\n\r\n    useEffect(() => {\r\n        const setResponsiveness = () => {\r\n            return window.innerWidth < 900\r\n            ? setAllStateValues((prevState) => ({ ...prevState, mobileView: true }))\r\n            : setAllStateValues((prevState) => ({ ...prevState, mobileView: false }));\r\n        };\r\n\r\n        setResponsiveness();\r\n        window.addEventListener(\"resize\", () => setResponsiveness());\r\n\r\n        return () => {\r\n            window.removeEventListener(\"resize\", () => setResponsiveness());\r\n        }\r\n    }, []);\r\n\r\n    const classes = useStyles();\r\n    const scrollSections = useScrollSections();\r\n    const handleDrawerOpen = (event) => {\r\n        setAllStateValues((prevState) => ({ ...prevState, anchorEl: event.currentTarget }));\r\n    }\r\n    const handleDrawerClose = () => {\r\n        setAllStateValues((prevState) => ({ ...prevState, anchorEl: null }));\r\n    }\r\n\r\n    const sandoneappsLogo = (\r\n            <Typography variant=\"h6\" component=\"h1\" className={classes.logo} anchor=\"left\">SandOneApps</Typography>\r\n    );\r\n\r\n    const getMenuButtons = (props) => {\r\n        return scrollSections.map(({id, onClick, selected}) => {\r\n            const onClickWrapper = () => {\r\n                onClick();\r\n                handleDrawerClose();\r\n            }\r\n            return <MenuItem className={classes.menuItem} key={id} onClick={onClickWrapper} selected={selected}>\r\n                {id.toUpperCase()}\r\n            </MenuItem>});\r\n        \r\n    }\r\n\r\n    const displayDesktop = () => {\r\n        return <Toolbar>\r\n            {sandoneappsLogo}\r\n            <div className={classes.grow} />\r\n            {getMenuButtons({component: \"Button\"})}\r\n        </Toolbar>;\r\n    };\r\n\r\n    const displayMobile = () => {\r\n        return (\r\n            <Toolbar>\r\n                <IconButton \r\n                    {...{\r\n                        edge: \"start\",\r\n                        color: \"inherit\",\r\n                        ref: menuButtonRef,\r\n                        // \"aria-controls\": \"nav-menu\",\r\n                        // \"aria-haspopup\": \"true\",\r\n                        onClick: handleDrawerOpen,\r\n                        className: classes.menuicon,\r\n                    }}\r\n                    >\r\n                    <MenuIcon />\r\n                </IconButton>\r\n                <div className={classes.grow}/>\r\n                {sandoneappsLogo}\r\n                <Menu\r\n                    {...{\r\n                    id: \"nav-menu\",\r\n                    open: Boolean(state.anchorEl),\r\n                    anchorEl: state.anchorEl,\r\n                    getContentAnchorEl: null,\r\n                    onClose: handleDrawerClose,\r\n                    }}\r\n                >\r\n                    {getMenuButtons({component:\"MenuItem\"})}\r\n                </Menu>\r\n            </Toolbar>\r\n        );\r\n    }\r\n  \r\n    return (\r\n        <header className={classes.root}>\r\n            <AppBar position=\"fixed\" className={classes.headerStyleClass}>\r\n                {/* {console.log(\"Render mView: \", state.mobileView)} */}\r\n                {state.mobileView ? displayMobile() : displayDesktop()}\r\n            </AppBar>\r\n        </header>\r\n    );\r\n}","import styled from \"styled-components\";\r\n\r\nconst SectionContainer = styled.section`\r\n  min-height: 100vh;\r\n  min-width: 320px;\r\n  max-width: 1366px;\r\n  display: flex;\r\n  margin: auto;\r\n  flex: 0 1 auto;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  text-align: center;\r\n  font-size: 4em;\r\n  scroll-behavior: smooth;\r\n  position: 'relative';\r\n`;\r\n\r\nexport default SectionContainer;\r\n","import React from \"react\";\r\nimport { makeStyles, useScrollTrigger, Zoom,  } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        position: 'fixed',\r\n        bottom: theme.spacing(2),\r\n        right: theme.spacing(2),\r\n    },\r\n}));\r\n\r\nexport default function ScrollTop(props) {\r\n    const { children, window } = props;\r\n    const classes = useStyles();\r\n    // Note that you normally won't need to set the window ref as useScrollTrigger\r\n    // will default to window.\r\n    // This is only being set here because the demo is in an iframe.\r\n    const trigger = useScrollTrigger({\r\n        target: window ? window() : undefined,\r\n        disableHysteresis: true,\r\n        threshold: 100,\r\n    });\r\n\r\n    const handleClick = (event) => {\r\n        const anchor = (event.target.ownerDocument || document).querySelector('#back-to-top-anchor');\r\n\r\n        if (anchor) {\r\n            // console.log(\"ScrollTop Event: \", anchor);\r\n            anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n        }\r\n        else {\r\n            console.log(\"No anchor\");\r\n        }\r\n    };\r\n\r\n    return (\r\n        <Zoom in={trigger}>\r\n            <div onClick={handleClick} role=\"presentation\" className={classes.root}>\r\n                {children}\r\n            </div>\r\n        </Zoom>\r\n    );\r\n}","import React from \"react\";\r\nimport { Typography, Paper, Grid, Fab } from \"@material-ui/core\";\r\nimport KeyboardArrowUpIcon from \"@material-ui/icons/KeyboardArrowUp\";\r\nimport { ScrollingProvider, Section } from \"react-scroll-section\";\r\n\r\nimport SectionContainer from \"../containers/SectionContainer\"\r\nimport ScrollTop from \"../components/ScrollTopButton\";\r\n\r\nexport default function Body (props) {\r\n    return (\r\n        \r\n        <Grid>\r\n            <div id=\"back-to-top-anchor\" />\r\n            <Section id=\"home\">\r\n                <SectionContainer>\r\n                    <Typography variant=\"h4\" component=\"h1\"> Apps for a better </Typography>\r\n                    <Typography variant=\"h3\" component=\"h1\"> every day </Typography>\r\n                </SectionContainer>\r\n            </Section>\r\n            <Section id=\"kasheer\">\r\n                <SectionContainer>\r\n                    <Typography variant=\"h4\" component=\"h1\"> Kasheer </Typography>\r\n                </SectionContainer>\r\n            </Section>\r\n            <Section id=\"about\">\r\n                <SectionContainer>\r\n                    <Typography variant=\"h4\" component=\"h1\"> About </Typography>\r\n                </SectionContainer>\r\n            </Section>\r\n            <Section id=\"contact\">\r\n                <SectionContainer>\r\n                    <Typography variant=\"h4\" component=\"h1\"> Contact </Typography>\r\n                </SectionContainer>\r\n            </Section>\r\n            <ScrollTop {...props}>\r\n                <Fab size=\"small\" aria-label=\"scroll back to top\">\r\n                    <KeyboardArrowUpIcon />\r\n                </Fab>\r\n            </ScrollTop>\r\n        </Grid>\r\n        // </ScrollingProvider>\r\n    );\r\n}","import logo from './logo.svg';\nimport { ScrollingProvider } from 'react-scroll-section';\nimport { Header, Body } from './layout';\nimport './App.css';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <ScrollingProvider>\n        <Header />\n        <Body />\n      </ScrollingProvider>\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <Router>\n      <App />\n    </Router>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}