@redsift/design-system 11.6.0-muiv5 → 11.7.0-muiv5
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.
- package/_internal/NumberField.js +37 -21
- package/_internal/NumberField.js.map +1 -1
- package/_internal/SideNavigationMenu.js +15 -1
- package/_internal/SideNavigationMenu.js.map +1 -1
- package/_internal/SideNavigationMenuItem.js.map +1 -1
- package/_internal/Spinner2.js +4 -215
- package/_internal/Spinner2.js.map +1 -1
- package/_internal/useAppSidePanel.js +4 -2
- package/_internal/useAppSidePanel.js.map +1 -1
- package/_internal/useLocalizedStringFormatter.js +217 -0
- package/_internal/useLocalizedStringFormatter.js.map +1 -0
- package/_internal/useSideNavigationMenuBar.js +5 -2
- package/_internal/useSideNavigationMenuBar.js.map +1 -1
- package/index.d.ts +5 -2
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner2.js","sources":["../../src/react-aria/internationalized/string/LocalizedStringDictionary.ts","../../src/react-aria/internationalized/string/LocalizedStringFormatter.ts","../../src/react-aria/react-aria/i18n/useLocalizedStringFormatter.ts","../../src/components/spinner/intl/index.ts","../../src/components/spinner/types.ts","../../src/components/spinner/styles.ts","../../src/components/spinner/Spinner.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 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 type { LocalizedString } from './LocalizedStringFormatter';\n\nexport type LocalizedStrings<K extends string, T extends LocalizedString> = {\n [lang: string]: Record<K, T>;\n};\n\nconst localeSymbol = Symbol.for('react-aria.i18n.locale');\nconst stringsSymbol = Symbol.for('react-aria.i18n.strings');\nlet cachedGlobalStrings: { [packageName: string]: LocalizedStringDictionary<any, any> } | null | undefined = undefined;\n\n/**\n * Stores a mapping of localized strings. Can be used to find the\n * closest available string for a given locale.\n */\nexport class LocalizedStringDictionary<K extends string = string, T extends LocalizedString = string> {\n private strings: LocalizedStrings<K, T>;\n private defaultLocale: string;\n\n constructor(messages: LocalizedStrings<K, T>, defaultLocale: string = 'en-US') {\n // Clone messages so we don't modify the original object.\n // Filter out entries with falsy values which may have been caused by applying optimize-locales-plugin.\n this.strings = Object.fromEntries(Object.entries(messages).filter(([, v]) => v));\n this.defaultLocale = defaultLocale;\n }\n\n /** Returns a localized string for the given key and locale. */\n getStringForLocale(key: K, locale: string): T {\n let strings = this.getStringsForLocale(locale);\n let string = strings[key];\n if (!string) {\n throw new Error(`Could not find intl message ${key} in ${locale} locale`);\n }\n\n return string;\n }\n\n /** Returns all localized strings for the given locale. */\n getStringsForLocale(locale: string): Record<K, T> {\n let strings = this.strings[locale];\n if (!strings) {\n strings = getStringsForLocale(locale, this.strings, this.defaultLocale);\n this.strings[locale] = strings;\n }\n\n return strings;\n }\n\n static getGlobalDictionaryForPackage<K extends string = string, T extends LocalizedString = string>(\n packageName: string\n ): LocalizedStringDictionary<K, T> | null {\n if (typeof window === 'undefined') {\n return null;\n }\n\n let locale = window[localeSymbol];\n if (cachedGlobalStrings === undefined) {\n let globalStrings = window[stringsSymbol];\n if (!globalStrings) {\n return null;\n }\n\n cachedGlobalStrings = {};\n for (let pkg in globalStrings) {\n cachedGlobalStrings[pkg] = new LocalizedStringDictionary({ [locale]: globalStrings[pkg] }, locale);\n }\n }\n\n let dictionary = cachedGlobalStrings?.[packageName];\n if (!dictionary) {\n throw new Error(\n `Strings for package \"${packageName}\" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`\n );\n }\n\n return dictionary;\n }\n}\n\nfunction getStringsForLocale<K extends string, T extends LocalizedString>(\n locale: string,\n strings: LocalizedStrings<K, T>,\n defaultLocale = 'en-US'\n) {\n // If there is an exact match, use it.\n if (strings[locale]) {\n return strings[locale];\n }\n\n // Attempt to find the closest match by language.\n // For example, if the locale is fr-CA (French Canadian), but there is only\n // an fr-FR (France) set of strings, use that.\n // This could be replaced with Intl.LocaleMatcher once it is supported.\n // https://github.com/tc39/proposal-intl-localematcher\n let language = getLanguage(locale);\n if (strings[language]) {\n return strings[language];\n }\n\n for (let key in strings) {\n if (key.startsWith(language + '-')) {\n return strings[key];\n }\n }\n\n // Nothing close, use english.\n return strings[defaultLocale];\n}\n\nfunction getLanguage(locale: string) {\n // @ts-ignore\n if (Intl.Locale) {\n // @ts-ignore\n return new Intl.Locale(locale).language;\n }\n\n return locale.split('-')[0];\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 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 type { LocalizedStringDictionary } from './LocalizedStringDictionary';\n\nexport type Variables = Record<string, string | number | boolean> | undefined;\nexport type LocalizedString = string | ((args: Variables, formatter?: LocalizedStringFormatter<any, any>) => string);\ntype InternalString = string | (() => string);\n\nconst pluralRulesCache = new Map<string, Intl.PluralRules>();\nconst numberFormatCache = new Map<string, Intl.NumberFormat>();\n\n/**\n * Formats localized strings from a LocalizedStringDictionary. Supports interpolating variables,\n * selecting the correct pluralization, and formatting numbers for the locale.\n */\nexport class LocalizedStringFormatter<K extends string = string, T extends LocalizedString = string> {\n private locale: string;\n private strings: LocalizedStringDictionary<K, T>;\n\n constructor(locale: string, strings: LocalizedStringDictionary<K, T>) {\n this.locale = locale;\n this.strings = strings;\n }\n\n /** Formats a localized string for the given key with the provided variables. */\n format(key: K, variables?: Variables): string {\n let message = this.strings.getStringForLocale(key, this.locale);\n\n return typeof message === 'function' ? message(variables, this) : message;\n }\n\n protected plural(count: number, options: Record<string, InternalString>, type: Intl.PluralRuleType = 'cardinal') {\n let opt = options['=' + count];\n if (opt) {\n return typeof opt === 'function' ? opt() : opt;\n }\n\n let key = this.locale + ':' + type;\n let pluralRules = pluralRulesCache.get(key);\n if (!pluralRules) {\n pluralRules = new Intl.PluralRules(this.locale, { type });\n pluralRulesCache.set(key, pluralRules);\n }\n\n let selected = pluralRules.select(count);\n opt = options[selected] || options.other;\n return typeof opt === 'function' ? opt() : opt;\n }\n\n protected number(value: number) {\n let numberFormat = numberFormatCache.get(this.locale);\n if (!numberFormat) {\n numberFormat = new Intl.NumberFormat(this.locale);\n numberFormatCache.set(this.locale, numberFormat);\n }\n return numberFormat.format(value);\n }\n\n protected select(options: Record<string, InternalString>, value: string) {\n let opt = options[value] || options.other;\n return typeof opt === 'function' ? opt() : opt;\n }\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 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 {\n LocalizedString,\n LocalizedStringDictionary,\n LocalizedStringFormatter,\n LocalizedStrings,\n} from '../../internationalized/string';\nimport { useLocale } from './context';\nimport { useMemo } from 'react';\n\nconst cache = new WeakMap();\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n strings: LocalizedStrings<K, T>\n): LocalizedStringDictionary<K, T> {\n let dictionary = cache.get(strings);\n if (!dictionary) {\n dictionary = new LocalizedStringDictionary(strings);\n cache.set(strings, dictionary);\n }\n\n return dictionary;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function useLocalizedStringDictionary<K extends string = string, T extends LocalizedString = string>(\n strings: LocalizedStrings<K, T>,\n packageName?: string\n): LocalizedStringDictionary<K, T> {\n return (\n (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n getCachedDictionary(strings)\n );\n}\n\n/**\n * Provides localized string formatting for the current locale. Supports interpolating variables,\n * selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.\n * @param strings - A mapping of languages to localized strings by key.\n */\nexport function useLocalizedStringFormatter<K extends string = string, T extends LocalizedString = string>(\n strings: LocalizedStrings<K, T>,\n packageName?: string\n): LocalizedStringFormatter<K, T> {\n let { locale } = useLocale();\n let dictionary = useLocalizedStringDictionary(strings, packageName);\n return useMemo(() => new LocalizedStringFormatter(locale, dictionary), [locale, dictionary]);\n}\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n","import { ComponentProps } from 'react';\nimport { LayoutProps, PositioningProps, SpacingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component size.\n */\nexport const SpinnerSize = {\n xsmall: 'xsmall',\n small: 'small',\n medium: 'medium',\n large: 'large',\n} as const;\nexport type SpinnerSize = ValueOf<typeof SpinnerSize>;\n\n/**\n * Component props.\n */\nexport interface SpinnerProps\n extends Omit<ComponentProps<'img'>, 'color'>,\n LayoutProps,\n SpacingProps,\n PositioningProps {\n /** Indicates whether the element is exposed to an accessibility API. */\n 'aria-hidden'?: boolean | 'false' | 'true';\n /** A screen reader only label for the Spinner. */\n 'aria-label'?: string;\n /** Color variant. */\n color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';\n /** @deprecated: Whether the spinner is colored or not. */\n isColored?: boolean;\n /** Spinner size. */\n size?: SpinnerSize;\n /** Theme. */\n theme?: Theme;\n}\n\nexport type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {\n $size?: SpinnerProps['size'];\n $theme?: SpinnerProps['theme'];\n};\n","import styled from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledSpinnerProps } from './types';\n\nexport const StyledSpinner = styled.img<StyledSpinnerProps>`\n ${baseStyling}\n\n display: inline;\n line-height: 0px;\n vertical-align: -0.125em;\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\n\nimport { useLocalizedStringFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { SpinnerProps, SpinnerSize } from './types';\nimport { StyledSpinner } from './styles';\n\nimport spinnerPrimaryN from './images/spinner-primary-n.svg';\nimport spinnerGreyL1 from './images/spinner-grey-l1.svg';\nimport spinnerGreyL2 from './images/spinner-grey-l2.svg';\nimport spinnerGreyL3 from './images/spinner-grey-l3.svg';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Spinner';\nconst CLASSNAME = 'redsift-shield';\n\nconst sizeToDimension = (size: SpinnerSize): { width: number; height: number } => {\n switch (size) {\n case SpinnerSize.xsmall:\n return { width: 15, height: 15 };\n case SpinnerSize.small:\n return { width: 24, height: 24 };\n case SpinnerSize.large:\n return { width: 56, height: 56 };\n case SpinnerSize.medium:\n default:\n return { width: 40, height: 40 };\n }\n};\n\n/**\n * The Spinner component.\n */\nexport const Spinner: Comp<SpinnerProps, HTMLImageElement> = forwardRef((props, ref) => {\n const {\n 'aria-hidden': ariaHidden,\n 'aria-label': ariaLabel,\n className,\n color: propsColor,\n isColored = true,\n size = SpinnerSize.medium,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n const color = propsColor ?? (isColored ? 'primary' : 'grey-l3');\n\n const { width, height } = sizeToDimension(size!);\n\n const stringFormatter = useLocalizedStringFormatter(intlMessages);\n\n return (\n <StyledSpinner\n alt={stringFormatter.format('loading')}\n {...forwardedProps}\n aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n aria-label={ariaLabel}\n className={classNames(Spinner.className, className)}\n height={height}\n ref={ref as RefObject<HTMLImageElement>}\n src={\n color === 'primary'\n ? spinnerPrimaryN\n : color === 'grey-l1'\n ? spinnerGreyL1\n : color === 'grey-l2'\n ? spinnerGreyL2\n : spinnerGreyL3\n }\n width={width}\n $size={size}\n $theme={theme}\n />\n );\n});\nSpinner.className = CLASSNAME;\nSpinner.displayName = COMPONENT_NAME;\n"],"names":["localeSymbol","Symbol","for","stringsSymbol","cachedGlobalStrings","undefined","LocalizedStringDictionary","constructor","messages","defaultLocale","arguments","length","_defineProperty","strings","Object","fromEntries","entries","filter","_ref","v","getStringForLocale","key","locale","getStringsForLocale","string","Error","getGlobalDictionaryForPackage","packageName","_cachedGlobalStrings","window","globalStrings","pkg","dictionary","language","getLanguage","startsWith","Intl","Locale","split","pluralRulesCache","Map","numberFormatCache","LocalizedStringFormatter","format","variables","message","plural","count","options","type","opt","pluralRules","get","PluralRules","set","selected","select","other","number","value","numberFormat","NumberFormat","cache","WeakMap","getCachedDictionary","useLocalizedStringDictionary","useLocalizedStringFormatter","useLocale","useMemo","enUS","frFR","SpinnerSize","xsmall","small","medium","large","StyledSpinner","styled","img","baseStyling","COMPONENT_NAME","CLASSNAME","sizeToDimension","size","width","height","Spinner","forwardRef","props","ref","ariaHidden","ariaLabel","className","color","propsColor","isColored","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","stringFormatter","intlMessages","React","createElement","_extends","alt","classNames","src","spinnerPrimaryN","spinnerGreyL1","spinnerGreyL2","spinnerGreyL3","$size","$theme","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Spinner2.js","sources":["../../src/components/spinner/intl/index.ts","../../src/components/spinner/types.ts","../../src/components/spinner/styles.ts","../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n","import { ComponentProps } from 'react';\nimport { LayoutProps, PositioningProps, SpacingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component size.\n */\nexport const SpinnerSize = {\n xsmall: 'xsmall',\n small: 'small',\n medium: 'medium',\n large: 'large',\n} as const;\nexport type SpinnerSize = ValueOf<typeof SpinnerSize>;\n\n/**\n * Component props.\n */\nexport interface SpinnerProps\n extends Omit<ComponentProps<'img'>, 'color'>,\n LayoutProps,\n SpacingProps,\n PositioningProps {\n /** Indicates whether the element is exposed to an accessibility API. */\n 'aria-hidden'?: boolean | 'false' | 'true';\n /** A screen reader only label for the Spinner. */\n 'aria-label'?: string;\n /** Color variant. */\n color?: 'primary' | 'grey-l1' | 'grey-l2' | 'grey-l3';\n /** @deprecated: Whether the spinner is colored or not. */\n isColored?: boolean;\n /** Spinner size. */\n size?: SpinnerSize;\n /** Theme. */\n theme?: Theme;\n}\n\nexport type StyledSpinnerProps = Omit<SpinnerProps, 'color'> & {\n $size?: SpinnerProps['size'];\n $theme?: SpinnerProps['theme'];\n};\n","import styled from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledSpinnerProps } from './types';\n\nexport const StyledSpinner = styled.img<StyledSpinnerProps>`\n ${baseStyling}\n\n display: inline;\n line-height: 0px;\n vertical-align: -0.125em;\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\n\nimport { useLocalizedStringFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { SpinnerProps, SpinnerSize } from './types';\nimport { StyledSpinner } from './styles';\n\nimport spinnerPrimaryN from './images/spinner-primary-n.svg';\nimport spinnerGreyL1 from './images/spinner-grey-l1.svg';\nimport spinnerGreyL2 from './images/spinner-grey-l2.svg';\nimport spinnerGreyL3 from './images/spinner-grey-l3.svg';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Spinner';\nconst CLASSNAME = 'redsift-shield';\n\nconst sizeToDimension = (size: SpinnerSize): { width: number; height: number } => {\n switch (size) {\n case SpinnerSize.xsmall:\n return { width: 15, height: 15 };\n case SpinnerSize.small:\n return { width: 24, height: 24 };\n case SpinnerSize.large:\n return { width: 56, height: 56 };\n case SpinnerSize.medium:\n default:\n return { width: 40, height: 40 };\n }\n};\n\n/**\n * The Spinner component.\n */\nexport const Spinner: Comp<SpinnerProps, HTMLImageElement> = forwardRef((props, ref) => {\n const {\n 'aria-hidden': ariaHidden,\n 'aria-label': ariaLabel,\n className,\n color: propsColor,\n isColored = true,\n size = SpinnerSize.medium,\n theme: propsTheme,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n const color = propsColor ?? (isColored ? 'primary' : 'grey-l3');\n\n const { width, height } = sizeToDimension(size!);\n\n const stringFormatter = useLocalizedStringFormatter(intlMessages);\n\n return (\n <StyledSpinner\n alt={stringFormatter.format('loading')}\n {...forwardedProps}\n aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n aria-label={ariaLabel}\n className={classNames(Spinner.className, className)}\n height={height}\n ref={ref as RefObject<HTMLImageElement>}\n src={\n color === 'primary'\n ? spinnerPrimaryN\n : color === 'grey-l1'\n ? spinnerGreyL1\n : color === 'grey-l2'\n ? spinnerGreyL2\n : spinnerGreyL3\n }\n width={width}\n $size={size}\n $theme={theme}\n />\n );\n});\nSpinner.className = CLASSNAME;\nSpinner.displayName = COMPONENT_NAME;\n"],"names":["enUS","frFR","SpinnerSize","xsmall","small","medium","large","StyledSpinner","styled","img","baseStyling","COMPONENT_NAME","CLASSNAME","sizeToDimension","size","width","height","Spinner","forwardRef","props","ref","ariaHidden","ariaLabel","className","color","propsColor","isColored","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","stringFormatter","useLocalizedStringFormatter","intlMessages","React","createElement","_extends","alt","format","undefined","classNames","src","spinnerPrimaryN","spinnerGreyL1","spinnerGreyL2","spinnerGreyL3","$size","$theme","displayName"],"mappings":"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"}
|
|
@@ -320,11 +320,13 @@ AppSidePanel.displayName = COMPONENT_NAME;
|
|
|
320
320
|
const useAppSidePanel = _ref => {
|
|
321
321
|
let {
|
|
322
322
|
items,
|
|
323
|
-
isActive
|
|
323
|
+
isActive,
|
|
324
|
+
canHaveMultipleMenuOpenAtOnce
|
|
324
325
|
} = _ref;
|
|
325
326
|
const sideNavigationMenuBarProps = useSideNavigationMenuBar({
|
|
326
327
|
items,
|
|
327
|
-
isActive
|
|
328
|
+
isActive,
|
|
329
|
+
canHaveMultipleMenuOpenAtOnce
|
|
328
330
|
});
|
|
329
331
|
return {
|
|
330
332
|
children: /*#__PURE__*/React__default.createElement(SideNavigationMenuBar, _extends({}, sideNavigationMenuBarProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAppSidePanel.js","sources":["../../src/hooks/useWindowSize.ts","../../src/components/app-side-panel/intl/index.ts","../../src/components/app-side-panel/styles.ts","../../src/components/app-side-panel/AppSidePanel.tsx","../../src/components/app-side-panel/useAppSidePanel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\ninterface WindowSize {\n height?: number;\n width?: number;\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\nexport const useWindowSize = () => {\n const [windowSize, setWindowSize] = useState<WindowSize>({\n width: undefined,\n height: undefined,\n size: undefined,\n });\n\n useEffect(() => {\n function handleResize() {\n setWindowSize((windowSize) => {\n if (\n window.innerWidth === windowSize.width &&\n window.innerHeight === windowSize.height\n ) {\n return windowSize;\n }\n\n let size: WindowSize['size'];\n if (window.innerWidth <= 480) {\n size = 'xs';\n } else if (window.innerWidth <= 768) {\n size = 'sm';\n } else if (window.innerWidth <= 1024) {\n size = 'md';\n } else if (window.innerWidth <= 1200) {\n size = 'lg';\n } else {\n size = 'xl';\n }\n return {\n width: window.innerWidth,\n height: window.innerHeight,\n size,\n };\n });\n }\n\n window.addEventListener('resize', handleResize);\n handleResize();\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n return windowSize;\n};\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { AppSidePanelVariant, StyledAppSidePanelProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppSidePanel = styled.div<StyledAppSidePanelProps>`\n align-items: center;\n background-color: ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};\n border-right: 4px solid ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-right-line)`};\n box-sizing: border-box;\n flex-direction: column;\n height: 100%;\n left: 0px;\n overflow: hidden;\n position: fixed;\n top: 0;\n transition: width 300ms ease-out;\n width: ${({ $variant }) =>\n $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '68px' : '254px'};\n z-index: var(--redsift-layout-z-index-side-panel);\n\n .redsift-app-side-panel__header {\n box-sizing: border-box;\n transition: padding 300ms ease-out;\n padding: 18px\n ${({ $variant }) =>\n $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '16px' : '24px'};\n margin-bottom: 16px;\n width: 100%;\n\n height: 92px;\n @media (max-width: 1080px) {\n height: 72px;\n }\n\n display: grid;\n justify-items: start;\n align-items: center;\n\n .redsift-icon-button {\n > span,\n > span > svg {\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .redsift-app-side-panel-header__logo {\n align-items: center;\n display: flex;\n grid-column: 1;\n grid-row: 1;\n transition: opacity 300ms ease-out;\n opacity: ${({ $variant }) => ($variant === AppSidePanelVariant.shrinked ? '0' : '1')};\n\n height: 56px;\n @media (max-width: 1080px) {\n height: 36px;\n }\n }\n\n .redsift-app-side-panel-header__logo > img {\n max-height: 56px;\n @media (max-width: 1080px) {\n max-height: 36px;\n }\n max-width: 195px;\n }\n\n .redsift-app-side-panel-header__expand-button {\n grid-column: 1;\n grid-row: 1;\n transition: opacity 300ms ease-out;\n opacity: ${({ $variant }) => ($variant === AppSidePanelVariant.shrinked ? '1' : '0')};\n padding: 2px;\n margin-left: -1px;\n }\n\n .redsift-app-side-panel__featured {\n box-sizing: border-box;\n border-left: 4px solid #e1e1e1;\n border-right: unset;\n margin-bottom: 16px;\n padding: 0px 16px;\n width: 100%;\n }\n\n [dir='rtl'] & {\n left: unset;\n right: 0px;\n transform: unset;\n transition: unset;\n }\n\n scrollbar-color: ${({ $theme }) =>\n css`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 }) =>\n css`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 }) =>\n css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`};\n }\n }\n\n &::-webkit-scrollbar-corner {\n visibility: hidden;\n }\n`;\n\n// --redsift-color-${$theme}-components-side-navigation-background\n// --redsift-color-${$theme}-components-side-navigation-right-line\n// --redsift-color-${$theme}-components-side-navigation-current-marker\n// --redsift-color-${$theme}-components-side-navigation-text\n// --redsift-color-${$theme}-components-side-navigation-icon\n// --redsift-color-${$theme}-components-side-navigation-chat-background-hover\n// --redsift-color-${$theme}-components-side-navigation-chat-background-down\n\n// ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};\n","import React, { ComponentProps, forwardRef, MouseEvent, RefObject, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { Comp, ProductLogo } from '../../types';\nimport { IconButton } from '../icon-button';\nimport { AppContainerContext } from '../app-container/context';\nimport { StyledAppSidePanel } from './styles';\nimport { AppSidePanelProps } from './types';\nimport { mdiMenu } from '@redsift/icons';\nimport { Icon } from '../icon';\nimport { useWindowSize } from '../../hooks';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppSidePanel';\nconst CLASSNAME = 'redsift-app-side-panel';\n\n/**\n * The AppSidePanel component.\n */\nexport const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n featuredElements,\n iconButtonProps,\n iconButtonRef,\n logo,\n onOpen,\n theme: propsTheme,\n variant,\n ...forwardedProps\n } = props;\n\n const { width } = useWindowSize();\n\n const appContainerState = useContext(AppContainerContext);\n const theme = useTheme(propsTheme);\n\n const format = useMessageFormatter(intlMessages);\n\n useEffect(() => {\n if (appContainerState && variant && appContainerState.sidePanelVariant !== variant) {\n appContainerState.setSidePanelVariant(variant);\n }\n }, [variant]);\n\n const handleClose = (event: MouseEvent) => {\n onOpen?.(event);\n appContainerState?.expandSidePanel();\n };\n\n const computedVariant = appContainerState ? appContainerState.sidePanelVariant : variant;\n const product = appContainerState && appContainerState.product;\n\n return (\n <StyledAppSidePanel\n {...forwardedProps}\n $theme={theme}\n $variant={computedVariant}\n className={classNames(AppSidePanel.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n >\n <div className={`${AppSidePanel.className}__header`}>\n <div className={`${AppSidePanel.className}-header__logo`}>\n {React.isValidElement(logo) ? (\n logo\n ) : logo ? (\n <img src={(logo as ComponentProps<'img'>).src} alt={(logo as ComponentProps<'img'>).alt} />\n ) : product && (typeof product === 'string' || product.logo) ? (\n <Icon\n icon={typeof product === 'string' ? ProductLogo[product] : product.logo!}\n size={{ height: width && width > 1080 ? 41 : 36 }}\n />\n ) : null}\n </div>\n <IconButton\n className={`${AppSidePanel.className}-header__expand-button`}\n {...iconButtonProps}\n aria-label={format('expand')}\n icon={mdiMenu}\n onClick={handleClose}\n ref={iconButtonRef as RefObject<HTMLButtonElement>}\n color=\"grey\"\n isDisabled={computedVariant === 'standard'}\n />\n </div>\n {featuredElements ? <div className={`${AppSidePanel.className}__featured`}>{featuredElements}</div> : null}\n {children}\n </StyledAppSidePanel>\n );\n});\nAppSidePanel.className = CLASSNAME;\nAppSidePanel.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport {\n SideNavigationMenuBar,\n useSideNavigationMenuBar,\n UseSideNavigationMenuBarProps,\n} from '../side-navigation-menu-bar';\nimport { AppSidePanelProps } from './types';\n\nexport const useAppSidePanel = ({ items, isActive }: UseSideNavigationMenuBarProps): Omit<AppSidePanelProps, 'ref'> => {\n const sideNavigationMenuBarProps = useSideNavigationMenuBar({\n items,\n isActive,\n });\n\n return {\n children: <SideNavigationMenuBar {...sideNavigationMenuBarProps} aria-label=\"Navigation\" />,\n };\n};\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","width","undefined","height","size","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener","enUS","frFR","StyledAppSidePanel","styled","div","_ref","$theme","css","_ref2","_ref3","$variant","AppSidePanelVariant","hidden","shrinked","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","COMPONENT_NAME","CLASSNAME","AppSidePanel","forwardRef","props","ref","children","className","featuredElements","iconButtonProps","iconButtonRef","logo","onOpen","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","sidePanelVariant","setSidePanelVariant","handleClose","event","expandSidePanel","computedVariant","product","React","createElement","_extends","classNames","isValidElement","src","alt","Icon","icon","ProductLogo","IconButton","mdiMenu","onClick","color","isDisabled","displayName","useAppSidePanel","items","isActive","sideNavigationMenuBarProps","useSideNavigationMenuBar","SideNavigationMenuBar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useAppSidePanel.js","sources":["../../src/hooks/useWindowSize.ts","../../src/components/app-side-panel/intl/index.ts","../../src/components/app-side-panel/styles.ts","../../src/components/app-side-panel/AppSidePanel.tsx","../../src/components/app-side-panel/useAppSidePanel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\ninterface WindowSize {\n height?: number;\n width?: number;\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\nexport const useWindowSize = () => {\n const [windowSize, setWindowSize] = useState<WindowSize>({\n width: undefined,\n height: undefined,\n size: undefined,\n });\n\n useEffect(() => {\n function handleResize() {\n setWindowSize((windowSize) => {\n if (\n window.innerWidth === windowSize.width &&\n window.innerHeight === windowSize.height\n ) {\n return windowSize;\n }\n\n let size: WindowSize['size'];\n if (window.innerWidth <= 480) {\n size = 'xs';\n } else if (window.innerWidth <= 768) {\n size = 'sm';\n } else if (window.innerWidth <= 1024) {\n size = 'md';\n } else if (window.innerWidth <= 1200) {\n size = 'lg';\n } else {\n size = 'xl';\n }\n return {\n width: window.innerWidth,\n height: window.innerHeight,\n size,\n };\n });\n }\n\n window.addEventListener('resize', handleResize);\n handleResize();\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n return windowSize;\n};\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { AppSidePanelVariant, StyledAppSidePanelProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppSidePanel = styled.div<StyledAppSidePanelProps>`\n align-items: center;\n background-color: ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};\n border-right: 4px solid ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-right-line)`};\n box-sizing: border-box;\n flex-direction: column;\n height: 100%;\n left: 0px;\n overflow: hidden;\n position: fixed;\n top: 0;\n transition: width 300ms ease-out;\n width: ${({ $variant }) =>\n $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '68px' : '254px'};\n z-index: var(--redsift-layout-z-index-side-panel);\n\n .redsift-app-side-panel__header {\n box-sizing: border-box;\n transition: padding 300ms ease-out;\n padding: 18px\n ${({ $variant }) =>\n $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '16px' : '24px'};\n margin-bottom: 16px;\n width: 100%;\n\n height: 92px;\n @media (max-width: 1080px) {\n height: 72px;\n }\n\n display: grid;\n justify-items: start;\n align-items: center;\n\n .redsift-icon-button {\n > span,\n > span > svg {\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .redsift-app-side-panel-header__logo {\n align-items: center;\n display: flex;\n grid-column: 1;\n grid-row: 1;\n transition: opacity 300ms ease-out;\n opacity: ${({ $variant }) => ($variant === AppSidePanelVariant.shrinked ? '0' : '1')};\n\n height: 56px;\n @media (max-width: 1080px) {\n height: 36px;\n }\n }\n\n .redsift-app-side-panel-header__logo > img {\n max-height: 56px;\n @media (max-width: 1080px) {\n max-height: 36px;\n }\n max-width: 195px;\n }\n\n .redsift-app-side-panel-header__expand-button {\n grid-column: 1;\n grid-row: 1;\n transition: opacity 300ms ease-out;\n opacity: ${({ $variant }) => ($variant === AppSidePanelVariant.shrinked ? '1' : '0')};\n padding: 2px;\n margin-left: -1px;\n }\n\n .redsift-app-side-panel__featured {\n box-sizing: border-box;\n border-left: 4px solid #e1e1e1;\n border-right: unset;\n margin-bottom: 16px;\n padding: 0px 16px;\n width: 100%;\n }\n\n [dir='rtl'] & {\n left: unset;\n right: 0px;\n transform: unset;\n transition: unset;\n }\n\n scrollbar-color: ${({ $theme }) =>\n css`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 }) =>\n css`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 }) =>\n css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`};\n }\n }\n\n &::-webkit-scrollbar-corner {\n visibility: hidden;\n }\n`;\n\n// --redsift-color-${$theme}-components-side-navigation-background\n// --redsift-color-${$theme}-components-side-navigation-right-line\n// --redsift-color-${$theme}-components-side-navigation-current-marker\n// --redsift-color-${$theme}-components-side-navigation-text\n// --redsift-color-${$theme}-components-side-navigation-icon\n// --redsift-color-${$theme}-components-side-navigation-chat-background-hover\n// --redsift-color-${$theme}-components-side-navigation-chat-background-down\n\n// ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};\n","import React, { ComponentProps, forwardRef, MouseEvent, RefObject, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { Comp, ProductLogo } from '../../types';\nimport { IconButton } from '../icon-button';\nimport { AppContainerContext } from '../app-container/context';\nimport { StyledAppSidePanel } from './styles';\nimport { AppSidePanelProps } from './types';\nimport { mdiMenu } from '@redsift/icons';\nimport { Icon } from '../icon';\nimport { useWindowSize } from '../../hooks';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppSidePanel';\nconst CLASSNAME = 'redsift-app-side-panel';\n\n/**\n * The AppSidePanel component.\n */\nexport const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n featuredElements,\n iconButtonProps,\n iconButtonRef,\n logo,\n onOpen,\n theme: propsTheme,\n variant,\n ...forwardedProps\n } = props;\n\n const { width } = useWindowSize();\n\n const appContainerState = useContext(AppContainerContext);\n const theme = useTheme(propsTheme);\n\n const format = useMessageFormatter(intlMessages);\n\n useEffect(() => {\n if (appContainerState && variant && appContainerState.sidePanelVariant !== variant) {\n appContainerState.setSidePanelVariant(variant);\n }\n }, [variant]);\n\n const handleClose = (event: MouseEvent) => {\n onOpen?.(event);\n appContainerState?.expandSidePanel();\n };\n\n const computedVariant = appContainerState ? appContainerState.sidePanelVariant : variant;\n const product = appContainerState && appContainerState.product;\n\n return (\n <StyledAppSidePanel\n {...forwardedProps}\n $theme={theme}\n $variant={computedVariant}\n className={classNames(AppSidePanel.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n >\n <div className={`${AppSidePanel.className}__header`}>\n <div className={`${AppSidePanel.className}-header__logo`}>\n {React.isValidElement(logo) ? (\n logo\n ) : logo ? (\n <img src={(logo as ComponentProps<'img'>).src} alt={(logo as ComponentProps<'img'>).alt} />\n ) : product && (typeof product === 'string' || product.logo) ? (\n <Icon\n icon={typeof product === 'string' ? ProductLogo[product] : product.logo!}\n size={{ height: width && width > 1080 ? 41 : 36 }}\n />\n ) : null}\n </div>\n <IconButton\n className={`${AppSidePanel.className}-header__expand-button`}\n {...iconButtonProps}\n aria-label={format('expand')}\n icon={mdiMenu}\n onClick={handleClose}\n ref={iconButtonRef as RefObject<HTMLButtonElement>}\n color=\"grey\"\n isDisabled={computedVariant === 'standard'}\n />\n </div>\n {featuredElements ? <div className={`${AppSidePanel.className}__featured`}>{featuredElements}</div> : null}\n {children}\n </StyledAppSidePanel>\n );\n});\nAppSidePanel.className = CLASSNAME;\nAppSidePanel.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport {\n SideNavigationMenuBar,\n useSideNavigationMenuBar,\n UseSideNavigationMenuBarProps,\n} from '../side-navigation-menu-bar';\nimport { AppSidePanelProps } from './types';\n\nexport const useAppSidePanel = ({\n items,\n isActive,\n canHaveMultipleMenuOpenAtOnce,\n}: UseSideNavigationMenuBarProps): Omit<AppSidePanelProps, 'ref'> => {\n const sideNavigationMenuBarProps = useSideNavigationMenuBar({\n items,\n isActive,\n canHaveMultipleMenuOpenAtOnce,\n });\n\n return {\n children: <SideNavigationMenuBar {...sideNavigationMenuBarProps} aria-label=\"Navigation\" />,\n };\n};\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","width","undefined","height","size","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener","enUS","frFR","StyledAppSidePanel","styled","div","_ref","$theme","css","_ref2","_ref3","$variant","AppSidePanelVariant","hidden","shrinked","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","COMPONENT_NAME","CLASSNAME","AppSidePanel","forwardRef","props","ref","children","className","featuredElements","iconButtonProps","iconButtonRef","logo","onOpen","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","sidePanelVariant","setSidePanelVariant","handleClose","event","expandSidePanel","computedVariant","product","React","createElement","_extends","classNames","isValidElement","src","alt","Icon","icon","ProductLogo","IconButton","mdiMenu","onClick","color","isDisabled","displayName","useAppSidePanel","items","isActive","canHaveMultipleMenuOpenAtOnce","sideNavigationMenuBarProps","useSideNavigationMenuBar","SideNavigationMenuBar"],"mappings":"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"}
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import { u as useLocale } from './context2.js';
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { a as _defineProperty } from './_rollupPluginBabelHelpers.js';
|
|
4
|
+
|
|
5
|
+
/* eslint-disable prefer-const */
|
|
6
|
+
// @ts-nocheck
|
|
7
|
+
/*
|
|
8
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
9
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
10
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
11
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
+
*
|
|
13
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
14
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
15
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
16
|
+
* governing permissions and limitations under the License.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
const localeSymbol = Symbol.for('react-aria.i18n.locale');
|
|
20
|
+
const stringsSymbol = Symbol.for('react-aria.i18n.strings');
|
|
21
|
+
let cachedGlobalStrings = undefined;
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Stores a mapping of localized strings. Can be used to find the
|
|
25
|
+
* closest available string for a given locale.
|
|
26
|
+
*/
|
|
27
|
+
class LocalizedStringDictionary {
|
|
28
|
+
constructor(messages) {
|
|
29
|
+
let defaultLocale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
|
|
30
|
+
_defineProperty(this, "strings", void 0);
|
|
31
|
+
_defineProperty(this, "defaultLocale", void 0);
|
|
32
|
+
// Clone messages so we don't modify the original object.
|
|
33
|
+
// Filter out entries with falsy values which may have been caused by applying optimize-locales-plugin.
|
|
34
|
+
this.strings = Object.fromEntries(Object.entries(messages).filter(_ref => {
|
|
35
|
+
let [, v] = _ref;
|
|
36
|
+
return v;
|
|
37
|
+
}));
|
|
38
|
+
this.defaultLocale = defaultLocale;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/** Returns a localized string for the given key and locale. */
|
|
42
|
+
getStringForLocale(key, locale) {
|
|
43
|
+
let strings = this.getStringsForLocale(locale);
|
|
44
|
+
let string = strings[key];
|
|
45
|
+
if (!string) {
|
|
46
|
+
throw new Error(`Could not find intl message ${key} in ${locale} locale`);
|
|
47
|
+
}
|
|
48
|
+
return string;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/** Returns all localized strings for the given locale. */
|
|
52
|
+
getStringsForLocale(locale) {
|
|
53
|
+
let strings = this.strings[locale];
|
|
54
|
+
if (!strings) {
|
|
55
|
+
strings = getStringsForLocale(locale, this.strings, this.defaultLocale);
|
|
56
|
+
this.strings[locale] = strings;
|
|
57
|
+
}
|
|
58
|
+
return strings;
|
|
59
|
+
}
|
|
60
|
+
static getGlobalDictionaryForPackage(packageName) {
|
|
61
|
+
var _cachedGlobalStrings;
|
|
62
|
+
if (typeof window === 'undefined') {
|
|
63
|
+
return null;
|
|
64
|
+
}
|
|
65
|
+
let locale = window[localeSymbol];
|
|
66
|
+
if (cachedGlobalStrings === undefined) {
|
|
67
|
+
let globalStrings = window[stringsSymbol];
|
|
68
|
+
if (!globalStrings) {
|
|
69
|
+
return null;
|
|
70
|
+
}
|
|
71
|
+
cachedGlobalStrings = {};
|
|
72
|
+
for (let pkg in globalStrings) {
|
|
73
|
+
cachedGlobalStrings[pkg] = new LocalizedStringDictionary({
|
|
74
|
+
[locale]: globalStrings[pkg]
|
|
75
|
+
}, locale);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
let dictionary = (_cachedGlobalStrings = cachedGlobalStrings) === null || _cachedGlobalStrings === void 0 ? void 0 : _cachedGlobalStrings[packageName];
|
|
79
|
+
if (!dictionary) {
|
|
80
|
+
throw new Error(`Strings for package "${packageName}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);
|
|
81
|
+
}
|
|
82
|
+
return dictionary;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
function getStringsForLocale(locale, strings) {
|
|
86
|
+
let defaultLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-US';
|
|
87
|
+
// If there is an exact match, use it.
|
|
88
|
+
if (strings[locale]) {
|
|
89
|
+
return strings[locale];
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
// Attempt to find the closest match by language.
|
|
93
|
+
// For example, if the locale is fr-CA (French Canadian), but there is only
|
|
94
|
+
// an fr-FR (France) set of strings, use that.
|
|
95
|
+
// This could be replaced with Intl.LocaleMatcher once it is supported.
|
|
96
|
+
// https://github.com/tc39/proposal-intl-localematcher
|
|
97
|
+
let language = getLanguage(locale);
|
|
98
|
+
if (strings[language]) {
|
|
99
|
+
return strings[language];
|
|
100
|
+
}
|
|
101
|
+
for (let key in strings) {
|
|
102
|
+
if (key.startsWith(language + '-')) {
|
|
103
|
+
return strings[key];
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// Nothing close, use english.
|
|
108
|
+
return strings[defaultLocale];
|
|
109
|
+
}
|
|
110
|
+
function getLanguage(locale) {
|
|
111
|
+
// @ts-ignore
|
|
112
|
+
if (Intl.Locale) {
|
|
113
|
+
// @ts-ignore
|
|
114
|
+
return new Intl.Locale(locale).language;
|
|
115
|
+
}
|
|
116
|
+
return locale.split('-')[0];
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* eslint-disable prefer-const */
|
|
120
|
+
// @ts-nocheck
|
|
121
|
+
/*
|
|
122
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
123
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
124
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
125
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
126
|
+
*
|
|
127
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
128
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
129
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
130
|
+
* governing permissions and limitations under the License.
|
|
131
|
+
*/
|
|
132
|
+
|
|
133
|
+
const pluralRulesCache = new Map();
|
|
134
|
+
const numberFormatCache = new Map();
|
|
135
|
+
|
|
136
|
+
/**
|
|
137
|
+
* Formats localized strings from a LocalizedStringDictionary. Supports interpolating variables,
|
|
138
|
+
* selecting the correct pluralization, and formatting numbers for the locale.
|
|
139
|
+
*/
|
|
140
|
+
class LocalizedStringFormatter {
|
|
141
|
+
constructor(locale, strings) {
|
|
142
|
+
_defineProperty(this, "locale", void 0);
|
|
143
|
+
_defineProperty(this, "strings", void 0);
|
|
144
|
+
this.locale = locale;
|
|
145
|
+
this.strings = strings;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/** Formats a localized string for the given key with the provided variables. */
|
|
149
|
+
format(key, variables) {
|
|
150
|
+
let message = this.strings.getStringForLocale(key, this.locale);
|
|
151
|
+
return typeof message === 'function' ? message(variables, this) : message;
|
|
152
|
+
}
|
|
153
|
+
plural(count, options) {
|
|
154
|
+
let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'cardinal';
|
|
155
|
+
let opt = options['=' + count];
|
|
156
|
+
if (opt) {
|
|
157
|
+
return typeof opt === 'function' ? opt() : opt;
|
|
158
|
+
}
|
|
159
|
+
let key = this.locale + ':' + type;
|
|
160
|
+
let pluralRules = pluralRulesCache.get(key);
|
|
161
|
+
if (!pluralRules) {
|
|
162
|
+
pluralRules = new Intl.PluralRules(this.locale, {
|
|
163
|
+
type
|
|
164
|
+
});
|
|
165
|
+
pluralRulesCache.set(key, pluralRules);
|
|
166
|
+
}
|
|
167
|
+
let selected = pluralRules.select(count);
|
|
168
|
+
opt = options[selected] || options.other;
|
|
169
|
+
return typeof opt === 'function' ? opt() : opt;
|
|
170
|
+
}
|
|
171
|
+
number(value) {
|
|
172
|
+
let numberFormat = numberFormatCache.get(this.locale);
|
|
173
|
+
if (!numberFormat) {
|
|
174
|
+
numberFormat = new Intl.NumberFormat(this.locale);
|
|
175
|
+
numberFormatCache.set(this.locale, numberFormat);
|
|
176
|
+
}
|
|
177
|
+
return numberFormat.format(value);
|
|
178
|
+
}
|
|
179
|
+
select(options, value) {
|
|
180
|
+
let opt = options[value] || options.other;
|
|
181
|
+
return typeof opt === 'function' ? opt() : opt;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* eslint-disable prefer-const */
|
|
186
|
+
const cache = new WeakMap();
|
|
187
|
+
function getCachedDictionary(strings) {
|
|
188
|
+
let dictionary = cache.get(strings);
|
|
189
|
+
if (!dictionary) {
|
|
190
|
+
dictionary = new LocalizedStringDictionary(strings);
|
|
191
|
+
cache.set(strings, dictionary);
|
|
192
|
+
}
|
|
193
|
+
return dictionary;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
/**
|
|
197
|
+
* Returns a cached LocalizedStringDictionary for the given strings.
|
|
198
|
+
*/
|
|
199
|
+
function useLocalizedStringDictionary(strings, packageName) {
|
|
200
|
+
return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary(strings);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/**
|
|
204
|
+
* Provides localized string formatting for the current locale. Supports interpolating variables,
|
|
205
|
+
* selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.
|
|
206
|
+
* @param strings - A mapping of languages to localized strings by key.
|
|
207
|
+
*/
|
|
208
|
+
function useLocalizedStringFormatter(strings, packageName) {
|
|
209
|
+
let {
|
|
210
|
+
locale
|
|
211
|
+
} = useLocale();
|
|
212
|
+
let dictionary = useLocalizedStringDictionary(strings, packageName);
|
|
213
|
+
return useMemo(() => new LocalizedStringFormatter(locale, dictionary), [locale, dictionary]);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
export { useLocalizedStringDictionary as a, useLocalizedStringFormatter as u };
|
|
217
|
+
//# sourceMappingURL=useLocalizedStringFormatter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLocalizedStringFormatter.js","sources":["../../src/react-aria/internationalized/string/LocalizedStringDictionary.ts","../../src/react-aria/internationalized/string/LocalizedStringFormatter.ts","../../src/react-aria/react-aria/i18n/useLocalizedStringFormatter.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 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 type { LocalizedString } from './LocalizedStringFormatter';\n\nexport type LocalizedStrings<K extends string, T extends LocalizedString> = {\n [lang: string]: Record<K, T>;\n};\n\nconst localeSymbol = Symbol.for('react-aria.i18n.locale');\nconst stringsSymbol = Symbol.for('react-aria.i18n.strings');\nlet cachedGlobalStrings: { [packageName: string]: LocalizedStringDictionary<any, any> } | null | undefined = undefined;\n\n/**\n * Stores a mapping of localized strings. Can be used to find the\n * closest available string for a given locale.\n */\nexport class LocalizedStringDictionary<K extends string = string, T extends LocalizedString = string> {\n private strings: LocalizedStrings<K, T>;\n private defaultLocale: string;\n\n constructor(messages: LocalizedStrings<K, T>, defaultLocale: string = 'en-US') {\n // Clone messages so we don't modify the original object.\n // Filter out entries with falsy values which may have been caused by applying optimize-locales-plugin.\n this.strings = Object.fromEntries(Object.entries(messages).filter(([, v]) => v));\n this.defaultLocale = defaultLocale;\n }\n\n /** Returns a localized string for the given key and locale. */\n getStringForLocale(key: K, locale: string): T {\n let strings = this.getStringsForLocale(locale);\n let string = strings[key];\n if (!string) {\n throw new Error(`Could not find intl message ${key} in ${locale} locale`);\n }\n\n return string;\n }\n\n /** Returns all localized strings for the given locale. */\n getStringsForLocale(locale: string): Record<K, T> {\n let strings = this.strings[locale];\n if (!strings) {\n strings = getStringsForLocale(locale, this.strings, this.defaultLocale);\n this.strings[locale] = strings;\n }\n\n return strings;\n }\n\n static getGlobalDictionaryForPackage<K extends string = string, T extends LocalizedString = string>(\n packageName: string\n ): LocalizedStringDictionary<K, T> | null {\n if (typeof window === 'undefined') {\n return null;\n }\n\n let locale = window[localeSymbol];\n if (cachedGlobalStrings === undefined) {\n let globalStrings = window[stringsSymbol];\n if (!globalStrings) {\n return null;\n }\n\n cachedGlobalStrings = {};\n for (let pkg in globalStrings) {\n cachedGlobalStrings[pkg] = new LocalizedStringDictionary({ [locale]: globalStrings[pkg] }, locale);\n }\n }\n\n let dictionary = cachedGlobalStrings?.[packageName];\n if (!dictionary) {\n throw new Error(\n `Strings for package \"${packageName}\" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`\n );\n }\n\n return dictionary;\n }\n}\n\nfunction getStringsForLocale<K extends string, T extends LocalizedString>(\n locale: string,\n strings: LocalizedStrings<K, T>,\n defaultLocale = 'en-US'\n) {\n // If there is an exact match, use it.\n if (strings[locale]) {\n return strings[locale];\n }\n\n // Attempt to find the closest match by language.\n // For example, if the locale is fr-CA (French Canadian), but there is only\n // an fr-FR (France) set of strings, use that.\n // This could be replaced with Intl.LocaleMatcher once it is supported.\n // https://github.com/tc39/proposal-intl-localematcher\n let language = getLanguage(locale);\n if (strings[language]) {\n return strings[language];\n }\n\n for (let key in strings) {\n if (key.startsWith(language + '-')) {\n return strings[key];\n }\n }\n\n // Nothing close, use english.\n return strings[defaultLocale];\n}\n\nfunction getLanguage(locale: string) {\n // @ts-ignore\n if (Intl.Locale) {\n // @ts-ignore\n return new Intl.Locale(locale).language;\n }\n\n return locale.split('-')[0];\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 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 type { LocalizedStringDictionary } from './LocalizedStringDictionary';\n\nexport type Variables = Record<string, string | number | boolean> | undefined;\nexport type LocalizedString = string | ((args: Variables, formatter?: LocalizedStringFormatter<any, any>) => string);\ntype InternalString = string | (() => string);\n\nconst pluralRulesCache = new Map<string, Intl.PluralRules>();\nconst numberFormatCache = new Map<string, Intl.NumberFormat>();\n\n/**\n * Formats localized strings from a LocalizedStringDictionary. Supports interpolating variables,\n * selecting the correct pluralization, and formatting numbers for the locale.\n */\nexport class LocalizedStringFormatter<K extends string = string, T extends LocalizedString = string> {\n private locale: string;\n private strings: LocalizedStringDictionary<K, T>;\n\n constructor(locale: string, strings: LocalizedStringDictionary<K, T>) {\n this.locale = locale;\n this.strings = strings;\n }\n\n /** Formats a localized string for the given key with the provided variables. */\n format(key: K, variables?: Variables): string {\n let message = this.strings.getStringForLocale(key, this.locale);\n\n return typeof message === 'function' ? message(variables, this) : message;\n }\n\n protected plural(count: number, options: Record<string, InternalString>, type: Intl.PluralRuleType = 'cardinal') {\n let opt = options['=' + count];\n if (opt) {\n return typeof opt === 'function' ? opt() : opt;\n }\n\n let key = this.locale + ':' + type;\n let pluralRules = pluralRulesCache.get(key);\n if (!pluralRules) {\n pluralRules = new Intl.PluralRules(this.locale, { type });\n pluralRulesCache.set(key, pluralRules);\n }\n\n let selected = pluralRules.select(count);\n opt = options[selected] || options.other;\n return typeof opt === 'function' ? opt() : opt;\n }\n\n protected number(value: number) {\n let numberFormat = numberFormatCache.get(this.locale);\n if (!numberFormat) {\n numberFormat = new Intl.NumberFormat(this.locale);\n numberFormatCache.set(this.locale, numberFormat);\n }\n return numberFormat.format(value);\n }\n\n protected select(options: Record<string, InternalString>, value: string) {\n let opt = options[value] || options.other;\n return typeof opt === 'function' ? opt() : opt;\n }\n}\n","/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2022 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 {\n LocalizedString,\n LocalizedStringDictionary,\n LocalizedStringFormatter,\n LocalizedStrings,\n} from '../../internationalized/string';\nimport { useLocale } from './context';\nimport { useMemo } from 'react';\n\nconst cache = new WeakMap();\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n strings: LocalizedStrings<K, T>\n): LocalizedStringDictionary<K, T> {\n let dictionary = cache.get(strings);\n if (!dictionary) {\n dictionary = new LocalizedStringDictionary(strings);\n cache.set(strings, dictionary);\n }\n\n return dictionary;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function useLocalizedStringDictionary<K extends string = string, T extends LocalizedString = string>(\n strings: LocalizedStrings<K, T>,\n packageName?: string\n): LocalizedStringDictionary<K, T> {\n return (\n (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n getCachedDictionary(strings)\n );\n}\n\n/**\n * Provides localized string formatting for the current locale. Supports interpolating variables,\n * selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.\n * @param strings - A mapping of languages to localized strings by key.\n */\nexport function useLocalizedStringFormatter<K extends string = string, T extends LocalizedString = string>(\n strings: LocalizedStrings<K, T>,\n packageName?: string\n): LocalizedStringFormatter<K, T> {\n let { locale } = useLocale();\n let dictionary = useLocalizedStringDictionary(strings, packageName);\n return useMemo(() => new LocalizedStringFormatter(locale, dictionary), [locale, dictionary]);\n}\n"],"names":["localeSymbol","Symbol","for","stringsSymbol","cachedGlobalStrings","undefined","LocalizedStringDictionary","constructor","messages","defaultLocale","arguments","length","_defineProperty","strings","Object","fromEntries","entries","filter","_ref","v","getStringForLocale","key","locale","getStringsForLocale","string","Error","getGlobalDictionaryForPackage","packageName","_cachedGlobalStrings","window","globalStrings","pkg","dictionary","language","getLanguage","startsWith","Intl","Locale","split","pluralRulesCache","Map","numberFormatCache","LocalizedStringFormatter","format","variables","message","plural","count","options","type","opt","pluralRules","get","PluralRules","set","selected","select","other","number","value","numberFormat","NumberFormat","cache","WeakMap","getCachedDictionary","useLocalizedStringDictionary","useLocalizedStringFormatter","useLocale","useMemo"],"mappings":"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"}
|
|
@@ -258,6 +258,7 @@ const SideNavigationMenuBar = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
258
258
|
};
|
|
259
259
|
const value = useMemo(() => ({
|
|
260
260
|
menuItems,
|
|
261
|
+
canHaveMultipleMenuOpenAtOnce,
|
|
261
262
|
sideNavigationMenuBarVariant: variant,
|
|
262
263
|
setSideNavigationMenuBarVariant: setVariant,
|
|
263
264
|
currentOpenMenuId,
|
|
@@ -315,7 +316,8 @@ const isMenu = item => {
|
|
|
315
316
|
const useSideNavigationMenuBar = _ref => {
|
|
316
317
|
let {
|
|
317
318
|
items,
|
|
318
|
-
isActive
|
|
319
|
+
isActive,
|
|
320
|
+
canHaveMultipleMenuOpenAtOnce
|
|
319
321
|
} = _ref;
|
|
320
322
|
const menuBarChildren = [];
|
|
321
323
|
items.map(item => {
|
|
@@ -365,7 +367,8 @@ const useSideNavigationMenuBar = _ref => {
|
|
|
365
367
|
}
|
|
366
368
|
});
|
|
367
369
|
return {
|
|
368
|
-
children: menuBarChildren
|
|
370
|
+
children: menuBarChildren,
|
|
371
|
+
canHaveMultipleMenuOpenAtOnce
|
|
369
372
|
};
|
|
370
373
|
};
|
|
371
374
|
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
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 canHaveMultipleMenuOpenAtOnce,\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 { MenuBarItems, MenuItem, Menu, SideNavigationMenuBarProps } 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 canHaveMultipleMenuOpenAtOnce?: boolean;\n}\n\nexport const useSideNavigationMenuBar = ({\n items,\n isActive,\n canHaveMultipleMenuOpenAtOnce,\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={isActive ? children.filter((child) => isActive(child.href!)).length > 0 : undefined}\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 canHaveMultipleMenuOpenAtOnce,\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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"}
|