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

package/_internal/useNumberFormatter.js

@@ -0,0 +1,239 @@
+import { u as useLocale } from './context2.js';
+import { useMemo } from 'react';
+import { a as _defineProperty, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+
+/* eslint-disable prefer-const */
+// @ts-nocheck
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+let formatterCache = new Map();
+let supportsSignDisplay = false;
+try {
+  // @ts-ignore
+  supportsSignDisplay = new Intl.NumberFormat('de-DE', {
+    signDisplay: 'exceptZero'
+  }).resolvedOptions().signDisplay === 'exceptZero';
+  // eslint-disable-next-line no-empty
+} catch (e) {}
+let supportsUnit = false;
+try {
+  // @ts-ignore
+  supportsUnit = new Intl.NumberFormat('de-DE', {
+    style: 'unit',
+    unit: 'degree'
+  }).resolvedOptions().style === 'unit';
+  // eslint-disable-next-line no-empty
+} catch (e) {}
+
+// Polyfill for units since Safari doesn't support them yet. See https://bugs.webkit.org/show_bug.cgi?id=215438.
+// Currently only polyfilling the unit degree in narrow format for ColorSlider in our supported locales.
+// Values were determined by switching to each locale manually in Chrome.
+const UNITS = {
+  degree: {
+    narrow: {
+      default: '°',
+      'ja-JP': ' 度',
+      'zh-TW': '度',
+      'sl-SI': ' °'
+      // Arabic?? But Safari already doesn't use Arabic digits so might be ok...
+      // https://bugs.webkit.org/show_bug.cgi?id=218139
+    }
+  }
+};
+
+/**
+ * A wrapper around Intl.NumberFormat providing additional options, polyfills, and caching for performance.
+ */
+class NumberFormatter {
+  constructor(locale) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _defineProperty(this, "numberFormatter", void 0);
+    _defineProperty(this, "options", void 0);
+    this.numberFormatter = getCachedNumberFormatter(locale, options);
+    this.options = options;
+  }
+
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(value) {
+    let res = '';
+    if (!supportsSignDisplay && this.options.signDisplay != null) {
+      res = numberFormatSignDisplayPolyfill(this.numberFormatter, this.options.signDisplay, value);
+    } else {
+      res = this.numberFormatter.format(value);
+    }
+    if (this.options.style === 'unit' && !supportsUnit) {
+      var _UNITS$unit;
+      let {
+        unit,
+        unitDisplay = 'short',
+        locale
+      } = this.resolvedOptions();
+      if (!unit) {
+        return res;
+      }
+      let values = (_UNITS$unit = UNITS[unit]) === null || _UNITS$unit === void 0 ? void 0 : _UNITS$unit[unitDisplay];
+      res += values[locale] || values.default;
+    }
+    return res;
+  }
+
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(value) {
+    // TODO: implement signDisplay for formatToParts
+    // @ts-ignore
+    return this.numberFormatter.formatToParts(value);
+  }
+
+  /** Formats a number range as a string. */
+  formatRange(start, end) {
+    // @ts-ignore
+    if (typeof this.numberFormatter.formatRange === 'function') {
+      // @ts-ignore
+      return this.numberFormatter.formatRange(start, end);
+    }
+    if (end < start) {
+      throw new RangeError('End date must be >= start date');
+    }
+
+    // Very basic fallback for old browsers.
+    return `${this.format(start)} – ${this.format(end)}`;
+  }
+
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(start, end) {
+    // @ts-ignore
+    if (typeof this.numberFormatter.formatRangeToParts === 'function') {
+      // @ts-ignore
+      return this.numberFormatter.formatRangeToParts(start, end);
+    }
+    if (end < start) {
+      throw new RangeError('End date must be >= start date');
+    }
+    let startParts = this.numberFormatter.formatToParts(start);
+    let endParts = this.numberFormatter.formatToParts(end);
+    return [...startParts.map(p => _objectSpread2(_objectSpread2({}, p), {}, {
+      source: 'startRange'
+    })), {
+      type: 'literal',
+      value: ' – ',
+      source: 'shared'
+    }, ...endParts.map(p => _objectSpread2(_objectSpread2({}, p), {}, {
+      source: 'endRange'
+    }))];
+  }
+
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let options = this.numberFormatter.resolvedOptions();
+    if (!supportsSignDisplay && this.options.signDisplay != null) {
+      options = _objectSpread2(_objectSpread2({}, options), {}, {
+        signDisplay: this.options.signDisplay
+      });
+    }
+    if (!supportsUnit && this.options.style === 'unit') {
+      options = _objectSpread2(_objectSpread2({}, options), {}, {
+        style: 'unit',
+        unit: this.options.unit,
+        unitDisplay: this.options.unitDisplay
+      });
+    }
+    return options;
+  }
+}
+function getCachedNumberFormatter(locale) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let {
+    numberingSystem
+  } = options;
+  if (numberingSystem && locale.includes('-nu-')) {
+    if (!locale.includes('-u-')) {
+      locale += '-u-';
+    }
+    locale += `-nu-${numberingSystem}`;
+  }
+  if (options.style === 'unit' && !supportsUnit) {
+    var _UNITS$unit2;
+    let {
+      unit,
+      unitDisplay = 'short'
+    } = options;
+    if (!unit) {
+      throw new Error('unit option must be provided with style: "unit"');
+    }
+    if (!((_UNITS$unit2 = UNITS[unit]) !== null && _UNITS$unit2 !== void 0 && _UNITS$unit2[unitDisplay])) {
+      throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
+    }
+    options = _objectSpread2(_objectSpread2({}, options), {}, {
+      style: 'decimal'
+    });
+  }
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : '');
+  if (formatterCache.has(cacheKey)) {
+    return formatterCache.get(cacheKey);
+  }
+  let numberFormatter = new Intl.NumberFormat(locale, options);
+  formatterCache.set(cacheKey, numberFormatter);
+  return numberFormatter;
+}
+
+/** @private - exported for tests */
+function numberFormatSignDisplayPolyfill(numberFormat, signDisplay, num) {
+  if (signDisplay === 'auto') {
+    return numberFormat.format(num);
+  } else if (signDisplay === 'never') {
+    return numberFormat.format(Math.abs(num));
+  } else {
+    let needsPositiveSign = false;
+    if (signDisplay === 'always') {
+      needsPositiveSign = num > 0 || Object.is(num, 0);
+    } else if (signDisplay === 'exceptZero') {
+      if (Object.is(num, -0) || Object.is(num, 0)) {
+        num = Math.abs(num);
+      } else {
+        needsPositiveSign = num > 0;
+      }
+    }
+    if (needsPositiveSign) {
+      let negative = numberFormat.format(-num);
+      let noSign = numberFormat.format(num);
+      // ignore RTL/LTR marker character
+      let minus = negative.replace(noSign, '').replace(/\u200e|\u061C/, '');
+      if ([...minus].length !== 1) {
+        console.warn('@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case');
+      }
+      let positive = negative.replace(noSign, '!!!').replace(minus, '+').replace('!!!', noSign);
+      return positive;
+    } else {
+      return numberFormat.format(num);
+    }
+  }
+}
+
+/* eslint-disable prefer-const */
+
+/**
+ * Provides localized number formatting for the current locale. Automatically updates when the locale changes,
+ * and handles caching of the number formatter for performance.
+ * @param options - Formatting options.
+ */
+function useNumberFormatter() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+    locale
+  } = useLocale();
+  return useMemo(() => new NumberFormatter(locale, options), [locale, options]);
+}
+
+export { NumberFormatter as N, useNumberFormatter as u };
+//# sourceMappingURL=useNumberFormatter.js.map

