React_Client_App_Access/node_modules/.cache/babel-loader/267a75d236f6243cbf348a81b2e9a8e8.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/sidebar/SidebarCategory.tsx\";\nimport classNames from 'classnames';\nimport React, { Component } from 'react';\nimport { Collapse } from 'reactstrap';\n;\n\nvar SidebarCategory = /*#__PURE__*/function (_Component) {\n  _inherits(SidebarCategory, _Component);\n\n  function SidebarCategory() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, SidebarCategory);\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(SidebarCategory)).call.apply(_getPrototypeOf2, [this].concat(args)));\n    _this.state = {\n      collapse: true\n    };\n\n    _this.toggle = function () {\n      _this.setState(function (prevState) {\n        return {\n          collapse: !prevState.collapse\n        };\n      });\n    };\n\n    return _this;\n  }\n\n  _createClass(SidebarCategory, [{\n    key: \"render\",\n    value: function render() {\n      var _this$props = this.props,\n          title = _this$props.title,\n          icon = _this$props.icon,\n          isNew = _this$props.isNew,\n          children = _this$props.children;\n      var collapse = this.state.collapse;\n      var categoryClass = classNames({\n        'sidebar__category-wrap': true,\n        'sidebar__category-wrap--open': collapse\n      });\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: categoryClass,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 7\n        }\n      }, /*#__PURE__*/React.createElement(\"button\", {\n        type: \"button\",\n        className: \"sidebar__link sidebar__category\",\n        onClick: this.toggle,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 9\n        }\n      }, icon ? /*#__PURE__*/React.createElement(\"span\", {\n        className: \"sidebar__link-icon lnr lnr-\".concat(icon),\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 19\n        }\n      }) : '', /*#__PURE__*/React.createElement(\"p\", {\n        className: \"sidebar__link-title\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 45,\n          columnNumber: 11\n        }\n      }, title, isNew && /*#__PURE__*/React.createElement(\"span\", {\n        className: \"sidebar__category-new\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 46,\n          columnNumber: 23\n        }\n      })), /*#__PURE__*/React.createElement(\"span\", {\n        className: \"sidebar__category-icon lnr lnr-chevron-right\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 48,\n          columnNumber: 11\n        }\n      })), /*#__PURE__*/React.createElement(Collapse, {\n        isOpen: collapse,\n        className: \"sidebar__submenu-wrap\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 50,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(\"ul\", {\n        className: \"sidebar__submenu\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 13\n        }\n      }, children))));\n    }\n  }]);\n\n  return SidebarCategory;\n}(Component);\n\nSidebarCategory.defaultProps = {\n  icon: '',\n  isNew: false\n};\nexport { SidebarCategory as default };","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/ClientApp/src/containers/Layout/sidebar/SidebarCategory.tsx"],"names":["classNames","React","Component","Collapse","SidebarCategory","state","collapse","toggle","setState","prevState","props","title","icon","isNew","children","categoryClass","defaultProps"],"mappings":";;;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,QAAyB,YAAzB;AAOC;;IAMoBC,e;;;;;;;;;;;;;;;UAOnBC,K,GAAQ;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;;UAIRC,M,GAAS,YAAM;AACb,YAAKC,QAAL,CAAc,UAAAC,SAAS;AAAA,eAAK;AAAEH,UAAAA,QAAQ,EAAE,CAACG,SAAS,CAACH;AAAvB,SAAL;AAAA,OAAvB;AACD,K;;;;;;;6BAEQ;AAAA,wBAGH,KAAKI,KAHF;AAAA,UAELC,KAFK,eAELA,KAFK;AAAA,UAEEC,IAFF,eAEEA,IAFF;AAAA,UAEQC,KAFR,eAEQA,KAFR;AAAA,UAEeC,QAFf,eAEeA,QAFf;AAAA,UAICR,QAJD,GAIc,KAAKD,KAJnB,CAICC,QAJD;AAKP,UAAMS,aAAa,GAAGf,UAAU,CAAC;AAC/B,kCAA0B,IADK;AAE/B,wCAAgCM;AAFD,OAAD,CAAhC;AAKA,0BACE;AAAK,QAAA,SAAS,EAAES,aAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAQ,QAAA,IAAI,EAAC,QAAb;AAAsB,QAAA,SAAS,EAAC,iCAAhC;AAAkE,QAAA,OAAO,EAAE,KAAKR,MAAhF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGK,IAAI,gBAAG;AAAM,QAAA,SAAS,uCAAgCA,IAAhC,CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAH,GAA+D,EADtE,eAEE;AAAG,QAAA,SAAS,EAAC,qBAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAoCD,KAApC,EACGE,KAAK,iBAAI;AAAM,QAAA,SAAS,EAAC,uBAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADZ,CAFF,eAKE;AAAM,QAAA,SAAS,EAAC,8CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QALF,CADF,eAQE,oBAAC,QAAD;AAAU,QAAA,MAAM,EAAEP,QAAlB;AAA4B,QAAA,SAAS,EAAC,uBAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAI,QAAA,SAAS,EAAC,kBAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGQ,QADH,CADF,CADF,CARF,CADF;AAkBD;;;;EA3C0CZ,S;;AAAxBE,e,CAEZY,Y,GAAe;AACpBJ,EAAAA,IAAI,EAAE,EADc;AAEpBC,EAAAA,KAAK,EAAE;AAFa,C;SAFHT,e","sourcesContent":["import classNames from 'classnames';\nimport React, { Component } from 'react';\nimport { Collapse } from 'reactstrap';\n\ninterface SidebarCategoryProps {\n  title: string,\n  icon?: string,\n  isNew?: boolean,\n  children: Array<JSX.Element>,\n};\n\ninterface SidebarCategoryState {\n  collapse: boolean\n}\n\nexport default class SidebarCategory extends Component<SidebarCategoryProps, SidebarCategoryState> {\n\n  static defaultProps = {\n    icon: '',\n    isNew: false,\n  };\n\n  state = {\n    collapse: true,\n  }\n\n  toggle = () => {\n    this.setState(prevState => ({ collapse: !prevState.collapse }));\n  };\n\n  render() {\n    const {\n      title, icon, isNew, children,\n    } = this.props;\n    const { collapse } = this.state;\n    const categoryClass = classNames({\n      'sidebar__category-wrap': true,\n      'sidebar__category-wrap--open': collapse,\n    });\n\n    return (\n      <div className={categoryClass}>\n        <button type=\"button\" className=\"sidebar__link sidebar__category\" onClick={this.toggle}>\n          {icon ? <span className={`sidebar__link-icon lnr lnr-${icon}`} /> : ''}\n          <p className=\"sidebar__link-title\">{title}\n            {isNew && <span className=\"sidebar__category-new\" />}\n          </p>\n          <span className=\"sidebar__category-icon lnr lnr-chevron-right\" />\n        </button>\n        <Collapse isOpen={collapse} className=\"sidebar__submenu-wrap\">\n          <ul className=\"sidebar__submenu\">\n            <div>\n              {children}\n            </div>\n          </ul>\n        </Collapse>\n      </div>\n    );\n  }\n}\n"]},"metadata":{},"sourceType":"module"}