mscodepl-react-sidebar
Version:
compitable with react js and next js.
3 lines (2 loc) • 9.88 kB
JavaScript
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),s=e(r),t=require("react-icons/cg"),n=require("react-icons/io"),l=e(require("react-gravatar")),a=require("react-icons/ai"),c=require("react-icons/fi"),o=r.createContext({});function i(){var e=r.useContext(o),t=e.small,a=e.setSmall,c=e.userName,i=e.onLogOut;return s.createElement("div",{className:"rs_user rs-w-full "+(!0===t?"sm:rs-w-[65px]":"sm:rs-w-[240px]")+" rs-overflow-x-hidden rs-fixed rs-bottom-0 rs-left-0 rs-px-4 rs-py-3 rs-bg-white"},s.createElement("div",{className:"rs-flex rs-gap-2 rs-justify-between rs-items-center"},s.createElement("div",{className:"rs-w-8 rs-h-8 rs-cursor-pointer",onClick:e.onProfileImgClick},s.createElement(l,{email:e.userEmail,size:100,rating:"pg",className:"rs-rounded-full rs-shadow rs-w-8 rs-h-8 rs-overflow-hidden rs-object-cover"})),s.createElement("a",{href:"/account",className:(!0===t?"rs-hidden":"rs-block")+" font-bold rs-whitespace-pre-line truncate rs-leading-none "+c},"Moje Konto"),s.createElement(n.IoMdExit,{onClick:i,className:(!0===t?"rs-hidden":"rs-block")+" rs-text-3xl rs-rounded rs-bg-slate-200 rs-p-2 rs-cursor-pointer"})),!0===t&&s.createElement(n.IoIosArrowForward,{onClick:function(){a((function(e){return!e}))},className:"rs-my-2 rs-text-3xl rs-rounded rs-bg-slate-200 rs-p-2 rs-cursor-pointer"}))}function m(e){var r=e.show,t=e.setShow,n=e.children,l=function(){t(!1)};return s.createElement(s.Fragment,null,s.createElement("div",{className:!0===r?"rs-offcanvas rs-offcanvas-end rs-fixed rs-bottom-0 rs-flex rs-flex-col rs-max-w-full rs-bg-white rs-bg-clip-padding rs-outline-none rs-transition rs-translate-x-0 rs-duration-300 rs-ease-in-out rs-text-gray-700 rs-top-0 rs-left-0 rs-border-none rs-w-64 md:rs-w-80 rs-shadow-xl rs-z-[1200]":"rs-offcanvas rs-offcanvas-end rs-fixed rs-bottom-0 rs-flex rs-flex-col rs-max-w-full rs-bg-white rs-bg-clip-padding rs-outline-none rs-transition -rs-translate-x-full rs-duration-300 rs-ease-in-out rs-text-gray-700 rs-top-0 rs-left-0 rs-border-none rs-w-64 md:rs-w-80 rs-shadow-xl rs-z-[1200]"},s.createElement("div",{className:"rs-offcanvas-header rs-flex rs-items-center rs-justify-between rs-p-4"},s.createElement("h5",{className:"rs-offcanvas-title rs-mb-0 rs-leading-normal rs-font-semibold rs-uppercase"},e.title),s.createElement(a.AiOutlineCloseCircle,{onClick:l,className:"rs-text-2xl rs-cursor-pointer"})),s.createElement("hr",null),s.createElement("div",{className:"rs-offcanvas-body rs-flex-grow rs-p-4 rs-overflow-y-auto"},n)),s.createElement("div",{className:!0===r?"rs-absolute rs-top-0 rs-left-0 rs-bg-black rs-bg-opacity-50 rs-block rs-h-full rs-w-full ":"rs-hidden",onClick:l}))}function u(){var e=r.useContext(o);return s.createElement("ul",{className:"rs_menus "+(!0===e.small?"sm:rs-mb-[90px]":"sm:rs-mb-[45px]")},e.navItems.map((function(e,r){return s.createElement("li",{key:r},s.createElement(e,null))})))}function d(){var e=r.useState(!1),n=e[0],a=e[1],c=r.useContext(o),d=c.title,f=c.logoUrl,p=c.userEmail,x=c.onProfileImgClick,E=c.onLogoClick,v=c.mobileHeaderContent;return s.createElement(s.Fragment,null,s.createElement("div",{className:"rs-flex sm:rs-hidden rs-px-5 rs-py-2 rs-bg-white rs-shadow"},s.createElement("div",{className:"rs-flex rs-w-full rs-gap-2 rs-justify-start rs-items-center"},s.createElement(t.CgMenuLeft,{className:"rs-text-3xl rs-cursor-pointer",onClick:function(){return a(!0)}}),s.createElement("img",{src:f,className:"rs-w-9 rs-h-9 rs-max-w-full rs-rounded-full rs-cursor-pointer",alt:"",onClick:E})),s.createElement("div",{className:"rs-flex justify-end items-center rs-gap-2"},v&&s.createElement(s.Fragment,null,v),s.createElement("div",{className:"rs-w-9 rs-h-9 rs-cursor-pointer rs-flex rs-items-center",onClick:x},s.createElement(l,{email:p,size:100,rating:"pg",className:"rs-rounded-full rs-shadow rs-w-8 rs-h-8 rs-overflow-hidden rs-object-cover"})))),s.createElement(m,{title:d||"Options",show:n,setShow:a},s.createElement(u,null),s.createElement("div",{className:"rs-py-5"}),s.createElement(i,null)))}function f(){var e=r.useContext(o),t=e.title,l=e.small,a=e.setSmall;return s.createElement("div",{className:"rs_main_sidebar rs_scrollbar "+(!0===l?"sm:rs-w-[65px]":"sm:rs-w-[240px]")+" rs-transition-all rs-hidden sm:rs-block rs-bg-white rs-shadow rs-p-4 rs-fixed rs-overflow-x-hidden rs-h-full rs-top-0 rs-left-0"},s.createElement("div",{className:"rs-flex rs-gap-2 rs-items-center"},s.createElement("img",{src:e.logoUrl,className:"rs-w-10 rs-max-w-full rs-cursor-pointer",alt:"",onClick:e.onLogoClick}),t&&!l&&s.createElement("p",{className:"rs-font-bold rs-text-2xl rs-hidden md:rs-block"},t),s.createElement("div",{className:"rs-w-full rs-justify-end "+(!0===l?"rs-hidden":"rs-flex")+" "},s.createElement(n.IoIosArrowBack,{onClick:function(){a((function(e){return!e}))},className:"rs-text-3xl rs-rounded rs-bg-slate-200 rs-p-2 rs-cursor-pointer"}))),s.createElement("hr",{className:"rs-my-2"}),s.createElement("div",{className:"rs-flex rs-flex-col "},s.createElement(u,null),s.createElement(i,null)))}var p="rs-bg-slate-100",x="hover:rs-bg-slate-200",E="rs-border rs-border-slate-200";exports.PageWrapper=function(e){var t=e.children,n=e.className,l=void 0===n?"rs-p-5":n,a=r.useContext(o).small;return s.createElement("div",{className:"rs-w-full rs-h-full rs-min-h-screen sm:rs-flex"},s.createElement(f,null),s.createElement(d,null),s.createElement("div",{className:"rs-transition-all rs-w-full "+(!0===a?"sm:rs-pl-[65px]":"sm:rs-pl-[240px]")+" "},s.createElement("div",{className:"rs-page-wrapper "+l},t)))},exports.SidebarWrapper=function(e){var t=e.title,n=void 0===t?void 0:t,l=e.logoUrl,a=e.userName,c=e.userEmail,i=e.activeStyle,m=void 0===i?"fill":i,u=e.children,d=e.mobileHeaderContent,f=e.navItems,p=e.onLogOut,x=e.onProfileImgClick,E=void 0===x?function(){}:x,v=e.onLogoClick,g=void 0===v?function(){}:v,w=r.useState(!1);return s.createElement(o.Provider,{value:{title:n,small:w[0],setSmall:w[1],logoUrl:l,userName:a,userEmail:c,activeStyle:m,mobileHeaderContent:d,navItems:f,onLogOut:p,onProfileImgClick:E,onLogoClick:g}},u)},exports.createNextNavLink=function(e,t,n,l,a){return void 0===a&&(a=[]),function(){var i=r.useContext(o),m=i.small,u=i.activeStyle,d=r.useState(""),f=d[0],v=d[1],g=r.useState(!1),w=g[0],h=g[1];return r.useEffect((function(){v(window.location.pathname)}),[]),a.length>0?s.createElement(s.Fragment,null,s.createElement("div",{onClick:function(){h((function(e){return!e}))},className:"rs_downdown rs-cursor-pointer rs-my-2 "+(m?"rs-p-[7px]":"rs-px-2.5 rs-py-2.5")+" rs-rounded-md rs-flex rs-gap-2 "+x+" rs-justify-between rs-items-center "+(a.map((function(e){return e.to})).includes(f)?("fill"==u?p:E)+" ":"")},s.createElement("div",{className:"rs-flex rs-gap-2 rs-justify-between rs-items-center"},s.createElement("span",{className:"rs_my_icon"},l),s.createElement("span",{className:(!0===m?"rs-hidden":"rs-block")+" rs-text-[0.8rem] "},t)),s.createElement(!0===w?c.FiChevronUp:c.FiChevronDown,null)),s.createElement("div",{className:(!0===w?" rs-block":"rs-hidden")+" rs-rounded-md "+(m?"":"rs-pl-1")},a.map((function(r,t){return s.createElement(e,{key:t,href:r.to},s.createElement("a",{className:"rs_dropdown_item "+(m?"rs-p-[7px]":"rs-px-2.5 rs-py-2.5")+" rs-rounded-md rs-flex rs-gap-2 rs-items-center "+x+" "+(f===r.to?" rs-border rs-border-slate-200":"")},s.createElement("span",{className:"rs_my_icon"},r.icon),s.createElement("span",{className:"rs_nav_title "+(!0===m?"rs-hidden":"rs-block")+" rs-text-[0.8rem] "},r.title)))})))):s.createElement(s.Fragment,null,s.createElement(e,{href:n},s.createElement("a",{className:"rs-my-2 "+(m?"rs-p-[7px]":"rs-px-2.5 rs-py-2.5")+" rs-rounded-md "+x+" rs-flex rs-gap-2 rs-items-center "+(f===n?""+("fill"==u?p:E):"")},s.createElement("span",{className:"rs_my_icon"},l),s.createElement("span",{className:"rs_nav_title "+(!0===m?"rs-hidden":"rs-block")+" rs-text-[0.8rem]"},t))))}},exports.createReactNavLink=function(e,t,n,l,a){return void 0===a&&(a=[]),function(){var i=r.useContext(o),m=i.small,u=i.activeStyle,d=r.useState(!1),f=d[0],v=d[1],g=r.useState(""),w=g[0],h=g[1];return r.useEffect((function(){h(window.location.pathname)}),[]),a.length>0?s.createElement(s.Fragment,null,s.createElement("div",{onClick:function(){v((function(e){return!e}))},className:"rs_downdown rs-cursor-pointer rs-my-2 "+(m?"rs-p-[7px]":"rs-px-2.5 rs-py-2.5")+" rs-rounded-md rs-flex rs-gap-2 "+x+" rs-justify-between rs-items-center "+(a.map((function(e){return e.to})).includes(w)?("fill"==u?p:E)+" ":"")},s.createElement("div",{className:"rs-flex rs-gap-2 rs-justify-between rs-items-center"},s.createElement("span",{className:"rs_my_icon"}," ",l),s.createElement("span",{className:(!0===m?"rs-hidden":"rs-block")+" rs-text-[0.8rem]"},t)),s.createElement(!0===f?c.FiChevronUp:c.FiChevronDown,null)),s.createElement("div",{className:(!0===f?"rs-block":"rs-hidden")+" rs-rounded-md "+(m?"":"rs-pl-1")},a.map((function(r,t){return s.createElement(e,{key:t,to:r.to,className:function(e){return"rs_dropdown_item "+(m?"rs-p-[7px]":"rs-px-2.5 rs-py-2.5")+" rs-rounded-md rs-flex rs-gap-2 rs-items-center "+x+" "+(!0===e.isActive?E:"")}},s.createElement("span",{className:"rs_my_icon"}," ",r.icon),s.createElement("span",{className:"rs_nav_title "+(!0===m?"rs-hidden":"rs-block")+" rs-text-[0.8rem]"},r.title))})))):s.createElement(s.Fragment,null,s.createElement(e,{to:n,className:function(e){return"rs-my-2 "+(m?"rs-p-[7px]":"rs-px-2.5 rs-py-2.5")+" rs-rounded-md "+x+" rs-flex rs-gap-2 rs-items-center "+(!0===e.isActive?("fill"==u?p:E)+" ":"")}},s.createElement("span",{className:"rs_my_icon"},l),s.createElement("span",{className:"rs_nav_title "+(!0===m?"rs-hidden":"rs-block")+" rs-text-[0.8rem]"},t)))}};
//# sourceMappingURL=mscodepl-react-sidebar.cjs.production.min.js.map