@bigbinary/neeto-molecules 3.10.2 → 3.10.4

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.
@@ -1,15 +1,18 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
3
  import classnames from 'classnames';
4
+ import { handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
5
+ import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
4
6
  import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
5
- import Left from '@bigbinary/neeto-icons/Left';
7
+ import Home from '@bigbinary/neeto-icons/Home';
6
8
  import Typography from '@bigbinary/neetoui/Typography';
9
+ import Button from '@bigbinary/neetoui/Button';
7
10
  import { curry, is, includes, __, all, equals, omit } from 'ramda';
11
+ import { NavLink, useHistory } from 'react-router-dom';
8
12
  import { Fragment } from 'react';
9
13
  import { isNotEmpty, isPresent, hyphenate } from '@bigbinary/neeto-cist';
10
14
  import { Segments } from '@bigbinary/neeto-filters-frontend';
11
15
  import { useNavigationCheckpoints } from '@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint';
12
- import { NavLink } from 'react-router-dom';
13
16
  import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
14
17
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
15
18
  import { n } from './inject-css-DmrvuTKK.js';
@@ -65,7 +68,7 @@ var filterByPermissions = curry(function (_ref) {
65
68
  }
66
69
  return true;
67
70
  });
68
- var findCurrentConfigureNavLink = function findCurrentConfigureNavLink(_ref2) {
71
+ var getActiveConfigurePageLink = function getActiveConfigurePageLink(_ref2) {
69
72
  var navLinks = _ref2.navLinks,
70
73
  location = _ref2.location;
71
74
  return navLinks.find(function (link) {
@@ -177,11 +180,17 @@ var SelectedLink = function SelectedLink(_ref) {
177
180
  isConfigureNavLink: false
178
181
  } : _ref$navLink,
179
182
  handleGoBack = _ref.handleGoBack,
180
- isConfigureSidebar = _ref.isConfigureSidebar;
183
+ isConfigureSidebar = _ref.isConfigureSidebar,
184
+ homePath = _ref.homePath;
185
+ var history = useHistory();
181
186
  var label = navLink.label,
182
187
  items = navLink.items,
183
188
  isConfigureNavLink = navLink.isConfigureNavLink,
184
189
  otherProps = _objectWithoutProperties(navLink, _excluded);
190
+ var handleHomeButtonClick = function handleHomeButtonClick(e) {
191
+ e.stopPropagation();
192
+ handleMetaClick(history, buildUrl(homePath), e);
193
+ };
185
194
  return /*#__PURE__*/jsxs("div", {
186
195
  className: "neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable",
187
196
  "data-cy": "configure-nav-container",
@@ -189,13 +198,18 @@ var SelectedLink = function SelectedLink(_ref) {
189
198
  className: "neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-molecules-sidebar__link neeto-ui-border-b neeto-ui-border-gray-200",
190
199
  onClick: handleGoBack
191
200
  }, _objectSpread({}, omit(["icon"], otherProps))), {}, {
192
- children: [isConfigureNavLink && /*#__PURE__*/jsx("span", {
193
- className: "neeto-molecules-sidebar__link-icon",
194
- "data-cy": "".concat(hyphenize(label), "-go-back-button"),
195
- "data-testid": "".concat(label, "-go-back-button"),
196
- children: /*#__PURE__*/jsx(Left, {
197
- size: 16
198
- })
201
+ children: [isConfigureNavLink && /*#__PURE__*/jsxs("span", {
202
+ className: "neeto-molecules-sidebar__link-icon flex items-center pl-3",
203
+ children: [/*#__PURE__*/jsx(Button, {
204
+ "data-cy": "".concat(hyphenize(label), "-go-back-button"),
205
+ "data-testid": "".concat(label, "-go-home-button"),
206
+ icon: Home,
207
+ style: "text",
208
+ onClick: handleHomeButtonClick
209
+ }), /*#__PURE__*/jsx("span", {
210
+ className: "px-1 text-xs",
211
+ children: "/"
212
+ })]
199
213
  }), /*#__PURE__*/jsx(Typography, {
200
214
  component: "span",
201
215
  style: "body1",
@@ -228,5 +242,5 @@ var Chevron = function Chevron(_ref) {
228
242
  });
229
243
  };
230
244
 
231
- export { Chevron as C, SelectedLink as S, _Items as _, CheckPointNavLinks as a, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as b, findCurrentConfigureNavLink as c, filterByPermissions as f, getSidebarStateLocalStorageKey as g };
232
- //# sourceMappingURL=Chevron-B7HbJbZf.js.map
245
+ export { Chevron as C, SelectedLink as S, _Items as _, CheckPointNavLinks as a, SELECTED_NAV_LINK_ROUTE_STORAGE_KEY as b, getActiveConfigurePageLink as c, filterByPermissions as f, getSidebarStateLocalStorageKey as g };
246
+ //# sourceMappingURL=Chevron-51inBbbu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chevron-51inBbbu.js","sources":["../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../src/components/Sidebar/constants.js","../src/components/Sidebar/utils.js","../src/components/Sidebar/Components/Links/SubLink.jsx","../src/components/Sidebar/Components/Links/Items.jsx","../src/components/Sidebar/Components/Links/SelectedLink.jsx","../src/components/Sidebar/Components/Chevron.jsx"],"sourcesContent":["import { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({\n checkpointKey,\n to,\n href,\n children,\n ...others\n}) => {\n const { [checkpointKey]: checkpoint } =\n useNavigationCheckpoints(checkpointKey);\n\n const LinkElement = href ? \"a\" : NavLink;\n const linkProps = href\n ? { href, key: href, ...others }\n : { to: checkpoint || to, key: to, ...others };\n\n return <LinkElement {...linkProps}>{children}</LinkElement>;\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n SYSTEM_VIEW: \"system_view\",\n SEGMENTS: \"segments\",\n};\n\nexport const SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = \"selectedNavLinkRoute\";\n","import { isPresent, isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n const currentBrowserUrl = new URL(\n location.pathname + location.search + location.hash,\n window.location.origin\n );\n const targetUrl = new URL(subRoute, window.location.origin);\n\n const targetSearchParams = targetUrl.searchParams;\n const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n return (\n all(\n key =>\n currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n targetSearchKeys\n ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n if (permissions && isNotEmpty(permissions)) {\n return is(Array, permissions)\n ? permissions.some(includes(__, globalProps.permissions))\n : globalProps.permissions.includes(permissions);\n }\n\n return true;\n});\n\nexport const getActiveConfigurePageLink = ({ navLinks, location }) =>\n navLinks.find(link => {\n const [linkPathname] = link.to?.split(\"?\") || [];\n\n return (\n isPresent(link.isConfigureNavLink) &&\n link.isConfigureNavLink &&\n location.pathname.startsWith(linkPathname)\n );\n });\n","import { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } from \"neetoui\";\nimport { is } from \"ramda\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n to,\n href,\n label,\n type = SUB_LINK_TYPES.SYSTEM_VIEW,\n count,\n isSectionHeader,\n isCountsLoading,\n \"data-cy\": dataCy,\n entity = \"\",\n columns = [],\n baseUrl,\n isActive,\n}) => {\n if (type === SUB_LINK_TYPES.SEGMENTS) {\n return <Segments {...{ baseUrl, columns, entity }} isIndependent={false} />;\n }\n\n const dataCyPrefix = dataCy || hyphenate(label);\n\n const renderCount = count => (count > 999 ? \"999+\" : count);\n\n const isSubLinkActive = () =>\n !isSectionHeader &&\n (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));\n\n return (\n <CheckPointNavLinks\n {...{ href, to }}\n activeClassName=\"active\"\n className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n data-cy={`${dataCyPrefix}-sub-link`}\n isActive={isSubLinkActive}\n >\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-label`}\n style=\"body2\"\n >\n {label}\n </Typography>\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-count`}\n style=\"body2\"\n >\n {isCountsLoading ? (\n <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n ) : (\n renderCount(count)\n )}\n </Typography>\n </CheckPointNavLinks>\n );\n};\n\nexport default SubLink;\n","import { Fragment } from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n <div\n className=\"neeto-molecules-sidebar__sublink-wrapper\"\n data-cy=\"sidebar-sub-link-wrapper\"\n >\n {items.filter(filterByPermissions).map((subItem, subIndex) => (\n <Fragment key={subIndex}>\n <SubLink\n {...{ ...subItem, isCountsLoading }}\n href={subItem.href}\n isActive={subItem.isActive}\n isSectionHeader={isPresent(subItem.item)}\n to={subItem.to ?? subItem.path}\n />\n {isSettingsItems && isPresent(subItem.items) && (\n <>\n <Items {...{ isSettingsItems }} items={subItem.items} />\n {items.length - 1 !== subIndex && (\n <hr className=\"neeto-molecules-sidebar__separator neeto-ui-border-gray-200\" />\n )}\n </>\n )}\n </Fragment>\n ))}\n </div>\n);\n\nexport default Items;\n","import classNames from \"classnames\";\nimport { handleMetaClick } from \"neetocommons/react-utils\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Home } from \"neetoicons\";\nimport { Typography, Button } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({\n navLink = { label: \"\", items: [], isConfigureNavLink: false },\n handleGoBack,\n isConfigureSidebar,\n homePath,\n}) => {\n const history = useHistory();\n const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n const handleHomeButtonClick = e => {\n e.stopPropagation();\n handleMetaClick(history, buildUrl(homePath), e);\n };\n\n return (\n <div\n className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"configure-nav-container\"\n >\n <div\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-molecules-sidebar__link neeto-ui-border-b neeto-ui-border-gray-200\"\n onClick={handleGoBack}\n {...{ ...omit([\"icon\"], otherProps) }}\n >\n {isConfigureNavLink && (\n <span className=\"neeto-molecules-sidebar__link-icon flex items-center pl-3\">\n <Button\n data-cy={`${hyphenize(label)}-go-back-button`}\n data-testid={`${label}-go-home-button`}\n icon={Home}\n style=\"text\"\n onClick={handleHomeButtonClick}\n />\n <span className=\"px-1 text-xs\">/</span>\n </span>\n )}\n <Typography\n component=\"span\"\n style=\"body1\"\n className={classNames(\"neeto-molecules-sidebar__link-label\", {\n \"neeto-molecules-sidebar__configure-page-header\":\n isConfigureNavLink,\n [\"pl-4\"]: isConfigureSidebar,\n })}\n >\n {label}\n </Typography>\n </div>\n {items && <Items {...{ items }} isSettingsItems />}\n </div>\n );\n};\n\nexport default SelectedLink;\n","const 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"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","getActiveConfigurePageLink","_ref2","navLinks","find","link","_link$to","_ref3","split","_ref4","_slicedToArray","linkPathname","isPresent","isConfigureNavLink","startsWith","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","isSubLinkActive","Function","_jsxs","activeClassName","className","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","item","path","_Fragment","_Items","length","SelectedLink","_ref$navLink","navLink","handleGoBack","isConfigureSidebar","homePath","history","useHistory","otherProps","handleHomeButtonClick","e","stopPropagation","handleMetaClick","buildUrl","onClick","omit","Button","hyphenize","icon","Home","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":"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"}
@@ -5,12 +5,14 @@ import Button from '@bigbinary/neetoui/Button';
5
5
  import { not } from 'ramda';
6
6
  import { useTranslation } from 'react-i18next';
7
7
  import { useHistory } from 'react-router-dom';
8
- import { S as SelectedLink, C as Chevron } from './Chevron-B7HbJbZf.js';
8
+ import { S as SelectedLink, C as Chevron } from './Chevron-51inBbbu.js';
9
9
  import { jsxs, jsx } from 'react/jsx-runtime';
10
10
  import '@babel/runtime/helpers/defineProperty';
11
11
  import '@babel/runtime/helpers/objectWithoutProperties';
12
+ import '@bigbinary/neeto-commons-frontend/react-utils';
13
+ import '@bigbinary/neeto-commons-frontend/utils';
12
14
  import '@bigbinary/neeto-commons-frontend/utils/general';
13
- import '@bigbinary/neeto-icons/Left';
15
+ import '@bigbinary/neeto-icons/Home';
14
16
  import '@bigbinary/neetoui/Typography';
15
17
  import '@bigbinary/neeto-cist';
16
18
  import '@bigbinary/neeto-filters-frontend';
@@ -1 +1 @@
1
- {"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n label,\n navLinks: items,\n configurePageRoute,\n}) => {\n const history = useHistory();\n\n const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n const { t } = useTranslation();\n\n const isLargerScreen = () => window.innerWidth > 768;\n const isSidebarClosed = isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen);\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 handleConfigureLinkClick = () => {\n history.push(configurePageRoute);\n };\n\n return (\n <div\n data-testid=\"configure-page-sidebar-container\"\n className={classnames(\n \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n {\n \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen),\n }\n )}\n >\n <div\n className=\"neeto-molecules-sidebar__backdrop\"\n onClick={() => {\n setIsSidebarPaneOpen(false);\n }}\n />\n <div\n className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page 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\"\n data-testid=\"configure-page-sidebar\"\n >\n <SelectedLink\n isConfigureSidebar\n handleGoBack={handleConfigureLinkClick}\n navLink={{ label, items }}\n />\n </div>\n <Button\n className=\"neeto-molecules-sidebar__toggler\"\n data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n data-testid=\"configure-page-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\nConfigurePageSidebar.propTypes = {\n /**\n * The route to the landing page of the configure screen.\n * When the user clicks on the 'configure' text, they will be taken to the specified route.\n */\n configurePageRoute: PropTypes.string,\n /**\n * To specify the label to be shown on top of the sidebar.\n */\n label: PropTypes.string,\n /**\n * To specify the configure nav links to be shown in the sidebar.\n */\n navLinks: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n to: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n ),\n })\n ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","_jsxs","className","classnames","children","_jsx","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","icon","Chevron","style","tooltipProps","content","position","touch"],"mappings":"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"}
1
+ {"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n label,\n navLinks: items,\n configurePageRoute,\n}) => {\n const history = useHistory();\n\n const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n const { t } = useTranslation();\n\n const isLargerScreen = () => window.innerWidth > 768;\n const isSidebarClosed = isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen);\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 handleConfigureLinkClick = () => {\n history.push(configurePageRoute);\n };\n\n return (\n <div\n data-testid=\"configure-page-sidebar-container\"\n className={classnames(\n \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n {\n \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n ? isSidebarCollapsed\n : not(isSidebarPaneOpen),\n }\n )}\n >\n <div\n className=\"neeto-molecules-sidebar__backdrop\"\n onClick={() => {\n setIsSidebarPaneOpen(false);\n }}\n />\n <div\n className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page 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\"\n data-testid=\"configure-page-sidebar\"\n >\n <SelectedLink\n isConfigureSidebar\n handleGoBack={handleConfigureLinkClick}\n navLink={{ label, items }}\n />\n </div>\n <Button\n className=\"neeto-molecules-sidebar__toggler\"\n data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n data-testid=\"configure-page-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\nConfigurePageSidebar.propTypes = {\n /**\n * The route to the landing page of the configure screen.\n * When the user clicks on the 'configure' text, they will be taken to the specified route.\n */\n configurePageRoute: PropTypes.string,\n /**\n * To specify the label to be shown on top of the sidebar.\n */\n label: PropTypes.string,\n /**\n * To specify the configure nav links to be shown in the sidebar.\n */\n navLinks: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n to: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n ),\n })\n ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","_jsxs","className","classnames","children","_jsx","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","icon","Chevron","style","tooltipProps","content","position","touch"],"mappings":"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"}
package/dist/Schedule.js CHANGED
@@ -353,6 +353,7 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
353
353
  var _sortPeriodsByKey;
354
354
  return /*#__PURE__*/jsxs("div", {
355
355
  className: "neeto-ui-rounded-md neeto-ui-shadow-xs neeto-ui-border-gray-200 neeto-ui-bg-white flex w-full flex-wrap items-center justify-center gap-2 border px-6 py-4 sm:items-start sm:justify-start",
356
+ "data-cy": "day-cards-".concat(day),
356
357
  children: [/*#__PURE__*/jsx(Typography, {
357
358
  className: "mt-0.5 w-24 text-center sm:w-1/4 sm:text-left",
358
359
  "data-cy": joinHyphenCase(day, "day-text"),