@redsift/design-system 11.6.0 → 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.
@@ -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":";;;;;;;;;;;;;;;;;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;ACHD;AACA;AACA;AACO,MAAMC,WAAW,GAAG;AACzBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;;AAGV;AACA;AACA;;ACZO,MAAMC,aAAa,GAAGC,MAAM,CAACC,GAAwB,CAAA;AAC5D,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA,CAAC;;;;;;;;;;;ACMD,MAAMC,cAAc,GAAG,SAAS,CAAA;AAChC,MAAMC,SAAS,GAAG,gBAAgB,CAAA;AAElC,MAAMC,eAAe,GAAIC,IAAiB,IAAwC;AAChF,EAAA,QAAQA,IAAI;IACV,KAAKZ,WAAW,CAACC,MAAM;MACrB,OAAO;AAAEY,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;IAClC,KAAKd,WAAW,CAACE,KAAK;MACpB,OAAO;AAAEW,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;IAClC,KAAKd,WAAW,CAACI,KAAK;MACpB,OAAO;AAAES,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;IAClC,KAAKd,WAAW,CAACG,MAAM,CAAA;AACvB,IAAA;MACE,OAAO;AAAEU,QAAAA,KAAK,EAAE,EAAE;AAAEC,QAAAA,MAAM,EAAE,EAAA;OAAI,CAAA;AACpC,GAAA;AACF,CAAC,CAAA;;AAED;AACA;AACA;AACO,MAAMC,OAA6C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;AACJ,MAAA,aAAa,EAAEC,UAAU;AACzB,MAAA,YAAY,EAAEC,SAAS;MACvBC,SAAS;AACTC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,SAAS,GAAG,IAAI;MAChBZ,IAAI,GAAGZ,WAAW,CAACG,MAAM;AACzBsB,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGT,KAAK;AADJU,IAAAA,cAAc,GAAAC,wBAAA,CACfX,KAAK,EAAAY,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,MAAMJ,KAAK,GAAGC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAVA,UAAU,GAAKC,SAAS,GAAG,SAAS,GAAG,SAAU,CAAA;EAE/D,MAAM;IAAEX,KAAK;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAGH,eAAe,CAACC,IAAK,CAAC,CAAA;AAEhD,EAAA,MAAMmB,eAAe,GAAGC,2BAA2B,CAACC,YAAY,CAAC,CAAA;AAEjE,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAC9B,aAAa,EAAA+B,QAAA,CAAA;AACZC,IAAAA,GAAG,EAAEN,eAAe,CAACO,MAAM,CAAC,SAAS,CAAA;AAAE,GAAA,EACnCX,cAAc,EAAA;IAClB,aAAaP,EAAAA,SAAS,GAAID,UAAU,GAAGA,UAAU,GAAGoB,SAAS,GAAI,IAAK;AACtE,IAAA,YAAA,EAAYnB,SAAU;IACtBC,SAAS,EAAEmB,UAAU,CAACzB,OAAO,CAACM,SAAS,EAAEA,SAAS,CAAE;AACpDP,IAAAA,MAAM,EAAEA,MAAO;AACfI,IAAAA,GAAG,EAAEA,GAAmC;AACxCuB,IAAAA,GAAG,EACDnB,KAAK,KAAK,SAAS,GACfoB,eAAe,GACfpB,KAAK,KAAK,SAAS,GACnBqB,aAAa,GACbrB,KAAK,KAAK,SAAS,GACnBsB,aAAa,GACbC,aACL;AACDhC,IAAAA,KAAK,EAAEA,KAAM;AACbiC,IAAAA,KAAK,EAAElC,IAAK;AACZmC,IAAAA,MAAM,EAAEtB,KAAAA;AAAM,GAAA,CACf,CAAC,CAAA;AAEN,CAAC,EAAC;AACFV,OAAO,CAACM,SAAS,GAAGX,SAAS,CAAA;AAC7BK,OAAO,CAACiC,WAAW,GAAGvC,cAAc;;;;"}
@@ -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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"}