@bigbinary/neeto-molecules 3.15.43 → 3.15.45

package/dist/cjs/Sidebar.js

@@ -0,0 +1,315 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var useFetchNeetoApps = require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
+var useLocalStorage = require('@bigbinary/neeto-commons-frontend/react-utils/useLocalStorage');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var Chevron = require('./Chevron-DJbXy_CD.js');
+var Neeto = require('@bigbinary/neeto-icons/typeface-logos/Neeto');
+var AppIcons = require('@bigbinary/neeto-icons/typeface-logos');
+var jsxRuntime = require('react/jsx-runtime');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var Down = require('@bigbinary/neeto-icons/Down');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neeto-commons-frontend/utils/general');
+require('@bigbinary/neeto-icons/Home');
+require('@bigbinary/neeto-filters-frontend/Segments');
+require('@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint');
+require('./inject-css-vQvjPR2x.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var AppIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(AppIcons);
+
+var Header = function Header(_ref) {
+  var _ProductTypefaceLogos;
+  var customLogo = _ref.customLogo,
+    clearSettingsNav = _ref.clearSettingsNav,
+    homePath = _ref.homePath;
+  var productName = globalProps.appName.substr(5);
+  var logoName = "Neeto".concat(neetoCist.capitalize(productName.toLowerCase()));
+  var ProductTypefaceLogo = (_ProductTypefaceLogos = AppIcons__namespace[logoName]) !== null && _ProductTypefaceLogos !== void 0 ? _ProductTypefaceLogos : Neeto;
+  var LogoComponent = customLogo !== null && customLogo !== void 0 ? customLogo : ProductTypefaceLogo;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-molecules-sidebar__header neeto-molecules-sidebar__no-shrinkable",
+    "data-cy": "sidebar-info",
+    children: /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Link, {
+      className: "neeto-molecules-sidebar__logo neeto-ui-w-full",
+      to: homePath,
+      onClick: clearSettingsNav,
+      children: /*#__PURE__*/jsxRuntime.jsx(LogoComponent, {
+        className: classnames({
+          "neeto-molecules-sidebar__logo": !customLogo
+        })
+      })
+    })
+  });
+};
+var Header$1 = /*#__PURE__*/React.memo(Header);
+
+var _excluded = ["label", "to", "icon", "items", "isConfigureNavLink", "isCountsLoading", "count"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var renderCount = function renderCount(count) {
+  return count > 999 ? "999+" : count;
+};
+var Links = function Links(_ref) {
+  var navLinks = _ref.navLinks,
+    isCountsLoadingDeprecated = _ref.isCountsLoading,
+    setSelectedNavLinkRoute = _ref.setSelectedNavLinkRoute;
+  var location = reactRouterDom.useLocation();
+  var _useState = React.useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isActiveLinkExpanded = _useState2[0],
+    setIsActiveLinkExpanded = _useState2[1];
+  var handleNavLinkClick = function handleNavLinkClick(_ref2) {
+    var event = _ref2.event,
+      isActive = _ref2.isActive,
+      items = _ref2.items,
+      navLink = _ref2.navLink;
+    if (neetoCist.isNotPresent(items)) return;
+    if (navLink.isConfigureNavLink && neetoCist.isNotEmpty(navLink.items)) {
+      setSelectedNavLinkRoute(navLink.to);
+    }
+    if (isActive()) {
+      setIsActiveLinkExpanded(ramda.not);
+      event.preventDefault();
+      return;
+    }
+    setIsActiveLinkExpanded(true);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-molecules-sidebar__links neeto-molecules-sidebar__no-shrinkable",
+    children: navLinks.filter(Chevron.filterByPermissions).map(function (navLink, index) {
+      var label = navLink.label,
+        to = navLink.to,
+        icon = navLink.icon,
+        items = navLink.items,
+        isConfigureNavLink = navLink.isConfigureNavLink,
+        _navLink$isCountsLoad = navLink.isCountsLoading,
+        isCountsLoading = _navLink$isCountsLoad === void 0 ? false : _navLink$isCountsLoad,
+        _navLink$count = navLink.count,
+        count = _navLink$count === void 0 ? null : _navLink$count,
+        otherProps = _objectWithoutProperties(navLink, _excluded);
+      var IconSVG = icon;
+      var url = new URL(to, window.location.href);
+      var isActive = function isActive() {
+        return ramda.is(Function, otherProps.isActive) ? otherProps.isActive() : location.pathname.startsWith(url.pathname);
+      };
+      var isMenuExpanded = isActive() && isActiveLinkExpanded && !isCountsLoadingDeprecated;
+      return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(Chevron.CheckPointNavLinks, _objectSpread(_objectSpread({
+          activeClassName: "active",
+          className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-ui-select-none neeto-molecules-sidebar__link",
+          "data-testid": "navlink-".concat(neetoCist.hyphenate(label)),
+          onClick: function onClick(event) {
+            return handleNavLinkClick({
+              event: event,
+              isActive: isActive,
+              items: items,
+              navLink: navLink
+            });
+          }
+        }, _objectSpread({
+          isActive: isActive,
+          to: to
+        }, otherProps)), {}, {
+          children: [icon && /*#__PURE__*/jsxRuntime.jsxs("span", {
+            className: "neeto-molecules-sidebar__link-icon",
+            "data-testid": label,
+            children: [/*#__PURE__*/jsxRuntime.jsx(IconSVG, {}), neetoCist.isPresent(count) && !isCountsLoading && /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "neeto-molecules-sidebar__link-unread-count",
+              children: renderCount(count)
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            className: "neeto-molecules-sidebar__link-label neeto-ui-flex-grow flex items-center gap-1",
+            component: "span",
+            style: "body2",
+            children: label
+          }), items && !isConfigureNavLink && /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: classnames("neeto-molecules-sidebar__link-icon neeto-molecules-sidebar__link-icon--caret", {
+              "neeto-molecules-sidebar__link-icon--rotate": isMenuExpanded
+            }),
+            children: /*#__PURE__*/jsxRuntime.jsx(Down, {
+              size: 16
+            })
+          })]
+        })), items && !isConfigureNavLink && isMenuExpanded && /*#__PURE__*/jsxRuntime.jsx(Chevron._Items, _objectSpread({}, _objectSpread({
+          isCountsLoading: isCountsLoading,
+          items: items
+        }, otherProps)))]
+      }, navLink.key || index);
+    })
+  });
+};
+
+var Sidebar = function Sidebar(_ref) {
+  var navLinks = _ref.navLinks,
+    customLogo = _ref.customLogo,
+    _ref$isCountsLoading = _ref.isCountsLoading,
+    isCountsLoading = _ref$isCountsLoading === void 0 ? false : _ref$isCountsLoading,
+    _ref$showWorkspaceNam = _ref.showWorkspaceName,
+    showWorkspaceName = _ref$showWorkspaceNam === void 0 ? false : _ref$showWorkspaceNam;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSidebarPaneOpen = _useState2[0],
+    setIsSidebarPaneOpen = _useState2[1];
+  var _useLocalStorage = useLocalStorage(Chevron.SELECTED_NAV_LINK_ROUTE_STORAGE_KEY, null),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    selectedNavLinkRoute = _useLocalStorage2[0],
+    setSelectedNavLinkRoute = _useLocalStorage2[1];
+  var _useLocalStorage3 = useLocalStorage(Chevron.getSidebarStateLocalStorageKey(), false),
+    _useLocalStorage4 = _slicedToArray(_useLocalStorage3, 2),
+    isSidebarCollapsed = _useLocalStorage4[0],
+    setIsSidebarCollapsed = _useLocalStorage4[1];
+  var location = reactRouterDom.useLocation();
+  var history = reactRouterDom.useHistory();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchNeetoApps = useFetchNeetoApps(),
+    data = _useFetchNeetoApps.data;
+  var isLargerScreen = function isLargerScreen() {
+    return window.innerWidth > 768;
+  };
+  var isSidebarClosed = isLargerScreen() ? isSidebarCollapsed : ramda.not(isSidebarPaneOpen);
+  React.useEffect(function () {
+    if (!neetoCist.isPresent(navLinks)) return;
+    var currentLink = ramda.findLast(function (_ref2) {
+      var to = _ref2.to,
+        isActive = _ref2.isActive;
+      var url = new URL(to, window.location.href);
+      return ramda.is(Function, isActive) ? isActive() : location.pathname.includes(url.pathname);
+    })(navLinks);
+    if (neetoCist.isPresent(currentLink)) {
+      setSelectedNavLinkRoute(currentLink.isConfigureNavLink ? currentLink.to : null);
+    }
+  }, []);
+  React.useEffect(function () {
+    var handleResize = function handleResize() {
+      if (isLargerScreen()) return;
+      setIsSidebarPaneOpen(false);
+      setIsSidebarCollapsed(true);
+    };
+    window.addEventListener("resize", handleResize);
+    return function () {
+      return window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  var handleGoBack = function handleGoBack(event) {
+    event.preventDefault();
+    setSelectedNavLinkRoute(null);
+    var configureNavLink = Chevron.getActiveConfigurePageLink({
+      navLinks: navLinks,
+      location: location
+    });
+    if (configureNavLink !== null && configureNavLink !== void 0 && configureNavLink.to) {
+      history.push(utils.buildUrl(configureNavLink.to));
+    }
+  };
+  var homePath = React.useMemo(function () {
+    if (!(data !== null && data !== void 0 && data.neetoApps)) return Chevron.DEFAULT_HOME_PATH;
+    var productName = globalProps.appName.substr(5);
+    var thisApp = neetoCist.findBy({
+      name: productName
+    }, data.neetoApps);
+    return thisApp !== null && thisApp !== void 0 && thisApp.url ? new URL(thisApp.url).pathname : Chevron.DEFAULT_HOME_PATH;
+  }, [data]);
+  var activeLink = React.useMemo(function () {
+    return navLinks.find(function (link) {
+      if (ramda.is(Function, link.isActive)) return link.isActive();
+      var url = new URL(link.to, window.location.href);
+      return location.pathname.startsWith(url.pathname);
+    });
+  }, [location.pathname, navLinks]);
+  var isSelectedNavLinkVisible = selectedNavLinkRoute && (activeLink === null || activeLink === void 0 ? void 0 : activeLink.to) === selectedNavLinkRoute && neetoCist.isNotEmpty(navLinks);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    "data-testid": "sidebar-container",
+    className: classnames("neeto-molecules-sidebar__wrapper", {
+      "neeto-molecules-sidebar__wrapper--collapsed": isLargerScreen() ? isSidebarCollapsed : ramda.not(isSidebarPaneOpen)
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-molecules-sidebar__backdrop",
+      onClick: function onClick() {
+        setIsSidebarPaneOpen(false);
+        setSelectedNavLinkRoute(null);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs("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": neetoCist.isPresent(selectedNavLinkRoute)
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
+        customLogo: customLogo,
+        homePath: homePath,
+        clearSettingsNav: function clearSettingsNav() {
+          return setSelectedNavLinkRoute(null);
+        }
+      }), showWorkspaceName && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-ui-bg-gray-100 neeto-molecules-sidebar__workspace-info",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-mb-1",
+          style: "h5",
+          weight: "semibold",
+          children: t("neetoMolecules.sidebar.myWorkspace")
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-truncate",
+          style: "body2",
+          children: globalProps.organization.name
+        })]
+      }), isSelectedNavLinkVisible ? /*#__PURE__*/jsxRuntime.jsx(Chevron.SelectedLink, {
+        handleGoBack: handleGoBack,
+        homePath: homePath,
+        navLink: activeLink
+      }) : /*#__PURE__*/jsxRuntime.jsx(Links, {
+        isCountsLoading: isCountsLoading,
+        navLinks: navLinks,
+        setSelectedNavLinkRoute: setSelectedNavLinkRoute
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+      className: "neeto-molecules-sidebar__toggler",
+      "data-cy": "neeto-molecules-sidebar-toggler",
+      "data-testid": "sidebar-toggleButton",
+      icon: function icon() {
+        return /*#__PURE__*/jsxRuntime.jsx(Chevron.Chevron, {});
+      },
+      style: isLargerScreen() ? "text" : "secondary",
+      tooltipProps: {
+        content: isSidebarClosed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
+        position: "bottom",
+        touch: ["hold", 500]
+      },
+      onClick: function onClick() {
+        setIsSidebarCollapsed(!isSidebarCollapsed);
+        setIsSidebarPaneOpen(ramda.not);
+      }
+    })]
+  });
+};
+
+module.exports = Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/dist/cjs/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../src/components/Sidebar/Components/Header.jsx","../../src/components/Sidebar/Components/Links/index.jsx","../../src/components/Sidebar/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { capitalize } from \"neetocist\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport { Link } from \"react-router-dom\";\n\nconst Header = ({ customLogo, clearSettingsNav, homePath }) => {\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  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          className={classnames({\n            \"neeto-molecules-sidebar__logo\": !customLogo,\n          })}\n        />\n      </Link>\n    </div>\n  );\n};\n\nexport default memo(Header);\n","import { Fragment, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { hyphenate, isNotEmpty, isNotPresent, isPresent } 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 renderCount = count => (count > 999 ? \"999+\" : count);\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          count = null,\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          <Fragment key={navLink.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                  {isPresent(count) && !isCountsLoading && (\n                    <span className=\"neeto-molecules-sidebar__link-unread-count\">\n                      {renderCount(count)}\n                    </span>\n                  )}\n                </span>\n              )}\n              <Typography\n                className=\"neeto-molecules-sidebar__link-label neeto-ui-flex-grow flex items-center gap-1\"\n                component=\"span\"\n                style=\"body2\"\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          </Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default Links;\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, isNotEmpty, findBy } from \"neetocist\";\nimport useFetchNeetoApps from \"neetocommons/react-utils/useFetchNeetoApps\";\nimport useLocalStorage from \"neetocommons/react-utils/useLocalStorage\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Button, Typography } 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 {\n  SELECTED_NAV_LINK_ROUTE_STORAGE_KEY,\n  DEFAULT_HOME_PATH,\n} from \"./constants\";\nimport \"./sidebar.scss\";\nimport {\n  getActiveConfigurePageLink,\n  getSidebarStateLocalStorageKey,\n} from \"./utils\";\n\nconst Sidebar = ({\n  navLinks,\n  customLogo,\n  isCountsLoading = false,\n  showWorkspaceName = false,\n}) => {\n  const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n  const [selectedNavLinkRoute, setSelectedNavLinkRoute] = useLocalStorage(\n    SELECTED_NAV_LINK_ROUTE_STORAGE_KEY,\n    null\n  );\n\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 { data } = useFetchNeetoApps();\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 configureNavLink = getActiveConfigurePageLink({ navLinks, location });\n    if (configureNavLink?.to) {\n      history.push(buildUrl(configureNavLink.to));\n    }\n  };\n\n  const homePath = useMemo(() => {\n    if (!data?.neetoApps) return DEFAULT_HOME_PATH;\n\n    const productName = globalProps.appName.substr(5);\n    const thisApp = findBy({ name: productName }, data.neetoApps);\n\n    return thisApp?.url ? new URL(thisApp.url).pathname : DEFAULT_HOME_PATH;\n  }, [data]);\n\n  const activeLink = useMemo(\n    () =>\n      navLinks.find(link => {\n        if (is(Function, link.isActive)) return link.isActive();\n        const url = new URL(link.to, window.location.href);\n\n        return location.pathname.startsWith(url.pathname);\n      }),\n    [location.pathname, navLinks]\n  );\n\n  const isSelectedNavLinkVisible =\n    selectedNavLinkRoute &&\n    activeLink?.to === selectedNavLinkRoute &&\n    isNotEmpty(navLinks);\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, homePath }}\n          clearSettingsNav={() => setSelectedNavLinkRoute(null)}\n        />\n        {showWorkspaceName && (\n          <div className=\"neeto-ui-bg-gray-100 neeto-molecules-sidebar__workspace-info\">\n            <Typography className=\"neeto-ui-mb-1\" style=\"h5\" weight=\"semibold\">\n              {t(\"neetoMolecules.sidebar.myWorkspace\")}\n            </Typography>\n            <Typography className=\"neeto-ui-truncate\" style=\"body2\">\n              {globalProps.organization.name}\n            </Typography>\n          </div>\n        )}\n        {isSelectedNavLinkVisible ? (\n          <SelectedLink {...{ handleGoBack, homePath }} navLink={activeLink} />\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        icon={() => <Chevron />}\n        style={isLargerScreen() ? \"text\" : \"secondary\"}\n        tooltipProps={{\n          content: isSidebarClosed\n            ? t(\"neetoMolecules.sidebar.showMenu\")\n            : t(\"neetoMolecules.sidebar.hideMenu\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\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      count: PropTypes.number,\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          href: 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   * Boolean to determine whether the workspace name should be shown.\n   */\n  showWorkspaceName: PropTypes.bool,\n};\n\nexport default Sidebar;\n"],"names":["Header","_ref","_ProductTypefaceLogos","customLogo","clearSettingsNav","homePath","productName","globalProps","appName","substr","logoName","concat","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","LogoComponent","_jsx","className","children","Link","to","onClick","classnames","memo","renderCount","count","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","_navLink$count","otherProps","_objectWithoutProperties","_excluded","IconSVG","url","URL","window","href","is","Function","pathname","startsWith","isMenuExpanded","_jsxs","Fragment","CheckPointNavLinks","_objectSpread","activeClassName","hyphenate","isPresent","Typography","component","style","Down","size","Items","key","Sidebar","_ref$isCountsLoading","_ref$showWorkspaceNam","showWorkspaceName","isSidebarPaneOpen","setIsSidebarPaneOpen","_useLocalStorage","useLocalStorage","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","_useLocalStorage2","selectedNavLinkRoute","_useLocalStorage3","getSidebarStateLocalStorageKey","_useLocalStorage4","isSidebarCollapsed","setIsSidebarCollapsed","history","useHistory","_useTranslation","useTranslation","t","_useFetchNeetoApps","useFetchNeetoApps","data","isLargerScreen","innerWidth","isSidebarClosed","useEffect","currentLink","findLast","includes","handleResize","addEventListener","removeEventListener","handleGoBack","configureNavLink","getActiveConfigurePageLink","push","buildUrl","useMemo","neetoApps","DEFAULT_HOME_PATH","thisApp","findBy","name","activeLink","find","link","isSelectedNavLinkVisible","weight","organization","SelectedLink","Button","Chevron","tooltipProps","content","position","touch"],"mappings":"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"}

