@bigbinary/neeto-molecules 1.0.55-beta → 1.0.55
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/Container.cjs.js +1 -1
- package/dist/Container.js +1 -1
- package/dist/CustomDomainDashboard.cjs.js +16 -7
- package/dist/CustomDomainDashboard.cjs.js.map +1 -1
- package/dist/CustomDomainDashboard.js +18 -9
- package/dist/CustomDomainDashboard.js.map +1 -1
- package/dist/Header.cjs.js +15 -6
- package/dist/Header.cjs.js.map +1 -1
- package/dist/Header.js +17 -8
- package/dist/Header.js.map +1 -1
- package/dist/MenuBar.cjs.js +1 -1
- package/dist/MenuBar.js +1 -1
- package/dist/Sidebar.cjs.js +56 -108
- package/dist/Sidebar.cjs.js.map +1 -1
- package/dist/Sidebar.js +57 -109
- package/dist/Sidebar.js.map +1 -1
- package/package.json +1 -1
- package/src/translations/en.json +0 -1
package/dist/Sidebar.cjs.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
5
|
-
var neetoui = require('@bigbinary/neetoui');
|
|
6
4
|
var ramda = require('ramda');
|
|
7
5
|
var reactRouterDom = require('react-router-dom');
|
|
6
|
+
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
7
|
+
var neetoui = require('@bigbinary/neetoui');
|
|
8
8
|
var reactI18next = require('react-i18next');
|
|
9
9
|
var pure = require('@bigbinary/neeto-commons-frontend/pure');
|
|
10
10
|
var AppIcons = require('@bigbinary/neeto-icons/app-icons');
|
|
11
11
|
var i18next = require('i18next');
|
|
12
12
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
13
13
|
var KeyboardShortcuts = require('@bigbinary/neeto-molecules/KeyboardShortcuts');
|
|
14
|
-
var ProductLogos = require('@bigbinary/neeto-icons/
|
|
14
|
+
var ProductLogos = require('@bigbinary/neeto-icons/logos');
|
|
15
15
|
var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
|
|
16
16
|
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -31511,7 +31511,7 @@ SwitchTransition.defaultProps = {
|
|
|
31511
31511
|
|
|
31512
31512
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
31513
31513
|
|
|
31514
|
-
var css$1 = ".neeto-molecules-app-switcher__backdrop{align-items:center;background-color:rgba(27,31,35,.867);flex-direction:row;left:
|
|
31514
|
+
var css$1 = ".neeto-molecules-app-switcher__backdrop{align-items:center;background-color:rgba(27,31,35,.867);flex-direction:row;left:var(--neeto-ui-sidebar-width);overflow:hidden;position:fixed;top:0;width:100vw;z-index:99996}.neeto-molecules-app-switcher__backdrop,.neeto-molecules-app-switcher__wrapper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;height:100vh;justify-content:flex-start;transition:all .3s}.neeto-molecules-app-switcher__wrapper{align-items:flex-start;animation:nuifadeIn .3s ease-in;background-color:rgb(var(--neeto-ui-white));flex-direction:column;max-width:100%;overflow-y:auto;padding:72px;position:relative;width:calc(100vw - var(--neeto-ui-sidebar-width))}.neeto-molecules-app-switcher__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}.neeto-molecules-app-switcher__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;position:relative;width:100%}.neeto-molecules-app-switcher__close-btn{position:absolute;right:24px;top:24px}.neeto-molecules-app-switcher__search-wrapper{width:316px}.neeto-molecules-app-switcher__body{display:flex;flex-direction:column;font-size:var(--neeto-ui-text-sm);gap:12px;margin-bottom:24px;width:100%}.neeto-molecules-app-switcher-link{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-lg);border-style:solid;border-width:2px;cursor:pointer;display:flex;gap:12px;max-width:100%;padding:12px 16px;text-decoration:none;transition:background-color .3s ease-in-out;width:100%}.neeto-molecules-app-switcher-link:focus,.neeto-molecules-app-switcher-link:focus-visible{outline:none}.neeto-molecules-app-switcher-link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-app-switcher-link:not(.neeto-molecules-app-switcher-link--active):hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-app-switcher-link--active{background:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-600))}.neeto-molecules-app-switcher-link__icon-holder{align-items:center;border-radius:var(--neeto-ui-rounded-lg);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.neeto-molecules-app-switcher-link__content{flex-grow:1}.neeto-molecules-app-switcher-link__content span{display:block}.neeto-molecules-app-switcher-enter.neeto-molecules-app-switcher__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0}.neeto-molecules-app-switcher-enter-active.neeto-molecules-app-switcher__backdrop,.neeto-molecules-app-switcher-enter-done.neeto-molecules-app-switcher__backdrop,.neeto-molecules-app-switcher-exit.neeto-molecules-app-switcher__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1}.neeto-molecules-app-switcher-exit-active.neeto-molecules-app-switcher__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0}";
|
|
31515
31515
|
n(css$1,{});
|
|
31516
31516
|
|
|
31517
31517
|
function _extends() {
|
|
@@ -31739,14 +31739,50 @@ var AppSwitcher = function AppSwitcher(_ref) {
|
|
|
31739
31739
|
})))));
|
|
31740
31740
|
};
|
|
31741
31741
|
|
|
31742
|
-
var css = ".neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-gray-
|
|
31742
|
+
var css = ".neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-white));border-right:1px solid rgb(var(--neeto-ui-gray-200));height:100vh;max-width:300px;padding:40px 0;transition:all .3s;width:300px;z-index:99997}.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\"}@media (min-width:1440px){.neeto-molecules-sidebar{max-width:320px;width:320px}}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed{max-width:var(--neeto-ui-sidebar-width);width:var(--neeto-ui-sidebar-width)}.neeto-molecules-sidebar__header{margin-bottom:40px;padding:0 20px;width:100%}.neeto-molecules-sidebar__logo,.neeto-molecules-sidebar__logo svg{height:40px;width:40px}.neeto-molecules-sidebar__info{padding-left:10px;width:calc(100% - 40px)}.neeto-molecules-sidebar__info .neeto-molecules-typography{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.neeto-molecules-sidebar__links{margin-bottom:20px;padding-left:12px;padding-right:12px;width:100%}.neeto-molecules-sidebar__link{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-gray-600));cursor:pointer;margin:8px 0;padding:8px;position:relative;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__link.mb-0{margin-bottom:0}.neeto-molecules-sidebar__link-icon{flex-shrink:0;width:40px}.neeto-molecules-sidebar__link-label{overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 40px)}.neeto-molecules-sidebar__link-sub-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 56px)}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-gray-800));outline:none;text-decoration:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-primary-100));color:rgb(var(--neeto-ui-primary-600));text-decoration:none}.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{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-gray-600));cursor:pointer;margin:4px 0;padding:8px 8px 8px 58px;text-decoration:none;transition:all .3s}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-gray-700));text-decoration:none}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{background-color:rgb(var(--neeto-ui-gray-300));color:rgb(var(--neeto-ui-gray-700));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-gray-800));text-decoration:none}.neeto-molecules-sidebar__footer{margin-top:auto;padding:0 12px;width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-wrapper{outline:none!important}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile{background-color:rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);box-shadow:var(--neeto-ui-shadow-sm);cursor:pointer;padding:8px;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content{padding-left:10px;padding-right:30px;position:relative;width:calc(100% - 40px)}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content .neeto-molecules-typography{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-drop-icon{color:rgb(var(--neeto-ui-gray-500));position:absolute;right:8px;top:50%;transform:translateY(-50%)}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed{padding:24px 0}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__profile{background-color:transparent;box-shadow:none;padding:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__header,.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__links{padding-left:16px;padding-right:16px}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__link-icon{width:24px}.neeto-molecules-sidebar.neeto-molecules-sidebar--collapsed .neeto-molecules-sidebar__footer{padding-left:16px;padding-right:16px}.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-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;box-shadow:var(--neeto-ui-shadow-xs)!important}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400));list-style:none;margin:0;padding:4px 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-profile-sublist__item-btn{align-items:center;border-radius:0;color:rgb(var(--neeto-ui-gray-800));cursor:pointer;display:flex;font-size:var(--neeto-ui-text-sm);font-weight:var(--neeto-ui-font-normal);gap:8px;line-height:1.143;min-height:32px;outline-color:transparent;padding:6px 40px 6px 12px;position:relative;text-decoration:none;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.neeto-molecules-profile-sublist__item-btn.disabled{color:rgb(var(--neeto-ui-gray-500));cursor:not-allowed}.neeto-molecules-profile-sublist__item-btn:focus,.neeto-molecules-profile-sublist__item-btn:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-profile-sublist__item-btn--style-danger{color:rgb(var(--neeto-ui-error-800))}.neeto-molecules-profile-sublist__item-btn-icon{color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-profile-sublist__item-btn-icon svg{height:20px;width:20px}.neeto-molecules-help-sublist__item-btn{border-radius:0;color:rgb(var(--neeto-ui-gray-800));cursor:pointer;display:flex;font-size:var(--neeto-ui-text-sm);font-weight:var(--neeto-ui-font-normal);gap:8px;justify-content:flex-end;line-height:1.143;min-height:32px;outline-color:transparent;padding:6px 40px 6px 12px;position:relative;text-decoration:none;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.neeto-molecules-help-sublist__item-btn.disabled{color:rgb(var(--neeto-ui-gray-500));cursor:not-allowed}.neeto-molecules-help-sublist__item-btn:focus,.neeto-molecules-help-sublist__item-btn:hover{background-color:rgb(var(--neeto-ui-gray-200));box-shadow:none}.neeto-molecules-help-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn--style-danger{color:rgb(var(--neeto-ui-error-800))}.neeto-molecules-help-sublist__item-btn-icon{color:rgb(var(--neeto-ui-gray-600))}.neeto-molecules-help-sublist__item-btn-icon svg{height:20px;width:20px}";
|
|
31743
31743
|
n(css,{});
|
|
31744
31744
|
|
|
31745
|
+
var FeaturedTooltip = function FeaturedTooltip(_ref) {
|
|
31746
|
+
var label = _ref.label,
|
|
31747
|
+
description = _ref.description;
|
|
31748
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
31749
|
+
className: "neeto-ui-flex neeto-ui-flex-col sidebar-featured-tooltip"
|
|
31750
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
31751
|
+
className: "neeto-ui-text-center sidebar-featured-tooltip__title",
|
|
31752
|
+
lineHeight: "tight",
|
|
31753
|
+
style: "h5",
|
|
31754
|
+
weight: "semibold"
|
|
31755
|
+
}, label), description && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
31756
|
+
className: "neeto-ui-text-center neeto-ui-text-gray-400 sidebar-featured-tooltip__description",
|
|
31757
|
+
lineHeight: "normal",
|
|
31758
|
+
style: "body3"
|
|
31759
|
+
}, description));
|
|
31760
|
+
};
|
|
31761
|
+
|
|
31762
|
+
var NavIconWrapper = function NavIconWrapper(_ref) {
|
|
31763
|
+
var description = _ref.description,
|
|
31764
|
+
label = _ref.label,
|
|
31765
|
+
children = _ref.children;
|
|
31766
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
|
|
31767
|
+
className: "sidebar-featured-tooltip__content",
|
|
31768
|
+
content: /*#__PURE__*/React__default["default"].createElement(FeaturedTooltip, {
|
|
31769
|
+
description: description,
|
|
31770
|
+
label: label
|
|
31771
|
+
}),
|
|
31772
|
+
delay: [400, 40],
|
|
31773
|
+
distance: "20rem",
|
|
31774
|
+
duration: [200, 200],
|
|
31775
|
+
position: "right"
|
|
31776
|
+
}, children);
|
|
31777
|
+
};
|
|
31778
|
+
|
|
31745
31779
|
var AppSwitcherButton = function AppSwitcherButton(_ref) {
|
|
31746
31780
|
var onAppSwitcherToggle = _ref.onAppSwitcherToggle;
|
|
31747
31781
|
var _useTranslation = reactI18next.useTranslation(),
|
|
31748
31782
|
t = _useTranslation.t;
|
|
31749
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
31783
|
+
return /*#__PURE__*/React__default["default"].createElement(NavIconWrapper, {
|
|
31784
|
+
label: t("neetoMolecules.sidebar.productSwitcher")
|
|
31785
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
31750
31786
|
className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--app-switcher neeto-molecules-sidebar__link--button neeto-ui-flex neeto-ui-w-full neeto-ui-select-none neeto-ui-items-center neeto-ui-justify-start neeto-ui-shadow-none",
|
|
31751
31787
|
"data-cy": "app-switcher-button",
|
|
31752
31788
|
onClick: onAppSwitcherToggle
|
|
@@ -31754,12 +31790,7 @@ var AppSwitcherButton = function AppSwitcherButton(_ref) {
|
|
|
31754
31790
|
className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
|
|
31755
31791
|
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.AppSwitcher, {
|
|
31756
31792
|
size: 24
|
|
31757
|
-
}))
|
|
31758
|
-
className: "neeto-molecules-sidebar__link-label",
|
|
31759
|
-
component: "span",
|
|
31760
|
-
style: "body2",
|
|
31761
|
-
weight: "normal"
|
|
31762
|
-
}, t("neetoMolecules.sidebar.neetoProducts")));
|
|
31793
|
+
}))));
|
|
31763
31794
|
};
|
|
31764
31795
|
|
|
31765
31796
|
var MY_PROFILE_URL = "/auth/profile/edit";
|
|
@@ -31830,22 +31861,15 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
|
|
|
31830
31861
|
};
|
|
31831
31862
|
|
|
31832
31863
|
var HelpSection = /*#__PURE__*/React.forwardRef(function (_, ref) {
|
|
31833
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
31834
|
-
t = _useTranslation.t;
|
|
31835
31864
|
return /*#__PURE__*/React__default["default"].createElement("button", {
|
|
31836
|
-
className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none
|
|
31865
|
+
className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none",
|
|
31837
31866
|
"data-cy": "help-button",
|
|
31838
31867
|
ref: ref
|
|
31839
31868
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
31840
31869
|
className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
|
|
31841
31870
|
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
|
|
31842
31871
|
size: 24
|
|
31843
|
-
}))
|
|
31844
|
-
className: "neeto-molecules-sidebar__link-label",
|
|
31845
|
-
component: "span",
|
|
31846
|
-
style: "body2",
|
|
31847
|
-
weight: "normal"
|
|
31848
|
-
}, t("neetoMolecules.sidebar.helpLinks.helpCenter")));
|
|
31872
|
+
})));
|
|
31849
31873
|
});
|
|
31850
31874
|
HelpSection.displayName = "HelpSection";
|
|
31851
31875
|
|
|
@@ -31930,16 +31954,9 @@ var ProfileSection = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
31930
31954
|
className: "neeto-molecules-sidebar__profile neeto-ui-flex neeto-ui-w-full neeto-ui-flex-shrink-0 neeto-ui-items-center"
|
|
31931
31955
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
|
|
31932
31956
|
className: "neeto-ui-flex-shrink-0",
|
|
31933
|
-
size: "
|
|
31957
|
+
size: "large",
|
|
31934
31958
|
user: profileInfo
|
|
31935
|
-
})
|
|
31936
|
-
className: "neeto-molecules-sidebar__profile-content"
|
|
31937
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
31938
|
-
component: "span",
|
|
31939
|
-
style: "body2",
|
|
31940
|
-
title: profileInfo.name,
|
|
31941
|
-
weight: "normal"
|
|
31942
|
-
}, pure.truncate(profileInfo.name, 18)))));
|
|
31959
|
+
})));
|
|
31943
31960
|
});
|
|
31944
31961
|
ProfileSection.displayName = "ProfileSection";
|
|
31945
31962
|
|
|
@@ -32081,8 +32098,7 @@ var Header = function Header() {
|
|
|
32081
32098
|
}, ProductLogo ? /*#__PURE__*/React__default["default"].createElement(ProductLogo, null) : /*#__PURE__*/React__default["default"].createElement(ProductLogos.Neeto, null))));
|
|
32082
32099
|
};
|
|
32083
32100
|
|
|
32084
|
-
var _excluded = ["label", "to", "icon", "
|
|
32085
|
-
_excluded2 = ["label", "to", "count"];
|
|
32101
|
+
var _excluded = ["label", "to", "icon", "description"];
|
|
32086
32102
|
var Links = function Links(_ref) {
|
|
32087
32103
|
var navLinks = _ref.navLinks;
|
|
32088
32104
|
var location = reactRouterDom.useLocation();
|
|
@@ -32099,15 +32115,17 @@ var Links = function Links(_ref) {
|
|
|
32099
32115
|
var label = _ref3.label,
|
|
32100
32116
|
to = _ref3.to,
|
|
32101
32117
|
icon = _ref3.icon,
|
|
32102
|
-
|
|
32118
|
+
description = _ref3.description,
|
|
32103
32119
|
otherProps = _objectWithoutProperties(_ref3, _excluded);
|
|
32104
32120
|
var IconSVG = icon;
|
|
32105
32121
|
var url = new URL(to, window.location.href);
|
|
32106
32122
|
var isActive = function isActive() {
|
|
32107
32123
|
return location.pathname.startsWith(url.pathname);
|
|
32108
32124
|
};
|
|
32109
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
32110
|
-
|
|
32125
|
+
return /*#__PURE__*/React__default["default"].createElement(NavIconWrapper, {
|
|
32126
|
+
description: description,
|
|
32127
|
+
key: mainIndex,
|
|
32128
|
+
label: label
|
|
32111
32129
|
}, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends({
|
|
32112
32130
|
activeClassName: "active",
|
|
32113
32131
|
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link",
|
|
@@ -32116,39 +32134,7 @@ var Links = function Links(_ref) {
|
|
|
32116
32134
|
}, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32117
32135
|
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-molecules-sidebar__link-icon",
|
|
32118
32136
|
"data-testid": label
|
|
32119
|
-
}, /*#__PURE__*/React__default["default"].createElement(IconSVG, null))
|
|
32120
|
-
className: "neeto-molecules-sidebar__link-label",
|
|
32121
|
-
component: "span",
|
|
32122
|
-
style: "body2",
|
|
32123
|
-
weight: "normal"
|
|
32124
|
-
}, label), items && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32125
|
-
className: classnames("neeto-molecules-sidebar__link-icon", {
|
|
32126
|
-
"neeto-molecules-sidebar__link-icon--rotate": isActive()
|
|
32127
|
-
})
|
|
32128
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
|
|
32129
|
-
size: 16
|
|
32130
|
-
}))), items && isActive() && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32131
|
-
className: "neeto-molecules-sidebar__sublink-wrapper"
|
|
32132
|
-
}, items.map(function (_ref4, subIndex) {
|
|
32133
|
-
var subLabel = _ref4.label,
|
|
32134
|
-
subRoute = _ref4.to,
|
|
32135
|
-
count = _ref4.count,
|
|
32136
|
-
otherProps = _objectWithoutProperties(_ref4, _excluded2);
|
|
32137
|
-
return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends({
|
|
32138
|
-
activeClassName: "active",
|
|
32139
|
-
className: "neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center select-none",
|
|
32140
|
-
key: subIndex,
|
|
32141
|
-
to: subRoute
|
|
32142
|
-
}, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
32143
|
-
className: "neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow",
|
|
32144
|
-
component: "span",
|
|
32145
|
-
style: "body2"
|
|
32146
|
-
}, subLabel), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
32147
|
-
className: "neeto-molecules-sidebar__link-sub-count",
|
|
32148
|
-
component: "span",
|
|
32149
|
-
style: "body2"
|
|
32150
|
-
}, count));
|
|
32151
|
-
})));
|
|
32137
|
+
}, /*#__PURE__*/React__default["default"].createElement(IconSVG, null))));
|
|
32152
32138
|
}));
|
|
32153
32139
|
};
|
|
32154
32140
|
|
|
@@ -32166,35 +32152,15 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32166
32152
|
_useState2 = _slicedToArray(_useState, 2),
|
|
32167
32153
|
isAppSwitcherOpen = _useState2[0],
|
|
32168
32154
|
setIsAppSwitcherOpen = _useState2[1];
|
|
32169
|
-
var _useState3 = React.useState(false),
|
|
32170
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
32171
|
-
isSidebarCollapsed = _useState4[0],
|
|
32172
|
-
setIsSidebarCollapsed = _useState4[1];
|
|
32173
|
-
var _useState5 = React.useState(false),
|
|
32174
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
32175
|
-
isSidebarFixed = _useState6[0],
|
|
32176
|
-
setIsSidebarFixed = _useState6[1];
|
|
32177
|
-
var _useState7 = React.useState(false),
|
|
32178
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
32179
|
-
isButtonHovered = _useState8[0],
|
|
32180
|
-
setIsButtonHovered = _useState8[1];
|
|
32181
32155
|
var location = reactRouterDom.useLocation();
|
|
32182
32156
|
React.useEffect(function () {
|
|
32183
32157
|
isAppSwitcherOpen && setIsAppSwitcherOpen(false);
|
|
32184
32158
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32185
32159
|
}, [location]);
|
|
32186
32160
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32187
|
-
className: classnames("neeto-molecules-sidebar__wrapper", {
|
|
32188
|
-
"neeto-molecules-sidebar__wrapper--collapsed": isSidebarCollapsed,
|
|
32189
|
-
"neeto-molecules-sidebar__wrapper--fixed": isSidebarFixed && !isButtonHovered
|
|
32190
|
-
}),
|
|
32191
|
-
onMouseLeave: function onMouseLeave() {
|
|
32192
|
-
return setIsSidebarFixed(false);
|
|
32193
|
-
}
|
|
32194
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32195
|
-
className: "neeto-molecules-sidebar neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden",
|
|
32196
32161
|
"data-cy": "sidebar-wrapper",
|
|
32197
|
-
"data-testid": "sidebar"
|
|
32162
|
+
"data-testid": "sidebar",
|
|
32163
|
+
className: classnames("neeto-molecules-sidebar neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden", "neeto-molecules-sidebar--collapsed")
|
|
32198
32164
|
}, /*#__PURE__*/React__default["default"].createElement(Header, null), /*#__PURE__*/React__default["default"].createElement(Links, {
|
|
32199
32165
|
navLinks: navLinks
|
|
32200
32166
|
}), /*#__PURE__*/React__default["default"].createElement(Footer, {
|
|
@@ -32205,24 +32171,6 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32205
32171
|
onAppSwitcherToggle: function onAppSwitcherToggle() {
|
|
32206
32172
|
return setIsAppSwitcherOpen(ramda.not);
|
|
32207
32173
|
}
|
|
32208
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32209
|
-
className: "neeto-molecules-sidebar__hover-area",
|
|
32210
|
-
onMouseEnter: function onMouseEnter() {
|
|
32211
|
-
return isSidebarCollapsed && setIsSidebarFixed(true);
|
|
32212
|
-
}
|
|
32213
|
-
}), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
32214
|
-
className: "neeto-molecules-sidebar__toggler p-0",
|
|
32215
|
-
icon: neetoIcons.Expand,
|
|
32216
|
-
style: "text",
|
|
32217
|
-
onClick: function onClick() {
|
|
32218
|
-
return setIsSidebarCollapsed(!isSidebarCollapsed);
|
|
32219
|
-
},
|
|
32220
|
-
onMouseEnter: function onMouseEnter() {
|
|
32221
|
-
return setIsButtonHovered(true);
|
|
32222
|
-
},
|
|
32223
|
-
onMouseLeave: function onMouseLeave() {
|
|
32224
|
-
return setIsButtonHovered(false);
|
|
32225
|
-
}
|
|
32226
32174
|
})), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(AppSwitcher, {
|
|
32227
32175
|
isOpen: isAppSwitcherOpen,
|
|
32228
32176
|
onClose: function onClose() {
|