@bigbinary/neeto-molecules 1.0.53 → 1.0.55-beta
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/README.md +1 -0
- package/dist/Container.cjs.js +1 -1
- package/dist/Container.js +1 -1
- package/dist/CustomDomainDashboard.cjs.js +7 -16
- package/dist/CustomDomainDashboard.cjs.js.map +1 -1
- package/dist/CustomDomainDashboard.js +9 -18
- package/dist/CustomDomainDashboard.js.map +1 -1
- package/dist/Header.cjs.js +6 -15
- package/dist/Header.cjs.js.map +1 -1
- package/dist/Header.js +8 -17
- package/dist/Header.js.map +1 -1
- package/dist/IpRestriction.cjs.js +8 -2
- package/dist/IpRestriction.cjs.js.map +1 -1
- package/dist/IpRestriction.js +9 -3
- package/dist/IpRestriction.js.map +1 -1
- package/dist/MenuBar.cjs.js +1 -1
- package/dist/MenuBar.js +1 -1
- package/dist/NeetoWidget.cjs.js +10 -15
- package/dist/NeetoWidget.cjs.js.map +1 -1
- package/dist/NeetoWidget.js +10 -15
- package/dist/NeetoWidget.js.map +1 -1
- package/dist/Sidebar.cjs.js +108 -56
- package/dist/Sidebar.cjs.js.map +1 -1
- package/dist/Sidebar.js +109 -57
- package/dist/Sidebar.js.map +1 -1
- package/dist/ThemeSidebar.cjs.js +13566 -0
- package/dist/ThemeSidebar.cjs.js.map +1 -0
- package/dist/ThemeSidebar.js +13541 -0
- package/dist/ThemeSidebar.js.map +1 -0
- package/package.json +4 -1
- package/src/translations/en.json +69 -7
- package/types/BrowserSupport.d.ts +12 -4
- package/types/CustomDomain.d.ts +4 -5
- package/types/CustomDomainDashboard.d.ts +3 -1
- package/types/IconPicker.d.ts +8 -2
- package/types/IntegrationDisconnectAlert.d.ts +2 -2
- package/types/themeSidebar.d.ts +76 -0
package/dist/Sidebar.cjs.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var ramda = require('ramda');
|
|
5
|
-
var reactRouterDom = require('react-router-dom');
|
|
6
4
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
7
5
|
var neetoui = require('@bigbinary/neetoui');
|
|
6
|
+
var ramda = require('ramda');
|
|
7
|
+
var reactRouterDom = require('react-router-dom');
|
|
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/logos');
|
|
14
|
+
var ProductLogos = require('@bigbinary/neeto-icons/typeface-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:240px;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 - 240px)}.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,50 +31739,14 @@ var AppSwitcher = function AppSwitcher(_ref) {
|
|
|
31739
31739
|
})))));
|
|
31740
31740
|
};
|
|
31741
31741
|
|
|
31742
|
-
var css = ".neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-
|
|
31742
|
+
var css = ".neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-gray-100));height:100vh;max-width:240px;padding:24px 0;transition:all .3s;width:240px;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\"}.neeto-molecules-sidebar__wrapper{display:flex;position:relative}.neeto-molecules-sidebar__wrapper--collapsed,.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{transform:scale(1)}.neeto-molecules-sidebar__wrapper--fixed .neeto-molecules-sidebar{box-shadow:0 0 20px 0 rgba(0,0,0,.1);left:0;max-width:240px;position:fixed;top:0;width:240px}.neeto-molecules-sidebar__wrapper--fixed .neeto-molecules-sidebar__hover-area{transform:translateX(240px)}.neeto-molecules-sidebar__wrapper--fixed .neeto-molecules-sidebar__toggler{left:248px;right:auto}.neeto-molecules-sidebar__hover-area{bottom:0;position:absolute;top:60px;transform:translateX(0);transition:all .3s;width:40px}.neeto-molecules-sidebar__toggler{position:absolute;right:-26px;top:38px;transform:scale(-1);transition-delay:.3s;z-index:9999}.neeto-molecules-sidebar__header{margin-bottom:40px;max-width:240px;padding:0 24px;width:100%;width:240px}.neeto-molecules-sidebar__logo svg{height:20px;width:auto}.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;max-width:240px;width:100%;width:240px}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-gray-800));cursor:pointer;padding:10px 24px;position:relative;text-decoration:none;transition:all .3s;width:100%}.neeto-molecules-sidebar__link:not(:first-child){margin-top:12px}.neeto-molecules-sidebar__link-icon{flex-shrink:0;transition:var(--neeto-ui-transition)}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-label{margin-left:10px;overflow:hidden;text-align:left;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-black));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-black));outline:none;text-decoration:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-black));text-decoration:none}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-label{font-weight:var(--neeto-ui-font-medium)}.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;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;max-width:240px;width:100%;width:240px}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-wrapper{outline:none!important}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile{cursor:pointer;padding:10px 24px;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__footer .neeto-molecules-sidebar__profile-content{padding-left:10px;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:hover{background-color:rgb(var(--neeto-ui-gray-200))}.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%)}.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
|
-
|
|
31779
31745
|
var AppSwitcherButton = function AppSwitcherButton(_ref) {
|
|
31780
31746
|
var onAppSwitcherToggle = _ref.onAppSwitcherToggle;
|
|
31781
31747
|
var _useTranslation = reactI18next.useTranslation(),
|
|
31782
31748
|
t = _useTranslation.t;
|
|
31783
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
31784
|
-
label: t("neetoMolecules.sidebar.productSwitcher")
|
|
31785
|
-
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
31749
|
+
return /*#__PURE__*/React__default["default"].createElement("button", {
|
|
31786
31750
|
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",
|
|
31787
31751
|
"data-cy": "app-switcher-button",
|
|
31788
31752
|
onClick: onAppSwitcherToggle
|
|
@@ -31790,7 +31754,12 @@ var AppSwitcherButton = function AppSwitcherButton(_ref) {
|
|
|
31790
31754
|
className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
|
|
31791
31755
|
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.AppSwitcher, {
|
|
31792
31756
|
size: 24
|
|
31793
|
-
}))
|
|
31757
|
+
})), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
31758
|
+
className: "neeto-molecules-sidebar__link-label",
|
|
31759
|
+
component: "span",
|
|
31760
|
+
style: "body2",
|
|
31761
|
+
weight: "normal"
|
|
31762
|
+
}, t("neetoMolecules.sidebar.neetoProducts")));
|
|
31794
31763
|
};
|
|
31795
31764
|
|
|
31796
31765
|
var MY_PROFILE_URL = "/auth/profile/edit";
|
|
@@ -31861,15 +31830,22 @@ var getProfileInfo = function getProfileInfo(profileInfoOverrides) {
|
|
|
31861
31830
|
};
|
|
31862
31831
|
|
|
31863
31832
|
var HelpSection = /*#__PURE__*/React.forwardRef(function (_, ref) {
|
|
31833
|
+
var _useTranslation = reactI18next.useTranslation(),
|
|
31834
|
+
t = _useTranslation.t;
|
|
31864
31835
|
return /*#__PURE__*/React__default["default"].createElement("button", {
|
|
31865
|
-
className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none",
|
|
31836
|
+
className: "neeto-molecules-sidebar__link neeto-molecules-sidebar__link--button neeto-ui-shadow-none neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline",
|
|
31866
31837
|
"data-cy": "help-button",
|
|
31867
31838
|
ref: ref
|
|
31868
31839
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
31869
31840
|
className: "neeto-molecules-sidebar__link-icon neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
|
|
31870
31841
|
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
|
|
31871
31842
|
size: 24
|
|
31872
|
-
}))
|
|
31843
|
+
})), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
31844
|
+
className: "neeto-molecules-sidebar__link-label",
|
|
31845
|
+
component: "span",
|
|
31846
|
+
style: "body2",
|
|
31847
|
+
weight: "normal"
|
|
31848
|
+
}, t("neetoMolecules.sidebar.helpLinks.helpCenter")));
|
|
31873
31849
|
});
|
|
31874
31850
|
HelpSection.displayName = "HelpSection";
|
|
31875
31851
|
|
|
@@ -31954,9 +31930,16 @@ var ProfileSection = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
31954
31930
|
className: "neeto-molecules-sidebar__profile neeto-ui-flex neeto-ui-w-full neeto-ui-flex-shrink-0 neeto-ui-items-center"
|
|
31955
31931
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
|
|
31956
31932
|
className: "neeto-ui-flex-shrink-0",
|
|
31957
|
-
size: "
|
|
31933
|
+
size: "small",
|
|
31958
31934
|
user: profileInfo
|
|
31959
|
-
})
|
|
31935
|
+
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
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)))));
|
|
31960
31943
|
});
|
|
31961
31944
|
ProfileSection.displayName = "ProfileSection";
|
|
31962
31945
|
|
|
@@ -32098,7 +32081,8 @@ var Header = function Header() {
|
|
|
32098
32081
|
}, ProductLogo ? /*#__PURE__*/React__default["default"].createElement(ProductLogo, null) : /*#__PURE__*/React__default["default"].createElement(ProductLogos.Neeto, null))));
|
|
32099
32082
|
};
|
|
32100
32083
|
|
|
32101
|
-
var _excluded = ["label", "to", "icon", "
|
|
32084
|
+
var _excluded = ["label", "to", "icon", "items"],
|
|
32085
|
+
_excluded2 = ["label", "to", "count"];
|
|
32102
32086
|
var Links = function Links(_ref) {
|
|
32103
32087
|
var navLinks = _ref.navLinks;
|
|
32104
32088
|
var location = reactRouterDom.useLocation();
|
|
@@ -32115,17 +32099,15 @@ var Links = function Links(_ref) {
|
|
|
32115
32099
|
var label = _ref3.label,
|
|
32116
32100
|
to = _ref3.to,
|
|
32117
32101
|
icon = _ref3.icon,
|
|
32118
|
-
|
|
32102
|
+
items = _ref3.items,
|
|
32119
32103
|
otherProps = _objectWithoutProperties(_ref3, _excluded);
|
|
32120
32104
|
var IconSVG = icon;
|
|
32121
32105
|
var url = new URL(to, window.location.href);
|
|
32122
32106
|
var isActive = function isActive() {
|
|
32123
32107
|
return location.pathname.startsWith(url.pathname);
|
|
32124
32108
|
};
|
|
32125
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
32126
|
-
|
|
32127
|
-
key: mainIndex,
|
|
32128
|
-
label: label
|
|
32109
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
32110
|
+
key: mainIndex
|
|
32129
32111
|
}, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends({
|
|
32130
32112
|
activeClassName: "active",
|
|
32131
32113
|
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link",
|
|
@@ -32134,7 +32116,39 @@ var Links = function Links(_ref) {
|
|
|
32134
32116
|
}, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32135
32117
|
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-molecules-sidebar__link-icon",
|
|
32136
32118
|
"data-testid": label
|
|
32137
|
-
}, /*#__PURE__*/React__default["default"].createElement(IconSVG, null))
|
|
32119
|
+
}, /*#__PURE__*/React__default["default"].createElement(IconSVG, null)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
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
|
+
})));
|
|
32138
32152
|
}));
|
|
32139
32153
|
};
|
|
32140
32154
|
|
|
@@ -32152,15 +32166,35 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32152
32166
|
_useState2 = _slicedToArray(_useState, 2),
|
|
32153
32167
|
isAppSwitcherOpen = _useState2[0],
|
|
32154
32168
|
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];
|
|
32155
32181
|
var location = reactRouterDom.useLocation();
|
|
32156
32182
|
React.useEffect(function () {
|
|
32157
32183
|
isAppSwitcherOpen && setIsAppSwitcherOpen(false);
|
|
32158
32184
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32159
32185
|
}, [location]);
|
|
32160
32186
|
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",
|
|
32161
32196
|
"data-cy": "sidebar-wrapper",
|
|
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")
|
|
32197
|
+
"data-testid": "sidebar"
|
|
32164
32198
|
}, /*#__PURE__*/React__default["default"].createElement(Header, null), /*#__PURE__*/React__default["default"].createElement(Links, {
|
|
32165
32199
|
navLinks: navLinks
|
|
32166
32200
|
}), /*#__PURE__*/React__default["default"].createElement(Footer, {
|
|
@@ -32171,6 +32205,24 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32171
32205
|
onAppSwitcherToggle: function onAppSwitcherToggle() {
|
|
32172
32206
|
return setIsAppSwitcherOpen(ramda.not);
|
|
32173
32207
|
}
|
|
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
|
+
}
|
|
32174
32226
|
})), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(AppSwitcher, {
|
|
32175
32227
|
isOpen: isAppSwitcherOpen,
|
|
32176
32228
|
onClose: function onClose() {
|