{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/containers/Layout/topbar/TopbarSearch.tsx\";\nimport React, { Component } from 'react';\n\nvar TopbarSearch = /*#__PURE__*/function (_Component) {\n  _inherits(TopbarSearch, _Component);\n\n  function TopbarSearch(props) {\n    var _this;\n\n    _classCallCheck(this, TopbarSearch);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(TopbarSearch).call(this, props));\n\n    _this.updates = function (e) {\n      _this.setState({\n        searchTerm: e.target.value\n      });\n    };\n\n    _this.state = {\n      searchTerm: ''\n    };\n    return _this;\n  }\n\n  _createClass(TopbarSearch, [{\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: \"topbar__search\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 22,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-field\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 23,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"form__form-group-icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(\"a\", {\n        href: \"/search/\".concat(this.state.searchTerm),\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(\"span\", {\n        className: \"lnr lnr-magnifier\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 26,\n          columnNumber: 15\n        }\n      }))), /*#__PURE__*/React.createElement(\"input\", {\n        onChange: function onChange(e) {\n          return _this2.updates(e);\n        },\n        name: \"search\",\n        type: \"text\",\n        placeholder: \"Search\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 29,\n          columnNumber: 11\n        }\n      })));\n    }\n  }]);\n\n  return TopbarSearch;\n}(Component);\n\nexport { TopbarSearch as default };","map":{"version":3,"sources":["/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/containers/Layout/topbar/TopbarSearch.tsx"],"names":["React","Component","TopbarSearch","props","updates","e","setState","searchTerm","target","value","state"],"mappings":";;;;;;AACA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;;IAOqBC,Y;;;AACnB,wBAAYC,KAAZ,EAAwB;AAAA;;AAAA;;AACtB,sFAAMA,KAAN;;AADsB,UAOxBC,OAPwB,GAOd,UAACC,CAAD,EAAY;AACpB,YAAKC,QAAL,CAAc;AAAEC,QAAAA,UAAU,EAAEF,CAAC,CAACG,MAAF,CAASC;AAAvB,OAAd;AACD,KATuB;;AAEtB,UAAKC,KAAL,GAAa;AACXH,MAAAA,UAAU,EAAE;AADD,KAAb;AAFsB;AAKvB;;;;6BAKQ;AAAA;;AACP,0BACE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAK,QAAA,SAAS,EAAC,uBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAG,QAAA,IAAI,oBAAa,KAAKG,KAAL,CAAWH,UAAxB,CAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAM,QAAA,SAAS,EAAC,mBAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADF,CADF,CADF,eAME;AAAO,QAAA,QAAQ,EAAE,kBAACF,CAAD;AAAA,iBAAO,MAAI,CAACD,OAAL,CAAaC,CAAb,CAAP;AAAA,SAAjB;AAAyC,QAAA,IAAI,EAAC,QAA9C;AAAuD,QAAA,IAAI,EAAC,MAA5D;AAAmE,QAAA,WAAW,EAAC,QAA/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QANF,CADF,CADF;AAYD;;;;EAxBuCJ,S;;SAArBC,Y","sourcesContent":["import DownIcon from 'mdi-react/ChevronDownIcon';\nimport React, { Component } from 'react';\nimport { Collapse } from 'reactstrap';\n\ninterface SearchBarState {\n  searchTerm: string\n}\n\nexport default class TopbarSearch extends Component<{}, SearchBarState> {\n  constructor(props: any) {\n    super(props)\n    this.state = {\n      searchTerm: ''\n    }\n  }\n\n  updates = (e: any) => {\n    this.setState({ searchTerm: e.target.value })\n  }\n  render() {\n    return (\n      <div className=\"topbar__search\">\n        <div className=\"form__form-group-field\">\n          <div className=\"form__form-group-icon\">\n            <a href={`/search/${this.state.searchTerm}`}>\n              <span className=\"lnr lnr-magnifier\"></span>\n            </a>\n          </div>\n          <input onChange={(e) => this.updates(e)} name=\"search\" type=\"text\" placeholder=\"Search\" />\n        </div>\n      </div>\n    );\n  }\n}"]},"metadata":{},"sourceType":"module"}