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

{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/ClientApp/src/containers/Layout/index.tsx\";\nimport classNames from 'classnames';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { changeMobileSidebarVisibility, changeSidebarVisibility } from '../../store/sidebar/actions';\nimport { changeThemeToDark, changeThemeToLight } from '../../store/theme/actions';\nimport Sidebar from './sidebar/Sidebar';\nimport Topbar from './topbar/Topbar';\n;\n\nvar Layout = /*#__PURE__*/function (_Component) {\n  _inherits(Layout, _Component);\n\n  function Layout() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, Layout);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Layout)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n    _this.changeSidebarVisibility = function () {\n      var dispatch = _this.props.dispatch;\n      dispatch(changeSidebarVisibility());\n    };\n\n    _this.changeMobileSidebarVisibility = function () {\n      var dispatch = _this.props.dispatch;\n      dispatch(changeMobileSidebarVisibility());\n    };\n\n    _this.changeToDark = function () {\n      var dispatch = _this.props.dispatch;\n      dispatch(changeThemeToDark());\n    };\n\n    _this.changeToLight = function () {\n      var dispatch = _this.props.dispatch;\n      dispatch(changeThemeToLight());\n    };\n\n    return _this;\n  }\n\n  _createClass(Layout, [{\n    key: \"render\",\n    value: function render() {\n      var sidebar = this.props.sidebar;\n      var layoutClass = classNames({\n        layout: true,\n        'layout--collapse': sidebar.collapse\n      });\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: layoutClass,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(Topbar, {\n        changeMobileSidebarVisibility: this.changeMobileSidebarVisibility,\n        changeSidebarVisibility: this.changeSidebarVisibility,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 9\n        }\n      }), /*#__PURE__*/React.createElement(Sidebar, {\n        sidebar: sidebar,\n        changeToDark: this.changeToDark,\n        changeToLight: this.changeToLight,\n        changeMobileSidebarVisibility: this.changeMobileSidebarVisibility,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 63,\n          columnNumber: 9\n        }\n      }));\n    }\n  }]);\n\n  return Layout;\n}(Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return {\n    sidebar: state.sidebar\n  };\n};\n\nexport default withRouter(connect(mapStateToProps)(Layout));","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/ClientApp/src/containers/Layout/index.tsx"],"names":["classNames","React","Component","connect","withRouter","changeMobileSidebarVisibility","changeSidebarVisibility","changeThemeToDark","changeThemeToLight","Sidebar","Topbar","Layout","dispatch","props","changeToDark","changeToLight","sidebar","layoutClass","layout","collapse","mapStateToProps","state"],"mappings":";;;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AAEA,OAAOC,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAAgBC,UAAhB,QAAkC,kBAAlC;AAGA,SAASC,6BAAT,EAAwCC,uBAAxC,QAAuE,6BAAvE;AACA,SAASC,iBAAT,EAA4BC,kBAA5B,QAAsD,2BAAtD;AACA,OAAOC,OAAP,MAAsC,mBAAtC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAcC;;IACKC,M;;;;;;;;;;;;;;;;UAGJL,uB,GAA0B,YAAM;AAAA,UACtBM,QADsB,GACT,MAAKC,KADI,CACtBD,QADsB;AAE9BA,MAAAA,QAAQ,CAACN,uBAAuB,EAAxB,CAAR;AACD,K;;UAEDD,6B,GAAgC,YAAM;AAAA,UAC5BO,QAD4B,GACf,MAAKC,KADU,CAC5BD,QAD4B;AAEpCA,MAAAA,QAAQ,CAACP,6BAA6B,EAA9B,CAAR;AACD,K;;UAEDS,Y,GAAe,YAAM;AAAA,UACXF,QADW,GACE,MAAKC,KADP,CACXD,QADW;AAEnBA,MAAAA,QAAQ,CAACL,iBAAiB,EAAlB,CAAR;AACD,K;;UAEDQ,a,GAAgB,YAAM;AAAA,UACZH,QADY,GACC,MAAKC,KADN,CACZD,QADY;AAEpBA,MAAAA,QAAQ,CAACJ,kBAAkB,EAAnB,CAAR;AACD,K;;;;;;;6BAEQ;AAAA,UACCQ,OADD,GACa,KAAKH,KADlB,CACCG,OADD;AAGP,UAAMC,WAAW,GAAGjB,UAAU,CAAC;AAC7BkB,QAAAA,MAAM,EAAE,IADqB;AAE7B,4BAAoBF,OAAO,CAACG;AAFC,OAAD,CAA9B;AAKA,0BACE;AAAK,QAAA,SAAS,EAAEF,WAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE,oBAAC,MAAD;AACE,QAAA,6BAA6B,EAAE,KAAKZ,6BADtC;AAEE,QAAA,uBAAuB,EAAE,KAAKC,uBAFhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADF,eAKE,oBAAC,OAAD;AACE,QAAA,OAAO,EAAEU,OADX;AAEE,QAAA,YAAY,EAAE,KAAKF,YAFrB;AAGE,QAAA,aAAa,EAAE,KAAKC,aAHtB;AAIE,QAAA,6BAA6B,EAAE,KAAKV,6BAJtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QALF,CADF;AAcD;;;;EA7CkBH,S;;AAgDrB,IAAMkB,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAsB;AAC5CL,IAAAA,OAAO,EAAEK,KAAK,CAACL;AAD6B,GAAtB;AAAA,CAAxB;;AAIA,eAAeZ,UAAU,CAACD,OAAO,CAACiB,eAAD,CAAP,CAAyBT,MAAzB,CAAD,CAAzB","sourcesContent":["import classNames from 'classnames';\nimport { Hash, History, LocationState, Search } from 'history';\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { match, withRouter } from 'react-router-dom';\n\nimport { AppState } from '../../store';\nimport { changeMobileSidebarVisibility, changeSidebarVisibility } from '../../store/sidebar/actions';\nimport { changeThemeToDark, changeThemeToLight } from '../../store/theme/actions';\nimport Sidebar, { SidebarField } from './sidebar/Sidebar';\nimport Topbar from './topbar/Topbar';\n\n\ninterface LayoutProps {\n  dispatch: (val: {type: string}) => void,\n  sidebar: SidebarField,\n  history: History,\n  match: match,\n  location: { \n    pathname: string,\n    search: Search;\n    state: LocationState;\n    hash: Hash;\n  },\n};\nclass Layout extends Component<LayoutProps> {\n  \n\n  changeSidebarVisibility = () => {\n    const { dispatch } = this.props;\n    dispatch(changeSidebarVisibility());\n  };\n\n  changeMobileSidebarVisibility = () => {\n    const { dispatch } = this.props;\n    dispatch(changeMobileSidebarVisibility());\n  };\n\n  changeToDark = () => {\n    const { dispatch } = this.props;\n    dispatch(changeThemeToDark());\n  };\n\n  changeToLight = () => {\n    const { dispatch } = this.props;\n    dispatch(changeThemeToLight());\n  };\n\n  render() {\n    const { sidebar } = this.props;\n\n    const layoutClass = classNames({\n      layout: true,\n      'layout--collapse': sidebar.collapse,\n    });\n\n    return (\n      <div className={layoutClass}>\n        <Topbar\n          changeMobileSidebarVisibility={this.changeMobileSidebarVisibility}\n          changeSidebarVisibility={this.changeSidebarVisibility}\n        />\n        <Sidebar\n          sidebar={sidebar}\n          changeToDark={this.changeToDark}\n          changeToLight={this.changeToLight}\n          changeMobileSidebarVisibility={this.changeMobileSidebarVisibility}\n        />\n      </div>\n    );\n  }\n}\n\nconst mapStateToProps = (state: AppState) => ({\n  sidebar: state.sidebar\n});\n\nexport default withRouter(connect(mapStateToProps)(Layout));\n"]},"metadata":{},"sourceType":"module"}