package/_internal/useNumberFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumberFormatter.js","sources":["../../src/react-aria/internationalized/number/NumberFormatter.ts","../../src/react-aria/react-aria/i18n/useNumberFormatter.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nlet formatterCache = new Map<string, Intl.NumberFormat>();\n\nlet supportsSignDisplay = false;\ntry {\n  // @ts-ignore\n  supportsSignDisplay =\n    new Intl.NumberFormat('de-DE', { signDisplay: 'exceptZero' }).resolvedOptions().signDisplay === 'exceptZero';\n  // eslint-disable-next-line no-empty\n} catch (e) {}\n\nlet supportsUnit = false;\ntry {\n  // @ts-ignore\n  supportsUnit = new Intl.NumberFormat('de-DE', { style: 'unit', unit: 'degree' }).resolvedOptions().style === 'unit';\n  // eslint-disable-next-line no-empty\n} catch (e) {}\n\n// Polyfill for units since Safari doesn't support them yet. See https://bugs.webkit.org/show_bug.cgi?id=215438.\n// Currently only polyfilling the unit degree in narrow format for ColorSlider in our supported locales.\n// Values were determined by switching to each locale manually in Chrome.\nconst UNITS = {\n  degree: {\n    narrow: {\n      default: '°',\n      'ja-JP': ' 度',\n      'zh-TW': '度',\n      'sl-SI': ' °',\n      // Arabic?? But Safari already doesn't use Arabic digits so might be ok...\n      // https://bugs.webkit.org/show_bug.cgi?id=218139\n    },\n  },\n};\n\nexport interface NumberFormatOptions extends Intl.NumberFormatOptions {\n  /** Overrides default numbering system for the current locale. */\n  numberingSystem?: string;\n}\n\ninterface NumberRangeFormatPart extends Intl.NumberFormatPart {\n  source: 'startRange' | 'endRange' | 'shared';\n}\n\n/**\n * A wrapper around Intl.NumberFormat providing additional options, polyfills, and caching for performance.\n */\nexport class NumberFormatter implements Intl.NumberFormat {\n  private numberFormatter: Intl.NumberFormat;\n  private options: NumberFormatOptions;\n\n  constructor(locale: string, options: NumberFormatOptions = {}) {\n    this.numberFormatter = getCachedNumberFormatter(locale, options);\n    this.options = options;\n  }\n\n  /** Formats a number value as a string, according to the locale and options provided to the constructor. */\n  format(value: number): string {\n    let res = '';\n    if (!supportsSignDisplay && this.options.signDisplay != null) {\n      res = numberFormatSignDisplayPolyfill(this.numberFormatter, this.options.signDisplay, value);\n    } else {\n      res = this.numberFormatter.format(value);\n    }\n\n    if (this.options.style === 'unit' && !supportsUnit) {\n      let { unit, unitDisplay = 'short', locale } = this.resolvedOptions();\n      if (!unit) {\n        return res;\n      }\n      let values = UNITS[unit]?.[unitDisplay];\n      res += values[locale] || values.default;\n    }\n\n    return res;\n  }\n\n  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */\n  formatToParts(value: number): Intl.NumberFormatPart[] {\n    // TODO: implement signDisplay for formatToParts\n    // @ts-ignore\n    return this.numberFormatter.formatToParts(value);\n  }\n\n  /** Formats a number range as a string. */\n  formatRange(start: number, end: number): string {\n    // @ts-ignore\n    if (typeof this.numberFormatter.formatRange === 'function') {\n      // @ts-ignore\n      return this.numberFormatter.formatRange(start, end);\n    }\n\n    if (end < start) {\n      throw new RangeError('End date must be >= start date');\n    }\n\n    // Very basic fallback for old browsers.\n    return `${this.format(start)} – ${this.format(end)}`;\n  }\n\n  /** Formats a number range as an array of parts. */\n  formatRangeToParts(start: number, end: number): NumberRangeFormatPart[] {\n    // @ts-ignore\n    if (typeof this.numberFormatter.formatRangeToParts === 'function') {\n      // @ts-ignore\n      return this.numberFormatter.formatRangeToParts(start, end);\n    }\n\n    if (end < start) {\n      throw new RangeError('End date must be >= start date');\n    }\n\n    let startParts = this.numberFormatter.formatToParts(start);\n    let endParts = this.numberFormatter.formatToParts(end);\n    return [\n      ...startParts.map((p) => ({ ...p, source: 'startRange' } as NumberRangeFormatPart)),\n      { type: 'literal', value: ' – ', source: 'shared' },\n      ...endParts.map((p) => ({ ...p, source: 'endRange' } as NumberRangeFormatPart)),\n    ];\n  }\n\n  /** Returns the resolved formatting options based on the values passed to the constructor. */\n  resolvedOptions(): Intl.ResolvedNumberFormatOptions {\n    let options = this.numberFormatter.resolvedOptions();\n    if (!supportsSignDisplay && this.options.signDisplay != null) {\n      options = { ...options, signDisplay: this.options.signDisplay };\n    }\n\n    if (!supportsUnit && this.options.style === 'unit') {\n      options = { ...options, style: 'unit', unit: this.options.unit, unitDisplay: this.options.unitDisplay };\n    }\n\n    return options;\n  }\n}\n\nfunction getCachedNumberFormatter(locale: string, options: NumberFormatOptions = {}): Intl.NumberFormat {\n  let { numberingSystem } = options;\n  if (numberingSystem && locale.includes('-nu-')) {\n    if (!locale.includes('-u-')) {\n      locale += '-u-';\n    }\n    locale += `-nu-${numberingSystem}`;\n  }\n\n  if (options.style === 'unit' && !supportsUnit) {\n    let { unit, unitDisplay = 'short' } = options;\n    if (!unit) {\n      throw new Error('unit option must be provided with style: \"unit\"');\n    }\n    if (!UNITS[unit]?.[unitDisplay]) {\n      throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);\n    }\n    options = { ...options, style: 'decimal' };\n  }\n\n  let cacheKey =\n    locale +\n    (options\n      ? Object.entries(options)\n          .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n          .join()\n      : '');\n  if (formatterCache.has(cacheKey)) {\n    return formatterCache.get(cacheKey)!;\n  }\n\n  let numberFormatter = new Intl.NumberFormat(locale, options);\n  formatterCache.set(cacheKey, numberFormatter);\n  return numberFormatter;\n}\n\n/** @private - exported for tests */\nexport function numberFormatSignDisplayPolyfill(numberFormat: Intl.NumberFormat, signDisplay: string, num: number) {\n  if (signDisplay === 'auto') {\n    return numberFormat.format(num);\n  } else if (signDisplay === 'never') {\n    return numberFormat.format(Math.abs(num));\n  } else {\n    let needsPositiveSign = false;\n    if (signDisplay === 'always') {\n      needsPositiveSign = num > 0 || Object.is(num, 0);\n    } else if (signDisplay === 'exceptZero') {\n      if (Object.is(num, -0) || Object.is(num, 0)) {\n        num = Math.abs(num);\n      } else {\n        needsPositiveSign = num > 0;\n      }\n    }\n\n    if (needsPositiveSign) {\n      let negative = numberFormat.format(-num);\n      let noSign = numberFormat.format(num);\n      // ignore RTL/LTR marker character\n      let minus = negative.replace(noSign, '').replace(/\\u200e|\\u061C/, '');\n      if ([...minus].length !== 1) {\n        console.warn('@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case');\n      }\n      let positive = negative.replace(noSign, '!!!').replace(minus, '+').replace('!!!', noSign);\n      return positive;\n    } else {\n      return numberFormat.format(num);\n    }\n  }\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { NumberFormatOptions, NumberFormatter } from '../../internationalized/number';\nimport { useLocale } from './context';\nimport { useMemo } from 'react';\n\n/**\n * Provides localized number formatting for the current locale. Automatically updates when the locale changes,\n * and handles caching of the number formatter for performance.\n * @param options - Formatting options.\n */\nexport function useNumberFormatter(options: NumberFormatOptions = {}): Intl.NumberFormat {\n  let { locale } = useLocale();\n  return useMemo(() => new NumberFormatter(locale, options), [locale, options]);\n}\n"],"names":["formatterCache","Map","supportsSignDisplay","Intl","NumberFormat","signDisplay","resolvedOptions","e","supportsUnit","style","unit","UNITS","degree","narrow","default","NumberFormatter","constructor","locale","options","arguments","length","undefined","_defineProperty","numberFormatter","getCachedNumberFormatter","format","value","res","numberFormatSignDisplayPolyfill","_UNITS$unit","unitDisplay","values","formatToParts","formatRange","start","end","RangeError","formatRangeToParts","startParts","endParts","map","p","_objectSpread","source","type","numberingSystem","includes","_UNITS$unit2","Error","cacheKey","Object","entries","sort","a","b","join","has","get","set","numberFormat","num","Math","abs","needsPositiveSign","is","negative","noSign","minus","replace","console","warn","positive","useNumberFormatter","useLocale","useMemo"],"mappings":"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"}

package/_internal/useSideNavigationMenuBar.js

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