@redsift/design-system 11.5.0-muiv5 → 11.6.0-alpha.0

package/_internal/useSideNavigationMenuBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSideNavigationMenuBar.js","sources":["../../src/hooks/useBoundingRect.ts","../../src/components/side-navigation-menu-bar/styles.ts","../../src/components/side-navigation-menu-bar/SideNavigationMenuBar.tsx","../../src/components/side-navigation-menu-bar/useSideNavigationMenuBar.tsx"],"sourcesContent":["import { useState, useEffect, MutableRefObject, DependencyList } from 'react';\n\n/**\n * Get the bounding rect of a component.\n */\nexport const useBoundingClientRect = (\n  ref: MutableRefObject<HTMLElement>,\n  deps?: DependencyList\n) => {\n  const [boundingRect, setBoundingRect] = useState<DOMRect>({} as DOMRect);\n\n  useEffect(() => {\n    if (ref.current) {\n      setBoundingRect(ref.current.getBoundingClientRect());\n    }\n  }, deps);\n\n  return boundingRect;\n};\n","import styled, { css } from 'styled-components';\nimport { SideNavigationMenuBarVariant, StyledSideNavigationMenuBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSideNavigationMenuBar = styled.nav<StyledSideNavigationMenuBarProps>`\n  background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-background)`};\n  box-sizing: content-box;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n  transition: width 300ms ease-out;\n  width: ${({ $variant }) => ($variant === SideNavigationMenuBarVariant.shrinked ? '64px' : '250px')};\n\n  ${({ $marginTop = 0 }) =>\n    $marginTop\n      ? css`\n          height: calc(100% - ${$marginTop}px);\n        `\n      : ''}\n\n  ul {\n    list-style: none;\n    margin: unset;\n    padding: unset;\n  }\n\n  scrollbar-color: ${({ $theme }) =>\n    `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting) transparent`};\n  scrollbar-width: thin;\n\n  &::-webkit-scrollbar {\n    block-size: 9px;\n    inline-size: 9px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-clip: padding-box;\n    background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting)`};\n    border-radius: 0px;\n    border-left: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb:horizontal,\n  &::-webkit-scrollbar-thumb:vertical {\n    &:hover {\n      background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`};\n    }\n  }\n\n  &::-webkit-scrollbar-corner {\n    visibility: hidden;\n  }\n`;\n","import React, {\n  forwardRef,\n  KeyboardEvent,\n  MutableRefObject,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { SideNavigationMenu } from '../side-navigation-menu';\nimport { SideNavigationMenuItem } from '../side-navigation-menu-item';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { StyledSideNavigationMenuBar } from './styles';\nimport { SideNavigationMenuBarProps, SideNavigationMenuBarContextProps, SideNavigationMenuBarVariant } from './types';\nimport { SideNavigationMenuBarContext } from './context';\nimport { useBoundingClientRect } from '../../hooks/useBoundingRect';\nimport { filterComponents } from '../../utils/filterComponents';\nimport { AppContainerContext } from '../app-container';\nimport { ThemeProvider, useTheme } from '../theme';\nimport { AppSidePanelVariant } from '../app-side-panel';\n\nconst COMPONENT_NAME = 'SideNavigationMenuBar';\nconst CLASSNAME = 'redsift-side-navigation-menu-bar';\n\n/**\n * Hook to store the previous index for further use\n */\nconst usePrevious = (value: number) => {\n  const ref = useRef(0);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n\n/**\n * The SideNavigationMenuBar component.\n */\nexport const SideNavigationMenuBar: Comp<SideNavigationMenuBarProps, HTMLElement> = forwardRef((props, ref) => {\n  const navRef = (ref || useRef<HTMLElement>()) as MutableRefObject<HTMLElement>;\n\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    canHaveMultipleMenuOpenAtOnce,\n    children,\n    className,\n    isDisabled,\n    menubarProps = {},\n    menubarRef = useRef<HTMLUListElement>(),\n    theme: propsTheme,\n    variant: propsVariant = SideNavigationMenuBarVariant.standard,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props, undefined, 'SideNavigationMenuBar');\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme(propsTheme);\n  const { top } = useBoundingClientRect(navRef, [children]);\n  const [variant, setVariant] = useState<SideNavigationMenuBarVariant>(\n    appContainerState\n      ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden\n        ? SideNavigationMenuBarVariant.shrinked\n        : appContainerState.sidePanelVariant\n      : propsVariant!\n  );\n  const [currentOpenMenuId, setCurrentOpenMenuId] = useState<string | undefined>();\n\n  useEffect(() => {\n    setVariant(propsVariant!);\n  }, [propsVariant]);\n\n  useEffect(() => {\n    if (appContainerState && appContainerState.sidePanelVariant && appContainerState.sidePanelVariant !== variant) {\n      setVariant(\n        appContainerState.sidePanelVariant === AppSidePanelVariant.hidden\n          ? SideNavigationMenuBarVariant.shrinked\n          : appContainerState.sidePanelVariant\n      );\n    }\n  }, [appContainerState?.sidePanelVariant]);\n\n  /**\n   * Create an array containing only valid children being either SideNavigationMenu or SideNavigationMenuItem.\n   */\n  const childArray = filterComponents([SideNavigationMenu, SideNavigationMenuItem])(children);\n  const navItems = childArray.map((child, index) => {\n    return (\n      <li key={child.key ?? index} role=\"none\">\n        {React.cloneElement(child, {\n          isDisabled: child.props.isDisabled || isDisabled || undefined,\n          key: child.key ?? index,\n          tabIndex: index === 0 ? 0 : -1,\n        })}\n      </li>\n    );\n  });\n\n  const menuItems = useRef<Set<HTMLAnchorElement | HTMLButtonElement>>(new Set()).current;\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const previousIndex = usePrevious(currentIndex);\n\n  const first = () => setCurrentIndex(0);\n\n  const last = () => setCurrentIndex(menuItems.size - 1);\n\n  const next = () => {\n    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;\n    setCurrentIndex(index);\n  };\n\n  const previous = () => {\n    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;\n    setCurrentIndex(index);\n  };\n\n  const match = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    const items = Array.from(menuItems);\n\n    // Reorder the array, starting with the currentNode\n    const reorderedItems = [...items.slice(currentIndex), ...items.slice(0, currentIndex)];\n\n    // Find all nodes that begin with the pressed letter\n    const matches = reorderedItems.filter((menuItem) => {\n      const { textContent } = menuItem;\n      // istanbul ignore next\n      const firstLetter = textContent?.toLowerCase().charAt(0);\n      return event.key === firstLetter;\n    });\n\n    // Exit early if there are no matches\n    if (!matches.length) {\n      return;\n    }\n\n    // If the focused item is a match, focus the next match.\n    // Otherwise, focus the first match\n    const currentNode = items[currentIndex];\n    const nextMatch = matches.includes(currentNode) ? matches[1] : matches[0];\n    const index = items.findIndex((item) => {\n      return item === nextMatch;\n    });\n\n    setCurrentIndex(index);\n  };\n\n  const keyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n    menubarProps.onKeyDown?.(e);\n    e.stopPropagation();\n\n    const currentNode = e.target as HTMLUListElement;\n    // istanbul ignore next\n    const parentMenu = currentNode?.parentNode?.parentNode as HTMLElement;\n    const isFromSubmenu = parentMenu.getAttribute('role') === 'menu';\n\n    switch (e.code) {\n      case 'ArrowUp':\n        e.preventDefault();\n        previous();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        next();\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        if (isFromSubmenu) {\n          next();\n        }\n        break;\n      case 'End':\n        e.preventDefault();\n        last();\n        break;\n      case 'Home':\n        e.preventDefault();\n        first();\n        break;\n      case 'Enter':\n      case 'Space':\n        e.preventDefault();\n        currentNode.click();\n        break;\n      default:\n        match(e);\n        break;\n    }\n  };\n\n  const value = useMemo<SideNavigationMenuBarContextProps>(\n    () => ({\n      menuItems,\n      sideNavigationMenuBarVariant: variant,\n      setSideNavigationMenuBarVariant: setVariant,\n      currentOpenMenuId,\n      setCurrentOpenMenuId: (value: React.SetStateAction<string | undefined>) => {\n        if (!canHaveMultipleMenuOpenAtOnce) {\n          setCurrentOpenMenuId(value);\n        }\n      },\n    }),\n    [menuItems, variant, setVariant, currentOpenMenuId, setCurrentOpenMenuId]\n  );\n\n  useEffect(() => {\n    if (currentIndex !== previousIndex) {\n      const items = Array.from(menuItems);\n      const currentNode = items[currentIndex] as HTMLElement;\n      const previousNode = items[previousIndex] as HTMLElement;\n\n      // istanbul ignore next\n      previousNode?.setAttribute('tabindex', '-1');\n      currentNode?.setAttribute('tabindex', '0');\n      currentNode?.focus();\n    }\n  }, [currentIndex, previousIndex, menuItems]);\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledSideNavigationMenuBar\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $marginTop={top}\n        $theme={theme}\n        $variant={variant}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        className={classNames(SideNavigationMenuBar.className, className)}\n        ref={navRef as MutableRefObject<HTMLElement>}\n      >\n        <SideNavigationMenuBarContext.Provider value={value}>\n          <ul\n            {...menubarProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-orientation=\"vertical\"\n            onKeyDown={keyDown}\n            ref={menubarRef as MutableRefObject<HTMLUListElement>}\n            role=\"menubar\"\n          >\n            {navItems}\n          </ul>\n        </SideNavigationMenuBarContext.Provider>\n      </StyledSideNavigationMenuBar>\n    </ThemeProvider>\n  );\n});\nSideNavigationMenuBar.className = CLASSNAME;\nSideNavigationMenuBar.displayName = COMPONENT_NAME;\n","import React, { MutableRefObject } from 'react';\nimport { SideNavigationMenu } from '../side-navigation-menu';\nimport { SideNavigationMenuItem } from '../side-navigation-menu-item';\nimport {\n  MenuBarItems,\n  MenuItem,\n  Menu,\n  SideNavigationMenuBarProps,\n} from './types';\n\nconst isMenu = (item: MenuItem | Menu): item is Menu => {\n  return (item as Menu).children !== undefined;\n};\n\nexport interface UseSideNavigationMenuBarProps {\n  items: MenuBarItems;\n  isActive?: (href: string) => boolean;\n}\n\nexport const useSideNavigationMenuBar = ({\n  items,\n  isActive,\n}: UseSideNavigationMenuBarProps): Omit<SideNavigationMenuBarProps, 'ref'> => {\n  const menuBarChildren: SideNavigationMenuBarProps['children'][] = [];\n\n  items.map((item) => {\n    if (!isMenu(item)) {\n      const { title, href, ref, ...rest } = item;\n      menuBarChildren.push(\n        <SideNavigationMenuItem\n          key={title}\n          isCurrent={isActive ? isActive(href!) : undefined}\n          {...rest}\n          href={href}\n          ref={ref as MutableRefObject<HTMLAnchorElement>}\n        >\n          {title}\n        </SideNavigationMenuItem>\n      );\n    } else {\n      const { title, children, ref, ...rest } = item;\n      menuBarChildren.push(\n        <SideNavigationMenu\n          key={title}\n          aria-label={title}\n          isExpanded={\n            isActive\n              ? children.filter((child) => isActive(child.href!)).length > 0\n              : undefined\n          }\n          hasBadge={children.filter((child) => child.badge).length > 0}\n          {...rest}\n          ref={ref as MutableRefObject<HTMLDivElement>}\n        >\n          {children.map((child) => {\n            const { title, href, ref, ...rest } = child;\n            return (\n              <SideNavigationMenuItem\n                key={title}\n                href={href}\n                isCurrent={isActive ? isActive(href!) : undefined}\n                {...rest}\n                ref={ref as MutableRefObject<HTMLAnchorElement>}\n              >\n                {title}\n              </SideNavigationMenuItem>\n            );\n          })}\n        </SideNavigationMenu>\n      );\n    }\n  });\n\n  return {\n    children: menuBarChildren,\n  };\n};\n"],"names":["useBoundingClientRect","ref","deps","boundingRect","setBoundingRect","useState","useEffect","current","getBoundingClientRect","StyledSideNavigationMenuBar","styled","nav","_ref","$theme","_ref2","$variant","SideNavigationMenuBarVariant","shrinked","_ref3","$marginTop","css","_ref4","_ref5","_ref6","COMPONENT_NAME","CLASSNAME","usePrevious","value","useRef","SideNavigationMenuBar","forwardRef","props","navRef","ariaLabel","ariaLabelledby","canHaveMultipleMenuOpenAtOnce","children","className","isDisabled","menubarProps","menubarRef","theme","propsTheme","variant","propsVariant","standard","forwardedProps","_objectWithoutProperties","_excluded","warnIfNoAccessibleLabelFound","undefined","appContainerState","useContext","AppContainerContext","useTheme","top","setVariant","sidePanelVariant","AppSidePanelVariant","hidden","currentOpenMenuId","setCurrentOpenMenuId","childArray","filterComponents","SideNavigationMenu","SideNavigationMenuItem","navItems","map","child","index","_child$key","_child$key2","React","createElement","key","role","cloneElement","tabIndex","menuItems","Set","currentIndex","setCurrentIndex","previousIndex","first","last","size","next","previous","match","event","items","Array","from","reorderedItems","slice","matches","filter","menuItem","textContent","firstLetter","toLowerCase","charAt","length","currentNode","nextMatch","includes","findIndex","item","keyDown","e","_menubarProps$onKeyDo","_currentNode$parentNo","onKeyDown","call","stopPropagation","target","parentMenu","parentNode","isFromSubmenu","getAttribute","code","preventDefault","click","useMemo","sideNavigationMenuBarVariant","setSideNavigationMenuBarVariant","previousNode","setAttribute","focus","ThemeProvider","_extends","$isDisabled","classNames","SideNavigationMenuBarContext","Provider","displayName","isMenu","useSideNavigationMenuBar","isActive","menuBarChildren","title","href","rest","push","isCurrent","_excluded2","isExpanded","hasBadge","badge","_excluded3"],"mappings":"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"}

package/_internal/useTheme.js

@@ -0,0 +1,15 @@
+import React__default, { useContext } from 'react';
+import { T as Theme } from './colors.js';
+
+const ThemeContext = /*#__PURE__*/React__default.createContext(null);
+const ThemeProvider = ThemeContext.Provider;
+
+function useTheme(theme) {
+  var _ref;
+  const themeState = useContext(ThemeContext);
+  const contextTheme = (_ref = theme !== null && theme !== void 0 ? theme : themeState === null || themeState === void 0 ? void 0 : themeState.theme) !== null && _ref !== void 0 ? _ref : Theme.light;
+  return contextTheme;
+}
+
+export { ThemeContext as T, ThemeProvider as a, useTheme as u };
+//# sourceMappingURL=useTheme.js.map

package/_internal/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":["../../src/components/theme/context.ts","../../src/components/theme/useTheme.ts"],"sourcesContent":["import React from 'react';\nimport { Theme } from '../../types';\n\nexport const ThemeContext = React.createContext<{ theme?: Theme } | null>(null);\n\nexport const ThemeProvider = ThemeContext.Provider;\n","import { useContext } from 'react';\nimport { Theme } from '../../types';\nimport { ThemeContext } from './context';\n\nexport function useTheme(theme?: Theme): Theme {\n  const themeState = useContext(ThemeContext);\n  const contextTheme: Theme = theme ?? themeState?.theme ?? Theme.light;\n\n  return contextTheme;\n}\n"],"names":["ThemeContext","React","createContext","ThemeProvider","Provider","useTheme","theme","_ref","themeState","useContext","contextTheme","Theme","light"],"mappings":";;;AAGO,MAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAA2B,IAAI,EAAC;AAElEC,MAAAA,aAAa,GAAGH,YAAY,CAACI;;ACDnC,SAASC,QAAQA,CAACC,KAAa,EAAS;AAAA,EAAA,IAAAC,IAAA,CAAA;AAC7C,EAAA,MAAMC,UAAU,GAAGC,UAAU,CAACT,YAAY,CAAC,CAAA;EAC3C,MAAMU,YAAmB,GAAAH,CAAAA,IAAA,GAAGD,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIE,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEF,KAAK,MAAAC,IAAAA,IAAAA,IAAA,cAAAA,IAAA,GAAII,KAAK,CAACC,KAAK,CAAA;AAErE,EAAA,OAAOF,YAAY,CAAA;AACrB;;;;"}

package/_internal/warnIfNoAccessibleLabelFound.js

@@ -0,0 +1,20 @@
+/**
+ * Display a warning if no label was found for screen readers and assistive technologies.
+ *
+ * @param props Component props containing the aria-label and aria-labelledby params to check for.
+ * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).
+ */
+const warnIfNoAccessibleLabelFound = (props, additionalKeysToCheck, componentName) => {
+  const {
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledby
+  } = props;
+  const hasText = additionalKeysToCheck && additionalKeysToCheck.filter(key => !!key).length > 0;
+  const hasAriaLabel = Boolean(ariaLabel || ariaLabelledby);
+  if (!hasAriaLabel && !hasText) {
+    console.warn(`You must provide a label ${componentName ? `to ${componentName} ` : ''}for accessibility`, props);
+  }
+};
+
+export { warnIfNoAccessibleLabelFound as w };
+//# sourceMappingURL=warnIfNoAccessibleLabelFound.js.map

package/_internal/warnIfNoAccessibleLabelFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warnIfNoAccessibleLabelFound.js","sources":["../../src/utils/warnIfNoAccessibleLabelFound.ts"],"sourcesContent":["import { ComponentProps, DependencyList } from 'react';\n\n/**\n * Display a warning if no label was found for screen readers and assistive technologies.\n *\n * @param props Component props containing the aria-label and aria-labelledby params to check for.\n * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).\n */\nexport const warnIfNoAccessibleLabelFound = (\n  props: ComponentProps<keyof JSX.IntrinsicElements>,\n  additionalKeysToCheck?: DependencyList,\n  componentName?: string\n): void => {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby } = props;\n\n  const hasText = additionalKeysToCheck && additionalKeysToCheck.filter((key) => !!key).length > 0;\n  const hasAriaLabel = Boolean(ariaLabel || ariaLabelledby);\n\n  if (!hasAriaLabel && !hasText) {\n    console.warn(`You must provide a label ${componentName ? `to ${componentName} ` : ''}for accessibility`, props);\n  }\n};\n"],"names":["warnIfNoAccessibleLabelFound","props","additionalKeysToCheck","componentName","ariaLabel","ariaLabelledby","hasText","filter","key","length","hasAriaLabel","Boolean","console","warn"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,4BAA4B,GAAGA,CAC1CC,KAAkD,EAClDC,qBAAsC,EACtCC,aAAsB,KACb;EACT,MAAM;AAAE,IAAA,YAAY,EAAEC,SAAS;AAAE,IAAA,iBAAiB,EAAEC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAE5E,EAAA,MAAMK,OAAO,GAAGJ,qBAAqB,IAAIA,qBAAqB,CAACK,MAAM,CAAEC,GAAG,IAAK,CAAC,CAACA,GAAG,CAAC,CAACC,MAAM,GAAG,CAAC,CAAA;AAChG,EAAA,MAAMC,YAAY,GAAGC,OAAO,CAACP,SAAS,IAAIC,cAAc,CAAC,CAAA;AAEzD,EAAA,IAAI,CAACK,YAAY,IAAI,CAACJ,OAAO,EAAE;AAC7BM,IAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,yBAAA,EAA2BV,aAAa,GAAI,CAAA,GAAA,EAAKA,aAAc,CAAA,CAAA,CAAE,GAAG,EAAG,CAAkB,iBAAA,CAAA,EAAEF,KAAK,CAAC,CAAA;AACjH,GAAA;AACF;;;;"}