package/dist/cjs/StatusDropdown.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var Down = require('@bigbinary/neeto-icons/Down');
+var Typography = require('@bigbinary/neetoui/Typography');
+
+var NeetoUIMenu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var Menu = function Menu(_ref) {
+  var onItemClick = _ref.onItemClick,
+    options = _ref.options,
+    _ref$shouldShowAllOpt = _ref.shouldShowAllOptions,
+    shouldShowAllOptions = _ref$shouldShowAllOpt === void 0 ? false : _ref$shouldShowAllOpt,
+    _ref$hiddenStatuses = _ref.hiddenStatuses,
+    hiddenStatuses = _ref$hiddenStatuses === void 0 ? [] : _ref$hiddenStatuses;
+  var allowedOptions = shouldShowAllOptions ? options : options.filter(function (status) {
+    return !hiddenStatuses.includes(status.value);
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoUIMenu, {
+    "data-testid": "status-dropdown-menu",
+    children: allowedOptions === null || allowedOptions === void 0 ? void 0 : allowedOptions.map(function (option) {
+      return /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+        className: "status-dropdown-item--".concat(option.color),
+        "data-cy": "status-dropdown-item-".concat(neetoCist.hyphenate(option.value)),
+        "data-testid": "status-dropdown-item-".concat(option.value),
+        onClick: function onClick() {
+          return onItemClick(option);
+        },
+        children: option.label
+      }, option.value);
+    })
+  });
+};
+var Menu$1 = /*#__PURE__*/React.memo(Menu);
+
+var css = ":root{--neeto-molecules-status-color-open:9,90,186;--neeto-molecules-status-color-done:189,100,13;--neeto-molecules-status-color-waiting:47,57,65;--neeto-molecules-status-color-red:187,18,26;--neeto-molecules-status-color-yellow:255,204,112;--neeto-molecules-status-color-violet:157,98,162;--neeto-molecules-status-color-pink:225,62,230;--neeto-molecules-status-color-teal:38,87,124;--neeto-molecules-status-color-cyan:66,160,157;--neeto-molecules-status-color-green:16,113,84;--neeto-molecules-status-bg-open:226,241,255;--neeto-molecules-status-bg-done:250,241,225;--neeto-molecules-status-bg-waiting:233,235,237;--neeto-molecules-status-bg-red:254,236,240;--neeto-molecules-status-bg-yellow:255,247,233;--neeto-molecules-status-bg-violet:235,222,255;--neeto-molecules-status-bg-pink:254,233,255;--neeto-molecules-status-bg-teal:228,244,255;--neeto-molecules-status-bg-cyan:224,255,254;--neeto-molecules-status-bg-green:224,244,238}.neeto-ui-theme--dark{--neeto-molecules-status-color-waiting:124,124,124}.status-dropdown-target--open{background-color:#e2f1ff;background-color:rgb(var(--neeto-molecules-status-bg-open));color:#095aba;color:rgb(var(--neeto-molecules-status-color-open))}.status-dropdown-target--done{background-color:#faf1e1;background-color:rgb(var(--neeto-molecules-status-bg-done));color:#bd640d;color:rgb(var(--neeto-molecules-status-color-done))}.status-dropdown-target--waiting{background-color:#e9ebed;background-color:rgb(var(--neeto-molecules-status-bg-waiting));color:#2f3941;color:rgb(var(--neeto-molecules-status-color-waiting))}.status-dropdown-target--red{background-color:#feecf0;background-color:rgb(var(--neeto-molecules-status-bg-red));color:#bb121a;color:rgb(var(--neeto-molecules-status-color-red))}.status-dropdown-target--yellow{background-color:#fff7e9;background-color:rgb(var(--neeto-molecules-status-bg-yellow));color:#ffcc70;color:rgb(var(--neeto-molecules-status-color-yellow))}.status-dropdown-target--violet{background-color:#ebdeff;background-color:rgb(var(--neeto-molecules-status-bg-violet));color:#9d62a2;color:rgb(var(--neeto-molecules-status-color-violet))}.status-dropdown-target--pink{background-color:#fee9ff;background-color:rgb(var(--neeto-molecules-status-bg-pink));color:#e13ee6;color:rgb(var(--neeto-molecules-status-color-pink))}.status-dropdown-target--teal{background-color:#e4f4ff;background-color:rgb(var(--neeto-molecules-status-bg-teal));color:#26577c;color:rgb(var(--neeto-molecules-status-color-teal))}.status-dropdown-target--cyan{background-color:#e0fffe;background-color:rgb(var(--neeto-molecules-status-bg-cyan));color:#42a09d;color:rgb(var(--neeto-molecules-status-color-cyan))}.status-dropdown-target--green{background-color:#e0f4ee;background-color:rgb(var(--neeto-molecules-status-bg-green));color:#107154;color:rgb(var(--neeto-molecules-status-color-green))}.status-dropdown-item--open{color:#095aba!important;color:rgb(var(--neeto-molecules-status-color-open))!important}.status-dropdown-item--done{color:#bd640d!important;color:rgb(var(--neeto-molecules-status-color-done))!important}.status-dropdown-item--waiting{color:#2f3941!important;color:rgb(var(--neeto-molecules-status-color-waiting))!important}.status-dropdown-item--red{color:#bb121a!important;color:rgb(var(--neeto-molecules-status-color-red))!important}.status-dropdown-item--yellow{color:#ffcc70!important;color:rgb(var(--neeto-molecules-status-color-yellow))!important}.status-dropdown-item--violet{color:#9d62a2!important;color:rgb(var(--neeto-molecules-status-color-violet))!important}.status-dropdown-item--pink{color:#e13ee6!important;color:rgb(var(--neeto-molecules-status-color-pink))!important}.status-dropdown-item--teal{color:#26577c!important;color:rgb(var(--neeto-molecules-status-color-teal))!important}.status-dropdown-item--cyan{color:#42a09d!important;color:rgb(var(--neeto-molecules-status-color-cyan))!important}.status-dropdown-item--green{color:#107154!important;color:rgb(var(--neeto-molecules-status-color-green))!important}";
+injectCss.n(css,{});
+
+var ICON_SIZE = 16;
+
+var Target = function Target(_ref) {
+  var color = _ref.color,
+    label = _ref.label,
+    dataCy = _ref.dataCy;
+  var targetClassName = "neeto-ui-rounded-sm inline-block cursor-pointer py-0.5 px-2 status-dropdown-target--".concat(color);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: targetClassName,
+    "data-cy": dataCy,
+    "data-testid": "status-dropdown",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+      className: "inline",
+      style: "body2",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(Down, {
+      className: "ml-2 inline",
+      size: ICON_SIZE
+    })]
+  });
+};
+var Target$1 = /*#__PURE__*/React.memo(Target);
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StatusDropdown = function StatusDropdown(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hiddenStatuses = _ref.hiddenStatuses,
+    hiddenStatuses = _ref$hiddenStatuses === void 0 ? [] : _ref$hiddenStatuses,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    onItemClick = _ref.onItemClick,
+    options = _ref.options,
+    selectedValue = _ref.selectedValue,
+    _ref$shouldShowAllOpt = _ref.shouldShowAllOptions,
+    shouldShowAllOptions = _ref$shouldShowAllOpt === void 0 ? false : _ref$shouldShowAllOpt,
+    _ref$dataCy = _ref.dataCy,
+    dataCy = _ref$dataCy === void 0 ? "status-dropdown" : _ref$dataCy;
+  var selectedOption = neetoCist._findBy({
+    value: selectedValue
+  }, options);
+  return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
+    disabled: disabled,
+    strategy: "fixed",
+    customTarget: function customTarget() {
+      return /*#__PURE__*/jsxRuntime.jsx(Target$1, _objectSpread({
+        label: selectedValue
+      }, _objectSpread(_objectSpread({}, selectedOption), {}, {
+        dataCy: dataCy
+      })));
+    },
+    children: isLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex w-full items-center justify-center py-8",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    }) : /*#__PURE__*/jsxRuntime.jsx(Menu$1, {
+      hiddenStatuses: hiddenStatuses,
+      onItemClick: onItemClick,
+      options: options,
+      shouldShowAllOptions: shouldShowAllOptions
+    })
+  });
+};
+StatusDropdown.Menu = Menu$1;
+
+module.exports = StatusDropdown;
+//# sourceMappingURL=StatusDropdown.js.map

