React_Client_App_Access/node_modules/.cache/babel-loader/ad6328d0800de54cebe41c3d9b0f3550.json

{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Layout/sidebar/Sidebar.tsx\";\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport Scrollbar from 'react-smooth-scrollbar';\nimport SidebarContent from './SidebarContent';\n\nvar Sidebar = function Sidebar(_ref) {\n  var changeToDark = _ref.changeToDark,\n      changeToLight = _ref.changeToLight,\n      changeMobileSidebarVisibility = _ref.changeMobileSidebarVisibility,\n      sidebar = _ref.sidebar;\n  var sidebarClass = classNames({\n    sidebar: true,\n    'sidebar--show': sidebar.show,\n    'sidebar--collapse': sidebar.collapse\n  });\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: sidebarClass,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/React.createElement(\"button\", {\n    type: \"button\",\n    className: \"sidebar__back\",\n    onClick: changeMobileSidebarVisibility,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/React.createElement(Scrollbar, {\n    className: \"sidebar__scroll scroll\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 7\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"sidebar__wrapper sidebar__wrapper--desktop\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/React.createElement(SidebarContent, {\n    onClick: function onClick() {},\n    changeToDark: changeToDark,\n    changeToLight: changeToLight,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 11\n    }\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"sidebar__wrapper sidebar__wrapper--mobile\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/React.createElement(SidebarContent, {\n    onClick: changeMobileSidebarVisibility,\n    changeToDark: changeToDark,\n    changeToLight: changeToLight,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 11\n    }\n  }))));\n};\n\nexport default Sidebar;","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Layout/sidebar/Sidebar.tsx"],"names":["classNames","React","Scrollbar","SidebarContent","Sidebar","changeToDark","changeToLight","changeMobileSidebarVisibility","sidebar","sidebarClass","show","collapse"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAyC,OAAzC;AACA,OAAOC,SAAP,MAAsB,wBAAtB;AAEA,OAAOC,cAAP,MAA2B,kBAA3B;;AAcA,IAAMC,OAAwC,GAAG,SAA3CA,OAA2C,OAE3C;AAAA,MADJC,YACI,QADJA,YACI;AAAA,MADUC,aACV,QADUA,aACV;AAAA,MADyBC,6BACzB,QADyBA,6BACzB;AAAA,MADwDC,OACxD,QADwDA,OACxD;AACJ,MAAMC,YAAY,GAAGT,UAAU,CAAC;AAC9BQ,IAAAA,OAAO,EAAE,IADqB;AAE9B,qBAAiBA,OAAO,CAACE,IAFK;AAG9B,yBAAqBF,OAAO,CAACG;AAHC,GAAD,CAA/B;AAMA,sBACE;AAAK,IAAA,SAAS,EAAEF,YAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACE;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,SAAS,EAAC,eAAhC;AAAgD,IAAA,OAAO,EAAEF,6BAAzD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,eAEE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAC,wBAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACE;AAAK,IAAA,SAAS,EAAC,4CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACE,oBAAC,cAAD;AACE,IAAA,OAAO,EAAE,mBAAM,CAAE,CADnB;AAEE,IAAA,YAAY,EAAEF,YAFhB;AAGE,IAAA,aAAa,EAAEC,aAHjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAC,2CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACE,oBAAC,cAAD;AACE,IAAA,OAAO,EAAEC,6BADX;AAEE,IAAA,YAAY,EAAEF,YAFhB;AAGE,IAAA,aAAa,EAAEC,aAHjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CARF,CAFF,CADF;AAqBD,CA9BD;;AAgCA,eAAeF,OAAf","sourcesContent":["import classNames from 'classnames';\nimport React, { FunctionComponent } from 'react';\nimport Scrollbar from 'react-smooth-scrollbar';\n\nimport SidebarContent from './SidebarContent';\n\nexport interface SidebarField {\n    show: boolean,\n    collapse: boolean\n}\n\ninterface SidebarProps {\n  changeToDark: () => void,\n  changeToLight: () => void,\n  changeMobileSidebarVisibility: () => void,\n  sidebar: SidebarField\n}\n\nconst Sidebar: FunctionComponent<SidebarProps> = ({\n  changeToDark, changeToLight, changeMobileSidebarVisibility, sidebar,\n}) => {\n  const sidebarClass = classNames({\n    sidebar: true,\n    'sidebar--show': sidebar.show,\n    'sidebar--collapse': sidebar.collapse,\n  });\n\n  return (\n    <div className={sidebarClass}>\n      <button type=\"button\" className=\"sidebar__back\" onClick={changeMobileSidebarVisibility} />\n      <Scrollbar className=\"sidebar__scroll scroll\">\n        <div className=\"sidebar__wrapper sidebar__wrapper--desktop\">\n          <SidebarContent\n            onClick={() => {}}\n            changeToDark={changeToDark}\n            changeToLight={changeToLight}\n          />\n        </div>\n        <div className=\"sidebar__wrapper sidebar__wrapper--mobile\">\n          <SidebarContent\n            onClick={changeMobileSidebarVisibility}\n            changeToDark={changeToDark}\n            changeToLight={changeToLight}\n          />\n        </div>\n      </Scrollbar>\n    </div>\n  );\n};\n\nexport default Sidebar;\n "]},"metadata":{},"sourceType":"module"}