1 line
17 KiB
JSON
1 line
17 KiB
JSON
{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/AppMenu.js\";\n\nimport React, { useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { Ripple } from \"primereact/ripple\";\nimport { Badge } from 'primereact/badge';\n\nvar AppSubmenu = function AppSubmenu(props) {\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n activeIndex = _useState2[0],\n setActiveIndex = _useState2[1];\n\n var onMenuItemClick = function onMenuItemClick(event, item, index) {\n //avoid processing disabled items\n if (item.disabled) {\n event.preventDefault();\n return true;\n } //execute command\n\n\n if (item.command) {\n item.command({\n originalEvent: event,\n item: item\n });\n }\n\n if (index === activeIndex) setActiveIndex(null);else setActiveIndex(index);\n\n if (props.onMenuItemClick) {\n props.onMenuItemClick({\n originalEvent: event,\n item: item\n });\n }\n };\n\n var onKeyDown = function onKeyDown(event) {\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n event.target.click();\n }\n };\n\n var renderLinkContent = function renderLinkContent(item) {\n var submenuIcon = item.items && /*#__PURE__*/React.createElement(\"i\", {\n className: \"pi pi-fw pi-angle-down menuitem-toggle-icon\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 41\n }\n });\n var badge = item.badge && /*#__PURE__*/React.createElement(Badge, {\n value: item.badge,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 35\n }\n });\n return /*#__PURE__*/React.createElement(React.Fragment, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: item.icon,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 17\n }\n }), /*#__PURE__*/React.createElement(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 17\n }\n }, item.label), submenuIcon, badge, /*#__PURE__*/React.createElement(Ripple, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 17\n }\n }));\n };\n\n var renderLink = function renderLink(item, i) {\n var content = renderLinkContent(item);\n\n if (item.to) {\n return /*#__PURE__*/React.createElement(NavLink, {\n \"aria-label\": item.label,\n onKeyDown: onKeyDown,\n role: \"menuitem\",\n className: \"p-ripple\",\n activeClassName: \"router-link-active router-link-exact-active\",\n to: item.to,\n onClick: function onClick(e) {\n return onMenuItemClick(e, item, i);\n },\n exact: true,\n target: item.target,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 17\n }\n }, content);\n } else {\n return /*#__PURE__*/React.createElement(\"a\", {\n tabIndex: \"0\",\n \"aria-label\": item.label,\n onKeyDown: onKeyDown,\n role: \"menuitem\",\n href: item.url,\n className: \"p-ripple\",\n onClick: function onClick(e) {\n return onMenuItemClick(e, item, i);\n },\n target: item.target,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 17\n }\n }, content);\n }\n };\n\n var items = props.items && props.items.map(function (item, i) {\n var active = activeIndex === i;\n var styleClass = classNames(item.badgeStyleClass, {\n 'layout-menuitem-category': props.root,\n 'active-menuitem': active && !item.to\n });\n\n if (props.root) {\n return /*#__PURE__*/React.createElement(\"li\", {\n className: styleClass,\n key: i,\n role: \"none\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 17\n }\n }, props.root === true && /*#__PURE__*/React.createElement(React.Fragment, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 45\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"layout-menuitem-root-text\",\n \"aria-label\": item.label,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 25\n }\n }, item.label), /*#__PURE__*/React.createElement(AppSubmenu, {\n items: item.items,\n onMenuItemClick: props.onMenuItemClick,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 87,\n columnNumber: 25\n }\n })));\n } else {\n return /*#__PURE__*/React.createElement(\"li\", {\n className: styleClass,\n key: i,\n role: \"none\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 17\n }\n }, renderLink(item, i), /*#__PURE__*/React.createElement(CSSTransition, {\n classNames: \"layout-submenu-wrapper\",\n timeout: {\n enter: 1000,\n exit: 450\n },\n in: active,\n unmountOnExit: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(AppSubmenu, {\n items: item.items,\n onMenuItemClick: props.onMenuItemClick,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 25\n }\n })));\n }\n });\n return items ? /*#__PURE__*/React.createElement(\"ul\", {\n className: props.className,\n role: \"menu\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 20\n }\n }, items) : null;\n};\n\nexport var AppMenu = function AppMenu(props) {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"layout-menu-container\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(AppSubmenu, {\n items: props.model,\n className: \"layout-menu\",\n onMenuItemClick: props.onMenuItemClick,\n root: true,\n role: \"menu\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 13\n }\n }), /*#__PURE__*/React.createElement(\"a\", {\n href: \"https://www.primefaces.org/primeblocks-react\",\n className: \"block mt-3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"img\", {\n alt: \"primeblocks\",\n className: \"w-full\",\n src: props.layoutColorMode === 'light' ? 'assets/layout/images/banner-primeblocks.png' : 'assets/layout/images/banner-primeblocks-dark.png',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 17\n }\n })));\n};","map":{"version":3,"names":["React","useState","NavLink","CSSTransition","classNames","Ripple","Badge","AppSubmenu","props","activeIndex","setActiveIndex","onMenuItemClick","event","item","index","disabled","preventDefault","command","originalEvent","onKeyDown","code","target","click","renderLinkContent","submenuIcon","items","badge","icon","label","renderLink","i","content","to","e","url","map","active","styleClass","badgeStyleClass","root","enter","exit","className","AppMenu","model","layoutColorMode"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/AppMenu.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport {Ripple} from \"primereact/ripple\";\nimport { Badge } from 'primereact/badge';\n\nconst AppSubmenu = (props) => {\n\n const [activeIndex, setActiveIndex] = useState(null)\n\n const onMenuItemClick = (event, item, index) => {\n //avoid processing disabled items\n if (item.disabled) {\n event.preventDefault();\n return true;\n }\n\n //execute command\n if (item.command) {\n item.command({ originalEvent: event, item: item });\n }\n\n if (index === activeIndex)\n setActiveIndex(null);\n else\n setActiveIndex(index);\n\n if (props.onMenuItemClick) {\n props.onMenuItemClick({\n originalEvent: event,\n item: item\n });\n }\n }\n\n const onKeyDown = (event) => {\n if (event.code === 'Enter' || event.code === 'Space'){\n event.preventDefault();\n event.target.click();\n }\n }\n\n const renderLinkContent = (item) => {\n let submenuIcon = item.items && <i className=\"pi pi-fw pi-angle-down menuitem-toggle-icon\"></i>;\n let badge = item.badge && <Badge value={item.badge} />\n\n return (\n <React.Fragment>\n <i className={item.icon}></i>\n <span>{item.label}</span>\n {submenuIcon}\n {badge}\n <Ripple/>\n </React.Fragment>\n );\n }\n\n const renderLink = (item, i) => {\n let content = renderLinkContent(item);\n\n if (item.to) {\n return (\n <NavLink aria-label={item.label} onKeyDown={onKeyDown} role=\"menuitem\" className=\"p-ripple\" activeClassName=\"router-link-active router-link-exact-active\" to={item.to} onClick={(e) => onMenuItemClick(e, item, i)} exact target={item.target}>\n {content}\n </NavLink>\n )\n }\n else {\n return (\n <a tabIndex=\"0\" aria-label={item.label} onKeyDown={onKeyDown} role=\"menuitem\" href={item.url} className=\"p-ripple\" onClick={(e) => onMenuItemClick(e, item, i)} target={item.target}>\n {content}\n </a>\n );\n }\n }\n\n let items = props.items && props.items.map((item, i) => {\n let active = activeIndex === i;\n let styleClass = classNames(item.badgeStyleClass, {'layout-menuitem-category': props.root, 'active-menuitem': active && !item.to });\n\n if(props.root) {\n return (\n <li className={styleClass} key={i} role=\"none\">\n {props.root === true && <React.Fragment>\n <div className=\"layout-menuitem-root-text\" aria-label={item.label}>{item.label}</div>\n <AppSubmenu items={item.items} onMenuItemClick={props.onMenuItemClick} />\n </React.Fragment>}\n </li>\n );\n }\n else {\n return (\n <li className={styleClass} key={i} role=\"none\">\n {renderLink(item, i)}\n <CSSTransition classNames=\"layout-submenu-wrapper\" timeout={{ enter: 1000, exit: 450 }} in={active} unmountOnExit>\n <AppSubmenu items={item.items} onMenuItemClick={props.onMenuItemClick} />\n </CSSTransition>\n </li>\n );\n }\n });\n\n return items ? <ul className={props.className} role=\"menu\">{items}</ul> : null;\n}\n\nexport const AppMenu = (props) => {\n\n return (\n <div className=\"layout-menu-container\">\n <AppSubmenu items={props.model} className=\"layout-menu\" onMenuItemClick={props.onMenuItemClick} root={true} role=\"menu\" />\n <a href=\"https://www.primefaces.org/primeblocks-react\" className=\"block mt-3\">\n <img alt=\"primeblocks\" className=\"w-full\"\n src={props.layoutColorMode === 'light' ? 'assets/layout/images/banner-primeblocks.png' : 'assets/layout/images/banner-primeblocks-dark.png'}/>\n </a>\n </div>\n );\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,OAAT,QAAwB,kBAAxB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,MAAR,QAAqB,mBAArB;AACA,SAASC,KAAT,QAAsB,kBAAtB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAE1B,gBAAsCP,QAAQ,CAAC,IAAD,CAA9C;EAAA;EAAA,IAAOQ,WAAP;EAAA,IAAoBC,cAApB;;EAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAQC,IAAR,EAAcC,KAAd,EAAwB;IAC5C;IACA,IAAID,IAAI,CAACE,QAAT,EAAmB;MACfH,KAAK,CAACI,cAAN;MACA,OAAO,IAAP;IACH,CAL2C,CAO5C;;;IACA,IAAIH,IAAI,CAACI,OAAT,EAAkB;MACdJ,IAAI,CAACI,OAAL,CAAa;QAAEC,aAAa,EAAEN,KAAjB;QAAwBC,IAAI,EAAEA;MAA9B,CAAb;IACH;;IAED,IAAIC,KAAK,KAAKL,WAAd,EACIC,cAAc,CAAC,IAAD,CAAd,CADJ,KAGIA,cAAc,CAACI,KAAD,CAAd;;IAEJ,IAAIN,KAAK,CAACG,eAAV,EAA2B;MACvBH,KAAK,CAACG,eAAN,CAAsB;QAClBO,aAAa,EAAEN,KADG;QAElBC,IAAI,EAAEA;MAFY,CAAtB;IAIH;EACJ,CAvBD;;EAyBA,IAAMM,SAAS,GAAG,SAAZA,SAAY,CAACP,KAAD,EAAW;IACzB,IAAIA,KAAK,CAACQ,IAAN,KAAe,OAAf,IAA0BR,KAAK,CAACQ,IAAN,KAAe,OAA7C,EAAqD;MACjDR,KAAK,CAACI,cAAN;MACAJ,KAAK,CAACS,MAAN,CAAaC,KAAb;IACH;EACJ,CALD;;EAOA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACV,IAAD,EAAU;IAChC,IAAIW,WAAW,GAAGX,IAAI,CAACY,KAAL,iBAAc;MAAG,SAAS,EAAC,6CAAb;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAhC;IACA,IAAIC,KAAK,GAAGb,IAAI,CAACa,KAAL,iBAAc,oBAAC,KAAD;MAAO,KAAK,EAAEb,IAAI,CAACa,KAAnB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAA1B;IAEA,oBACI,oBAAC,KAAD,CAAO,QAAP;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACI;MAAG,SAAS,EAAEb,IAAI,CAACc,IAAnB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EADJ,eAEI;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAOd,IAAI,CAACe,KAAZ,CAFJ,EAGKJ,WAHL,EAIKE,KAJL,eAKI,oBAAC,MAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EALJ,CADJ;EASH,CAbD;;EAeA,IAAMG,UAAU,GAAG,SAAbA,UAAa,CAAChB,IAAD,EAAOiB,CAAP,EAAa;IAC5B,IAAIC,OAAO,GAAGR,iBAAiB,CAACV,IAAD,CAA/B;;IAEA,IAAIA,IAAI,CAACmB,EAAT,EAAa;MACT,oBACI,oBAAC,OAAD;QAAS,cAAYnB,IAAI,CAACe,KAA1B;QAAiC,SAAS,EAAET,SAA5C;QAAuD,IAAI,EAAC,UAA5D;QAAuE,SAAS,EAAC,UAAjF;QAA4F,eAAe,EAAC,6CAA5G;QAA0J,EAAE,EAAEN,IAAI,CAACmB,EAAnK;QAAuK,OAAO,EAAE,iBAACC,CAAD;UAAA,OAAOtB,eAAe,CAACsB,CAAD,EAAIpB,IAAJ,EAAUiB,CAAV,CAAtB;QAAA,CAAhL;QAAoN,KAAK,MAAzN;QAA0N,MAAM,EAAEjB,IAAI,CAACQ,MAAvO;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GACKU,OADL,CADJ;IAKH,CAND,MAOK;MACD,oBACI;QAAG,QAAQ,EAAC,GAAZ;QAAgB,cAAYlB,IAAI,CAACe,KAAjC;QAAwC,SAAS,EAAET,SAAnD;QAA8D,IAAI,EAAC,UAAnE;QAA8E,IAAI,EAAEN,IAAI,CAACqB,GAAzF;QAA8F,SAAS,EAAC,UAAxG;QAAmH,OAAO,EAAE,iBAACD,CAAD;UAAA,OAAOtB,eAAe,CAACsB,CAAD,EAAIpB,IAAJ,EAAUiB,CAAV,CAAtB;QAAA,CAA5H;QAAgK,MAAM,EAAEjB,IAAI,CAACQ,MAA7K;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GACKU,OADL,CADJ;IAKH;EACJ,CAjBD;;EAmBA,IAAIN,KAAK,GAAGjB,KAAK,CAACiB,KAAN,IAAejB,KAAK,CAACiB,KAAN,CAAYU,GAAZ,CAAgB,UAACtB,IAAD,EAAOiB,CAAP,EAAa;IACpD,IAAIM,MAAM,GAAG3B,WAAW,KAAKqB,CAA7B;IACA,IAAIO,UAAU,GAAGjC,UAAU,CAACS,IAAI,CAACyB,eAAN,EAAuB;MAAC,4BAA4B9B,KAAK,CAAC+B,IAAnC;MAAyC,mBAAmBH,MAAM,IAAI,CAACvB,IAAI,CAACmB;IAA5E,CAAvB,CAA3B;;IAEA,IAAGxB,KAAK,CAAC+B,IAAT,EAAe;MACX,oBACI;QAAI,SAAS,EAAEF,UAAf;QAA2B,GAAG,EAAEP,CAAhC;QAAmC,IAAI,EAAC,MAAxC;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GACKtB,KAAK,CAAC+B,IAAN,KAAe,IAAf,iBAAuB,oBAAC,KAAD,CAAO,QAAP;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,gBACpB;QAAK,SAAS,EAAC,2BAAf;QAA2C,cAAY1B,IAAI,CAACe,KAA5D;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GAAoEf,IAAI,CAACe,KAAzE,CADoB,eAEpB,oBAAC,UAAD;QAAY,KAAK,EAAEf,IAAI,CAACY,KAAxB;QAA+B,eAAe,EAAEjB,KAAK,CAACG,eAAtD;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAFoB,CAD5B,CADJ;IAQH,CATD,MAUK;MACD,oBACI;QAAI,SAAS,EAAE0B,UAAf;QAA2B,GAAG,EAAEP,CAAhC;QAAmC,IAAI,EAAC,MAAxC;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GACKD,UAAU,CAAChB,IAAD,EAAOiB,CAAP,CADf,eAEI,oBAAC,aAAD;QAAe,UAAU,EAAC,wBAA1B;QAAmD,OAAO,EAAE;UAAEU,KAAK,EAAE,IAAT;UAAeC,IAAI,EAAE;QAArB,CAA5D;QAAwF,EAAE,EAAEL,MAA5F;QAAoG,aAAa,MAAjH;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,gBACI,oBAAC,UAAD;QAAY,KAAK,EAAEvB,IAAI,CAACY,KAAxB;QAA+B,eAAe,EAAEjB,KAAK,CAACG,eAAtD;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EADJ,CAFJ,CADJ;IAQH;EACJ,CAxB0B,CAA3B;EA0BA,OAAOc,KAAK,gBAAG;IAAI,SAAS,EAAEjB,KAAK,CAACkC,SAArB;IAAgC,IAAI,EAAC,MAArC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAA6CjB,KAA7C,CAAH,GAA8D,IAA1E;AACH,CAjGD;;AAmGA,OAAO,IAAMkB,OAAO,GAAG,SAAVA,OAAU,CAACnC,KAAD,EAAW;EAE9B,oBACI;IAAK,SAAS,EAAC,uBAAf;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACI,oBAAC,UAAD;IAAY,KAAK,EAAEA,KAAK,CAACoC,KAAzB;IAAgC,SAAS,EAAC,aAA1C;IAAyD,eAAe,EAAEpC,KAAK,CAACG,eAAhF;IAAiG,IAAI,EAAE,IAAvG;IAA6G,IAAI,EAAC,MAAlH;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EADJ,eAEI;IAAG,IAAI,EAAC,8CAAR;IAAuD,SAAS,EAAC,YAAjE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACI;IAAK,GAAG,EAAC,aAAT;IAAuB,SAAS,EAAC,QAAjC;IACK,GAAG,EAAEH,KAAK,CAACqC,eAAN,KAA0B,OAA1B,GAAoC,6CAApC,GAAoF,kDAD9F;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EADJ,CAFJ,CADJ;AASH,CAXM"},"metadata":{},"sourceType":"module"} |