@bigbinary/neeto-molecules 1.15.39 → 1.15.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Chevron-37c7ce08.js → Chevron-67a58adc.js} +2 -2
- package/dist/{Chevron-37c7ce08.js.map → Chevron-67a58adc.js.map} +1 -1
- package/dist/ConfigurePageSidebar.js +1 -1
- package/dist/FloatingActionMenu.js +147 -85
- package/dist/FloatingActionMenu.js.map +1 -1
- package/dist/Sidebar.js +1 -1
- package/dist/cjs/{Chevron-3258aee1.js → Chevron-3bf1f5f7.js} +2 -2
- package/dist/cjs/{Chevron-3258aee1.js.map → Chevron-3bf1f5f7.js.map} +1 -1
- package/dist/cjs/ConfigurePageSidebar.js +1 -1
- package/dist/cjs/FloatingActionMenu.js +147 -84
- package/dist/cjs/FloatingActionMenu.js.map +1 -1
- package/dist/cjs/Sidebar.js +1 -1
- package/package.json +1 -1
- package/src/translations/en.json +6 -1
- package/types/FloatingActionMenu.d.ts +1 -0
|
@@ -167,7 +167,7 @@ var SelectedLink = function SelectedLink(_ref) {
|
|
|
167
167
|
}));
|
|
168
168
|
};
|
|
169
169
|
|
|
170
|
-
var css = ":root{--neeto-molecules-sidebar-width:240px;--neeto-molecules-sidebar-wrapper-z-index:99997;--neeto-molecules-sidebar-z-index:99998;--neeto-chat-primary:136,134,255;--neeto-wireframe-primary:106,103,232;--neeto-site-primary:129,118,255;--neeto-desk-primary:253,148,55;--neeto-planner-primary:82,169,198;--neeto-replay-primary:32,199,189;--neeto-course-primary:140,214,114;--neeto-ci-primary:255,133,184;--neeto-invoice-primary:70,160,211;--neeto-quiz-primary:254,99,99;--neeto-runner-primary:75,71,255;--neeto-form-primary:254,128,114;--neeto-crm-primary:96,154,240;--neeto-changelog-primary:255,135,135;--neeto-deploy-primary:20,209,164;--neeto-kb-primary:101,205,161;--neeto-cal-primary:238,77,95;--neeto-invisible-primary:121,157,250;--neeto-testify-primary:255,158,69;--neeto-monitor-primary:70,181,197;--neeto-git-primary:255,78,110}@media screen and (min-width:1024px){:root{--neeto-molecules-sidebar-width:240px}}.neeto-molecules-sidebar__wrapper{display:flex;max-width:240px;max-width:var(--neeto-molecules-sidebar-width);position:relative;transition:all .15s;width:240px;width:var(--neeto-molecules-sidebar-width)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper{height:100%;left:0;max-width:100%;position:fixed;top:0;transition:none;width:100%;z-index:99997;z-index:var(--neeto-molecules-sidebar-wrapper-z-index)}.neeto-molecules-sidebar__wrapper .neeto-molecules-sidebar{left:0;max-width:240px;max-width:var(--neeto-molecules-sidebar-width);position:fixed;top:0;transition:none;width:240px;width:var(--neeto-molecules-sidebar-width)}}.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:20px}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:auto}}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-36px;transform:scale(-1)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{left:8px;right:auto}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{left:-240px;left:calc(var(--neeto-molecules-sidebar-width)*-1)}}.neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-gray-100));border-right:1px solid rgb(var(--neeto-ui-gray-100));height:100vh;padding:24px 0;width:100%;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar__no-shrinkable{max-width:240px;max-width:var(--neeto-molecules-sidebar-width);width:240px;width:var(--neeto-molecules-sidebar-width)}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:50px}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}.neeto-molecules-sidebar__toggler{position:absolute;right:8px;top:8px;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}@media screen and (max-width:768px){.neeto-molecules-sidebar__toggler{left:202px;left:calc(var(--neeto-molecules-sidebar-width) - 38px);right:auto;transition:none}}.neeto-molecules-sidebar__configure-page-header{font-weight:var(--neeto-ui-font-medium)!important}.neeto-molecules-sidebar__configure-page{border-right:1px solid rgb(var(--neeto-ui-gray-200))}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__link span{font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__toggler{display:none}.neeto-molecules-sidebar__header{margin:14px 0 28px;padding:0 24px}.neeto-molecules-sidebar__logo svg{height:20px;max-width:100%;width:auto}.neeto-molecules-sidebar__links{margin-bottom:40px}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-gray-800));gap:10px;padding:12px 24px;position:relative;text-decoration:none!important;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__link-icon{flex-shrink:0;transition:var(--neeto-ui-transition)}.neeto-molecules-sidebar__link-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-icon--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{flex-grow:1;text-align:left}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible,.neeto-molecules-sidebar__link[aria-expanded=true]{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-label{font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus-visible .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:hover .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link[aria-expanded=true] .neeto-molecules-sidebar__link-icon--caret{opacity:1}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink-wrapper{background-color:rgb(var(--neeto-ui-white));padding:4px 0}.neeto-molecules-sidebar__sublink{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-gray-700));cursor:pointer;gap:8px;padding:8px 24px 8px 58px;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__sublink:not(:last-child){margin-bottom:4px}.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{opacity:.75}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__sublink:hover .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{color:rgb(var(--neeto-ui-gray-800));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink:focus .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:focus-visible .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);text-decoration:none}.neeto-molecules-sidebar__sublink.active .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:active .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__footer{margin-top:auto}.sidebar-featured-tooltip__content{border-radius:8px!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:12px;width:150px}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:8px;height:40px;margin-bottom:8px;margin-left:auto;margin-right:auto;width:40px}.sidebar-featured-tooltip__title{margin-bottom:4px}.neeto-molecules-help-popup-wrapper,.neeto-molecules-product-switcher-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-product-switcher-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-product-switcher-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-help-sublist,.neeto-molecules-profile-sublist{list-style:none;margin:0;padding:4px 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-help-sublist__item-btn,.neeto-molecules-profile-sublist__item-btn{border-radius:0;justify-content:flex-end!important;min-height:40px;text-align:left}.neeto-molecules-help-sublist__item-btn.active,.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn-icon svg path,.neeto-molecules-profile-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-help-sublist__item-btn span,.neeto-molecules-profile-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-sidebar__link-icon{position:relative}.neeto-molecules-sidebar__notif-count{position:absolute;right:-6px;top:-6px;z-index:1}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-molecules-product-switcher-popup-wrapper{height:calc(100vh - 16px);margin-bottom:8px;min-width:calc(100vw - 176px);overflow-y:auto}@media screen and (max-width:768px){.neeto-molecules-product-switcher-popup-wrapper{width:calc(100vw - 185px)!important}}.neeto-molecules-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:769px){.neeto-molecules-sidebar__backdrop{display:none;visibility:hidden}}.neeto-molecules-sidebar-segments-header{padding-left:58px}.neeto-molecules-sidebar-segment{margin-bottom:0!important;padding:4px 24px 4px 58px}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode{padding-top:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__header{padding-top:24px}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__links{height:calc(100vh - 160px);margin-bottom:0;overflow:auto}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink-wrapper{margin:0!important;padding:0!important}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link{--neeto-ui-text-body2:16px;cursor:pointer;gap:4px;padding:12px 4px;position:sticky;top:0;z-index:1}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink{--neeto-ui-text-body2:15px;border-top:1px solid rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);margin-bottom:0!important;padding-bottom:8px!important;padding-top:8px!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{--neeto-ui-text-body2:13px;padding-left:40px!important}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink{cursor:pointer;margin-bottom:4px;padding:4px 4px 4px 30px!important;position:relative}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active{background-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active:before{background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded);content:\"\";height:100%;left:-1px;position:absolute;top:0;width:3px}";
|
|
170
|
+
var css = ":root{--neeto-molecules-sidebar-width:240px;--neeto-molecules-sidebar-wrapper-z-index:99997;--neeto-molecules-sidebar-z-index:99998;--neeto-chat-primary:136,134,255;--neeto-wireframe-primary:106,103,232;--neeto-site-primary:129,118,255;--neeto-desk-primary:253,148,55;--neeto-planner-primary:82,169,198;--neeto-replay-primary:32,199,189;--neeto-course-primary:140,214,114;--neeto-ci-primary:255,133,184;--neeto-invoice-primary:70,160,211;--neeto-quiz-primary:254,99,99;--neeto-runner-primary:75,71,255;--neeto-form-primary:254,128,114;--neeto-crm-primary:96,154,240;--neeto-changelog-primary:255,135,135;--neeto-deploy-primary:20,209,164;--neeto-kb-primary:101,205,161;--neeto-cal-primary:238,77,95;--neeto-invisible-primary:121,157,250;--neeto-testify-primary:255,158,69;--neeto-monitor-primary:70,181,197;--neeto-git-primary:255,78,110}@media screen and (min-width:1024px){:root{--neeto-molecules-sidebar-width:240px}}.neeto-molecules-sidebar__wrapper{display:flex;max-width:240px;max-width:var(--neeto-molecules-sidebar-width);position:relative;transition:all .15s;width:240px;width:var(--neeto-molecules-sidebar-width)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper{height:100%;left:0;max-width:100%;position:fixed;top:0;transition:none;width:100%;z-index:99997;z-index:var(--neeto-molecules-sidebar-wrapper-z-index)}.neeto-molecules-sidebar__wrapper .neeto-molecules-sidebar{left:0;max-width:240px;max-width:var(--neeto-molecules-sidebar-width);position:fixed;top:0;transition:none;width:240px;width:var(--neeto-molecules-sidebar-width)}}.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:20px}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:auto}}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-36px;transform:scale(-1)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{left:8px;right:auto}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{left:-240px;left:calc(var(--neeto-molecules-sidebar-width)*-1)}}.neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-gray-100));border-right:1px solid rgb(var(--neeto-ui-gray-100));height:100vh;padding:24px 0;width:100%;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar__no-shrinkable{max-width:240px;max-width:var(--neeto-molecules-sidebar-width);width:240px;width:var(--neeto-molecules-sidebar-width)}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:50px}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}.neeto-molecules-sidebar__toggler{position:absolute;right:8px;top:8px;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}@media screen and (max-width:768px){.neeto-molecules-sidebar__toggler{left:202px;left:calc(var(--neeto-molecules-sidebar-width) - 38px);right:auto;transition:none}}.neeto-molecules-sidebar__configure-page-header{font-weight:var(--neeto-ui-font-medium)!important}.neeto-molecules-sidebar__configure-page{border-right:1px solid rgb(var(--neeto-ui-gray-200));height:auto}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__link span{font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__toggler{display:none}.neeto-molecules-sidebar__header{margin:14px 0 28px;padding:0 24px}.neeto-molecules-sidebar__logo svg{height:20px;max-width:100%;width:auto}.neeto-molecules-sidebar__links{margin-bottom:40px}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-gray-800));gap:10px;padding:12px 24px;position:relative;text-decoration:none!important;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__link-icon{flex-shrink:0;transition:var(--neeto-ui-transition)}.neeto-molecules-sidebar__link-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-icon--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{flex-grow:1;text-align:left}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible,.neeto-molecules-sidebar__link[aria-expanded=true]{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-label{font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus-visible .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:hover .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link[aria-expanded=true] .neeto-molecules-sidebar__link-icon--caret{opacity:1}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink-wrapper{background-color:rgb(var(--neeto-ui-white));padding:4px 0}.neeto-molecules-sidebar__sublink{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-gray-700));cursor:pointer;gap:8px;padding:8px 24px 8px 58px;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__sublink:not(:last-child){margin-bottom:4px}.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{opacity:.75}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__sublink:hover .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{color:rgb(var(--neeto-ui-gray-800));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink:focus .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:focus-visible .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);text-decoration:none}.neeto-molecules-sidebar__sublink.active .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:active .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__footer{margin-top:auto}.sidebar-featured-tooltip__content{border-radius:8px!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:12px;width:150px}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:8px;height:40px;margin-bottom:8px;margin-left:auto;margin-right:auto;width:40px}.sidebar-featured-tooltip__title{margin-bottom:4px}.neeto-molecules-help-popup-wrapper,.neeto-molecules-product-switcher-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-product-switcher-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-product-switcher-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-help-sublist,.neeto-molecules-profile-sublist{list-style:none;margin:0;padding:4px 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-help-sublist__item-btn,.neeto-molecules-profile-sublist__item-btn{border-radius:0;justify-content:flex-end!important;min-height:40px;text-align:left}.neeto-molecules-help-sublist__item-btn.active,.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn-icon svg path,.neeto-molecules-profile-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-help-sublist__item-btn span,.neeto-molecules-profile-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-sidebar__link-icon{position:relative}.neeto-molecules-sidebar__notif-count{position:absolute;right:-6px;top:-6px;z-index:1}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-molecules-product-switcher-popup-wrapper{height:calc(100vh - 16px);margin-bottom:8px;min-width:calc(100vw - 176px);overflow-y:auto}@media screen and (max-width:768px){.neeto-molecules-product-switcher-popup-wrapper{width:calc(100vw - 185px)!important}}.neeto-molecules-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:769px){.neeto-molecules-sidebar__backdrop{display:none;visibility:hidden}}.neeto-molecules-sidebar-segments-header{padding-left:58px}.neeto-molecules-sidebar-segment{margin-bottom:0!important;padding:4px 24px 4px 58px}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode{padding-top:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__header{padding-top:24px}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__links{height:calc(100vh - 160px);margin-bottom:0;overflow:auto}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink-wrapper{margin:0!important;padding:0!important}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link{--neeto-ui-text-body2:16px;cursor:pointer;gap:4px;padding:12px 4px;position:sticky;top:0;z-index:1}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink{--neeto-ui-text-body2:15px;border-top:1px solid rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);margin-bottom:0!important;padding-bottom:8px!important;padding-top:8px!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{--neeto-ui-text-body2:13px;padding-left:40px!important}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink{cursor:pointer;margin-bottom:4px;padding:4px 4px 4px 30px!important;position:relative}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active{background-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active:before{background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded);content:\"\";height:100%;left:-1px;position:absolute;top:0;width:3px}";
|
|
171
171
|
n(css,{});
|
|
172
172
|
|
|
173
173
|
var Chevron = function Chevron(_ref) {
|
|
@@ -184,4 +184,4 @@ var Chevron = function Chevron(_ref) {
|
|
|
184
184
|
};
|
|
185
185
|
|
|
186
186
|
export { Chevron as C, Items as I, SelectedLink as S, CheckPointNavLinks as a, filterByPermissions as f, getSidebarStateLocalStorageKey as g };
|
|
187
|
-
//# sourceMappingURL=Chevron-
|
|
187
|
+
//# sourceMappingURL=Chevron-67a58adc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chevron-37c7ce08.js","sources":["../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../src/components/Sidebar/constants.js","../src/components/Sidebar/utils.js","../src/components/Sidebar/Components/Links/SubLink.jsx","../src/components/Sidebar/Components/Links/Items.jsx","../src/components/Sidebar/Components/Links/SelectedLink.jsx","../src/components/Sidebar/Components/Chevron.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({ checkpointKey, to, children, ...others }) => {\n const { [checkpointKey]: checkpoint } =\n useNavigationCheckpoints(checkpointKey);\n\n return (\n <NavLink to={checkpoint || to} {...others} key={to}>\n {children}\n </NavLink>\n );\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n SYSTEM_VIEW: \"system_view\",\n SEGMENTS: \"segments\",\n};\n","import { isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n const currentBrowserUrl = new URL(\n location.pathname + location.search + location.hash,\n window.location.origin\n );\n const targetUrl = new URL(subRoute, window.location.origin);\n\n const targetSearchParams = targetUrl.searchParams;\n const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n return (\n all(\n key =>\n currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n targetSearchKeys\n ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n if (permissions && isNotEmpty(permissions)) {\n return is(Array, permissions)\n ? permissions.some(includes(__, globalProps.permissions))\n : globalProps.permissions.includes(permissions);\n }\n\n return true;\n});\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } from \"neetoui\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n to,\n label,\n type = SUB_LINK_TYPES.SYSTEM_VIEW,\n count,\n isSectionHeader,\n isCountsLoading,\n \"data-cy\": dataCy,\n entity = \"\",\n columns = [],\n}) => {\n if (type === SUB_LINK_TYPES.SEGMENTS) {\n return <Segments {...{ columns, entity }} isIndependent={false} />;\n }\n\n const dataCyPrefix = dataCy || hyphenate(label);\n\n const renderCount = count => (count > 999 ? \"999+\" : count);\n\n return (\n <CheckPointNavLinks\n {...{ to }}\n activeClassName=\"active\"\n className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n data-cy={`${dataCyPrefix}-sub-link`}\n isActive={() => !isSectionHeader && isSubRouteActive(to, location)}\n >\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-label`}\n style=\"body2\"\n >\n {label}\n </Typography>\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-count`}\n style=\"body2\"\n >\n {isCountsLoading ? (\n <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n ) : (\n renderCount(count)\n )}\n </Typography>\n </CheckPointNavLinks>\n );\n};\n\nexport default SubLink;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n <div\n className=\"neeto-molecules-sidebar__sublink-wrapper\"\n data-cy=\"sidebar-sub-link-wrapper\"\n >\n {items.filter(filterByPermissions).map((subItem, subIndex) => (\n <React.Fragment key={subIndex}>\n <SubLink\n {...{ ...subItem, isCountsLoading }}\n isSectionHeader={isPresent(subItem.item)}\n to={subItem.to ?? subItem.path}\n />\n {isSettingsItems && isPresent(subItem.items) && (\n <Items {...{ isSettingsItems }} items={subItem.items} />\n )}\n </React.Fragment>\n ))}\n </div>\n);\n\nexport default Items;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Left } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({\n navLink = { label: \"\", items: [], isConfigureNavLink: false },\n handleGoBack,\n isConfigureSidebar,\n}) => {\n const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n return (\n <div\n className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"configure-nav-container\"\n >\n <div\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-bg-white neeto-ui-no-underline neeto-molecules-sidebar__link\"\n onClick={handleGoBack}\n {...{ ...omit([\"icon\"], otherProps) }}\n >\n {isConfigureNavLink && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-cy={`${hyphenize(label)}-go-back-button`}\n data-testid={`${label}-go-back-button`}\n >\n <Left />\n </span>\n )}\n <Typography\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n className={classNames(\"neeto-molecules-sidebar__link-label\", {\n \"neeto-molecules-sidebar__configure-page-header\":\n isConfigureNavLink,\n [\"pl-6\"]: isConfigureSidebar,\n })}\n >\n {label}\n </Typography>\n </div>\n {items && <Items {...{ items }} isSettingsItems />}\n </div>\n );\n};\n\nexport default SelectedLink;\n","import React from \"react\";\n\nconst Chevron = ({ style }) => (\n <svg {...{ style }} height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\n <path\n d=\"M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default Chevron;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","React","createElement","NavLink","_extends","key","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","activeClassName","className","isActive","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","_objectSpread","isPresent","item","path","SelectedLink","_ref$navLink","navLink","isConfigureNavLink","handleGoBack","isConfigureSidebar","otherProps","onClick","omit","hyphenize","Left","weight","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Chevron-67a58adc.js","sources":["../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../src/components/Sidebar/constants.js","../src/components/Sidebar/utils.js","../src/components/Sidebar/Components/Links/SubLink.jsx","../src/components/Sidebar/Components/Links/Items.jsx","../src/components/Sidebar/Components/Links/SelectedLink.jsx","../src/components/Sidebar/Components/Chevron.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({ checkpointKey, to, children, ...others }) => {\n const { [checkpointKey]: checkpoint } =\n useNavigationCheckpoints(checkpointKey);\n\n return (\n <NavLink to={checkpoint || to} {...others} key={to}>\n {children}\n </NavLink>\n );\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n SYSTEM_VIEW: \"system_view\",\n SEGMENTS: \"segments\",\n};\n","import { isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n const currentBrowserUrl = new URL(\n location.pathname + location.search + location.hash,\n window.location.origin\n );\n const targetUrl = new URL(subRoute, window.location.origin);\n\n const targetSearchParams = targetUrl.searchParams;\n const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n return (\n all(\n key =>\n currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n targetSearchKeys\n ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n if (permissions && isNotEmpty(permissions)) {\n return is(Array, permissions)\n ? permissions.some(includes(__, globalProps.permissions))\n : globalProps.permissions.includes(permissions);\n }\n\n return true;\n});\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } from \"neetoui\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n to,\n label,\n type = SUB_LINK_TYPES.SYSTEM_VIEW,\n count,\n isSectionHeader,\n isCountsLoading,\n \"data-cy\": dataCy,\n entity = \"\",\n columns = [],\n}) => {\n if (type === SUB_LINK_TYPES.SEGMENTS) {\n return <Segments {...{ columns, entity }} isIndependent={false} />;\n }\n\n const dataCyPrefix = dataCy || hyphenate(label);\n\n const renderCount = count => (count > 999 ? \"999+\" : count);\n\n return (\n <CheckPointNavLinks\n {...{ to }}\n activeClassName=\"active\"\n className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n data-cy={`${dataCyPrefix}-sub-link`}\n isActive={() => !isSectionHeader && isSubRouteActive(to, location)}\n >\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-label`}\n style=\"body2\"\n >\n {label}\n </Typography>\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-count`}\n style=\"body2\"\n >\n {isCountsLoading ? (\n <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n ) : (\n renderCount(count)\n )}\n </Typography>\n </CheckPointNavLinks>\n );\n};\n\nexport default SubLink;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n <div\n className=\"neeto-molecules-sidebar__sublink-wrapper\"\n data-cy=\"sidebar-sub-link-wrapper\"\n >\n {items.filter(filterByPermissions).map((subItem, subIndex) => (\n <React.Fragment key={subIndex}>\n <SubLink\n {...{ ...subItem, isCountsLoading }}\n isSectionHeader={isPresent(subItem.item)}\n to={subItem.to ?? subItem.path}\n />\n {isSettingsItems && isPresent(subItem.items) && (\n <Items {...{ isSettingsItems }} items={subItem.items} />\n )}\n </React.Fragment>\n ))}\n </div>\n);\n\nexport default Items;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Left } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({\n navLink = { label: \"\", items: [], isConfigureNavLink: false },\n handleGoBack,\n isConfigureSidebar,\n}) => {\n const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n return (\n <div\n className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"configure-nav-container\"\n >\n <div\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-bg-white neeto-ui-no-underline neeto-molecules-sidebar__link\"\n onClick={handleGoBack}\n {...{ ...omit([\"icon\"], otherProps) }}\n >\n {isConfigureNavLink && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-cy={`${hyphenize(label)}-go-back-button`}\n data-testid={`${label}-go-back-button`}\n >\n <Left />\n </span>\n )}\n <Typography\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n className={classNames(\"neeto-molecules-sidebar__link-label\", {\n \"neeto-molecules-sidebar__configure-page-header\":\n isConfigureNavLink,\n [\"pl-6\"]: isConfigureSidebar,\n })}\n >\n {label}\n </Typography>\n </div>\n {items && <Items {...{ items }} isSettingsItems />}\n </div>\n );\n};\n\nexport default SelectedLink;\n","import React from \"react\";\n\nconst Chevron = ({ style }) => (\n <svg {...{ style }} height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\n <path\n d=\"M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default Chevron;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","React","createElement","NavLink","_extends","key","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","activeClassName","className","isActive","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","_objectSpread","isPresent","item","path","SelectedLink","_ref$navLink","navLink","isConfigureNavLink","handleGoBack","isConfigureSidebar","otherProps","onClick","omit","hyphenize","Left","weight","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { Button } from '@bigbinary/neetoui';
|
|
|
5
5
|
import { not } from 'ramda';
|
|
6
6
|
import { useTranslation } from 'react-i18next';
|
|
7
7
|
import { useHistory } from 'react-router-dom';
|
|
8
|
-
import { S as SelectedLink, C as Chevron } from './Chevron-
|
|
8
|
+
import { S as SelectedLink, C as Chevron } from './Chevron-67a58adc.js';
|
|
9
9
|
import './extends-093996c9.js';
|
|
10
10
|
import './defineProperty-549061a7.js';
|
|
11
11
|
import './objectWithoutProperties-a0edb288.js';
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { _ as _extends } from './extends-093996c9.js';
|
|
2
2
|
import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
|
|
3
3
|
import React__default, { useState, useEffect, forwardRef } from 'react';
|
|
4
|
-
import { p as propTypes } from './index-e5588516.js';
|
|
5
4
|
import { _ as _defineProperty } from './defineProperty-549061a7.js';
|
|
6
5
|
import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
|
|
7
6
|
import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
|
|
@@ -12,13 +11,15 @@ import { Typography, Input, Modal as Modal$1, Dropdown as Dropdown$1, Spinner, A
|
|
|
12
11
|
import KeyboardShortcuts from './KeyboardShortcuts.js';
|
|
13
12
|
import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
14
13
|
import classnames from 'classnames';
|
|
15
|
-
import { NeetoIcon, Search, Book, Help, Right } from '@bigbinary/neeto-icons';
|
|
14
|
+
import { NeetoIcon, Search, Book, Help, Right, Check } from '@bigbinary/neeto-icons';
|
|
16
15
|
import { useTranslation } from 'react-i18next';
|
|
17
16
|
import { n } from './inject-css-c86de496.js';
|
|
18
17
|
import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
|
|
19
18
|
import { toLower, omit, mergeDeepLeft } from 'ramda';
|
|
20
19
|
import { t } from 'i18next';
|
|
21
20
|
import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
|
|
21
|
+
import useLocalStorage from '@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage';
|
|
22
|
+
import { getFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils';
|
|
22
23
|
import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils/axios';
|
|
23
24
|
import { removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils/general';
|
|
24
25
|
import 'zustand/shallow';
|
|
@@ -70,7 +71,7 @@ var ProductLink = function ProductLink(_ref) {
|
|
|
70
71
|
};
|
|
71
72
|
var ProductLink$1 = /*#__PURE__*/React__default.memo(ProductLink);
|
|
72
73
|
|
|
73
|
-
var Menu = function Menu(_ref) {
|
|
74
|
+
var Menu$1 = function Menu(_ref) {
|
|
74
75
|
var _ref$isMobile = _ref.isMobile,
|
|
75
76
|
isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
|
|
76
77
|
var _useTranslation = useTranslation(),
|
|
@@ -142,7 +143,7 @@ var Modal = withT(function (_ref) {
|
|
|
142
143
|
}, t("neetoMolecules.productSwitcher.chooseNeetoProduct"))), /*#__PURE__*/React__default.createElement(Modal$1.Body, null, /*#__PURE__*/React__default.createElement("div", {
|
|
143
144
|
className: "neeto-molecules-product-switcher_modal-container",
|
|
144
145
|
"data-testid": "product-switcher-modal"
|
|
145
|
-
}, /*#__PURE__*/React__default.createElement(Menu, {
|
|
146
|
+
}, /*#__PURE__*/React__default.createElement(Menu$1, {
|
|
146
147
|
isMobile: true
|
|
147
148
|
}))));
|
|
148
149
|
});
|
|
@@ -190,6 +191,13 @@ var DEFAULT_MENU_LINK_PROPS = {
|
|
|
190
191
|
};
|
|
191
192
|
var NON_BUTTON_PROPS = ["isVisible"];
|
|
192
193
|
|
|
194
|
+
// Theme switcher
|
|
195
|
+
var APP_THEME_LOCALSTORAGE_KEY = "appTheme";
|
|
196
|
+
var THEMES = {
|
|
197
|
+
LIGHT: "neeto-ui-theme--light",
|
|
198
|
+
DARK: "neeto-ui-theme--dark"
|
|
199
|
+
};
|
|
200
|
+
|
|
193
201
|
var _excluded$2 = ["label", "icon", "changesCount"];
|
|
194
202
|
var LinkSection = function LinkSection(_ref) {
|
|
195
203
|
var links = _ref.links;
|
|
@@ -217,7 +225,7 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
217
225
|
};
|
|
218
226
|
|
|
219
227
|
var _excluded$1 = ["isLoading", "onMouseEnter"];
|
|
220
|
-
var MenuButton = function MenuButton(_ref) {
|
|
228
|
+
var MenuButton$1 = function MenuButton(_ref) {
|
|
221
229
|
var isLoading = _ref.isLoading,
|
|
222
230
|
onMouseEnter = _ref.onMouseEnter,
|
|
223
231
|
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
@@ -238,7 +246,7 @@ var MenuButton = function MenuButton(_ref) {
|
|
|
238
246
|
};
|
|
239
247
|
|
|
240
248
|
var Dropdown = function Dropdown() {
|
|
241
|
-
var Menu
|
|
249
|
+
var Menu = Dropdown$1.Menu,
|
|
242
250
|
MenuItem = Dropdown$1.MenuItem;
|
|
243
251
|
var _useFetchNeetoApps = useFetchNeetoApps(),
|
|
244
252
|
data = _useFetchNeetoApps.data,
|
|
@@ -252,7 +260,7 @@ var Dropdown = function Dropdown() {
|
|
|
252
260
|
return /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
253
261
|
className: "neeto-molecules-product-switcher-menu-popup-wrapper",
|
|
254
262
|
closeOnSelect: false,
|
|
255
|
-
customTarget: /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
263
|
+
customTarget: /*#__PURE__*/React__default.createElement(MenuButton$1, {
|
|
256
264
|
isLoading: isLoading,
|
|
257
265
|
onMouseEnter: onMouseEnter
|
|
258
266
|
}),
|
|
@@ -266,7 +274,7 @@ var Dropdown = function Dropdown() {
|
|
|
266
274
|
dropdownProps: {
|
|
267
275
|
classNames: "neeto-molecules-product-switcher-menu-popup__dropdown"
|
|
268
276
|
}
|
|
269
|
-
}, /*#__PURE__*/React__default.createElement(Menu
|
|
277
|
+
}, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem, null, /*#__PURE__*/React__default.createElement(Menu$1, null))));
|
|
270
278
|
};
|
|
271
279
|
|
|
272
280
|
var ProductSwitcher = function ProductSwitcher(_ref) {
|
|
@@ -274,7 +282,7 @@ var ProductSwitcher = function ProductSwitcher(_ref) {
|
|
|
274
282
|
var _useBreakpoints = useBreakpoints(),
|
|
275
283
|
isSize = _useBreakpoints.isSize;
|
|
276
284
|
var isMobile = isSize("mobile");
|
|
277
|
-
return isMobile ? /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
285
|
+
return isMobile ? /*#__PURE__*/React__default.createElement(MenuButton$1, {
|
|
278
286
|
onClick: function onClick() {
|
|
279
287
|
return toggleModal(true);
|
|
280
288
|
}
|
|
@@ -312,41 +320,6 @@ var ProfileHeader = function ProfileHeader(_ref) {
|
|
|
312
320
|
}, email)));
|
|
313
321
|
};
|
|
314
322
|
|
|
315
|
-
var ProfileMenu = function ProfileMenu(_ref) {
|
|
316
|
-
var profileInfo = _ref.profileInfo,
|
|
317
|
-
showProductSwitcher = _ref.showProductSwitcher,
|
|
318
|
-
helpLinks = _ref.helpLinks,
|
|
319
|
-
defaultLinks = _ref.defaultLinks,
|
|
320
|
-
topLinks = _ref.topLinks,
|
|
321
|
-
bottomLinks = _ref.bottomLinks,
|
|
322
|
-
customContent = _ref.customContent,
|
|
323
|
-
toggleModal = _ref.toggleModal;
|
|
324
|
-
var Menu = Dropdown$1.Menu,
|
|
325
|
-
MenuItem = Dropdown$1.MenuItem,
|
|
326
|
-
Divider = Dropdown$1.Divider;
|
|
327
|
-
return /*#__PURE__*/React__default.createElement(Menu, {
|
|
328
|
-
className: "pb-1"
|
|
329
|
-
}, /*#__PURE__*/React__default.createElement(MenuItem, {
|
|
330
|
-
className: "neeto-molecules-profile-popup mb-1",
|
|
331
|
-
"data-cy": "profile-popup",
|
|
332
|
-
"data-testid": "profile-popup"
|
|
333
|
-
}, /*#__PURE__*/React__default.createElement(ProfileHeader, {
|
|
334
|
-
profileInfo: profileInfo
|
|
335
|
-
})), showProductSwitcher && /*#__PURE__*/React__default.createElement(ProductSwitcher, {
|
|
336
|
-
toggleModal: toggleModal
|
|
337
|
-
}), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
338
|
-
links: topLinks
|
|
339
|
-
}), isPresent(customContent) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(MenuItem, {
|
|
340
|
-
className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content"
|
|
341
|
-
}, customContent)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
342
|
-
links: defaultLinks
|
|
343
|
-
}), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
344
|
-
links: helpLinks
|
|
345
|
-
}), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
346
|
-
links: bottomLinks
|
|
347
|
-
}));
|
|
348
|
-
};
|
|
349
|
-
|
|
350
323
|
var getSidebarStateLocalStorageKey = function getSidebarStateLocalStorageKey() {
|
|
351
324
|
var _globalProps$user, _globalProps$user2;
|
|
352
325
|
var user = ((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email) || ((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.phoneNumber);
|
|
@@ -389,6 +362,125 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
|
|
|
389
362
|
});
|
|
390
363
|
};
|
|
391
364
|
|
|
365
|
+
// Theme switcher utils.
|
|
366
|
+
var setDarkTheme = function setDarkTheme() {
|
|
367
|
+
document.body.classList.remove(THEMES.LIGHT);
|
|
368
|
+
document.body.classList.add(THEMES.DARK);
|
|
369
|
+
};
|
|
370
|
+
var setLightTheme = function setLightTheme() {
|
|
371
|
+
document.body.classList.remove(THEMES.DARK);
|
|
372
|
+
document.body.classList.add(THEMES.LIGHT);
|
|
373
|
+
};
|
|
374
|
+
var setAppTheme = function setAppTheme() {
|
|
375
|
+
var isDarkTheme = getFromLocalStorage(APP_THEME_LOCALSTORAGE_KEY) === THEMES.DARK;
|
|
376
|
+
isDarkTheme ? setDarkTheme() : setLightTheme();
|
|
377
|
+
};
|
|
378
|
+
|
|
379
|
+
var MenuItem$1 = Dropdown$1.MenuItem;
|
|
380
|
+
var MenuButton = withT(function (_ref) {
|
|
381
|
+
var t = _ref.t,
|
|
382
|
+
selectedThemeName = _ref.selectedThemeName;
|
|
383
|
+
return /*#__PURE__*/React__default.createElement(MenuItem$1.Button, {
|
|
384
|
+
className: "neeto-molecules-menu-sublist__item-btn",
|
|
385
|
+
"data-cy": "theme-switcher-button",
|
|
386
|
+
"data-testid": "theme-switcher-button",
|
|
387
|
+
style: "text",
|
|
388
|
+
suffix: /*#__PURE__*/React__default.createElement(Right, {
|
|
389
|
+
size: 18
|
|
390
|
+
})
|
|
391
|
+
}, t("neetoMolecules.sidebar.themeSwitcher.label", {
|
|
392
|
+
selectedTheme: selectedThemeName
|
|
393
|
+
}));
|
|
394
|
+
});
|
|
395
|
+
|
|
396
|
+
var Menu = Dropdown$1.Menu,
|
|
397
|
+
MenuItem = Dropdown$1.MenuItem;
|
|
398
|
+
var ThemeSwitcher = function ThemeSwitcher() {
|
|
399
|
+
var _useTranslation = useTranslation(),
|
|
400
|
+
t = _useTranslation.t;
|
|
401
|
+
var _useBreakpoints = useBreakpoints(),
|
|
402
|
+
isSize = _useBreakpoints.isSize;
|
|
403
|
+
var _useLocalStorage = useLocalStorage(APP_THEME_LOCALSTORAGE_KEY, THEMES.LIGHT),
|
|
404
|
+
_useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
|
|
405
|
+
appTheme = _useLocalStorage2[0],
|
|
406
|
+
setAppTheme = _useLocalStorage2[1];
|
|
407
|
+
var isDarkThemeSelected = appTheme === THEMES.DARK;
|
|
408
|
+
var selectedThemeName = isDarkThemeSelected ? t("neetoMolecules.sidebar.themeSwitcher.dark") : t("neetoMolecules.sidebar.themeSwitcher.light");
|
|
409
|
+
var isMobile = isSize("mobile");
|
|
410
|
+
var switchTheme = function switchTheme(theme) {
|
|
411
|
+
theme === THEMES.LIGHT ? setLightTheme() : setDarkTheme();
|
|
412
|
+
setAppTheme(theme);
|
|
413
|
+
};
|
|
414
|
+
return /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
415
|
+
className: "neeto-molecules-theme-switcher-menu-popup-wrapper",
|
|
416
|
+
closeOnSelect: false,
|
|
417
|
+
customTarget: /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
418
|
+
selectedThemeName: selectedThemeName
|
|
419
|
+
}),
|
|
420
|
+
interactiveDebounce: 30,
|
|
421
|
+
offset: [0, 5],
|
|
422
|
+
position: isMobile ? "bottom" : "right",
|
|
423
|
+
trigger: "all",
|
|
424
|
+
zIndex: 99999
|
|
425
|
+
}, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
|
|
426
|
+
suffix: !isDarkThemeSelected && /*#__PURE__*/React__default.createElement(Check, {
|
|
427
|
+
size: 18
|
|
428
|
+
}),
|
|
429
|
+
className: classnames({
|
|
430
|
+
"neeto-molecules-theme-switcher-active-button": !isDarkThemeSelected
|
|
431
|
+
}),
|
|
432
|
+
onClick: function onClick() {
|
|
433
|
+
return switchTheme(THEMES.LIGHT);
|
|
434
|
+
}
|
|
435
|
+
}, t("neetoMolecules.sidebar.themeSwitcher.light")), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
|
|
436
|
+
suffix: isDarkThemeSelected && /*#__PURE__*/React__default.createElement(Check, {
|
|
437
|
+
size: 18
|
|
438
|
+
}),
|
|
439
|
+
className: classnames({
|
|
440
|
+
"neeto-molecules-theme-switcher-active-button": isDarkThemeSelected
|
|
441
|
+
}),
|
|
442
|
+
onClick: function onClick() {
|
|
443
|
+
return switchTheme(THEMES.DARK);
|
|
444
|
+
}
|
|
445
|
+
}, t("neetoMolecules.sidebar.themeSwitcher.dark"))));
|
|
446
|
+
};
|
|
447
|
+
|
|
448
|
+
var ProfileMenu = function ProfileMenu(_ref) {
|
|
449
|
+
var profileInfo = _ref.profileInfo,
|
|
450
|
+
showProductSwitcher = _ref.showProductSwitcher,
|
|
451
|
+
helpLinks = _ref.helpLinks,
|
|
452
|
+
defaultLinks = _ref.defaultLinks,
|
|
453
|
+
topLinks = _ref.topLinks,
|
|
454
|
+
bottomLinks = _ref.bottomLinks,
|
|
455
|
+
customContent = _ref.customContent,
|
|
456
|
+
toggleModal = _ref.toggleModal,
|
|
457
|
+
isThemeSwitcherEnabled = _ref.isThemeSwitcherEnabled;
|
|
458
|
+
var Menu = Dropdown$1.Menu,
|
|
459
|
+
MenuItem = Dropdown$1.MenuItem,
|
|
460
|
+
Divider = Dropdown$1.Divider;
|
|
461
|
+
return /*#__PURE__*/React__default.createElement(Menu, {
|
|
462
|
+
className: "pb-1"
|
|
463
|
+
}, /*#__PURE__*/React__default.createElement(MenuItem, {
|
|
464
|
+
className: "neeto-molecules-profile-popup mb-1",
|
|
465
|
+
"data-cy": "profile-popup",
|
|
466
|
+
"data-testid": "profile-popup"
|
|
467
|
+
}, /*#__PURE__*/React__default.createElement(ProfileHeader, {
|
|
468
|
+
profileInfo: profileInfo
|
|
469
|
+
})), showProductSwitcher && /*#__PURE__*/React__default.createElement(ProductSwitcher, {
|
|
470
|
+
toggleModal: toggleModal
|
|
471
|
+
}), isThemeSwitcherEnabled && /*#__PURE__*/React__default.createElement(ThemeSwitcher, null), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
472
|
+
links: topLinks
|
|
473
|
+
}), isPresent(customContent) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(MenuItem, {
|
|
474
|
+
className: "neeto-molecules-floating-action-button__profile-wrapper-custom-content"
|
|
475
|
+
}, customContent)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
476
|
+
links: defaultLinks
|
|
477
|
+
}), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
478
|
+
links: helpLinks
|
|
479
|
+
}), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(LinkSection, {
|
|
480
|
+
links: bottomLinks
|
|
481
|
+
}));
|
|
482
|
+
};
|
|
483
|
+
|
|
392
484
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
393
485
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
394
486
|
var ProfileButton = function ProfileButton(_ref) {
|
|
@@ -397,7 +489,8 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
397
489
|
showProductSwitcher = _ref.showProductSwitcher,
|
|
398
490
|
bottomLinks = _ref.bottomLinks,
|
|
399
491
|
topLinks = _ref.topLinks,
|
|
400
|
-
customContent = _ref.customContent
|
|
492
|
+
customContent = _ref.customContent,
|
|
493
|
+
isThemeSwitcherEnabled = _ref.isThemeSwitcherEnabled;
|
|
401
494
|
var _useState = useState(false),
|
|
402
495
|
_useState2 = _slicedToArray(_useState, 2),
|
|
403
496
|
isModalOpen = _useState2[0],
|
|
@@ -492,6 +585,7 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
492
585
|
customContent: customContent,
|
|
493
586
|
defaultLinks: defaultLinks,
|
|
494
587
|
helpLinks: helpLinks,
|
|
588
|
+
isThemeSwitcherEnabled: isThemeSwitcherEnabled,
|
|
495
589
|
profileInfo: profileInfo,
|
|
496
590
|
showProductSwitcher: showProductSwitcher,
|
|
497
591
|
bottomLinks: newBottomLinks,
|
|
@@ -509,10 +603,10 @@ var ProfileButton = function ProfileButton(_ref) {
|
|
|
509
603
|
}));
|
|
510
604
|
};
|
|
511
605
|
|
|
512
|
-
var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-product-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-product-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}";
|
|
606
|
+
var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border-bottom-right-radius:30px;border-top-right-radius:30px;bottom:16px;left:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgba(var(--neeto-ui-primary-500),.6);border-bottom-right-radius:30px;border-color:rgba(var(--neeto-ui-primary-500),.6);border-top-right-radius:30px;display:flex;justify-content:center;padding:4px}.neeto-molecules-floating-action-button__profile-avatar{border:2px solid #fff;border-radius:100px}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;flex-shrink:0;max-height:none!important;max-width:none;width:256px;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown ul{padding-top:0!important}.neeto-molecules-product-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{position:absolute;right:3px;top:3px;z-index:1}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:15px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:15px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)!important;min-width:240px}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:40px}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:8px}.neeto-molecules-product-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 400px)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}.neeto-molecules-theme-switcher-menu-popup-wrapper .neeto-ui-dropdown__popup-menu{padding-top:4px!important}.neeto-molecules-theme-switcher-active-button{color:rgb(var(--neeto-ui-primary-600))!important}";
|
|
513
607
|
n(css,{});
|
|
514
608
|
|
|
515
|
-
var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "customContent"];
|
|
609
|
+
var _excluded = ["profileInfoOverrides", "helpLinkOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "isThemeSwitcherEnabled", "customContent"];
|
|
516
610
|
var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
517
611
|
var _ref$profileInfoOverr = _ref.profileInfoOverrides,
|
|
518
612
|
profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
|
|
@@ -524,8 +618,13 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
524
618
|
bottomLinks = _ref$bottomLinks === void 0 ? [] : _ref$bottomLinks,
|
|
525
619
|
_ref$showProductSwitc = _ref.showProductSwitcher,
|
|
526
620
|
showProductSwitcher = _ref$showProductSwitc === void 0 ? true : _ref$showProductSwitc,
|
|
621
|
+
_ref$isThemeSwitcherE = _ref.isThemeSwitcherEnabled,
|
|
622
|
+
isThemeSwitcherEnabled = _ref$isThemeSwitcherE === void 0 ? false : _ref$isThemeSwitcherE,
|
|
527
623
|
customContent = _ref.customContent,
|
|
528
624
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
625
|
+
useEffect(function () {
|
|
626
|
+
isThemeSwitcherEnabled && setAppTheme();
|
|
627
|
+
}, []);
|
|
529
628
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
530
629
|
ref: ref,
|
|
531
630
|
className: "neeto-molecules-floating-action-menu__container",
|
|
@@ -535,50 +634,13 @@ var FloatingActionMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
535
634
|
bottomLinks: bottomLinks,
|
|
536
635
|
customContent: customContent,
|
|
537
636
|
helpLinkOverrides: helpLinkOverrides,
|
|
637
|
+
isThemeSwitcherEnabled: isThemeSwitcherEnabled,
|
|
538
638
|
profileInfoOverrides: profileInfoOverrides,
|
|
539
639
|
showProductSwitcher: showProductSwitcher,
|
|
540
640
|
topLinks: topLinks
|
|
541
641
|
}));
|
|
542
642
|
});
|
|
543
643
|
FloatingActionMenu.displayName = "FloatingActionMenu";
|
|
544
|
-
FloatingActionMenu.propTypes = {
|
|
545
|
-
/**
|
|
546
|
-
* To specify the profile info to be rendered in the menu
|
|
547
|
-
*/
|
|
548
|
-
profileInfoOverrides: propTypes.exports.shape({
|
|
549
|
-
name: propTypes.exports.string,
|
|
550
|
-
email: propTypes.exports.string,
|
|
551
|
-
imageUrl: propTypes.exports.string
|
|
552
|
-
}),
|
|
553
|
-
/**
|
|
554
|
-
* Custom content to be rendered in the menu between the top and bottom links if any
|
|
555
|
-
*/
|
|
556
|
-
customContent: propTypes.exports.element,
|
|
557
|
-
/**
|
|
558
|
-
* Any extra links to be rendered at the top of the menu.
|
|
559
|
-
*/
|
|
560
|
-
topLinks: propTypes.exports.arrayOf(propTypes.exports.shape({
|
|
561
|
-
onClick: propTypes.exports.func,
|
|
562
|
-
label: propTypes.exports.string,
|
|
563
|
-
icon: propTypes.exports.oneOfType([propTypes.exports.element, propTypes.exports.func])
|
|
564
|
-
})),
|
|
565
|
-
/**
|
|
566
|
-
* Any extra links to be rendered at the bottom of the menu.
|
|
567
|
-
*/
|
|
568
|
-
bottomLinks: propTypes.exports.arrayOf(propTypes.exports.shape({
|
|
569
|
-
onClick: propTypes.exports.func,
|
|
570
|
-
label: propTypes.exports.string,
|
|
571
|
-
icon: propTypes.exports.oneOfType([propTypes.exports.element, propTypes.exports.func])
|
|
572
|
-
})),
|
|
573
|
-
/**
|
|
574
|
-
* To override the values in the help links section in the menu.
|
|
575
|
-
*/
|
|
576
|
-
helpLinkOverrides: propTypes.exports.object,
|
|
577
|
-
/**
|
|
578
|
-
* To display the product switcher menu option.
|
|
579
|
-
*/
|
|
580
|
-
showProductSwitcher: propTypes.exports.bool
|
|
581
|
-
};
|
|
582
644
|
|
|
583
645
|
export { FloatingActionMenu as default };
|
|
584
646
|
//# sourceMappingURL=FloatingActionMenu.js.map
|