package/dist/cjs/StatusDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDropdown.js","sources":["../../src/components/StatusDropdown/Menu.jsx","../../src/components/StatusDropdown/constants.js","../../src/components/StatusDropdown/Target.jsx","../../src/components/StatusDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { Dropdown } from \"neetoui\";\n\nconst { Menu: NeetoUIMenu, MenuItem } = Dropdown;\n\nconst Menu = ({\n  onItemClick,\n  options,\n  shouldShowAllOptions = false,\n  hiddenStatuses = [],\n}) => {\n  const allowedOptions = shouldShowAllOptions\n    ? options\n    : options.filter(status => !hiddenStatuses.includes(status.value));\n\n  return (\n    <NeetoUIMenu data-testid=\"status-dropdown-menu\">\n      {allowedOptions?.map(option => (\n        <MenuItem.Button\n          className={`status-dropdown-item--${option.color}`}\n          data-cy={`status-dropdown-item-${hyphenate(option.value)}`}\n          data-testid={`status-dropdown-item-${option.value}`}\n          key={option.value}\n          onClick={() => onItemClick(option)}\n        >\n          {option.label}\n        </MenuItem.Button>\n      ))}\n    </NeetoUIMenu>\n  );\n};\n\nexport default memo(Menu);\n","export const ICON_SIZE = 16;\n","import { memo } from \"react\";\n\nimport { Down } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\n\nimport { ICON_SIZE } from \"./constants\";\n\nconst Target = ({ color, label, dataCy }) => {\n  const targetClassName = `neeto-ui-rounded-sm inline-block cursor-pointer py-0.5 px-2 status-dropdown-target--${color}`;\n\n  return (\n    <div\n      className={targetClassName}\n      data-cy={dataCy}\n      data-testid=\"status-dropdown\"\n    >\n      <Typography className=\"inline\" style=\"body2\">\n        {label}\n      </Typography>\n      <Down className=\"ml-2 inline\" size={ICON_SIZE} />\n    </div>\n  );\n};\n\nexport default memo(Target);\n","import { _findBy } from \"neetocist\";\nimport { Dropdown, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Menu from \"./Menu\";\nimport \"./status-dropdown.scss\";\nimport Target from \"./Target\";\n\nconst StatusDropdown = ({\n  disabled = false,\n  hiddenStatuses = [],\n  isLoading = false,\n  onItemClick,\n  options,\n  selectedValue,\n  shouldShowAllOptions = false,\n  dataCy = \"status-dropdown\",\n}) => {\n  const selectedOption = _findBy({ value: selectedValue }, options);\n\n  return (\n    <Dropdown\n      {...{ disabled }}\n      strategy=\"fixed\"\n      customTarget={() => (\n        <Target label={selectedValue} {...{ ...selectedOption, dataCy }} />\n      )}\n    >\n      {isLoading ? (\n        <div className=\"flex w-full items-center justify-center py-8\">\n          <Spinner />\n        </div>\n      ) : (\n        <Menu\n          {...{ hiddenStatuses, onItemClick, options, shouldShowAllOptions }}\n        />\n      )}\n    </Dropdown>\n  );\n};\n\nStatusDropdown.Menu = Menu;\n\nStatusDropdown.propTypes = {\n  /**\n   * This prop will decide whether the dropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Statuses to be hidden when shouldShowAllOptions is false.\n   */\n  hiddenStatuses: PropTypes.array,\n  /**\n   * This prop will decide whether the dropdown is in loading state or not.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Function to be called when a menu item is clicked.\n   */\n  onItemClick: PropTypes.func,\n  /**\n   * The items that should be shown in the dropdown.\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      color: PropTypes.string,\n    })\n  ),\n  /**\n   * The selected value.\n   */\n  selectedValue: PropTypes.string,\n  /**\n   * This prop will decide whether all options should be shown or not.  If set to false, the items in hiddenStatuses will not be shown.\n   */\n  shouldShowAllOptions: PropTypes.bool,\n};\n\nexport default StatusDropdown;\n"],"names":["NeetoUIMenu","Dropdown","Menu","MenuItem","_ref","onItemClick","options","_ref$shouldShowAllOpt","shouldShowAllOptions","_ref$hiddenStatuses","hiddenStatuses","allowedOptions","filter","status","includes","value","_jsx","children","map","option","Button","className","concat","color","hyphenate","onClick","label","memo","ICON_SIZE","Target","dataCy","targetClassName","_jsxs","Typography","style","Down","size","StatusDropdown","_ref$disabled","disabled","_ref$isLoading","isLoading","selectedValue","_ref$dataCy","selectedOption","_findBy","strategy","customTarget","_objectSpread","Spinner"],"mappings":"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"}

