npm - @bigbinary/neeto-molecules - Versions diffs - 1.15.27 → 1.15.29 - Mend

@bigbinary/neeto-molecules 1.15.27 → 1.15.29

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.

Files changed (11) hide show

package/dist/Onboarding.js +44 -2
package/dist/Onboarding.js.map +1 -1
package/dist/Sidebar.js +15 -13
package/dist/Sidebar.js.map +1 -1
package/dist/cjs/Onboarding.js +45 -1
package/dist/cjs/Onboarding.js.map +1 -1
package/dist/cjs/Sidebar.js +14 -12
package/dist/cjs/Sidebar.js.map +1 -1
package/package.json +1 -1
package/src/translations/en.json +6 -1
package/types/Onboarding.d.ts +47 -2

package/dist/Onboarding.js CHANGED Viewed

@@ -6,9 +6,11 @@ import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import { Typography, Button } from '@bigbinary/neetoui';
 import { p as propTypes } from './index-e5588516.js';
 import { n } from './inject-css-c86de496.js';
+import useBreakpoints from '@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints';
+import { useTranslation } from 'react-i18next';
 import { RightArrow } from '@bigbinary/neeto-icons';
-var css = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px}";
+var css = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px;width:100%}";
 n(css,{});
 var CompletedScreen = withT(function (_ref) {
@@ -70,6 +72,46 @@ CompletedScreen.propTypes = {
   buttonProps: propTypes.exports.object
 };
+var HelpScreen = function HelpScreen(_ref) {
+  var buttonProps = _ref.buttonProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useBreakpoints = useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("neeto-molecules-onboarding__wrapper", className),
+    "data-testid": "onboarding-help-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "mx-auto w-full max-w-2xl space-y-6"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    component: "h1",
+    "data-cy": "onboarding-help-title",
+    "data-testid": "onboarding-help-title",
+    style: "h2"
+  }, t("neetoMolecules.onboarding.helpScreen.title")), /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "onboarding-help-description",
+    "data-testid": "onboarding-help-description",
+    lineHeight: "normal",
+    style: "body1"
+  }, t("neetoMolecules.onboarding.helpScreen.description")), /*#__PURE__*/React__default.createElement("div", {
+    className: "w-full overflow-hidden"
+  }, isSize("mobile") ? /*#__PURE__*/React__default.createElement("img", {
+    alt: "",
+    src: "https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg"
+  }) : /*#__PURE__*/React__default.createElement("img", {
+    alt: "",
+    src: "https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg"
+  }))), /*#__PURE__*/React__default.createElement(Button, _extends({
+    "data-cy": "onboarding-help-button",
+    "data-testid": "onboarding-help-button",
+    label: t("neetoMolecules.onboarding.helpScreen.continueButton")
+  }, buttonProps))));
+};
 var WelcomeScreen = withT(function (_ref) {
   var t = _ref.t,
     title = _ref.title,
@@ -119,5 +161,5 @@ WelcomeScreen.propTypes = {
   buttonProps: propTypes.exports.object
 };
-export { CompletedScreen, WelcomeScreen };
+export { CompletedScreen, HelpScreen, WelcomeScreen };
 //# sourceMappingURL=Onboarding.js.map

package/dist/Onboarding.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n ({ t, title, description, children, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-congratulations-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-emoji\"\n style=\"h1\"\n >\n 🎉\n </Typography>\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-title\"\n data-testid=\"onboarding-congratulations-title\"\n style=\"h1\"\n >\n <span className=\"neeto-ui-text-success-500\">\n {t(\"neetoMolecules.onboarding.congratulations\")}\n </span>\n <br />\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-description\"\n data-testid=\"onboarding-congratulations-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n {children}\n </div>\n {isPresent(buttonProps) && (\n <Button\n data-cy=\"onboarding-congratulations-button\"\n data-testid=\"onboarding-congratulations-button\"\n label={t(\"neetoMolecules.onboarding.startUsing\")}\n {...buttonProps}\n />\n )}\n </div>\n )\n);\n\nCompletedScreen.propTypes = {\n /*\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the completed screen\n /\n title: PropTypes.string,\n /\n Description of the completed screen\n /\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /\n Additional children elements to be rendered within the completed screen.\n /\n children: PropTypes.node,\n /\n Additional props that can be passed on to the button\n /\n buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n ({ t, title, description, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-welcome-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-title\"\n data-testid=\"onboarding-welcome-title\"\n style=\"h1\"\n >\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-description\"\n data-testid=\"onboarding-welcome-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n </div>\n <Button\n data-cy=\"onboarding-welcome-button\"\n data-testid=\"onboarding-welcome-button\"\n icon={RightArrow}\n label={t(\"neetoMolecules.onboarding.getStarted\")}\n {...buttonProps}\n />\n </div>\n )\n);\n\nWelcomeScreen.propTypes = {\n /\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the welcome screen\n /\n title: PropTypes.string,\n /\n Description of the welcome screen\n /\n description: PropTypes.string,\n /\n Additional props that can be passed on to the button\n */\n buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","oneOfType","node","object","WelcomeScreen","icon","RightArrow"],"mappings":"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"}
1	+ {"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n ({ t, title, description, children, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-congratulations-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-emoji\"\n style=\"h1\"\n >\n 🎉\n </Typography>\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-title\"\n data-testid=\"onboarding-congratulations-title\"\n style=\"h1\"\n >\n <span className=\"neeto-ui-text-success-500\">\n {t(\"neetoMolecules.onboarding.congratulations\")}\n </span>\n <br />\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-description\"\n data-testid=\"onboarding-congratulations-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n {children}\n </div>\n {isPresent(buttonProps) && (\n <Button\n data-cy=\"onboarding-congratulations-button\"\n data-testid=\"onboarding-congratulations-button\"\n label={t(\"neetoMolecules.onboarding.startUsing\")}\n {...buttonProps}\n />\n )}\n </div>\n )\n);\n\nCompletedScreen.propTypes = {\n /*\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the completed screen\n /\n title: PropTypes.string,\n /\n Description of the completed screen\n /\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /\n Additional children elements to be rendered within the completed screen.\n /\n children: PropTypes.node,\n /\n Additional props that can be passed on to the button\n /\n buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./onboarding.scss\";\n\nconst HelpScreen = ({ buttonProps, className = \"\" }) => {\n const { t } = useTranslation();\n const { isSize } = useBreakpoints();\n\n return (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-help-wrapper\"\n >\n <div className=\"mx-auto w-full max-w-2xl space-y-6\">\n <div className=\"space-y-3\">\n <Typography\n component=\"h1\"\n data-cy=\"onboarding-help-title\"\n data-testid=\"onboarding-help-title\"\n style=\"h2\"\n >\n {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n </Typography>\n <Typography\n data-cy=\"onboarding-help-description\"\n data-testid=\"onboarding-help-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n </Typography>\n <div className=\"w-full overflow-hidden\">\n {isSize(\"mobile\") ? (\n <img\n alt=\"\"\n src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n />\n ) : (\n <img\n alt=\"\"\n src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n />\n )}\n </div>\n </div>\n <Button\n data-cy=\"onboarding-help-button\"\n data-testid=\"onboarding-help-button\"\n label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n {...buttonProps}\n />\n </div>\n </div>\n );\n};\n\nHelpScreen.propTypes = {\n /\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Additional props that can be passed on to the button\n /\n buttonProps: PropTypes.object,\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n ({ t, title, description, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-welcome-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-title\"\n data-testid=\"onboarding-welcome-title\"\n style=\"h1\"\n >\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-description\"\n data-testid=\"onboarding-welcome-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n </div>\n <Button\n data-cy=\"onboarding-welcome-button\"\n data-testid=\"onboarding-welcome-button\"\n icon={RightArrow}\n label={t(\"neetoMolecules.onboarding.getStarted\")}\n {...buttonProps}\n />\n </div>\n )\n);\n\nWelcomeScreen.propTypes = {\n /\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the welcome screen\n /\n title: PropTypes.string,\n /\n Description of the welcome screen\n /\n description: PropTypes.string,\n /\n Additional props that can be passed on to the button\n */\n buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","oneOfType","node","object","HelpScreen","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","component","alt","src","WelcomeScreen","icon","RightArrow"],"mappings":"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"}

package/dist/Sidebar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { capitalize, findBy, hyphenate, isNotPresent, isNotEmpty, isPresent } from '@bigbinary/neeto-cist';
+import { capitalize, findBy, hyphenate, isNotPresent, isNotEmpty, isPresent, findLastBy } from '@bigbinary/neeto-cist';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import useLocalStorage from '@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
@@ -71,7 +71,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var Links = function Links(_ref) {
   var navLinks = _ref.navLinks,
     isCountsLoadingDeprecated = _ref.isCountsLoading,
-    setSelectedNavLink = _ref.setSelectedNavLink;
+    setSelectedNavLinkRoute = _ref.setSelectedNavLinkRoute;
   var location = useLocation();
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -84,7 +84,7 @@ var Links = function Links(_ref) {
       navLink = _ref2.navLink;
     if (isNotPresent(items)) return;
     if (navLink.isConfigureNavLink && isNotEmpty(navLink.items)) {
-      setSelectedNavLink(navLink);
+      setSelectedNavLinkRoute(navLink.to);
     }
     if (isActive()) {
       setIsActiveLinkExpanded(not);
@@ -160,8 +160,8 @@ var Sidebar = function Sidebar(_ref) {
     setIsSidebarPaneOpen = _useState2[1];
   var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedNavLink = _useState4[0],
-    setSelectedNavLink = _useState4[1];
+    selectedNavLinkRoute = _useState4[0],
+    setSelectedNavLinkRoute = _useState4[1];
   var _useLocalStorage = useLocalStorage(getSidebarStateLocalStorageKey(), false),
     _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
     isSidebarCollapsed = _useLocalStorage2[0],
@@ -183,7 +183,7 @@ var Sidebar = function Sidebar(_ref) {
       return is(Function, isActive) ? isActive() : location.pathname.includes(url.pathname);
     })(navLinks);
     if (isPresent(currentLink)) {
-      setSelectedNavLink(currentLink.isConfigureNavLink ? currentLink : null);
+      setSelectedNavLinkRoute(currentLink.isConfigureNavLink ? currentLink.to : null);
     }
   }, []);
   useEffect(function () {
@@ -199,7 +199,7 @@ var Sidebar = function Sidebar(_ref) {
   }, []);
   var handleGoBack = function handleGoBack(event) {
     event.preventDefault();
-    setSelectedNavLink(null);
+    setSelectedNavLinkRoute(null);
     var settingsNavLink = navLinks.find(function (link) {
       return isPresent(link.isConfigureNavLink) && link.isConfigureNavLink;
     });
@@ -216,26 +216,28 @@ var Sidebar = function Sidebar(_ref) {
     className: "neeto-molecules-sidebar__backdrop",
     onClick: function onClick() {
       setIsSidebarPaneOpen(false);
-      setSelectedNavLink({});
+      setSelectedNavLinkRoute(null);
     }
   }), /*#__PURE__*/React__default.createElement("div", {
     "data-cy": "sidebar-wrapper",
     "data-testid": "sidebar",
     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--focus-mode": isPresent(selectedNavLink)
+      "neeto-molecules-sidebar--focus-mode": isPresent(selectedNavLinkRoute)
     })
   }, /*#__PURE__*/React__default.createElement(Header$1, {
     customLogo: customLogo,
     clearSettingsNav: function clearSettingsNav() {
-      return setSelectedNavLink(null);
+      return setSelectedNavLinkRoute(null);
     }
-  }), isPresent(selectedNavLink) ? /*#__PURE__*/React__default.createElement(SelectedLink, {
+  }), isPresent(selectedNavLinkRoute) ? /*#__PURE__*/React__default.createElement(SelectedLink, {
     handleGoBack: handleGoBack,
-    navLink: selectedNavLink
+    navLink: findLastBy({
+      to: selectedNavLinkRoute
+    }, navLinks)
   }) : /*#__PURE__*/React__default.createElement(Links, {
     isCountsLoading: isCountsLoading,
     navLinks: navLinks,
-    setSelectedNavLink: setSelectedNavLink
+    setSelectedNavLinkRoute: setSelectedNavLinkRoute
   })), /*#__PURE__*/React__default.createElement(Button, {
     className: "neeto-molecules-sidebar__toggler",
     "data-cy": "neeto-molecules-sidebar-toggler",

package/dist/Sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sidebar.js","sources":["../src/components/Sidebar/Components/Chevron.jsx","../src/components/Sidebar/Components/Header.jsx","../src/components/Sidebar/Components/Links/index.jsx","../src/components/Sidebar/index.jsx"],"sourcesContent":["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","import React from \"react\";\n\nimport { capitalize, findBy } from \"neetocist\";\nimport useFetchNeetoApps from \"neetocommons/react-utils/useFetchNeetoApps\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport { Link } from \"react-router-dom\";\n\nconst Header = ({ customLogo, clearSettingsNav }) => {\n const productName = globalProps.appName.substr(5);\n const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n const LogoComponent = customLogo ?? ProductTypefaceLogo;\n\n const { data } = useFetchNeetoApps();\n\n let homePath = \"/\";\n if (data?.neetoApps) {\n const thisApp = findBy({ name: productName }, data.neetoApps);\n if (thisApp?.url) {\n homePath = new URL(thisApp?.url).pathname;\n }\n }\n\n return (\n <div\n className=\"neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"sidebar-info\"\n >\n <Link\n className=\"neeto-molecules-sidebar__logo neeto-ui-w-full\"\n to={homePath}\n onClick={clearSettingsNav}\n >\n <LogoComponent />\n </Link>\n </div>\n );\n};\n\nexport default React.memo(Header);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate, isNotEmpty, isNotPresent } from \"neetocist\";\nimport { Down } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { is, not } from \"ramda\";\nimport { useLocation } from \"react-router-dom\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\nimport Items from \"./Items\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Links = ({\n navLinks,\n isCountsLoading: isCountsLoadingDeprecated,\n setSelectedNavLink,\n}) => {\n const location = useLocation();\n const [isActiveLinkExpanded, setIsActiveLinkExpanded] = useState(true);\n\n const handleNavLinkClick = ({ event, isActive, items, navLink }) => {\n if (isNotPresent(items)) return;\n\n if (navLink.isConfigureNavLink && isNotEmpty(navLink.items)) {\n setSelectedNavLink(navLink);\n }\n\n if (isActive()) {\n setIsActiveLinkExpanded(not);\n event.preventDefault();\n\n return;\n }\n\n setIsActiveLinkExpanded(true);\n };\n\n return (\n <div className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable\">\n {navLinks.filter(filterByPermissions).map((navLink, index) => {\n const {\n label,\n to,\n icon,\n items,\n isConfigureNavLink,\n isCountsLoading = false,\n ...otherProps\n } = navLink;\n const IconSVG = icon;\n const url = new URL(to, window.location.href);\n const isActive = () =>\n is(Function, otherProps.isActive)\n ? otherProps.isActive()\n : location.pathname.startsWith(url.pathname);\n\n const isMenuExpanded =\n isActive() && isActiveLinkExpanded && !isCountsLoadingDeprecated;\n\n return (\n <React.Fragment key={index}>\n <CheckPointNavLinks\n activeClassName=\"active\"\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link\"\n data-testid={`navlink-${hyphenate(label)}`}\n onClick={event =>\n handleNavLinkClick({ event, isActive, items, navLink })\n }\n {...{ isActive, to, ...otherProps }}\n >\n {icon && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-testid={label}\n >\n <IconSVG />\n </span>\n )}\n <Typography\n className=\"neeto-molecules-sidebar__link-label\"\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n >\n {label}\n </Typography>\n {items && !isConfigureNavLink && (\n <span\n className={classnames(\n \"neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret\",\n {\n \"neeto-molecules-sidebar__link-icon--rotate\":\n isMenuExpanded,\n }\n )}\n >\n <Down size={16} />\n </span>\n )}\n </CheckPointNavLinks>\n {items && !isConfigureNavLink && isMenuExpanded && (\n <Items {...{ isCountsLoading, items, ...otherProps }} />\n )}\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport default Links;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport useLocalStorage from \"neetocommons/react-utils/useLocalStorage\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { findLast, is, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation, useHistory } from \"react-router-dom\";\n\nimport Chevron from \"./Components/Chevron\";\nimport Header from \"./Components/Header\";\nimport Links from \"./Components/Links\";\nimport SelectedLink from \"./Components/Links/SelectedLink\";\nimport \"./sidebar.scss\";\nimport { getSidebarStateLocalStorageKey } from \"./utils\";\n\nconst Sidebar = ({ navLinks, customLogo, isCountsLoading = false }) => {\n const productName = globalProps.appName.substr(5).toLowerCase();\n const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n const [selectedNavLink, setSelectedNavLink] = useState(null);\n const [isSidebarCollapsed, setIsSidebarCollapsed] = useLocalStorage(\n getSidebarStateLocalStorageKey(),\n false\n );\n\n const location = useLocation();\n const history = useHistory();\n const { t } = useTranslation();\n\n const isLargerScreen = () => window.innerWidth > 768;\n const isSidebarClosed = isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen);\n\n useEffect(() => {\n if (!isPresent(navLinks)) return;\n const currentLink = findLast(({ to, isActive }) => {\n const url = new URL(to, window.location.href);\n\n return is(Function, isActive)\n ? isActive()\n : location.pathname.includes(url.pathname);\n })(navLinks);\n\n if (isPresent(currentLink)) {\n setSelectedNavLink(currentLink.isConfigureNavLink ? currentLink : null);\n }\n }, []);\n\n useEffect(() => {\n const handleResize = () => {\n if (isLargerScreen()) return;\n setIsSidebarPaneOpen(false);\n setIsSidebarCollapsed(true);\n };\n window.addEventListener(\"resize\", handleResize);\n\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n const handleGoBack = event => {\n event.preventDefault();\n setSelectedNavLink(null);\n const settingsNavLink = navLinks.find(\n link => isPresent(link.isConfigureNavLink) && link.isConfigureNavLink\n );\n if (settingsNavLink.to) {\n history.push(buildUrl(settingsNavLink.to));\n }\n };\n\n return (\n <div\n data-testid=\"sidebar-container\"\n className={classnames(\"neeto-molecules-sidebar__wrapper\", {\n \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen),\n })}\n >\n <div\n className=\"neeto-molecules-sidebar__backdrop\"\n onClick={() => {\n setIsSidebarPaneOpen(false);\n setSelectedNavLink({});\n }}\n />\n <div\n data-cy=\"sidebar-wrapper\"\n data-testid=\"sidebar\"\n className={classnames(\n \"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\",\n {\n \"neeto-molecules-sidebar--focus-mode\": isPresent(selectedNavLink),\n }\n )}\n >\n <Header\n {...{ customLogo }}\n clearSettingsNav={() => setSelectedNavLink(null)}\n />\n {isPresent(selectedNavLink) ? (\n <SelectedLink {...{ handleGoBack }} navLink={selectedNavLink} />\n ) : (\n <Links {...{ isCountsLoading, navLinks, setSelectedNavLink }} />\n )}\n </div>\n <Button\n className=\"neeto-molecules-sidebar__toggler\"\n data-cy=\"neeto-molecules-sidebar-toggler\"\n data-testid=\"sidebar-toggleButton\"\n style={isLargerScreen() ? \"text\" : \"secondary\"}\n icon={() => (\n <Chevron\n style={{ color: `rgb(var(--neeto-${productName}-primary))` }}\n />\n )}\n tooltipProps={{\n content: isSidebarClosed\n ? t(\"neetoMolecules.sidebar.showMenu\")\n : t(\"neetoMolecules.sidebar.hideMenu\"),\n position: \"bottom\",\n }}\n onClick={() => {\n setIsSidebarCollapsed(!isSidebarCollapsed);\n setIsSidebarPaneOpen(not);\n }}\n />\n </div>\n );\n};\n\nSidebar.propTypes = {\n /*\n To specify the navlinks to be shown in sidebar.\n /\n navLinks: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n label: PropTypes.string,\n to: PropTypes.string,\n isActive: PropTypes.func,\n checkpointKey: PropTypes.string,\n isCountsLoading: PropTypes.bool,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n to: PropTypes.string,\n count: PropTypes.number,\n isActive: PropTypes.func,\n type: PropTypes.string,\n filters: PropTypes.array,\n checkpointKey: PropTypes.string,\n })\n ),\n })\n ),\n /\n To override the logo displayed on the sidebar.\n /\n customLogo: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /\n Boolean to notate whether the counts are being fetched.\n */\n isCountsLoading: PropTypes.bool,\n};\n\nexport default Sidebar;\n"],"names":["Chevron","_ref","style","React","createElement","height","viewBox","width","d","fill","Header","_ProductTypefaceLogos","customLogo","clearSettingsNav","productName","globalProps","appName","substr","logoName","concat","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","LogoComponent","_useFetchNeetoApps","useFetchNeetoApps","data","homePath","neetoApps","thisApp","findBy","name","url","URL","pathname","className","Link","to","onClick","memo","Links","navLinks","isCountsLoadingDeprecated","isCountsLoading","setSelectedNavLink","location","useLocation","_useState","useState","_useState2","_slicedToArray","isActiveLinkExpanded","setIsActiveLinkExpanded","handleNavLinkClick","_ref2","event","isActive","items","navLink","isNotPresent","isConfigureNavLink","isNotEmpty","not","preventDefault","filter","filterByPermissions","map","index","label","icon","_navLink$isCountsLoad","otherProps","_objectWithoutProperties","_excluded","IconSVG","window","href","is","Function","startsWith","isMenuExpanded","Fragment","key","CheckPointNavLinks","_extends","activeClassName","hyphenate","_objectSpread","Typography","component","weight","classnames","Down","size","Items","Sidebar","_ref$isCountsLoading","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","selectedNavLink","_useLocalStorage","useLocalStorage","getSidebarStateLocalStorageKey","_useLocalStorage2","isSidebarCollapsed","setIsSidebarCollapsed","history","useHistory","_useTranslation","useTranslation","t","isLargerScreen","innerWidth","isSidebarClosed","useEffect","isPresent","currentLink","findLast","includes","handleResize","addEventListener","removeEventListener","handleGoBack","settingsNavLink","find","link","push","buildUrl","SelectedLink","Button","color","tooltipProps","content","position"],"mappings":"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"}
1	+ {"version":3,"file":"Sidebar.js","sources":["../src/components/Sidebar/Components/Chevron.jsx","../src/components/Sidebar/Components/Header.jsx","../src/components/Sidebar/Components/Links/index.jsx","../src/components/Sidebar/index.jsx"],"sourcesContent":["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","import React from \"react\";\n\nimport { capitalize, findBy } from \"neetocist\";\nimport useFetchNeetoApps from \"neetocommons/react-utils/useFetchNeetoApps\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport { Link } from \"react-router-dom\";\n\nconst Header = ({ customLogo, clearSettingsNav }) => {\n const productName = globalProps.appName.substr(5);\n const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n const LogoComponent = customLogo ?? ProductTypefaceLogo;\n\n const { data } = useFetchNeetoApps();\n\n let homePath = \"/\";\n if (data?.neetoApps) {\n const thisApp = findBy({ name: productName }, data.neetoApps);\n if (thisApp?.url) {\n homePath = new URL(thisApp?.url).pathname;\n }\n }\n\n return (\n <div\n className=\"neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"sidebar-info\"\n >\n <Link\n className=\"neeto-molecules-sidebar__logo neeto-ui-w-full\"\n to={homePath}\n onClick={clearSettingsNav}\n >\n <LogoComponent />\n </Link>\n </div>\n );\n};\n\nexport default React.memo(Header);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate, isNotEmpty, isNotPresent } from \"neetocist\";\nimport { Down } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { is, not } from \"ramda\";\nimport { useLocation } from \"react-router-dom\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\nimport Items from \"./Items\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Links = ({\n navLinks,\n isCountsLoading: isCountsLoadingDeprecated,\n setSelectedNavLinkRoute,\n}) => {\n const location = useLocation();\n const [isActiveLinkExpanded, setIsActiveLinkExpanded] = useState(true);\n\n const handleNavLinkClick = ({ event, isActive, items, navLink }) => {\n if (isNotPresent(items)) return;\n\n if (navLink.isConfigureNavLink && isNotEmpty(navLink.items)) {\n setSelectedNavLinkRoute(navLink.to);\n }\n\n if (isActive()) {\n setIsActiveLinkExpanded(not);\n event.preventDefault();\n\n return;\n }\n\n setIsActiveLinkExpanded(true);\n };\n\n return (\n <div className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable\">\n {navLinks.filter(filterByPermissions).map((navLink, index) => {\n const {\n label,\n to,\n icon,\n items,\n isConfigureNavLink,\n isCountsLoading = false,\n ...otherProps\n } = navLink;\n const IconSVG = icon;\n const url = new URL(to, window.location.href);\n const isActive = () =>\n is(Function, otherProps.isActive)\n ? otherProps.isActive()\n : location.pathname.startsWith(url.pathname);\n\n const isMenuExpanded =\n isActive() && isActiveLinkExpanded && !isCountsLoadingDeprecated;\n\n return (\n <React.Fragment key={index}>\n <CheckPointNavLinks\n activeClassName=\"active\"\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link\"\n data-testid={`navlink-${hyphenate(label)}`}\n onClick={event =>\n handleNavLinkClick({ event, isActive, items, navLink })\n }\n {...{ isActive, to, ...otherProps }}\n >\n {icon && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-testid={label}\n >\n <IconSVG />\n </span>\n )}\n <Typography\n className=\"neeto-molecules-sidebar__link-label\"\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n >\n {label}\n </Typography>\n {items && !isConfigureNavLink && (\n <span\n className={classnames(\n \"neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret\",\n {\n \"neeto-molecules-sidebar__link-icon--rotate\":\n isMenuExpanded,\n }\n )}\n >\n <Down size={16} />\n </span>\n )}\n </CheckPointNavLinks>\n {items && !isConfigureNavLink && isMenuExpanded && (\n <Items {...{ isCountsLoading, items, ...otherProps }} />\n )}\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport default Links;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, findLastBy } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport useLocalStorage from \"neetocommons/react-utils/useLocalStorage\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { findLast, is, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation, useHistory } from \"react-router-dom\";\n\nimport Chevron from \"./Components/Chevron\";\nimport Header from \"./Components/Header\";\nimport Links from \"./Components/Links\";\nimport SelectedLink from \"./Components/Links/SelectedLink\";\nimport \"./sidebar.scss\";\nimport { getSidebarStateLocalStorageKey } from \"./utils\";\n\nconst Sidebar = ({ navLinks, customLogo, isCountsLoading = false }) => {\n const productName = globalProps.appName.substr(5).toLowerCase();\n const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n const [selectedNavLinkRoute, setSelectedNavLinkRoute] = useState(null);\n const [isSidebarCollapsed, setIsSidebarCollapsed] = useLocalStorage(\n getSidebarStateLocalStorageKey(),\n false\n );\n\n const location = useLocation();\n const history = useHistory();\n const { t } = useTranslation();\n\n const isLargerScreen = () => window.innerWidth > 768;\n const isSidebarClosed = isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen);\n\n useEffect(() => {\n if (!isPresent(navLinks)) return;\n const currentLink = findLast(({ to, isActive }) => {\n const url = new URL(to, window.location.href);\n\n return is(Function, isActive)\n ? isActive()\n : location.pathname.includes(url.pathname);\n })(navLinks);\n\n if (isPresent(currentLink)) {\n setSelectedNavLinkRoute(\n currentLink.isConfigureNavLink ? currentLink.to : null\n );\n }\n }, []);\n\n useEffect(() => {\n const handleResize = () => {\n if (isLargerScreen()) return;\n setIsSidebarPaneOpen(false);\n setIsSidebarCollapsed(true);\n };\n window.addEventListener(\"resize\", handleResize);\n\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n const handleGoBack = event => {\n event.preventDefault();\n setSelectedNavLinkRoute(null);\n const settingsNavLink = navLinks.find(\n link => isPresent(link.isConfigureNavLink) && link.isConfigureNavLink\n );\n if (settingsNavLink.to) {\n history.push(buildUrl(settingsNavLink.to));\n }\n };\n\n return (\n <div\n data-testid=\"sidebar-container\"\n className={classnames(\"neeto-molecules-sidebar__wrapper\", {\n \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen),\n })}\n >\n <div\n className=\"neeto-molecules-sidebar__backdrop\"\n onClick={() => {\n setIsSidebarPaneOpen(false);\n setSelectedNavLinkRoute(null);\n }}\n />\n <div\n data-cy=\"sidebar-wrapper\"\n data-testid=\"sidebar\"\n className={classnames(\n \"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\",\n {\n \"neeto-molecules-sidebar--focus-mode\":\n isPresent(selectedNavLinkRoute),\n }\n )}\n >\n <Header\n {...{ customLogo }}\n clearSettingsNav={() => setSelectedNavLinkRoute(null)}\n />\n {isPresent(selectedNavLinkRoute) ? (\n <SelectedLink\n {...{ handleGoBack }}\n navLink={findLastBy({ to: selectedNavLinkRoute }, navLinks)}\n />\n ) : (\n <Links {...{ isCountsLoading, navLinks, setSelectedNavLinkRoute }} />\n )}\n </div>\n <Button\n className=\"neeto-molecules-sidebar__toggler\"\n data-cy=\"neeto-molecules-sidebar-toggler\"\n data-testid=\"sidebar-toggleButton\"\n style={isLargerScreen() ? \"text\" : \"secondary\"}\n icon={() => (\n <Chevron\n style={{ color: `rgb(var(--neeto-${productName}-primary))` }}\n />\n )}\n tooltipProps={{\n content: isSidebarClosed\n ? t(\"neetoMolecules.sidebar.showMenu\")\n : t(\"neetoMolecules.sidebar.hideMenu\"),\n position: \"bottom\",\n }}\n onClick={() => {\n setIsSidebarCollapsed(!isSidebarCollapsed);\n setIsSidebarPaneOpen(not);\n }}\n />\n </div>\n );\n};\n\nSidebar.propTypes = {\n /*\n To specify the navlinks to be shown in sidebar.\n /\n navLinks: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n label: PropTypes.string,\n to: PropTypes.string,\n isActive: PropTypes.func,\n checkpointKey: PropTypes.string,\n isCountsLoading: PropTypes.bool,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n to: PropTypes.string,\n count: PropTypes.number,\n isActive: PropTypes.func,\n type: PropTypes.string,\n filters: PropTypes.array,\n checkpointKey: PropTypes.string,\n })\n ),\n })\n ),\n /\n To override the logo displayed on the sidebar.\n /\n customLogo: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /\n Boolean to notate whether the counts are being fetched.\n */\n isCountsLoading: PropTypes.bool,\n};\n\nexport default Sidebar;\n"],"names":["Chevron","_ref","style","React","createElement","height","viewBox","width","d","fill","Header","_ProductTypefaceLogos","customLogo","clearSettingsNav","productName","globalProps","appName","substr","logoName","concat","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","LogoComponent","_useFetchNeetoApps","useFetchNeetoApps","data","homePath","neetoApps","thisApp","findBy","name","url","URL","pathname","className","Link","to","onClick","memo","Links","navLinks","isCountsLoadingDeprecated","isCountsLoading","setSelectedNavLinkRoute","location","useLocation","_useState","useState","_useState2","_slicedToArray","isActiveLinkExpanded","setIsActiveLinkExpanded","handleNavLinkClick","_ref2","event","isActive","items","navLink","isNotPresent","isConfigureNavLink","isNotEmpty","not","preventDefault","filter","filterByPermissions","map","index","label","icon","_navLink$isCountsLoad","otherProps","_objectWithoutProperties","_excluded","IconSVG","window","href","is","Function","startsWith","isMenuExpanded","Fragment","key","CheckPointNavLinks","_extends","activeClassName","hyphenate","_objectSpread","Typography","component","weight","classnames","Down","size","Items","Sidebar","_ref$isCountsLoading","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","selectedNavLinkRoute","_useLocalStorage","useLocalStorage","getSidebarStateLocalStorageKey","_useLocalStorage2","isSidebarCollapsed","setIsSidebarCollapsed","history","useHistory","_useTranslation","useTranslation","t","isLargerScreen","innerWidth","isSidebarClosed","useEffect","isPresent","currentLink","findLast","includes","handleResize","addEventListener","removeEventListener","handleGoBack","settingsNavLink","find","link","push","buildUrl","SelectedLink","findLastBy","Button","color","tooltipProps","content","position"],"mappings":"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"}

package/dist/cjs/Onboarding.js CHANGED Viewed

@@ -10,6 +10,8 @@ var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 var neetoui = require('@bigbinary/neetoui');
 var index = require('./index-248c4f4c.js');
 var injectCss = require('./inject-css-80a5faa3.js');
+var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
+var reactI18next = require('react-i18next');
 var neetoIcons = require('@bigbinary/neeto-icons');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,8 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
+var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
-var css = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px}";
+var css = ".neeto-molecules-onboarding__wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow-y:auto;padding:15vh 32px 32px;width:100%}";
 injectCss.n(css,{});
 var CompletedScreen = withT__default["default"](function (_ref) {
@@ -80,6 +83,46 @@ CompletedScreen.propTypes = {
   buttonProps: index.propTypes.exports.object
 };
+var HelpScreen = function HelpScreen(_ref) {
+  var buttonProps = _ref.buttonProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useBreakpoints = useBreakpoints__default["default"](),
+    isSize = _useBreakpoints.isSize;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]("neeto-molecules-onboarding__wrapper", className),
+    "data-testid": "onboarding-help-wrapper"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-2xl space-y-6"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    component: "h1",
+    "data-cy": "onboarding-help-title",
+    "data-testid": "onboarding-help-title",
+    style: "h2"
+  }, t("neetoMolecules.onboarding.helpScreen.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "onboarding-help-description",
+    "data-testid": "onboarding-help-description",
+    lineHeight: "normal",
+    style: "body1"
+  }, t("neetoMolecules.onboarding.helpScreen.description")), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full overflow-hidden"
+  }, isSize("mobile") ? /*#__PURE__*/React__default["default"].createElement("img", {
+    alt: "",
+    src: "https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg"
+  }) : /*#__PURE__*/React__default["default"].createElement("img", {
+    alt: "",
+    src: "https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg"
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
+    "data-cy": "onboarding-help-button",
+    "data-testid": "onboarding-help-button",
+    label: t("neetoMolecules.onboarding.helpScreen.continueButton")
+  }, buttonProps))));
+};
 var WelcomeScreen = withT__default["default"](function (_ref) {
   var t = _ref.t,
     title = _ref.title,
@@ -130,5 +173,6 @@ WelcomeScreen.propTypes = {
 };
 exports.CompletedScreen = CompletedScreen;
+exports.HelpScreen = HelpScreen;
 exports.WelcomeScreen = WelcomeScreen;
 //# sourceMappingURL=Onboarding.js.map

package/dist/cjs/Onboarding.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Onboarding.js","sources":["../../src/components/Onboarding/CompletedScreen.jsx","../../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n ({ t, title, description, children, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-congratulations-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-emoji\"\n style=\"h1\"\n >\n 🎉\n </Typography>\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-title\"\n data-testid=\"onboarding-congratulations-title\"\n style=\"h1\"\n >\n <span className=\"neeto-ui-text-success-500\">\n {t(\"neetoMolecules.onboarding.congratulations\")}\n </span>\n <br />\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-description\"\n data-testid=\"onboarding-congratulations-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n {children}\n </div>\n {isPresent(buttonProps) && (\n <Button\n data-cy=\"onboarding-congratulations-button\"\n data-testid=\"onboarding-congratulations-button\"\n label={t(\"neetoMolecules.onboarding.startUsing\")}\n {...buttonProps}\n />\n )}\n </div>\n )\n);\n\nCompletedScreen.propTypes = {\n /*\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the completed screen\n /\n title: PropTypes.string,\n /\n Description of the completed screen\n /\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /\n Additional children elements to be rendered within the completed screen.\n /\n children: PropTypes.node,\n /\n Additional props that can be passed on to the button\n /\n buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n ({ t, title, description, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-welcome-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-title\"\n data-testid=\"onboarding-welcome-title\"\n style=\"h1\"\n >\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-description\"\n data-testid=\"onboarding-welcome-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n </div>\n <Button\n data-cy=\"onboarding-welcome-button\"\n data-testid=\"onboarding-welcome-button\"\n icon={RightArrow}\n label={t(\"neetoMolecules.onboarding.getStarted\")}\n {...buttonProps}\n />\n </div>\n )\n);\n\nWelcomeScreen.propTypes = {\n /\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the welcome screen\n /\n title: PropTypes.string,\n /\n Description of the welcome screen\n /\n description: PropTypes.string,\n /\n Additional props that can be passed on to the button\n */\n buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","oneOfType","node","object","WelcomeScreen","icon","RightArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,eAAe,GAAGC,yBAAK,CAC3B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBAC7DE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,8BAAU,CAAC,qCAAqC,EAAEH,SAAS,CAAE;IACxE,aAAY,EAAA,oCAAA;GAEZC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAC,yCAAA;AAAyC,GAAA,eACtDC,yBAAA,CAAAC,aAAA,CAACE,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,aAAa;AACvB,IAAA,SAAA,EAAQ,kCAAkC;AAC1CK,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EACX,cAEW,CAAC,eACbJ,yBAAA,CAAAC,aAAA,CAACE,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,aAAa;AACvB,IAAA,SAAA,EAAQ,kCAAkC;AAC1C,IAAA,aAAA,EAAY,kCAAkC;AAC9CK,IAAAA,KAAK,EAAC,IAAA;GAENJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMF,IAAAA,SAAS,EAAC,2BAAA;GACbN,EAAAA,CAAC,CAAC,2CAA2C,CAC1C,CAAC,eACPO,yBAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAK,CAAC,EACLP,KACS,CAAC,EACZC,WAAW,iBACVK,yBAAA,CAAAC,aAAA,CAACE,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,aAAa;AACvB,IAAA,SAAA,EAAQ,wCAAwC;AAChD,IAAA,aAAA,EAAY,wCAAwC;AACpDM,IAAAA,UAAU,EAAC,QAAQ;AACnBD,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAEZT,WACS,CACb,EACAC,QACE,CAAC,EACLU,mBAAS,CAACT,WAAW,CAAC,iBACrBG,yBAAA,CAAAC,aAAA,CAACM,cAAM,EAAAC,iBAAA,CAAA;AACL,IAAA,SAAA,EAAQ,mCAAmC;AAC3C,IAAA,aAAA,EAAY,mCAAmC;IAC/CC,KAAK,EAAEhB,CAAC,CAAC,sCAAsC,CAAA;GAC3CI,EAAAA,WAAW,CAChB,CAEA,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDP,eAAe,CAACoB,SAAS,GAAG;AAC1B;AACF;AACA;EACEX,SAAS,EAAEY,uBAAS,CAACC,MAAM;AAC3B;AACF;AACA;EACElB,KAAK,EAAEiB,uBAAS,CAACC,MAAM;AACvB;AACF;AACA;AACEjB,EAAAA,WAAW,EAAEgB,uBAAS,CAACE,SAAS,CAAC,CAACF,uBAAS,CAACC,MAAM,EAAED,uBAAS,CAACG,IAAI,CAAC,CAAC;AACpE;AACF;AACA;EACElB,QAAQ,EAAEe,uBAAS,CAACG,IAAI;AACxB;AACF;AACA;EACEjB,WAAW,EAAEc,uBAAS,CAACI,MAAAA;AACzB,CAAC;;ACxED,IAAMC,aAAa,GAAGzB,yBAAK,CACzB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEE,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACnDE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,8BAAU,CAAC,qCAAqC,EAAEH,SAAS,CAAE;IACxE,aAAY,EAAA,4BAAA;GAEZC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAC,yCAAA;AAAyC,GAAA,eACtDC,yBAAA,CAAAC,aAAA,CAACE,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,aAAa;AACvB,IAAA,SAAA,EAAQ,0BAA0B;AAClC,IAAA,aAAA,EAAY,0BAA0B;AACtCK,IAAAA,KAAK,EAAC,IAAA;GAELV,EAAAA,KACS,CAAC,EACZC,WAAW,iBACVK,yBAAA,CAAAC,aAAA,CAACE,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,aAAa;AACvB,IAAA,SAAA,EAAQ,gCAAgC;AACxC,IAAA,aAAA,EAAY,gCAAgC;AAC5CM,IAAAA,UAAU,EAAC,QAAQ;AACnBD,IAAAA,KAAK,EAAC,OAAA;GAELT,EAAAA,WACS,CAEX,CAAC,eACNK,yBAAA,CAAAC,aAAA,CAACM,cAAM,EAAAC,iBAAA,CAAA;AACL,IAAA,SAAA,EAAQ,2BAA2B;AACnC,IAAA,aAAA,EAAY,2BAA2B;AACvCS,IAAAA,IAAI,EAAEC,qBAAW;IACjBT,KAAK,EAAEhB,CAAC,CAAC,sCAAsC,CAAA;GAC3CI,EAAAA,WAAW,CAChB,CACE,CAAC,CAAA;AAAA,CAEV,EAAC;AAEDmB,aAAa,CAACN,SAAS,GAAG;AACxB;AACF;AACA;EACEX,SAAS,EAAEY,uBAAS,CAACC,MAAM;AAC3B;AACF;AACA;EACElB,KAAK,EAAEiB,uBAAS,CAACC,MAAM;AACvB;AACF;AACA;EACEjB,WAAW,EAAEgB,uBAAS,CAACC,MAAM;AAC7B;AACF;AACA;EACEf,WAAW,EAAEc,uBAAS,CAACI,MAAAA;AACzB,CAAC;;;;;"}
1	+ {"version":3,"file":"Onboarding.js","sources":["../../src/components/Onboarding/CompletedScreen.jsx","../../src/components/Onboarding/HelpScreen.jsx","../../src/components/Onboarding/WelcomeScreen.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst CompletedScreen = withT(\n ({ t, title, description, children, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-congratulations-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-emoji\"\n style=\"h1\"\n >\n 🎉\n </Typography>\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-title\"\n data-testid=\"onboarding-congratulations-title\"\n style=\"h1\"\n >\n <span className=\"neeto-ui-text-success-500\">\n {t(\"neetoMolecules.onboarding.congratulations\")}\n </span>\n <br />\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-congratulations-description\"\n data-testid=\"onboarding-congratulations-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n {children}\n </div>\n {isPresent(buttonProps) && (\n <Button\n data-cy=\"onboarding-congratulations-button\"\n data-testid=\"onboarding-congratulations-button\"\n label={t(\"neetoMolecules.onboarding.startUsing\")}\n {...buttonProps}\n />\n )}\n </div>\n )\n);\n\nCompletedScreen.propTypes = {\n /*\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the completed screen\n /\n title: PropTypes.string,\n /\n Description of the completed screen\n /\n description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n /\n Additional children elements to be rendered within the completed screen.\n /\n children: PropTypes.node,\n /\n Additional props that can be passed on to the button\n /\n buttonProps: PropTypes.object,\n};\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./onboarding.scss\";\n\nconst HelpScreen = ({ buttonProps, className = \"\" }) => {\n const { t } = useTranslation();\n const { isSize } = useBreakpoints();\n\n return (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-help-wrapper\"\n >\n <div className=\"mx-auto w-full max-w-2xl space-y-6\">\n <div className=\"space-y-3\">\n <Typography\n component=\"h1\"\n data-cy=\"onboarding-help-title\"\n data-testid=\"onboarding-help-title\"\n style=\"h2\"\n >\n {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n </Typography>\n <Typography\n data-cy=\"onboarding-help-description\"\n data-testid=\"onboarding-help-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n </Typography>\n <div className=\"w-full overflow-hidden\">\n {isSize(\"mobile\") ? (\n <img\n alt=\"\"\n src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n />\n ) : (\n <img\n alt=\"\"\n src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n />\n )}\n </div>\n </div>\n <Button\n data-cy=\"onboarding-help-button\"\n data-testid=\"onboarding-help-button\"\n label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n {...buttonProps}\n />\n </div>\n </div>\n );\n};\n\nHelpScreen.propTypes = {\n /\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Additional props that can be passed on to the button\n /\n buttonProps: PropTypes.object,\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./onboarding.scss\";\n\nconst WelcomeScreen = withT(\n ({ t, title, description, buttonProps, className = \"\" }) => (\n <div\n className={classnames(\"neeto-molecules-onboarding__wrapper\", className)}\n data-testid=\"onboarding-welcome-wrapper\"\n >\n <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-title\"\n data-testid=\"onboarding-welcome-title\"\n style=\"h1\"\n >\n {title}\n </Typography>\n {description && (\n <Typography\n className=\"text-center\"\n data-cy=\"onboarding-welcome-description\"\n data-testid=\"onboarding-welcome-description\"\n lineHeight=\"normal\"\n style=\"body1\"\n >\n {description}\n </Typography>\n )}\n </div>\n <Button\n data-cy=\"onboarding-welcome-button\"\n data-testid=\"onboarding-welcome-button\"\n icon={RightArrow}\n label={t(\"neetoMolecules.onboarding.getStarted\")}\n {...buttonProps}\n />\n </div>\n )\n);\n\nWelcomeScreen.propTypes = {\n /\n To specify external classnames as overrides.\n /\n className: PropTypes.string,\n /\n Title of the welcome screen\n /\n title: PropTypes.string,\n /\n Description of the welcome screen\n /\n description: PropTypes.string,\n /\n Additional props that can be passed on to the button\n */\n buttonProps: PropTypes.object,\n};\n\nexport default WelcomeScreen;\n"],"names":["CompletedScreen","withT","_ref","t","title","description","children","buttonProps","_ref$className","className","React","createElement","classnames","Typography","style","lineHeight","isPresent","Button","_extends","label","propTypes","PropTypes","string","oneOfType","node","object","HelpScreen","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","component","alt","src","WelcomeScreen","icon","RightArrow"],"mappings":"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"}

package/dist/cjs/Sidebar.js CHANGED Viewed

@@ -98,7 +98,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var Links = function Links(_ref) {
   var navLinks = _ref.navLinks,
     isCountsLoadingDeprecated = _ref.isCountsLoading,
-    setSelectedNavLink = _ref.setSelectedNavLink;
+    setSelectedNavLinkRoute = _ref.setSelectedNavLinkRoute;
   var location = reactRouterDom.useLocation();
   var _useState = React.useState(true),
     _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -111,7 +111,7 @@ var Links = function Links(_ref) {
       navLink = _ref2.navLink;
     if (neetoCist.isNotPresent(items)) return;
     if (navLink.isConfigureNavLink && neetoCist.isNotEmpty(navLink.items)) {
-      setSelectedNavLink(navLink);
+      setSelectedNavLinkRoute(navLink.to);
     }
     if (isActive()) {
       setIsActiveLinkExpanded(ramda.not);
@@ -187,8 +187,8 @@ var Sidebar = function Sidebar(_ref) {
     setIsSidebarPaneOpen = _useState2[1];
   var _useState3 = React.useState(null),
     _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-    selectedNavLink = _useState4[0],
-    setSelectedNavLink = _useState4[1];
+    selectedNavLinkRoute = _useState4[0],
+    setSelectedNavLinkRoute = _useState4[1];
   var _useLocalStorage = useLocalStorage__default["default"](sidebar.getSidebarStateLocalStorageKey(), false),
     _useLocalStorage2 = slicedToArray._slicedToArray(_useLocalStorage, 2),
     isSidebarCollapsed = _useLocalStorage2[0],
@@ -210,7 +210,7 @@ var Sidebar = function Sidebar(_ref) {
       return ramda.is(Function, isActive) ? isActive() : location.pathname.includes(url.pathname);
     })(navLinks);
     if (neetoCist.isPresent(currentLink)) {
-      setSelectedNavLink(currentLink.isConfigureNavLink ? currentLink : null);
+      setSelectedNavLinkRoute(currentLink.isConfigureNavLink ? currentLink.to : null);
     }
   }, []);
   React.useEffect(function () {
@@ -226,7 +226,7 @@ var Sidebar = function Sidebar(_ref) {
   }, []);
   var handleGoBack = function handleGoBack(event) {
     event.preventDefault();
-    setSelectedNavLink(null);
+    setSelectedNavLinkRoute(null);
     var settingsNavLink = navLinks.find(function (link) {
       return neetoCist.isPresent(link.isConfigureNavLink) && link.isConfigureNavLink;
     });
@@ -243,26 +243,28 @@ var Sidebar = function Sidebar(_ref) {
     className: "neeto-molecules-sidebar__backdrop",
     onClick: function onClick() {
       setIsSidebarPaneOpen(false);
-      setSelectedNavLink({});
+      setSelectedNavLinkRoute(null);
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-cy": "sidebar-wrapper",
     "data-testid": "sidebar",
     className: classnames__default["default"]("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--focus-mode": neetoCist.isPresent(selectedNavLink)
+      "neeto-molecules-sidebar--focus-mode": neetoCist.isPresent(selectedNavLinkRoute)
     })
   }, /*#__PURE__*/React__default["default"].createElement(Header$1, {
     customLogo: customLogo,
     clearSettingsNav: function clearSettingsNav() {
-      return setSelectedNavLink(null);
+      return setSelectedNavLinkRoute(null);
     }
-  }), neetoCist.isPresent(selectedNavLink) ? /*#__PURE__*/React__default["default"].createElement(sidebar.SelectedLink, {
+  }), neetoCist.isPresent(selectedNavLinkRoute) ? /*#__PURE__*/React__default["default"].createElement(sidebar.SelectedLink, {
     handleGoBack: handleGoBack,
-    navLink: selectedNavLink
+    navLink: neetoCist.findLastBy({
+      to: selectedNavLinkRoute
+    }, navLinks)
   }) : /*#__PURE__*/React__default["default"].createElement(Links, {
     isCountsLoading: isCountsLoading,
     navLinks: navLinks,
-    setSelectedNavLink: setSelectedNavLink
+    setSelectedNavLinkRoute: setSelectedNavLinkRoute
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "neeto-molecules-sidebar__toggler",
     "data-cy": "neeto-molecules-sidebar-toggler",

package/dist/cjs/Sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sidebar.js","sources":["../../src/components/Sidebar/Components/Chevron.jsx","../../src/components/Sidebar/Components/Header.jsx","../../src/components/Sidebar/Components/Links/index.jsx","../../src/components/Sidebar/index.jsx"],"sourcesContent":["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","import React from \"react\";\n\nimport { capitalize, findBy } from \"neetocist\";\nimport useFetchNeetoApps from \"neetocommons/react-utils/useFetchNeetoApps\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport { Link } from \"react-router-dom\";\n\nconst Header = ({ customLogo, clearSettingsNav }) => {\n const productName = globalProps.appName.substr(5);\n const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n const LogoComponent = customLogo ?? ProductTypefaceLogo;\n\n const { data } = useFetchNeetoApps();\n\n let homePath = \"/\";\n if (data?.neetoApps) {\n const thisApp = findBy({ name: productName }, data.neetoApps);\n if (thisApp?.url) {\n homePath = new URL(thisApp?.url).pathname;\n }\n }\n\n return (\n <div\n className=\"neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"sidebar-info\"\n >\n <Link\n className=\"neeto-molecules-sidebar__logo neeto-ui-w-full\"\n to={homePath}\n onClick={clearSettingsNav}\n >\n <LogoComponent />\n </Link>\n </div>\n );\n};\n\nexport default React.memo(Header);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate, isNotEmpty, isNotPresent } from \"neetocist\";\nimport { Down } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { is, not } from \"ramda\";\nimport { useLocation } from \"react-router-dom\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\nimport Items from \"./Items\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Links = ({\n navLinks,\n isCountsLoading: isCountsLoadingDeprecated,\n setSelectedNavLink,\n}) => {\n const location = useLocation();\n const [isActiveLinkExpanded, setIsActiveLinkExpanded] = useState(true);\n\n const handleNavLinkClick = ({ event, isActive, items, navLink }) => {\n if (isNotPresent(items)) return;\n\n if (navLink.isConfigureNavLink && isNotEmpty(navLink.items)) {\n setSelectedNavLink(navLink);\n }\n\n if (isActive()) {\n setIsActiveLinkExpanded(not);\n event.preventDefault();\n\n return;\n }\n\n setIsActiveLinkExpanded(true);\n };\n\n return (\n <div className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable\">\n {navLinks.filter(filterByPermissions).map((navLink, index) => {\n const {\n label,\n to,\n icon,\n items,\n isConfigureNavLink,\n isCountsLoading = false,\n ...otherProps\n } = navLink;\n const IconSVG = icon;\n const url = new URL(to, window.location.href);\n const isActive = () =>\n is(Function, otherProps.isActive)\n ? otherProps.isActive()\n : location.pathname.startsWith(url.pathname);\n\n const isMenuExpanded =\n isActive() && isActiveLinkExpanded && !isCountsLoadingDeprecated;\n\n return (\n <React.Fragment key={index}>\n <CheckPointNavLinks\n activeClassName=\"active\"\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link\"\n data-testid={`navlink-${hyphenate(label)}`}\n onClick={event =>\n handleNavLinkClick({ event, isActive, items, navLink })\n }\n {...{ isActive, to, ...otherProps }}\n >\n {icon && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-testid={label}\n >\n <IconSVG />\n </span>\n )}\n <Typography\n className=\"neeto-molecules-sidebar__link-label\"\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n >\n {label}\n </Typography>\n {items && !isConfigureNavLink && (\n <span\n className={classnames(\n \"neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret\",\n {\n \"neeto-molecules-sidebar__link-icon--rotate\":\n isMenuExpanded,\n }\n )}\n >\n <Down size={16} />\n </span>\n )}\n </CheckPointNavLinks>\n {items && !isConfigureNavLink && isMenuExpanded && (\n <Items {...{ isCountsLoading, items, ...otherProps }} />\n )}\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport default Links;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport useLocalStorage from \"neetocommons/react-utils/useLocalStorage\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { findLast, is, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation, useHistory } from \"react-router-dom\";\n\nimport Chevron from \"./Components/Chevron\";\nimport Header from \"./Components/Header\";\nimport Links from \"./Components/Links\";\nimport SelectedLink from \"./Components/Links/SelectedLink\";\nimport \"./sidebar.scss\";\nimport { getSidebarStateLocalStorageKey } from \"./utils\";\n\nconst Sidebar = ({ navLinks, customLogo, isCountsLoading = false }) => {\n const productName = globalProps.appName.substr(5).toLowerCase();\n const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n const [selectedNavLink, setSelectedNavLink] = useState(null);\n const [isSidebarCollapsed, setIsSidebarCollapsed] = useLocalStorage(\n getSidebarStateLocalStorageKey(),\n false\n );\n\n const location = useLocation();\n const history = useHistory();\n const { t } = useTranslation();\n\n const isLargerScreen = () => window.innerWidth > 768;\n const isSidebarClosed = isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen);\n\n useEffect(() => {\n if (!isPresent(navLinks)) return;\n const currentLink = findLast(({ to, isActive }) => {\n const url = new URL(to, window.location.href);\n\n return is(Function, isActive)\n ? isActive()\n : location.pathname.includes(url.pathname);\n })(navLinks);\n\n if (isPresent(currentLink)) {\n setSelectedNavLink(currentLink.isConfigureNavLink ? currentLink : null);\n }\n }, []);\n\n useEffect(() => {\n const handleResize = () => {\n if (isLargerScreen()) return;\n setIsSidebarPaneOpen(false);\n setIsSidebarCollapsed(true);\n };\n window.addEventListener(\"resize\", handleResize);\n\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n const handleGoBack = event => {\n event.preventDefault();\n setSelectedNavLink(null);\n const settingsNavLink = navLinks.find(\n link => isPresent(link.isConfigureNavLink) && link.isConfigureNavLink\n );\n if (settingsNavLink.to) {\n history.push(buildUrl(settingsNavLink.to));\n }\n };\n\n return (\n <div\n data-testid=\"sidebar-container\"\n className={classnames(\"neeto-molecules-sidebar__wrapper\", {\n \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen),\n })}\n >\n <div\n className=\"neeto-molecules-sidebar__backdrop\"\n onClick={() => {\n setIsSidebarPaneOpen(false);\n setSelectedNavLink({});\n }}\n />\n <div\n data-cy=\"sidebar-wrapper\"\n data-testid=\"sidebar\"\n className={classnames(\n \"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\",\n {\n \"neeto-molecules-sidebar--focus-mode\": isPresent(selectedNavLink),\n }\n )}\n >\n <Header\n {...{ customLogo }}\n clearSettingsNav={() => setSelectedNavLink(null)}\n />\n {isPresent(selectedNavLink) ? (\n <SelectedLink {...{ handleGoBack }} navLink={selectedNavLink} />\n ) : (\n <Links {...{ isCountsLoading, navLinks, setSelectedNavLink }} />\n )}\n </div>\n <Button\n className=\"neeto-molecules-sidebar__toggler\"\n data-cy=\"neeto-molecules-sidebar-toggler\"\n data-testid=\"sidebar-toggleButton\"\n style={isLargerScreen() ? \"text\" : \"secondary\"}\n icon={() => (\n <Chevron\n style={{ color: `rgb(var(--neeto-${productName}-primary))` }}\n />\n )}\n tooltipProps={{\n content: isSidebarClosed\n ? t(\"neetoMolecules.sidebar.showMenu\")\n : t(\"neetoMolecules.sidebar.hideMenu\"),\n position: \"bottom\",\n }}\n onClick={() => {\n setIsSidebarCollapsed(!isSidebarCollapsed);\n setIsSidebarPaneOpen(not);\n }}\n />\n </div>\n );\n};\n\nSidebar.propTypes = {\n /*\n To specify the navlinks to be shown in sidebar.\n /\n navLinks: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n label: PropTypes.string,\n to: PropTypes.string,\n isActive: PropTypes.func,\n checkpointKey: PropTypes.string,\n isCountsLoading: PropTypes.bool,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n to: PropTypes.string,\n count: PropTypes.number,\n isActive: PropTypes.func,\n type: PropTypes.string,\n filters: PropTypes.array,\n checkpointKey: PropTypes.string,\n })\n ),\n })\n ),\n /\n To override the logo displayed on the sidebar.\n /\n customLogo: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /\n Boolean to notate whether the counts are being fetched.\n */\n isCountsLoading: PropTypes.bool,\n};\n\nexport default Sidebar;\n"],"names":["Chevron","_ref","style","React","createElement","height","viewBox","width","d","fill","Header","_ProductTypefaceLogos","customLogo","clearSettingsNav","productName","globalProps","appName","substr","logoName","concat","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","LogoComponent","_useFetchNeetoApps","useFetchNeetoApps","data","homePath","neetoApps","thisApp","findBy","name","url","URL","pathname","className","Link","to","onClick","memo","Links","navLinks","isCountsLoadingDeprecated","isCountsLoading","setSelectedNavLink","location","useLocation","_useState","useState","_useState2","_slicedToArray","isActiveLinkExpanded","setIsActiveLinkExpanded","handleNavLinkClick","_ref2","event","isActive","items","navLink","isNotPresent","isConfigureNavLink","isNotEmpty","not","preventDefault","filter","filterByPermissions","map","index","label","icon","_navLink$isCountsLoad","otherProps","_objectWithoutProperties","_excluded","IconSVG","window","href","is","Function","startsWith","isMenuExpanded","Fragment","key","CheckPointNavLinks","_extends","activeClassName","hyphenate","_objectSpread","Typography","component","weight","classnames","Down","size","Items","Sidebar","_ref$isCountsLoading","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","selectedNavLink","_useLocalStorage","useLocalStorage","getSidebarStateLocalStorageKey","_useLocalStorage2","isSidebarCollapsed","setIsSidebarCollapsed","history","useHistory","_useTranslation","useTranslation","t","isLargerScreen","innerWidth","isSidebarClosed","useEffect","isPresent","currentLink","findLast","includes","handleResize","addEventListener","removeEventListener","handleGoBack","settingsNavLink","find","link","push","buildUrl","SelectedLink","Button","color","tooltipProps","content","position"],"mappings":"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"}
1	+ {"version":3,"file":"Sidebar.js","sources":["../../src/components/Sidebar/Components/Chevron.jsx","../../src/components/Sidebar/Components/Header.jsx","../../src/components/Sidebar/Components/Links/index.jsx","../../src/components/Sidebar/index.jsx"],"sourcesContent":["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","import React from \"react\";\n\nimport { capitalize, findBy } from \"neetocist\";\nimport useFetchNeetoApps from \"neetocommons/react-utils/useFetchNeetoApps\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport { Link } from \"react-router-dom\";\n\nconst Header = ({ customLogo, clearSettingsNav }) => {\n const productName = globalProps.appName.substr(5);\n const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n const LogoComponent = customLogo ?? ProductTypefaceLogo;\n\n const { data } = useFetchNeetoApps();\n\n let homePath = \"/\";\n if (data?.neetoApps) {\n const thisApp = findBy({ name: productName }, data.neetoApps);\n if (thisApp?.url) {\n homePath = new URL(thisApp?.url).pathname;\n }\n }\n\n return (\n <div\n className=\"neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"sidebar-info\"\n >\n <Link\n className=\"neeto-molecules-sidebar__logo neeto-ui-w-full\"\n to={homePath}\n onClick={clearSettingsNav}\n >\n <LogoComponent />\n </Link>\n </div>\n );\n};\n\nexport default React.memo(Header);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate, isNotEmpty, isNotPresent } from \"neetocist\";\nimport { Down } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { is, not } from \"ramda\";\nimport { useLocation } from \"react-router-dom\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\nimport Items from \"./Items\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Links = ({\n navLinks,\n isCountsLoading: isCountsLoadingDeprecated,\n setSelectedNavLinkRoute,\n}) => {\n const location = useLocation();\n const [isActiveLinkExpanded, setIsActiveLinkExpanded] = useState(true);\n\n const handleNavLinkClick = ({ event, isActive, items, navLink }) => {\n if (isNotPresent(items)) return;\n\n if (navLink.isConfigureNavLink && isNotEmpty(navLink.items)) {\n setSelectedNavLinkRoute(navLink.to);\n }\n\n if (isActive()) {\n setIsActiveLinkExpanded(not);\n event.preventDefault();\n\n return;\n }\n\n setIsActiveLinkExpanded(true);\n };\n\n return (\n <div className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable\">\n {navLinks.filter(filterByPermissions).map((navLink, index) => {\n const {\n label,\n to,\n icon,\n items,\n isConfigureNavLink,\n isCountsLoading = false,\n ...otherProps\n } = navLink;\n const IconSVG = icon;\n const url = new URL(to, window.location.href);\n const isActive = () =>\n is(Function, otherProps.isActive)\n ? otherProps.isActive()\n : location.pathname.startsWith(url.pathname);\n\n const isMenuExpanded =\n isActive() && isActiveLinkExpanded && !isCountsLoadingDeprecated;\n\n return (\n <React.Fragment key={index}>\n <CheckPointNavLinks\n activeClassName=\"active\"\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link\"\n data-testid={`navlink-${hyphenate(label)}`}\n onClick={event =>\n handleNavLinkClick({ event, isActive, items, navLink })\n }\n {...{ isActive, to, ...otherProps }}\n >\n {icon && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-testid={label}\n >\n <IconSVG />\n </span>\n )}\n <Typography\n className=\"neeto-molecules-sidebar__link-label\"\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n >\n {label}\n </Typography>\n {items && !isConfigureNavLink && (\n <span\n className={classnames(\n \"neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret\",\n {\n \"neeto-molecules-sidebar__link-icon--rotate\":\n isMenuExpanded,\n }\n )}\n >\n <Down size={16} />\n </span>\n )}\n </CheckPointNavLinks>\n {items && !isConfigureNavLink && isMenuExpanded && (\n <Items {...{ isCountsLoading, items, ...otherProps }} />\n )}\n </React.Fragment>\n );\n })}\n </div>\n );\n};\n\nexport default Links;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, findLastBy } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport useLocalStorage from \"neetocommons/react-utils/useLocalStorage\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { findLast, is, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation, useHistory } from \"react-router-dom\";\n\nimport Chevron from \"./Components/Chevron\";\nimport Header from \"./Components/Header\";\nimport Links from \"./Components/Links\";\nimport SelectedLink from \"./Components/Links/SelectedLink\";\nimport \"./sidebar.scss\";\nimport { getSidebarStateLocalStorageKey } from \"./utils\";\n\nconst Sidebar = ({ navLinks, customLogo, isCountsLoading = false }) => {\n const productName = globalProps.appName.substr(5).toLowerCase();\n const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n const [selectedNavLinkRoute, setSelectedNavLinkRoute] = useState(null);\n const [isSidebarCollapsed, setIsSidebarCollapsed] = useLocalStorage(\n getSidebarStateLocalStorageKey(),\n false\n );\n\n const location = useLocation();\n const history = useHistory();\n const { t } = useTranslation();\n\n const isLargerScreen = () => window.innerWidth > 768;\n const isSidebarClosed = isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen);\n\n useEffect(() => {\n if (!isPresent(navLinks)) return;\n const currentLink = findLast(({ to, isActive }) => {\n const url = new URL(to, window.location.href);\n\n return is(Function, isActive)\n ? isActive()\n : location.pathname.includes(url.pathname);\n })(navLinks);\n\n if (isPresent(currentLink)) {\n setSelectedNavLinkRoute(\n currentLink.isConfigureNavLink ? currentLink.to : null\n );\n }\n }, []);\n\n useEffect(() => {\n const handleResize = () => {\n if (isLargerScreen()) return;\n setIsSidebarPaneOpen(false);\n setIsSidebarCollapsed(true);\n };\n window.addEventListener(\"resize\", handleResize);\n\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n const handleGoBack = event => {\n event.preventDefault();\n setSelectedNavLinkRoute(null);\n const settingsNavLink = navLinks.find(\n link => isPresent(link.isConfigureNavLink) && link.isConfigureNavLink\n );\n if (settingsNavLink.to) {\n history.push(buildUrl(settingsNavLink.to));\n }\n };\n\n return (\n <div\n data-testid=\"sidebar-container\"\n className={classnames(\"neeto-molecules-sidebar__wrapper\", {\n \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen),\n })}\n >\n <div\n className=\"neeto-molecules-sidebar__backdrop\"\n onClick={() => {\n setIsSidebarPaneOpen(false);\n setSelectedNavLinkRoute(null);\n }}\n />\n <div\n data-cy=\"sidebar-wrapper\"\n data-testid=\"sidebar\"\n className={classnames(\n \"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\",\n {\n \"neeto-molecules-sidebar--focus-mode\":\n isPresent(selectedNavLinkRoute),\n }\n )}\n >\n <Header\n {...{ customLogo }}\n clearSettingsNav={() => setSelectedNavLinkRoute(null)}\n />\n {isPresent(selectedNavLinkRoute) ? (\n <SelectedLink\n {...{ handleGoBack }}\n navLink={findLastBy({ to: selectedNavLinkRoute }, navLinks)}\n />\n ) : (\n <Links {...{ isCountsLoading, navLinks, setSelectedNavLinkRoute }} />\n )}\n </div>\n <Button\n className=\"neeto-molecules-sidebar__toggler\"\n data-cy=\"neeto-molecules-sidebar-toggler\"\n data-testid=\"sidebar-toggleButton\"\n style={isLargerScreen() ? \"text\" : \"secondary\"}\n icon={() => (\n <Chevron\n style={{ color: `rgb(var(--neeto-${productName}-primary))` }}\n />\n )}\n tooltipProps={{\n content: isSidebarClosed\n ? t(\"neetoMolecules.sidebar.showMenu\")\n : t(\"neetoMolecules.sidebar.hideMenu\"),\n position: \"bottom\",\n }}\n onClick={() => {\n setIsSidebarCollapsed(!isSidebarCollapsed);\n setIsSidebarPaneOpen(not);\n }}\n />\n </div>\n );\n};\n\nSidebar.propTypes = {\n /*\n To specify the navlinks to be shown in sidebar.\n /\n navLinks: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n label: PropTypes.string,\n to: PropTypes.string,\n isActive: PropTypes.func,\n checkpointKey: PropTypes.string,\n isCountsLoading: PropTypes.bool,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n to: PropTypes.string,\n count: PropTypes.number,\n isActive: PropTypes.func,\n type: PropTypes.string,\n filters: PropTypes.array,\n checkpointKey: PropTypes.string,\n })\n ),\n })\n ),\n /\n To override the logo displayed on the sidebar.\n /\n customLogo: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /\n Boolean to notate whether the counts are being fetched.\n */\n isCountsLoading: PropTypes.bool,\n};\n\nexport default Sidebar;\n"],"names":["Chevron","_ref","style","React","createElement","height","viewBox","width","d","fill","Header","_ProductTypefaceLogos","customLogo","clearSettingsNav","productName","globalProps","appName","substr","logoName","concat","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","LogoComponent","_useFetchNeetoApps","useFetchNeetoApps","data","homePath","neetoApps","thisApp","findBy","name","url","URL","pathname","className","Link","to","onClick","memo","Links","navLinks","isCountsLoadingDeprecated","isCountsLoading","setSelectedNavLinkRoute","location","useLocation","_useState","useState","_useState2","_slicedToArray","isActiveLinkExpanded","setIsActiveLinkExpanded","handleNavLinkClick","_ref2","event","isActive","items","navLink","isNotPresent","isConfigureNavLink","isNotEmpty","not","preventDefault","filter","filterByPermissions","map","index","label","icon","_navLink$isCountsLoad","otherProps","_objectWithoutProperties","_excluded","IconSVG","window","href","is","Function","startsWith","isMenuExpanded","Fragment","key","CheckPointNavLinks","_extends","activeClassName","hyphenate","_objectSpread","Typography","component","weight","classnames","Down","size","Items","Sidebar","_ref$isCountsLoading","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","selectedNavLinkRoute","_useLocalStorage","useLocalStorage","getSidebarStateLocalStorageKey","_useLocalStorage2","isSidebarCollapsed","setIsSidebarCollapsed","history","useHistory","_useTranslation","useTranslation","t","isLargerScreen","innerWidth","isSidebarClosed","useEffect","isPresent","currentLink","findLast","includes","handleResize","addEventListener","removeEventListener","handleGoBack","settingsNavLink","find","link","push","buildUrl","SelectedLink","findLastBy","Button","color","tooltipProps","content","position"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.15.27",
+  "version": "1.15.29",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/en.json CHANGED Viewed

@@ -703,7 +703,12 @@
     "onboarding": {
       "congratulations": "Congratulations!",
       "getStarted": "Get started",
-      "startUsing": "Start using"
+      "startUsing": "Start using",
+      "helpScreen": {
+        "title": "Finding help articles & Chat support",
+        "description": "If you have any questions, neeto provides easily accessible help resources within the app. Simply hover over the floating menu button in the bottom left corner of your screen to reveal your options.",
+        "continueButton": "Continue"
+      }
     },
     "moreDropdown": {
       "tooltip": "Actions"

package/types/Onboarding.d.ts CHANGED Viewed

@@ -19,6 +19,7 @@ export
  * import {
  *   WelcomeScreen,
  *   CompletedScreen,
+ *   HelpScreen,
  * } from "@bigbinary/neeto-molecules/Onboarding";
  *
  * const Onboarding = () => {
@@ -39,6 +40,7 @@ export
  *           buttonProps={{ label: "Start using neetoDesk" }}
  *         />
  *       )}
+ *       {currentStep === ONBOARDING_STEPS.HELP && <HelpScreen />}
  *     </>
  *   );
  * };
@@ -57,10 +59,11 @@ export
  * import {
  *   WelcomeScreen,
  *   CompletedScreen,
+ *   HelpScreen,
  * } from "@bigbinary/neeto-molecules/Onboarding";
  *
  * const Onboarding = () => {
- *   const [currentStep, setCurrentStep] = useState(ONBOARDING_STEPS.WELCOME);
+ *   const [currentStep, setCurrentStep] = useState(ONBOARDING_STEPS.COMPLETED);
  *
  *   return (
  *     <>
@@ -77,6 +80,7 @@ export
  *           buttonProps={{ label: "Start using neetoDesk" }}
  *         />
  *       )}
+ *       {currentStep === ONBOARDING_STEPS.HELP && <HelpScreen />}
  *     </>
  *   );
  * };
@@ -84,4 +88,45 @@ export
 */
 const CompletedScreen: React.FC<{
   children: React.ReactNode;
-}> & OnboardingScreen;
+}> & OnboardingScreen;
+export
+/**
+ *
+ * HelpScreen is used to show a help screen in the onboarding flow of neeto.
+ *
+ * @example
+ *
+ * import {
+ *   WelcomeScreen,
+ *   CompletedScreen,
+ *   HelpScreen,
+ * } from "@bigbinary/neeto-molecules/Onboarding";
+ *
+ * const Onboarding = () => {
+ *   const [currentStep, setCurrentStep] = useState(ONBOARDING_STEPS.HELP);
+ *
+ *   return (
+ *     <>
+ *       {currentStep === ONBOARDING_STEPS.WELCOME && (
+ *         <WelcomeScreen
+ *           title="Welcome to neetoDesk"
+ *           description="Let's customize neetoDesk so that it meets your needs."
+ *         />
+ *       )}
+ *       {currentStep === ONBOARDING_STEPS.COMPLETED && (
+ *         <CompletedScreen
+ *           title="Your neetoDesk is ready."
+ *           description="If you have any question at any time you can click on the help icon on the left hand side and have a 'live chat' with us."
+ *           buttonProps={{ label: "Start using neetoDesk" }}
+ *         />
+ *       )}
+ *       {currentStep === ONBOARDING_STEPS.HELP && <HelpScreen />}
+ *     </>
+ *   );
+ * };
+ * @endexample
+*/
+const HelpScreen: React.FC<{
+  className?: string;
+  buttonProps: ButtonProps;
+}>;