{"version":3,"sources":["grid-component.js","App.js","index.js","140x100.png"],"names":["useStyles","makeStyles","theme","root","height","alignItems","maxHeight","border","margin","paper","padding","spacing","maxWidth","flexWrap","display","justifyContent","alignContent","image","textAlign","buttonWrap","marginTop","description","whiteSpace","width","overflow","textOverflow","img","container","placeItems","basis","flexBasis","ComplexGrid","props","classes","Highlight","Snippet","react_default","a","createElement","className","Paper","Grid","xs","item","ButtonBase","alt","src","def","sm","direction","Typography","gutterBottom","variant","attribute","hit","component","color","style","fontWeight","searchClient","algoliasearch","Hit","console","log","images","filePointerLarge","App","InstantSearch","indexName","SearchBox","autoFocus","translations","placeholder","Hits","hitComponent","Pagination","Component","ReactDOM","render","src_App_0","document","getElementById","module","exports"],"mappings":"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","file":"static/js/main.e23749e8.chunk.js","sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport ButtonBase from '@material-ui/core/ButtonBase';\nimport def from \"./140x100.png\"\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n      height:'100%',\n      alignItems:'baseline',\n    maxHeight:'800px',\n    border:'none',\n    margin:'5px'\n  },\n  paper: {\n    padding: theme.spacing(3),\n    margin: 'auto',\n    maxWidth: 500,\n    flexWrap:'wrap',\n    border:'none',\n    display: 'flex',\n    justifyContent:' space-evenly',\n    height: '100%',\n    alignContent: 'flex-start'\n  },\n  image: {\n    height:'150px',\n    margin:'auto',\n    textAlign:'center'\n  },\n  buttonWrap: {\nmarginTop:'20px'\n  },\n  description:{\n    whiteSpace: 'nowrap', \n    width: '50px', \n    overflow: 'ellipsis',\n    textOverflow: 'clip',\n    border:'none' \n  },\n  img: {\n    margin: 'auto',\n    display: 'block',\n    maxWidth: '100%',\n    maxHeight: '100%'\n  },\n  container:{\n      flexWrap:'nowrap',\n      border:'none',\n      placeItems: 'center'\n  },\n  basis:{\n      flexBasis:'auto'\n  }\n}));\n\nexport default function ComplexGrid(props) {\n  const classes = useStyles();\n  const Highlight = props.Highlight;\n  const Snippet = props.Snippet;\n  return (\n    <div className={classes.root}>\n      <Paper className={classes.paper}>\n        <Grid container className={classes.container} spacing={2} >\n          <Grid  xs={12} item className={classes.basis} >\n            <ButtonBase className={classes.image} >\n              <img className={classes.img +' card'} alt=\"complex\" src={props.image || def} />\n            </ButtonBase>\n          </Grid>\n          <Grid item xs={12} sm className={classes.basis} container>\n            <Grid item xs container direction=\"column\" spacing={2}>\n              <Grid item xs >\n                <Typography gutterBottom variant=\"subtitle1\">\n                Manufacturer: <Highlight attribute=\"manufacturer\" hit={props.hit} />\n                </Typography>\n                <Typography  component={'p'} variant=\"body2\" gutterBottom>\n                Model: <Highlight attribute=\"model\" hit={props.hit} />\n                </Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                Model Year: <Highlight  attribute=\"modelYear\" hit={props.hit} />\n                </Typography>\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n        <Grid  xs={12} item className={classes.buttonWrap} >\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                Description: <Snippet  attribute=\"description\" hit={props.hit} /><span style={{fontWeight:'bolder'}}>...</span>\n                </Typography>\n          </Grid>\n      </Paper>\n    </div>\n  );\n}\n/**\n * .MuiPaper-elevation1.MuiPaper-rounded {\n    display: flex;\n    justify-content: space-evenly;\n    height: 100%;\n    align-content: flex-start;\n}\n\n.makeStyles-root-1 {\n    height: 100%;\n    align-items: baseline;\n}\n */","import React, { Component } from 'react';\nimport algoliasearch from 'algoliasearch/lite';\nimport {\n  InstantSearch,\n  Hits,\n  SearchBox,\n  Pagination,\n  Highlight,\n  Snippet\n} from 'react-instantsearch-dom';\nimport PropTypes from 'prop-types';\nimport './App.css';\nimport Grid from \"./grid-component\"\nconst searchClient = algoliasearch('R70QAFW2FK', 'ddc27f29b5f3a2717b9fb62bc1bb6120');\n\nclass App extends Component {\n  render() {\n    return (\n      <div>\n        <div className=\"container\">\n          <InstantSearch searchClient={searchClient} indexName=\"westerntractor_machinefinder_feed\">\n            <div className=\"search-panel\">\n              <div className=\"search-panel__results\">\n                <SearchBox   \n                  className=\"searchbox\"\n                  autoFocus={true}\n                  translations={{\n                    placeholder: '',\n                  }}\n                />\n                <Hits hitComponent={Hit} />\n\n                <div className=\"pagination\">\n                  <Pagination />\n                </div>\n              </div>\n            </div>\n          </InstantSearch>\n        </div>\n      </div>\n    );\n  }\n}\n\nfunction Hit(props) {\n  console.log(props)\n  // const description = (<Highlight attribute=\"description\" hit={props.hit} />)\n  // const model = (<Highlight attribute=\"model\" hit={props.hit} />)\n  // const category = (<Highlight attribute=\"category\" hit={props.hit} />)\n  const image = props.hit.images.image && props.hit.images.image[0].filePointerLarge;\n  return (\n    <Grid Snippet={Snippet} Highlight={Highlight} hit={props.hit} image={image}  />\n  );\n}\n\nHit.propTypes = {\n  hit: PropTypes.object.isRequired,\n};\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABkBAMAAACm+cXiAAAAG1BMVEXMzMyWlpacnJzFxcW3t7e+vr6jo6OxsbGqqqqoPjQzAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA2ElEQVRYhe3SMQ6CQBAF0GGBQCkBrFU0sRziBcR4AJELyA2INpRUyLFdBhIoASuS/6rNL34ms0MEAAAAAACwboqJYrYO11FwO9IomCTRNTmn93AI7CB5jIIpDI/JzvlL5RC4hVMNwSR2yqRSPtGT6E21BOph7ySYMw5TaXBEsd7KJ5RAsbmRYFaNGRnst3XWtpJAP30JZtW4RT+NXvUf0yjPC7pV7PuaRbsxL3HWtB/jnF/deJVTNfN+SlZgdHcTZ92KF9xNXyNHW+svl2DBFQMAAAAAwOr9AMPbIYfChnnxAAAAAElFTkSuQmCC\""],"sourceRoot":""}