@bigbinary/neeto-molecules 1.0.87-beta → 1.0.88-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/Columns.cjs.js +34 -6
- package/dist/Columns.cjs.js.map +1 -1
- package/dist/Columns.js +37 -9
- package/dist/Columns.js.map +1 -1
- package/dist/CopyToClipboardButton.cjs.js +205 -8
- package/dist/CopyToClipboardButton.cjs.js.map +1 -1
- package/dist/CopyToClipboardButton.js +207 -10
- package/dist/CopyToClipboardButton.js.map +1 -1
- package/dist/CustomDomainDashboard.cjs.js +20 -6
- package/dist/CustomDomainDashboard.cjs.js.map +1 -1
- package/dist/CustomDomainDashboard.js +20 -6
- package/dist/CustomDomainDashboard.js.map +1 -1
- package/dist/EmailForm.cjs.js +1 -1
- package/dist/EmailForm.cjs.js.map +1 -1
- package/dist/EmailForm.js +1 -1
- package/dist/EmailForm.js.map +1 -1
- package/dist/Header.cjs.js +14 -3
- package/dist/Header.cjs.js.map +1 -1
- package/dist/Header.js +14 -3
- package/dist/Header.js.map +1 -1
- package/dist/IpRestriction.cjs.js +135 -86
- package/dist/IpRestriction.cjs.js.map +1 -1
- package/dist/IpRestriction.js +136 -87
- package/dist/IpRestriction.js.map +1 -1
- package/dist/Rename.cjs.js +2 -2
- package/dist/Rename.cjs.js.map +1 -1
- package/dist/Rename.js +2 -2
- package/dist/Rename.js.map +1 -1
- package/dist/Schedule.cjs.js +3 -1
- package/dist/Schedule.cjs.js.map +1 -1
- package/dist/Schedule.js +3 -1
- package/dist/Schedule.js.map +1 -1
- package/dist/Scrollable.cjs.js.map +1 -1
- package/dist/Scrollable.js.map +1 -1
- package/dist/Sidebar.cjs.js +18 -9
- package/dist/Sidebar.cjs.js.map +1 -1
- package/dist/Sidebar.js +18 -9
- package/dist/Sidebar.js.map +1 -1
- package/dist/SubHeader.cjs.js +6 -3
- package/dist/SubHeader.cjs.js.map +1 -1
- package/dist/SubHeader.js +7 -4
- package/dist/SubHeader.js.map +1 -1
- package/dist/ToggleFeatureCard.cjs.js +304 -0
- package/dist/ToggleFeatureCard.cjs.js.map +1 -0
- package/dist/ToggleFeatureCard.js +298 -0
- package/dist/ToggleFeatureCard.js.map +1 -0
- package/package.json +3 -1
- package/src/translations/en.json +18 -3
- package/types/Columns.d.ts +8 -7
- package/types/CopyToClipboardButton.d.ts +1 -0
- package/types/Header.d.ts +2 -0
- package/types/ImageWithFallback.d.ts +6 -7
- package/types/SubHeader.d.ts +1 -1
- package/types/ToggleFeatureCard.d.ts +32 -0
package/dist/Sidebar.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useRef, useCallback, useEffect, Children, isValidElement, cloneElement, forwardRef, useState } from 'react';
|
|
2
|
+
import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
|
|
2
3
|
import { Typography, Button, Input, Spinner, Avatar, Tooltip } from '@bigbinary/neetoui';
|
|
3
4
|
import { toLower, mergeDeepLeft, all, curry, is, includes, __, not } from 'ramda';
|
|
4
5
|
import { useTranslation } from 'react-i18next';
|
|
@@ -12,7 +13,6 @@ import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils';
|
|
|
12
13
|
import KeyboardShortcuts from '@bigbinary/neeto-molecules/KeyboardShortcuts';
|
|
13
14
|
import * as ProductTypefaceLogos from '@bigbinary/neeto-icons/typeface-logos';
|
|
14
15
|
import { Neeto } from '@bigbinary/neeto-icons/typeface-logos';
|
|
15
|
-
import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
|
|
16
16
|
|
|
17
17
|
function _arrayWithHoles(arr) {
|
|
18
18
|
if (Array.isArray(arr)) return arr;
|
|
@@ -31717,18 +31717,20 @@ var AppSwitcher = function AppSwitcher(_ref) {
|
|
|
31717
31717
|
})))));
|
|
31718
31718
|
};
|
|
31719
31719
|
|
|
31720
|
-
var Chevron = function Chevron() {
|
|
31720
|
+
var Chevron = function Chevron(_ref) {
|
|
31721
|
+
var style = _ref.style;
|
|
31721
31722
|
return /*#__PURE__*/React.createElement("svg", {
|
|
31722
31723
|
height: "16",
|
|
31723
31724
|
viewBox: "0 0 16 16",
|
|
31724
|
-
width: "16"
|
|
31725
|
+
width: "16",
|
|
31726
|
+
style: style
|
|
31725
31727
|
}, /*#__PURE__*/React.createElement("path", {
|
|
31726
31728
|
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",
|
|
31727
31729
|
fill: "currentColor"
|
|
31728
31730
|
}));
|
|
31729
31731
|
};
|
|
31730
31732
|
|
|
31731
|
-
var css = ":root{--neeto-molecules-sidebar-width:240px;--neeto-molecules-sidebar-z-index:99998}.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)}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{transform:scale(-1)}.neeto-molecules-sidebar__wrapper:hover .neeto-molecules-sidebar__toggler{opacity: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-
|
|
31733
|
+
var css = ":root{--neeto-molecules-sidebar-width:240px;--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}.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)}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-36px;transform:scale(-1)}.neeto-molecules-sidebar__wrapper:hover .neeto-molecules-sidebar__toggler{opacity: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-hover-area{bottom:0;left:100%;position:absolute;top:0;width:40px;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar__toggler{opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease-in-out;z-index:99999;z-index:calc(var(--neeto-molecules-sidebar-z-index) + 1)}.neeto-molecules-sidebar__toggler:focus{opacity:1}.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:8px 24px;position:relative;text-decoration:none!important;transition:var(--neeto-ui-transition);width:100%}.neeto-molecules-sidebar__link:not(:first-child){margin-top:10px}.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:none}.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{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-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))}.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}.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}";
|
|
31732
31734
|
n(css,{});
|
|
31733
31735
|
|
|
31734
31736
|
var AppSwitcherButton = function AppSwitcherButton(_ref) {
|
|
@@ -32279,6 +32281,7 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32279
32281
|
isAppSwitcherOpen && setIsAppSwitcherOpen(false);
|
|
32280
32282
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32281
32283
|
}, [location]);
|
|
32284
|
+
var productName = globalProps$1.appName.substr(5).toLowerCase();
|
|
32282
32285
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
32283
32286
|
className: classnames("neeto-molecules-sidebar__wrapper", {
|
|
32284
32287
|
"neeto-molecules-sidebar__wrapper--collapsed": isSidebarCollapsed
|
|
@@ -32297,12 +32300,18 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32297
32300
|
onAppSwitcherToggle: function onAppSwitcherToggle() {
|
|
32298
32301
|
return setIsAppSwitcherOpen(not);
|
|
32299
32302
|
}
|
|
32300
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
32301
|
-
className: "neeto-molecules-sidebar__toggler-
|
|
32302
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
32303
|
+
})), isSidebarCollapsed && /*#__PURE__*/React.createElement("div", {
|
|
32304
|
+
className: "neeto-molecules-sidebar__toggler-hover-area"
|
|
32305
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
32303
32306
|
className: "neeto-molecules-sidebar__toggler",
|
|
32304
|
-
icon: Chevron,
|
|
32305
32307
|
style: "text",
|
|
32308
|
+
icon: function icon() {
|
|
32309
|
+
return /*#__PURE__*/React.createElement(Chevron, {
|
|
32310
|
+
style: {
|
|
32311
|
+
color: "rgb(var(--neeto-".concat(productName, "-primary))")
|
|
32312
|
+
}
|
|
32313
|
+
});
|
|
32314
|
+
},
|
|
32306
32315
|
tooltipProps: {
|
|
32307
32316
|
content: isSidebarCollapsed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
|
|
32308
32317
|
position: "bottom"
|
|
@@ -32310,7 +32319,7 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
32310
32319
|
onClick: function onClick() {
|
|
32311
32320
|
return setIsSidebarCollapsed(!isSidebarCollapsed);
|
|
32312
32321
|
}
|
|
32313
|
-
}))
|
|
32322
|
+
})), showAppSwitcher && /*#__PURE__*/React.createElement(AppSwitcher, {
|
|
32314
32323
|
isOpen: isAppSwitcherOpen,
|
|
32315
32324
|
onClose: function onClose() {
|
|
32316
32325
|
return setIsAppSwitcherOpen(false);
|