package/dist/cjs/StickyRibbonsContainer.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
+var Tag = require('@bigbinary/neetoui/Tag');
+var ramda = require('ramda');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var React = require('react');
+var reactQuery = require('@tanstack/react-query');
+var neetoCist = require('@bigbinary/neeto-cist');
+var axios = require('axios');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var jsxRuntime = require('react/jsx-runtime');
+
+var QUERY_KEYS = {
+  APP_STICKY_RIBBONS_LIST: "APP_STICKY_RIBBONS_LIST"
+};
+var STICKY_RIBBON_KIND_TO_STYLE = {
+  info: "info",
+  warning: "warning",
+  error: "danger"
+};
+var STICKY_RIBBONS_LOCAL_STORAGE_KEY = "dismissedStickyRibbons";
+var POLLING_INTERVAL = 5000;
+var MAX_POLLING_TIME = 60000;
+
+var css = ".neeto-molecules-sticky-ribbon{border-radius:0}";
+injectCss.n(css,{});
+
+var fetchStickyRibbons = function fetchStickyRibbons() {
+  return axios.get("".concat(constants.BASE_API_V1_URL, "/sticky_ribbons"), {
+    includeMetadataInResponse: true
+  });
+};
+var stickyRibbonsApi = {
+  fetchStickyRibbons: fetchStickyRibbons
+};
+
+var APP_STICKY_RIBBONS_LIST = QUERY_KEYS.APP_STICKY_RIBBONS_LIST;
+var useFetchStickyRibbons = function useFetchStickyRibbons() {
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPolling = _useState2[0],
+    setIsPolling = _useState2[1];
+  React.useEffect(function () {
+    if (!isPolling) return neetoCist.noop;
+    var timer = setTimeout(function () {
+      setIsPolling(false);
+    }, MAX_POLLING_TIME);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [isPolling]);
+  return reactQuery.useQuery({
+    queryKey: [APP_STICKY_RIBBONS_LIST],
+    queryFn: function () {
+      var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return stickyRibbonsApi.fetchStickyRibbons();
+            case 2:
+              response = _context.sent;
+              if (response.status === 202) {
+                setIsPolling(true);
+              } else if (response.status === 200) {
+                setIsPolling(false);
+              }
+              return _context.abrupt("return", response.data);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function queryFn() {
+        return _queryFn.apply(this, arguments);
+      }
+      return queryFn;
+    }(),
+    refetchInterval: isPolling ? POLLING_INTERVAL : false
+  });
+};
+
+var StickyRibbonsContainer = function StickyRibbonsContainer() {
+  var _useLocalStorage = reactUtils.useLocalStorage(STICKY_RIBBONS_LOCAL_STORAGE_KEY, []),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    dismissedRibbons = _useLocalStorage2[0],
+    setDismissedRibbons = _useLocalStorage2[1];
+  var _useFetchStickyRibbon = useFetchStickyRibbons(),
+    _useFetchStickyRibbon2 = _useFetchStickyRibbon.data,
+    _useFetchStickyRibbon3 = _useFetchStickyRibbon2 === void 0 ? {} : _useFetchStickyRibbon2,
+    _useFetchStickyRibbon4 = _useFetchStickyRibbon3.stickyRibbons,
+    stickyRibbons = _useFetchStickyRibbon4 === void 0 ? [] : _useFetchStickyRibbon4;
+  var handleDismiss = function handleDismiss(ribbonId) {
+    var validRibbonIds = ramda.pluck("id", stickyRibbons);
+    var updatedDismissedRibbons = dismissedRibbons.filter(function (id) {
+      return validRibbonIds.includes(id);
+    });
+    setDismissedRibbons([].concat(_toConsumableArray(updatedDismissedRibbons), [ribbonId]));
+  };
+  var visibleRibbons = stickyRibbons.filter(function (ribbon) {
+    return !dismissedRibbons.includes(ribbon.id);
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: visibleRibbons.map(function (_ref) {
+      var id = _ref.id,
+        kind = _ref.kind,
+        message = _ref.message;
+      return /*#__PURE__*/jsxRuntime.jsx(Tag, {
+        className: "neeto-molecules-sticky-ribbon w-full p-2.5 text-center",
+        size: "large",
+        style: STICKY_RIBBON_KIND_TO_STYLE[kind],
+        onClose: function onClose() {
+          return handleDismiss(id);
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(EditorContent, {
+          className: "w-full",
+          content: message
+        })
+      }, id);
+    })
+  });
+};
+
+module.exports = StickyRibbonsContainer;
+//# sourceMappingURL=StickyRibbonsContainer.js.map