npm - @skbkontur/react-ui - Versions diffs - 5.6.1-9a162.0 → 6.0.0-alpha.0 - Mend

@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

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.

Files changed (1992) hide show

package/cjs/internal/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_identifiers","_MenuSeparator","_ThemeFactory","_getDOMRect","_decorator","_utils","_ScrollContainer","_MenuItem","_ThemeContext","_Emotion","_rootNode2","_client","_createPropsGetter","_isInstanceOf","_CommonWrapper","_Menu2","_MenuNavigation","_MenuContext","_class","_Menu","MenuDataTids","exports","root","Menu","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","React","createRef","menuNavigation","MenuNavigation","MenuItemDataTids","content","focusOnRootElement","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","renderHeader","_cx","default","createElement","className","cx","styles","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_cx2","footerWrapper","footer","ThemeContext","Provider","value","ThemeFactory","create","menuSeparatorMarginY","MenuSeparator","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","isBrowser","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","getDOMRect","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","isKeyArrowUp","preventDefault","up","isKeyArrowDown","isKeyEnter","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose2","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","Consumer","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_cx3","_cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","CommonWrapper","_extends2","rootNodeRef","setRootNode","getAlignRightClass","mobileRoot","shadow","style","id","tabIndex","ScrollContainer","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","MenuContext","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","isNonNullable","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_cx5","alignRight","isIE11","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { isNonNullable } from '../../lib/utils';\nimport type { ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport type { MenuItem } from '../../components/MenuItem';\nimport { MenuItemDataTids } from '../../components/MenuItem';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n children: React.ReactNode;\n hasMargin?: boolean;\n /*\n Максимальная высота применяется только для скролл контейнера\n \n Высота `header` и `footer` в нее не включены\n /\n maxHeight?: number \| string;\n onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n width?: number \| string;\n preventWindowScroll?: boolean;\n /\n Отключение кастомного скролла контейнера\n /\n disableScrollContainer?: boolean;\n align?: 'left' \| 'right';\n /\n Предотвращает выравнивание текста всех пунктов меню относительно друг друга.\n * Так, если хотя бы у одного пункта меню есть иконка, текст в остальных пунктах меню будет выровнен относительно пункта меню с иконкой\n /\n preventIconsOffset?: boolean;\n onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n header?: React.ReactNode;\n footer?: React.ReactNode;\n /\n Циклический перебор айтемов меню (по-дефолтну включен)\n /\n cyclicSelection?: boolean;\n initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n highlightedIndex: number; // TODO unused variable, remove in next major release\n maxHeight: number \| string;\n scrollState: ScrollContainerScrollState;\n enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n MenuProps,\n \| 'align'\n \| 'width'\n \| 'hasMargin'\n \| 'maxHeight'\n \| 'preventWindowScroll'\n \| 'cyclicSelection'\n \| 'initialSelectedItemIndex'\n >\n>;\n\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n public static __KONTUR_REACT_UI__ = 'Menu';\n public static displayName = 'Menu';\n\n public static defaultProps: DefaultProps = {\n align: 'left',\n width: 'auto',\n maxHeight: 300,\n hasMargin: true,\n preventWindowScroll: true,\n cyclicSelection: true,\n initialSelectedItemIndex: -1,\n };\n\n private getProps = createPropsGetter(Menu.defaultProps);\n\n public state: MenuState = {\n highlightedIndex: -1,\n maxHeight: this.getProps().maxHeight \|\| 'none',\n scrollState: 'top',\n enableIconPadding: false,\n };\n\n private theme!: Theme;\n private scrollContainer: Nullable<ScrollContainer>;\n private isMobileLayout!: boolean;\n private unmounted = false;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private header: Nullable<HTMLDivElement>;\n private footer: Nullable<HTMLDivElement>;\n private contentRef = React.createRef<HTMLDivElement>();\n private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n\n public componentWillUnmount() {\n this.unmounted = true;\n }\n\n public componentDidMount() {\n this.setInitialSelection();\n this.calculateMaxHeight();\n this.unmounted = false;\n }\n\n public componentDidUpdate(prevProps: MenuProps) {\n if (this.shouldRecalculateMaxHeight(prevProps)) {\n this.calculateMaxHeight();\n }\n\n if (prevProps.maxHeight !== this.getProps().maxHeight) {\n this.setState({\n maxHeight: this.props.maxHeight \|\| 'none',\n });\n }\n }\n\n public focus() {\n this.focusOnRootElement();\n }\n\n private focusOnRootElement = (): void => {\n const rootNode = getRootNode(this);\n if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n rootNode?.focus();\n }\n };\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public up() {\n this.move(-1);\n }\n\n /\n @public\n /\n public down() {\n this.move(1);\n }\n\n /\n @public\n /\n public enter(event: React.SyntheticEvent<HTMLElement>) {\n this.menuNavigation.highlightedItem?.navigate();\n return this.menuNavigation.select(event);\n }\n\n /\n @public\n /\n public reset() {\n this.menuNavigation.reset();\n }\n\n /\n @public\n */\n public hasHighlightedItem() {\n return !!this.menuNavigation.highlightedItem;\n }\n\n public highlightItem(index: number) {\n this.menuNavigation.highlightByIndex(index);\n }\n\n private renderMain() {\n if (this.isEmpty()) {\n return null;\n }\n const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n const offsetY = {\n top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n right: 0,\n bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n };\n\n const isMobile = this.isMobileLayout;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={MenuDataTids.root}\n className={cx(getAlignRightClass(this.props), {\n [styles.root(this.theme)]: true,\n [styles.hasMargin(this.theme)]: hasMargin,\n [styles.mobileRoot(this.theme)]: isMobile,\n [styles.shadow(this.theme)]: !isMobile,\n })}\n style={this.getStyle(this.props)}\n id={this.props.id}\n onKeyDown={this.handleKeyDown}\n tabIndex={0}\n >\n {this.props.header && this.renderHeader()}\n <ScrollContainer\n ref={this.refScrollContainer}\n maxHeight={maxHeight}\n preventWindowScroll={preventWindowScroll}\n onScrollStateChange={this.handleScrollStateChange}\n disabled={this.props.disableScrollContainer}\n offsetY={offsetY}\n >\n <div\n className={cx({\n [styles.scrollContainer(this.theme)]: true,\n [styles.scrollContainerMobile(this.theme)]: isMobile,\n })}\n ref={this.contentRef}\n >\n <MenuContext.Provider\n value={{\n navigation: this.menuNavigation,\n onItemClick: this.props.onItemClick,\n enableIconPadding: this.state.enableIconPadding,\n setEnableIconPadding: this.setEnableIconPadding,\n }}\n >\n {this.props.children}\n </MenuContext.Provider>\n </div>\n </ScrollContainer>\n {this.props.footer && this.renderFooter()}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderHeader = () => {\n return (\n <div\n className={cx({\n [styles.wrapper()]: true,\n [styles.headerWrapper()]: true,\n })}\n ref={(el) => (this.header = el)}\n >\n <div className={styles.contentWrapper()}>{this.props.header}</div>\n <div className={styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n </div>\n );\n };\n\n private renderFooter = () => {\n return (\n <div\n className={cx({\n [styles.wrapper()]: true,\n [styles.footerWrapper()]: true,\n })}\n ref={(el) => (this.footer = el)}\n >\n <div className={styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n <div className={styles.contentWrapper()}>{this.props.footer}</div>\n </div>\n );\n };\n\n private renderMenuSeparatorWithNoMargin = () => {\n return (\n <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n <MenuSeparator />\n </ThemeContext.Provider>\n );\n };\n\n private setInitialSelection = () => {\n for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n this.down();\n }\n };\n\n private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n const { header, footer, children } = this.props;\n const maxHeight = this.getProps().maxHeight;\n const prevMaxHeight = prevProps.maxHeight;\n const prevHeader = prevProps.header;\n const prevFooter = prevProps.footer;\n const prevChildrenCount = React.Children.count(prevProps.children);\n\n return (\n maxHeight !== prevMaxHeight \|\|\n footer !== prevFooter \|\|\n header !== prevHeader \|\|\n React.Children.count(children) !== prevChildrenCount\n );\n };\n\n private calculateMaxHeight = () => {\n const maxHeight = this.getProps().maxHeight;\n let parsedMaxHeight = maxHeight;\n const rootNode = getRootNode(this);\n\n if (typeof maxHeight === 'string' && isBrowser(globalObject) && rootNode) {\n const rootElementMaxHeight = globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n if (rootElementMaxHeight) {\n parsedMaxHeight = parseFloat(rootElementMaxHeight);\n }\n }\n\n const calculatedMaxHeight =\n typeof parsedMaxHeight === 'number'\n ? parsedMaxHeight +\n ((this.header && getDOMRect(this.header).height) \|\| 0) +\n ((this.footer && getDOMRect(this.footer).height) \|\| 0)\n : maxHeight;\n\n this.setState({\n maxHeight: calculatedMaxHeight \|\| 'none',\n });\n };\n\n private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n this.scrollContainer = scrollContainer;\n };\n\n private scrollToSelected = () => {\n const highlightedItem = this.menuNavigation.highlightedItem;\n if (this.scrollContainer && highlightedItem) {\n const rootNode = getRootNode(highlightedItem);\n // TODO: Remove this check once IF-647 is resolved\n if (isInstanceOf(rootNode, globalObject.HTMLElement)) {\n this.scrollContainer.scrollTo(rootNode);\n }\n }\n };\n\n private scrollToTop = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToTop();\n }\n };\n\n private scrollToBottom = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToBottom();\n }\n };\n\n private scroll = (nextIndex: number) => {\n switch (nextIndex) {\n case 0:\n this.scrollToTop?.();\n break;\n case this.menuNavigation.items.length - 1:\n this.scrollToBottom?.();\n break;\n default:\n this.scrollToSelected?.();\n }\n };\n\n private move(step: number) {\n if (this.unmounted) {\n // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n return;\n }\n const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n this.scroll(nextIndex);\n }\n\n private isEmpty() {\n const { children } = this.props;\n return !children \|\| !childrenToArray(children).filter(isNonNullable).length;\n }\n\n private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n if (typeof this.props.onKeyDown === 'function') {\n this.props.onKeyDown(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (isKeyArrowUp(event)) {\n event.preventDefault();\n this.up();\n } else if (isKeyArrowDown(event)) {\n event.preventDefault();\n this.down();\n } else if (isKeyEnter(event)) {\n this.menuNavigation.select(event);\n }\n };\n\n private getStyle = (props: MenuProps): CSSProperties => {\n if (props.align === 'right') {\n return {\n maxWidth: props.width,\n minWidth: props.width,\n maxHeight: this.state.maxHeight,\n };\n }\n\n return {\n width: props.width,\n maxHeight: this.state.maxHeight,\n };\n };\n\n private handleScrollStateChange = (scrollState: ScrollContainerScrollState) => {\n if (this.state.scrollState !== scrollState) {\n this.setState({ scrollState });\n }\n };\n\n private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n const ret: React.ReactNode[] = [];\n // Use forEach instead of map to avoid cloning for key unifying.\n React.Children.forEach(children, (child) => {\n ret.push(child);\n });\n return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps) => {\n if (props.align === 'right') {\n return cx({\n [styles.alignRight()]: !isIE11,\n [styles.alignRightIE11()]: isIE11,\n [styles.alignRightIE11FixAutoWidth()]: isIE11 && props.width === 'auto',\n });\n }\n\n return null;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_identifiers","_MenuSeparator","_ThemeFactory","_getDOMRect","_decorator","_utils","_ScrollContainer","_MenuItem","_ThemeContext","_rootNode2","_createPropsGetter","_isInstanceOf","_CommonWrapper","_renderEnvironment","_Menu2","_MenuNavigation","_MenuContext","_class","_Menu","MenuDataTids","exports","root","Menu","withRenderEnvironment","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","React","createRef","menuNavigation","MenuNavigation","MenuItemDataTids","content","focusOnRootElement","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","renderHeader","_this$cx","default","createElement","className","cx","styles","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_this$cx2","footerWrapper","footer","ThemeContext","Provider","value","ThemeFactory","create","menuSeparatorMarginY","MenuSeparator","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","isBrowser","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","getDOMRect","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","isKeyArrowUp","preventDefault","up","isKeyArrowDown","isKeyEnter","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose2","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","getStyles","emotion","Consumer","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_this$cx3","_this$cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","CommonWrapper","_extends2","rootNodeRef","setRootNode","getAlignRightClass","mobileRoot","shadow","style","id","tabIndex","ScrollContainer","onScrollStateChangeY","disabled","disableScrollContainer","scrollContainerMobile","MenuContext","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","isNonNullable","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","alignRight"],"sources":["Menu.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { isNonNullable } from '../../lib/utils';\nimport type { ScrollContainerScrollStateY } from '../../components/ScrollContainer';\nimport { ScrollContainer } from '../../components/ScrollContainer';\nimport type { MenuItem } from '../../components/MenuItem';\nimport { MenuItemDataTids } from '../../components/MenuItem';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n children: React.ReactNode;\n hasMargin?: boolean;\n /*\n Максимальная высота применяется только для скролл контейнера\n \n Высота `header` и `footer` в нее не включены\n /\n maxHeight?: number \| string;\n onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n width?: number \| string;\n preventWindowScroll?: boolean;\n /\n Отключение кастомного скролла контейнера\n /\n disableScrollContainer?: boolean;\n align?: 'left' \| 'right';\n /\n Предотвращает выравнивание текста всех пунктов меню относительно друг друга.\n * Так, если хотя бы у одного пункта меню есть иконка, текст в остальных пунктах меню будет выровнен относительно пункта меню с иконкой\n /\n preventIconsOffset?: boolean;\n onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n header?: React.ReactNode;\n footer?: React.ReactNode;\n /\n Циклический перебор айтемов меню (по-дефолтну включен)\n /\n cyclicSelection?: boolean;\n initialSelectedItemIndex?: number;\n}\n\nexport interface MenuState {\n maxHeight: number \| string;\n scrollState: ScrollContainerScrollStateY;\n enableIconPadding: boolean;\n}\n\nexport const MenuDataTids = {\n root: 'Menu__root',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n MenuProps,\n \| 'align'\n \| 'width'\n \| 'hasMargin'\n \| 'maxHeight'\n \| 'preventWindowScroll'\n \| 'cyclicSelection'\n \| 'initialSelectedItemIndex'\n >\n>;\n\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class Menu extends React.PureComponent<MenuProps, MenuState> {\n public static __KONTUR_REACT_UI__ = 'Menu';\n public static displayName = 'Menu';\n\n public static defaultProps: DefaultProps = {\n align: 'left',\n width: 'auto',\n maxHeight: 300,\n hasMargin: true,\n preventWindowScroll: true,\n cyclicSelection: true,\n initialSelectedItemIndex: -1,\n };\n\n private getProps = createPropsGetter(Menu.defaultProps);\n\n public state: MenuState = {\n maxHeight: this.getProps().maxHeight \|\| 'none',\n scrollState: 'top',\n enableIconPadding: false,\n };\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private scrollContainer: Nullable<ScrollContainer>;\n private isMobileLayout!: boolean;\n private unmounted = false;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private header: Nullable<HTMLDivElement>;\n private footer: Nullable<HTMLDivElement>;\n private contentRef = React.createRef<HTMLDivElement>();\n private menuNavigation: MenuNavigation<MenuItem> = new MenuNavigation(this.contentRef, MenuItemDataTids.content);\n\n public componentWillUnmount(): void {\n this.unmounted = true;\n }\n\n public componentDidMount(): void {\n this.setInitialSelection();\n this.calculateMaxHeight();\n this.unmounted = false;\n }\n\n public componentDidUpdate(prevProps: MenuProps): void {\n if (this.shouldRecalculateMaxHeight(prevProps)) {\n this.calculateMaxHeight();\n }\n\n if (prevProps.maxHeight !== this.getProps().maxHeight) {\n this.setState({\n maxHeight: this.props.maxHeight \|\| 'none',\n });\n }\n }\n\n public focus(): void {\n this.focusOnRootElement();\n }\n\n private focusOnRootElement = (): void => {\n const rootNode = getRootNode(this);\n if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n rootNode?.focus();\n }\n };\n\n public render() {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public up() {\n this.move(-1);\n }\n\n /\n @public\n /\n public down() {\n this.move(1);\n }\n\n /\n @public\n /\n public enter(event: React.SyntheticEvent<HTMLElement>) {\n this.menuNavigation.highlightedItem?.navigate();\n return this.menuNavigation.select(event);\n }\n\n /\n @public\n /\n public reset(): void {\n this.menuNavigation.reset();\n }\n\n /\n @public\n */\n public hasHighlightedItem() {\n return !!this.menuNavigation.highlightedItem;\n }\n\n public highlightItem(index: number) {\n this.menuNavigation.highlightByIndex(index);\n }\n\n private renderMain() {\n if (this.isEmpty()) {\n return null;\n }\n const { hasMargin, maxHeight, preventWindowScroll } = this.getProps();\n\n const offsetY = {\n top: `${this.theme.scrollContainerScrollBarOffsetY}`,\n right: 0,\n bottom: `${this.theme.scrollContainerScrollBarOffsetY}`,\n };\n\n const isMobile = this.isMobileLayout;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={MenuDataTids.root}\n className={this.cx(getAlignRightClass(this.props, this.cx, this.styles), {\n [this.styles.root(this.theme)]: true,\n [this.styles.hasMargin(this.theme)]: hasMargin,\n [this.styles.mobileRoot(this.theme)]: isMobile,\n [this.styles.shadow(this.theme)]: !isMobile,\n })}\n style={this.getStyle(this.props)}\n id={this.props.id}\n onKeyDown={this.handleKeyDown}\n tabIndex={0}\n >\n {this.props.header && this.renderHeader()}\n <ScrollContainer\n ref={this.refScrollContainer}\n maxHeight={maxHeight}\n preventWindowScroll={preventWindowScroll}\n onScrollStateChangeY={this.handleScrollStateChange}\n disabled={this.props.disableScrollContainer}\n offsetY={offsetY}\n >\n <div\n className={this.cx({\n [this.styles.scrollContainer(this.theme)]: true,\n [this.styles.scrollContainerMobile(this.theme)]: isMobile,\n })}\n ref={this.contentRef}\n >\n <MenuContext.Provider\n value={{\n navigation: this.menuNavigation,\n onItemClick: this.props.onItemClick,\n enableIconPadding: this.state.enableIconPadding,\n setEnableIconPadding: this.setEnableIconPadding,\n }}\n >\n {this.props.children}\n </MenuContext.Provider>\n </div>\n </ScrollContainer>\n {this.props.footer && this.renderFooter()}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderHeader = () => {\n return (\n <div\n className={this.cx({\n [this.styles.wrapper()]: true,\n [this.styles.headerWrapper()]: true,\n })}\n ref={(el) => {\n this.header = el;\n }}\n >\n <div className={this.styles.contentWrapper()}>{this.props.header}</div>\n <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'top' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n </div>\n );\n };\n\n private renderFooter = () => {\n return (\n <div\n className={this.cx({\n [this.styles.wrapper()]: true,\n [this.styles.footerWrapper()]: true,\n })}\n ref={(el) => {\n this.footer = el;\n }}\n >\n <div className={this.styles.menuSeparatorWrapper(this.theme)}>\n {this.state.scrollState !== 'bottom' && this.renderMenuSeparatorWithNoMargin()}\n </div>\n <div className={this.styles.contentWrapper()}>{this.props.footer}</div>\n </div>\n );\n };\n\n private renderMenuSeparatorWithNoMargin = () => {\n return (\n <ThemeContext.Provider value={ThemeFactory.create({ menuSeparatorMarginY: '0' }, this.theme)}>\n <MenuSeparator />\n </ThemeContext.Provider>\n );\n };\n\n private setInitialSelection = () => {\n for (let i = this.getProps().initialSelectedItemIndex; i > -1; i--) {\n this.down();\n }\n };\n\n private shouldRecalculateMaxHeight = (prevProps: MenuProps): boolean => {\n const { header, footer, children } = this.props;\n const maxHeight = this.getProps().maxHeight;\n const prevMaxHeight = prevProps.maxHeight;\n const prevHeader = prevProps.header;\n const prevFooter = prevProps.footer;\n const prevChildrenCount = React.Children.count(prevProps.children);\n\n return (\n maxHeight !== prevMaxHeight \|\|\n footer !== prevFooter \|\|\n header !== prevHeader \|\|\n React.Children.count(children) !== prevChildrenCount\n );\n };\n\n private calculateMaxHeight = () => {\n const maxHeight = this.getProps().maxHeight;\n let parsedMaxHeight = maxHeight;\n const rootNode = getRootNode(this);\n\n if (typeof maxHeight === 'string' && isBrowser(this.globalObject) && rootNode) {\n const rootElementMaxHeight = this.globalObject.getComputedStyle?.(rootNode).maxHeight;\n\n if (rootElementMaxHeight) {\n parsedMaxHeight = parseFloat(rootElementMaxHeight);\n }\n }\n\n const calculatedMaxHeight =\n typeof parsedMaxHeight === 'number'\n ? parsedMaxHeight +\n ((this.header && getDOMRect(this.header).height) \|\| 0) +\n ((this.footer && getDOMRect(this.footer).height) \|\| 0)\n : maxHeight;\n\n this.setState({\n maxHeight: calculatedMaxHeight \|\| 'none',\n });\n };\n\n private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\n this.scrollContainer = scrollContainer;\n };\n\n private scrollToSelected = () => {\n const highlightedItem = this.menuNavigation.highlightedItem;\n if (this.scrollContainer && highlightedItem) {\n const rootNode = getRootNode(highlightedItem);\n // TODO: Remove this check once IF-647 is resolved\n if (isInstanceOf(rootNode, this.globalObject.HTMLElement)) {\n this.scrollContainer.scrollTo(rootNode);\n }\n }\n };\n\n private scrollToTop = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToTop();\n }\n };\n\n private scrollToBottom = () => {\n if (this.scrollContainer) {\n this.scrollContainer.scrollToBottom();\n }\n };\n\n private scroll = (nextIndex: number) => {\n switch (nextIndex) {\n case 0:\n this.scrollToTop?.();\n break;\n case this.menuNavigation.items.length - 1:\n this.scrollToBottom?.();\n break;\n default:\n this.scrollToSelected?.();\n }\n };\n\n private move(step: number) {\n if (this.unmounted) {\n // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\n return;\n }\n const nextIndex = this.menuNavigation.move(step, this.getProps().cyclicSelection);\n this.scroll(nextIndex);\n }\n\n private isEmpty() {\n const { children } = this.props;\n return !children \|\| !childrenToArray(children).filter(isNonNullable).length;\n }\n\n private handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n if (typeof this.props.onKeyDown === 'function') {\n this.props.onKeyDown(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (isKeyArrowUp(event)) {\n event.preventDefault();\n this.up();\n } else if (isKeyArrowDown(event)) {\n event.preventDefault();\n this.down();\n } else if (isKeyEnter(event)) {\n this.menuNavigation.select(event);\n }\n };\n\n private getStyle = (props: MenuProps): CSSProperties => {\n if (props.align === 'right') {\n return {\n maxWidth: props.width,\n minWidth: props.width,\n maxHeight: this.state.maxHeight,\n };\n }\n\n return {\n width: props.width,\n maxHeight: this.state.maxHeight,\n };\n };\n\n private handleScrollStateChange = (scrollState: ScrollContainerScrollStateY) => {\n if (this.state.scrollState !== scrollState) {\n this.setState({ scrollState });\n }\n };\n\n private setEnableIconPadding = (isIconPaddingEnabled: boolean) => {\n !this.getProps().preventIconsOffset && this.setState({ enableIconPadding: isIconPaddingEnabled });\n };\n}\n\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\n const ret: React.ReactNode[] = [];\n // Use forEach instead of map to avoid cloning for key unifying.\n React.Children.forEach(children, (child) => {\n ret.push(child);\n });\n return ret;\n}\n\nconst getAlignRightClass = (props: MenuProps, cx: Emotion['cx'], styles: ReturnType<typeof getStyles>) => {\n if (props.align === 'right') {\n return cx(styles.alignRight());\n }\n\n return null;\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/Menu/Menu.styles.d.ts CHANGED Viewed

@@ -1,11 +1,9 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     hasMargin(t: Theme): string;
     mobileRoot(t: Theme): string;
     alignRight(): string;
-    alignRightIE11(): string;
-    alignRightIE11FixAutoWidth(): string;
     scrollContainer(t: Theme): string;
     scrollContainerMobile(t: Theme): string;
     shadow(t: Theme): string;
@@ -14,4 +12,4 @@ export declare const styles: {
     footerWrapper(): string;
     contentWrapper(): string;
     menuSeparatorWrapper(t: Theme): string;
-};
+}>;

package/cjs/internal/Menu/Menu.styles.js CHANGED Viewed

@@ -1,102 +1,90 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: ", ";\n      box-sizing: ", ";\n      outline: none;\n      padding: ", " ", ";\n    "])),
-    t.menuBgDefault,
-    t.menuBorderRadius,
-    t.menuBoxSizing,
-    t.menuPaddingY, t.menuPaddingX);
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: ", ";\n      box-sizing: ", ";\n      outline: none;\n      padding: ", " ", ";\n    "])),
+      t.menuBgDefault,
+      t.menuBorderRadius,
+      t.menuBoxSizing,
-  },
+      t.menuPaddingY, t.menuPaddingX);
-  hasMargin: function hasMargin(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " 0;\n    "])),
-    t.menuOffsetY);
+    },
-  },
+    hasMargin: function hasMargin(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " 0;\n    "])),
+      t.menuOffsetY);
-  mobileRoot: function mobileRoot(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ", ";\n    "])),
+    },
+    mobileRoot: function mobileRoot(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ", ";\n    "])),
-    t.mobileMenuPaddingX);
-  },
+      t.mobileMenuPaddingX);
-  alignRight: function alignRight() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
+    },
+    alignRight: function alignRight() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
-  },
-  alignRightIE11: function alignRightIE11() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      float: right;\n      width: 100%;\n    "])));
+    },
+    scrollContainer: function scrollContainer(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+      t.menuScrollContainerContentWrapperPaddingY);
+    },
-  },
+    scrollContainerMobile: function scrollContainerMobile(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+      t.mobileMenuScrollContainerContentWrapperPaddingY);
-  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    "])));
+    },
+    shadow: function shadow(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
+      t.menuBorder,
+      t.menuShadow);
+    },
-  },
+    wrapper: function wrapper() {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    "])));
-  scrollContainer: function scrollContainer(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    t.menuScrollContainerContentWrapperPaddingY);
-  },
-  scrollContainerMobile: function scrollContainerMobile(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    t.mobileMenuScrollContainerContentWrapperPaddingY);
-  },
-  shadow: function shadow(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
-    t.menuBorder,
-    t.menuShadow);
-  },
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    "])));
+    },
+    headerWrapper: function headerWrapper() {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: -5px;\n    "])));
+    },
+    footerWrapper: function footerWrapper() {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: -5px;\n    "])));
+    },
-  },
+    contentWrapper: function contentWrapper() {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 6px 18px 7px 8px;\n    "])));
-  headerWrapper: function headerWrapper() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: -5px;\n    "])));
+    },
-  },
+    menuSeparatorWrapper: function menuSeparatorWrapper(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+      t.menuSeparatorBorderWidth);
-  footerWrapper: function footerWrapper() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: -5px;\n    "])));
-  },
-  contentWrapper: function contentWrapper() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 6px 18px 7px 8px;\n    "])));
-  },
-  menuSeparatorWrapper: function menuSeparatorWrapper(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
-    t.menuSeparatorBorderWidth);
-  }
-});
+    }
+  };});

package/cjs/internal/Menu/Menu.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","~~_templateObject13~~","~~_templateObject14~~","~~styles~~","~~exports~~","~~memoizeStyle~~","root","t","~~css","~~_taggedTemplateLiteralLoose2","default","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","~~alignRightIE11","alignRightIE11FixAutoWidth","~~scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import { css, ~~memoizeStyle~~ } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const ~~styles~~ = ~~memoizeStyle~~({\n root(t: Theme) {\n return css`\n background: ${t.menuBgDefault};\n border-radius: ${t.menuBorderRadius};\n box-sizing: ${t.menuBoxSizing};\n outline: none;\n padding: ${t.menuPaddingY} ${t.menuPaddingX};\n `;\n },\n\n hasMargin(t: Theme) {\n return css`\n margin: ${t.menuOffsetY} 0;\n `;\n },\n\n mobileRoot(t: Theme) {\n return css`\n border-radius: 0;\n margin: 0;\n padding: 0 ${t.mobileMenuPaddingX};\n `;\n },\n\n alignRight() {\n return css`\n flex: 1 1 100%;\n `;\n },\n\n alignRightIE11() {\n return css`\n float: right;\n width: 100%;\n `;\n },\n\n alignRightIE11FixAutoWidth() {\n return css`\n box-sizing: border-box !important; // override root styles\n overflow: hidden !important; // override root styles\n `;\n },\n\n scrollContainer(t: Theme) {\n return css`\n padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n scrollContainerMobile(t: Theme) {\n return css`\n padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n shadow(t: Theme) {\n return css`\n border: ${t.menuBorder};\n box-shadow: ${t.menuShadow};\n `;\n },\n\n wrapper() {\n return css`\n position: relative;\n z-index: 1;\n width: 100%;\n overflow: hidden;\n line-height: 18px;\n box-sizing: border-box;\n `;\n },\n\n headerWrapper() {\n return css`\n top: -5px;\n `;\n },\n\n footerWrapper() {\n return css`\n bottom: -5px;\n `;\n },\n\n contentWrapper() {\n return css`\n padding: 6px 18px 7px 8px;\n `;\n },\n\n menuSeparatorWrapper(t: Theme) {\n return css`\n height: ${t.menuSeparatorBorderWidth};\n `;\n },\n});\n"],"mappings":"~~oRAAA~~,IAAAA,QAAA,GAAAC,OAAA,~~8BAA8D~~,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA~~,EAAAC,iBAAA,EAAAC,iBAAA~~;;;~~AAGvD~~,IAAMC,~~MAAM~~,GAAAC,OAAA,CAAAD,~~MAAA~~,GAAG,IAAAE,~~qBAAY~~,EAAC;~~EACjCC~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~IACb~~,~~WAAOC~~,~~YAAG~~,~~EAAAnB~~,eAAA,KAAAA,eAAA,~~OAAAoB~~,4BAAA,CAAAC,OAAA;~~IACMH~~,CAAC,~~CAACI~~,aAAa;~~IACZJ~~,CAAC,~~CAACK~~,gBAAgB;~~IACrBL~~,CAAC,~~CAACM~~,aAAa;;~~IAElBN~~,CAAC,~~CAACO~~,YAAY,~~EAAIP~~,CAAC,~~CAACQ~~,YAAY;;~~EAE~~/C,CAAC;;~~EAEDC~~,SAAS,WAAAA,~~UAACT~~,CAAQ,EAAE;~~IAClB~~,~~WAAOC~~,~~YAAG~~,~~EAAAlB~~,gBAAA,KAAAA,gBAAA,~~OAAAmB~~,4BAAA,CAAAC,OAAA;~~IACEH~~,CAAC,~~CAACU~~,WAAW;;~~EAE3B~~,CAAC;;~~EAEDC~~,UAAU,WAAAA,~~WAACX~~,CAAQ,EAAE;~~IACnB~~,~~WAAOC~~,~~YAAG~~,~~EAAAjB~~,gBAAA,KAAAA,gBAAA,~~OAAAkB~~,4BAAA,CAAAC,OAAA;;;~~IAGKH~~,CAAC,~~CAACY~~,kBAAkB;;~~EAErC~~,CAAC;;~~EAEDC~~,UAAU,WAAAA,WAAA,EAAG;~~IACX~~,~~WAAOZ~~,~~YAAG~~,~~EAAAhB~~,gBAAA,KAAAA,gBAAA,~~OAAAiB~~,4BAAA,CAAAC,OAAA;;;~~EAGZ~~,CAAC;;~~EAEDW~~,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOb,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDY,0BAA0B,WAAAA,2BAAA,EAAG;IAC3B,WAAOd,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDa,eAAe,WAAAA,~~gBAAChB~~,CAAQ,EAAE;~~IACxB~~,~~WAAOC~~,~~YAAG~~,~~EAAAb~~,gBAAA,KAAAA,gBAAA,~~OAAAc~~,4BAAA,CAAAC,OAAA;~~IACGH~~,CAAC,~~CAACiB~~,yCAAyC;;~~EAE1D~~,CAAC;;~~EAEDC~~,qBAAqB,WAAAA,~~sBAAClB~~,CAAQ,EAAE;~~IAC9B~~,~~WAAOC~~,~~YAAG~~,~~EAAAZ~~,gBAAA,KAAAA,gBAAA,~~OAAAa~~,4BAAA,CAAAC,OAAA;~~IACGH~~,CAAC,~~CAACmB~~,+CAA+C;;~~EAEhE~~,CAAC;;~~EAEDC~~,MAAM,WAAAA,~~OAACpB~~,CAAQ,EAAE;~~IACf~~,~~WAAOC~~,~~YAAG~~,~~EAAAX~~,gBAAA,KAAAA,gBAAA,~~OAAAY~~,4BAAA,CAAAC,OAAA;~~IACEH~~,CAAC,~~CAACqB~~,UAAU;~~IACRrB~~,CAAC,~~CAACsB~~,UAAU;;~~EAE9B~~,CAAC;;~~EAEDC~~,OAAO,WAAAA,QAAA,EAAG;~~IACR~~,~~WAAOtB~~,~~YAAG~~,~~EAAAV~~,~~iBAAA~~,KAAAA,~~iBAAA~~,~~OAAAW~~,4BAAA,CAAAC,OAAA;;;;;;;;~~EAQZ~~,CAAC;;~~EAEDqB~~,aAAa,WAAAA,cAAA,EAAG;~~IACd~~,~~WAAOvB~~,~~YAAG~~,~~EAAAT~~,~~iBAAA~~,KAAAA,~~iBAAA~~,~~OAAAU~~,4BAAA,CAAAC,OAAA;;;~~EAGZ~~,CAAC;;~~EAEDsB~~,aAAa,WAAAA,cAAA,EAAG;~~IACd~~,~~WAAOxB~~,~~YAAG~~,~~EAAAR~~,iBAAA,KAAAA,iBAAA,~~OAAAS~~,4BAAA,CAAAC,OAAA;;;~~EAGZ~~,CAAC;;~~EAEDuB~~,cAAc,WAAAA,eAAA,EAAG;~~IACf~~,~~WAAOzB~~,~~YAAG~~,~~EAAAP~~,iBAAA,KAAAA,iBAAA,~~OAAAQ~~,4BAAA,CAAAC,OAAA;;;~~EAGZ~~,CAAC;;~~EAEDwB~~,oBAAoB,WAAAA,~~qBAAC3B~~,CAAQ,EAAE;~~IAC7B~~,~~WAAOC~~,~~YAAG~~,~~EAAAN~~,iBAAA,KAAAA,iBAAA,~~OAAAO~~,4BAAA,CAAAC,OAAA;~~IACEH~~,CAAC,~~CAAC4B~~,wBAAwB;;~~EAExC~~;~~AACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n background: ${t.menuBgDefault};\n border-radius: ${t.menuBorderRadius};\n box-sizing: ${t.menuBoxSizing};\n outline: none;\n padding: ${t.menuPaddingY} ${t.menuPaddingX};\n `;\n },\n\n hasMargin(t: Theme) {\n return css`\n margin: ${t.menuOffsetY} 0;\n `;\n },\n\n mobileRoot(t: Theme) {\n return css`\n border-radius: 0;\n margin: 0;\n padding: 0 ${t.mobileMenuPaddingX};\n `;\n },\n\n alignRight() {\n return css`\n flex: 1 1 100%;\n `;\n },\n\n scrollContainer(t: Theme) {\n return css`\n padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n scrollContainerMobile(t: Theme) {\n return css`\n padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n shadow(t: Theme) {\n return css`\n border: ${t.menuBorder};\n box-shadow: ${t.menuShadow};\n `;\n },\n\n wrapper() {\n return css`\n position: relative;\n z-index: 1;\n width: 100%;\n overflow: hidden;\n line-height: 18px;\n box-sizing: border-box;\n `;\n },\n\n headerWrapper() {\n return css`\n top: -5px;\n `;\n },\n\n footerWrapper() {\n return css`\n bottom: -5px;\n `;\n },\n\n contentWrapper() {\n return css`\n padding: 6px 18px 7px 8px;\n `;\n },\n\n menuSeparatorWrapper(t: Theme) {\n return css`\n height: ${t.menuSeparatorBorderWidth};\n `;\n },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAhB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;MACMF,CAAC,CAACG,aAAa;MACZH,CAAC,CAACI,gBAAgB;MACrBJ,CAAC,CAACK,aAAa;;MAElBL,CAAC,CAACM,YAAY,EAAIN,CAAC,CAACO,YAAY;;IAE/C,CAAC;;IAEDC,SAAS,WAAAA,UAACR,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACS,WAAW;;IAE3B,CAAC;;IAEDC,UAAU,WAAAA,WAACV,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAd,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;MAGKF,CAAC,CAACW,kBAAkB;;IAErC,CAAC;;IAEDC,UAAU,WAAAA,WAAA,EAAG;MACX,OAAOd,GAAG,CAAAb,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDW,eAAe,WAAAA,gBAACb,CAAQ,EAAE;MACxB,OAAOF,GAAG,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACc,yCAAyC;;IAE1D,CAAC;;IAEDC,qBAAqB,WAAAA,sBAACf,CAAQ,EAAE;MAC9B,OAAOF,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;MACGF,CAAC,CAACgB,+CAA+C;;IAEhE,CAAC;;IAEDC,MAAM,WAAAA,OAACjB,CAAQ,EAAE;MACf,OAAOF,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACkB,UAAU;MACRlB,CAAC,CAACmB,UAAU;;IAE9B,CAAC;;IAEDC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOtB,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;;;;;IAQZ,CAAC;;IAEDmB,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOvB,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDoB,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOxB,GAAG,CAAAP,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDqB,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOzB,GAAG,CAAAN,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDsB,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAL,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACyB,wBAAwB;;IAExC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/internal/Menu/MenuNavigation.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare class MenuNavigation<T extends Highlightable> {
     private tagsAndItems;
     highlightedItem: T | null;
     items: T[];
-    constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string);
+    constructor(root: RefObject<HTMLDivElement | null> | null, itemsContentDataTid: string);
     private update;
     add(tag: Element, item: T): void;
     remove(tag: HTMLElement): void;

package/cjs/internal/Menu/MenuNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["MenuNavigation","exports","root","itemsContentDataTid","_this","tagsAndItems","WeakMap","highlightedItem","items","getEnabledItems","filter","item","isEnabled","_proto","prototype","update","_this$root","_this2","current","menuItems","Array","from","querySelectorAll","map","get","undefined","add","tag","_this$root2","set","push","remove","delete","move","step","isCyclic","enabledItems","currentIndex","indexOf","minIndex","maxIndex","length","nextIndex","nextItem","highlight","_this3","forEach","_item","unhighlight","highlightByIndex","index","_this4","i","_this$highlightedItem","select","event","reset"],"sources":["MenuNavigation.tsx"],"sourcesContent":["import type { RefObject } from 'react';\nimport type React from 'react';\n\ninterface Highlightable {\n highlight(): void;\n unhighlight(): void;\n select(...args: unknown[]): void;\n isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n private readonly root: RefObject<HTMLDivElement> \| null;\n private readonly itemsContentDataTid: string;\n private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n public highlightedItem: T \| null = null;\n public items: T[] = [];\n\n constructor(root: RefObject<HTMLDivElement> \| null, itemsContentDataTid: string) {\n this.root = root;\n this.itemsContentDataTid = itemsContentDataTid;\n }\n\n private update() {\n if (this.root?.current) {\n const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n }\n }\n\n public add(tag: Element, item: T) {\n this.tagsAndItems.set(tag, item);\n if (this.root?.current) {\n this.update();\n } else {\n this.items.push(item);\n }\n }\n\n public remove(tag: HTMLElement) {\n this.tagsAndItems.delete(tag);\n this.update();\n }\n\n public move(step: number, isCyclic: boolean) {\n const enabledItems = this.getEnabledItems();\n const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n const minIndex = 0;\n const maxIndex = enabledItems.length - 1;\n let nextIndex = currentIndex + step;\n if (nextIndex < minIndex) {\n nextIndex = isCyclic ? maxIndex : minIndex;\n }\n if (nextIndex > maxIndex) {\n nextIndex = isCyclic ? minIndex : maxIndex;\n }\n\n const nextItem = enabledItems[nextIndex];\n\n this.highlight(nextItem);\n\n return nextIndex;\n }\n\n public highlight(item: T \| null) {\n const enabledItems = this.getEnabledItems();\n enabledItems.forEach((_item) => {\n if (item === _item) {\n _item.highlight();\n this.highlightedItem = item;\n } else {\n _item.unhighlight();\n }\n });\n }\n\n public highlightByIndex(index: number) {\n this.items.forEach((_item, i) => {\n if (index === i && _item.isEnabled()) {\n _item.highlight();\n this.highlightedItem = _item;\n } else {\n _item.unhighlight();\n }\n });\n }\n\n public unhighlight() {\n this.highlightedItem?.unhighlight();\n this.highlightedItem = null;\n }\n\n public select(event: React.SyntheticEvent<HTMLElement>) {\n if (this.highlightedItem) {\n this.highlightedItem.select(event);\n return true;\n }\n return false;\n }\n\n public reset() {\n this.highlight(null);\n this.highlightedItem = null;\n }\n\n private getEnabledItems = () => {\n return this.items.filter((item) => item.isEnabled());\n };\n}\n"],"mappings":";;;;;;;;;;AAUaA,cAAc,GAAAC,OAAA,CAAAD,cAAA;;;;;;;;EAQzB,SAAAA,eAAYE,~~IAAsC~~,EAAEC,mBAA2B,EAAE,KAAAC,KAAA,~~aALzEC~~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~~EAAe~~,~~CACb~~,IAAI,CAACZ,SAAS,CAAC,IAAI,CAAC,CACpB,IAAI,CAACrC,eAAe,GAAG,IAAI,CAC7B,CAAC,QAAAP,cAAA","ignoreList":[]}
1	+ {"version":3,"names":["MenuNavigation","exports","root","itemsContentDataTid","_this","tagsAndItems","WeakMap","highlightedItem","items","getEnabledItems","filter","item","isEnabled","_proto","prototype","update","_this$root","_this2","current","menuItems","Array","from","querySelectorAll","map","get","undefined","add","tag","_this$root2","set","push","remove","delete","move","step","isCyclic","enabledItems","currentIndex","indexOf","minIndex","maxIndex","length","nextIndex","nextItem","highlight","_this3","forEach","_item","unhighlight","highlightByIndex","index","_this4","i","_this$highlightedItem","select","event","reset"],"sources":["MenuNavigation.tsx"],"sourcesContent":["import type { RefObject } from 'react';\nimport type React from 'react';\n\ninterface Highlightable {\n highlight(): void;\n unhighlight(): void;\n select(...args: unknown[]): void;\n isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n private readonly root: RefObject<HTMLDivElement \| null> \| null;\n private readonly itemsContentDataTid: string;\n private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n public highlightedItem: T \| null = null;\n public items: T[] = [];\n\n constructor(root: RefObject<HTMLDivElement \| null> \| null, itemsContentDataTid: string) {\n this.root = root;\n this.itemsContentDataTid = itemsContentDataTid;\n }\n\n private update() {\n if (this.root?.current) {\n const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n }\n }\n\n public add(tag: Element, item: T) {\n this.tagsAndItems.set(tag, item);\n if (this.root?.current) {\n this.update();\n } else {\n this.items.push(item);\n }\n }\n\n public remove(tag: HTMLElement) {\n this.tagsAndItems.delete(tag);\n this.update();\n }\n\n public move(step: number, isCyclic: boolean) {\n const enabledItems = this.getEnabledItems();\n const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n const minIndex = 0;\n const maxIndex = enabledItems.length - 1;\n let nextIndex = currentIndex + step;\n if (nextIndex < minIndex) {\n nextIndex = isCyclic ? maxIndex : minIndex;\n }\n if (nextIndex > maxIndex) {\n nextIndex = isCyclic ? minIndex : maxIndex;\n }\n\n const nextItem = enabledItems[nextIndex];\n\n this.highlight(nextItem);\n\n return nextIndex;\n }\n\n public highlight(item: T \| null) {\n const enabledItems = this.getEnabledItems();\n enabledItems.forEach((_item) => {\n if (item === _item) {\n _item.highlight();\n this.highlightedItem = item;\n } else {\n _item.unhighlight();\n }\n });\n }\n\n public highlightByIndex(index: number) {\n this.items.forEach((_item, i) => {\n if (index === i && _item.isEnabled()) {\n _item.highlight();\n this.highlightedItem = _item;\n } else {\n _item.unhighlight();\n }\n });\n }\n\n public unhighlight() {\n this.highlightedItem?.unhighlight();\n this.highlightedItem = null;\n }\n\n public select(event: React.SyntheticEvent<HTMLElement>) {\n if (this.highlightedItem) {\n this.highlightedItem.select(event);\n return true;\n }\n return false;\n }\n\n public reset(): void {\n this.highlight(null);\n this.highlightedItem = null;\n }\n\n private getEnabledItems = () => {\n return this.items.filter((item) => item.isEnabled());\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/MenuMessage/MenuMessage.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuMessageDataTids = exports.MenuMessage = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ResponsiveLayout = require("../../components/ResponsiveLayout");
-var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -24,17 +24,19 @@ var MenuMessage = exports.MenuMessage = (0, _forwardRefAndName.forwardRefAndName
   function (_ref, ref) {var _cx;var children = _ref.children,className = _ref.className,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,_ref$as = _ref.as,Tag = _ref$as === void 0 ? 'p' : _ref$as,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MenuMessage.getStyles);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
     var getMenuMessageSizeClassName = function getMenuMessageSizeClassName() {
       switch (size) {
         case 'large':
-          return (0, _Emotion.cx)(_MenuMessage.styles.rootLarge(theme));
+          return cx(styles.rootLarge(theme));
         case 'medium':
-          return (0, _Emotion.cx)(_MenuMessage.styles.rootMedium(theme));
+          return cx(styles.rootMedium(theme));
         case 'small':
         default:
-          return (0, _Emotion.cx)(_MenuMessage.styles.rootSmall(theme));
+          return cx(styles.rootSmall(theme));
       }
     };
@@ -42,11 +44,11 @@ var MenuMessage = exports.MenuMessage = (0, _forwardRefAndName.forwardRefAndName
       _react.default.createElement(Tag, (0, _extends2.default)({
         ref: ref,
         "data-tid": MenuMessageDataTids.root,
-        className: (0, _Emotion.cx)(
+        className: cx(
           getMenuMessageSizeClassName(), (_cx = {}, _cx[
-          _MenuMessage.styles.root(theme)] = true, _cx[
-          _MenuMessage.styles.rootMobile(theme)] = isMobile, _cx),
+          styles.root(theme)] = true, _cx[
+          styles.rootMobile(theme)] = isMobile, _cx),
           className
         ) },

package/cjs/internal/MenuMessage/MenuMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_forwardRefAndName~~","~~_ResponsiveLayout~~","~~_Emotion~~","_ThemeContext","_MenuMessage","_excluded","MenuMessageDataTids","exports","root","MenuMessage","forwardRefAndName","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose2","default","_useResponsiveLayout","useResponsiveLayout","isMobile","~~theme~~","~~useContext~~","~~ThemeContext~~","~~getMenuMessageSizeClassName~~","cx","~~styles~~","rootLarge","rootMedium","rootSmall","createElement","_extends2","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { ~~forwardRefAndName~~ } from '../../lib/~~forwardRefAndName~~';\nimport { ~~useResponsiveLayout~~ } from '../../~~components~~/~~ResponsiveLayout~~';\nimport { cx } from '../../~~lib~~/~~theming/Emotion~~';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { ~~styles~~ } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n children: React.ReactNode;\n as?: React.ElementType;\n size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n 'MenuMessage',\n ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n const { isMobile } = useResponsiveLayout();\n\n const theme = useContext(ThemeContext);\n\n const getMenuMessageSizeClassName = () => {\n switch (size) {\n case 'large':\n return cx(styles.rootLarge(theme));\n case 'medium':\n return cx(styles.rootMedium(theme));\n case 'small':\n default:\n return cx(styles.rootSmall(theme));\n }\n };\n\n return (\n <Tag\n ref={ref}\n data-tid={MenuMessageDataTids.root}\n className={cx(\n getMenuMessageSizeClassName(),\n {\n [styles.root(theme)]: true,\n [styles.rootMobile(theme)]: isMobile,\n },\n className,\n )}\n {...rest}\n >\n {children}\n </Tag>\n );\n },\n);\n"],"mappings":"4eAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,~~iBAAA~~,GAAAF,OAAA;AACA,IAAAG,~~QAAA~~,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;;AAIA,IAAAK,YAAA,GAAAL,OAAA,~~yBAA8C~~,IAAAM,SAAA;;;;;;;;~~AAQvC~~,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEH,IAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAAC,oCAAiB;EAC1C,aAAa;EACb,UAAAC,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAZ,IAAA,EAAAN,SAAA;IAC5D,IAAAmB,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;IAEhB,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,~~QAAQb~~,IAAI;QACV,KAAK,OAAO;UACV,~~OAAO~~,~~IAAAc~~,~~WAAE~~,~~EAACC~~,~~mBAAM~~,~~CAACC,~~SAAS,~~CAACN~~,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,~~OAAO~~,~~IAAAI~~,~~WAAE~~,~~EAACC~~,~~mBAAM~~,~~CAACE,~~UAAU,~~CAACP~~,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,~~OAAO~~,~~IAAAI~~,~~WAAE~~,~~EAACC~~,~~mBAAM~~,~~CAACG,~~SAAS,~~CAACR~~,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;~~MACE9B~~,MAAA,CAAA0B,OAAA,~~CAAAa~~,aAAA,~~CAAChB~~,GAAG,~~MAAAiB~~,SAAA,~~CAAAd~~,OAAA;QACFX,GAAG,EAAEA,GAAI;QACT,YAAUN,mBAAmB,CAACE,IAAK;QACnCO,SAAS,EAAE~~,IAAAgB,WAAE~~;~~UACXD~~,2BAA2B,CAAC,CAAC,~~GAAAjB~~,GAAA,OAAAA,GAAA;;~~UAE1BmB~~,~~mBAAM~~,~~CAACxB~~,IAAI,~~CAACmB~~,KAAK,CAAC,IAAG,IAAI,~~EAAAd~~,GAAA;~~UACzBmB~~,~~mBAAM~~,~~CAACM~~,UAAU,~~CAACX~~,KAAK,CAAC,~~IAAGD~~,QAAQ,EAAAb,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_ResponsiveLayout","_ThemeContext","_MenuMessage","_excluded","MenuMessageDataTids","exports","root","MenuMessage","forwardRefAndName","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose2","default","_useResponsiveLayout","useResponsiveLayout","isMobile","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","theme","useContext","ThemeContext","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","createElement","_extends2","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { getStyles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n children: React.ReactNode;\n as?: React.ElementType;\n size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n 'MenuMessage',\n ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n const { isMobile } = useResponsiveLayout();\n\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const theme = useContext(ThemeContext);\n\n const getMenuMessageSizeClassName = () => {\n switch (size) {\n case 'large':\n return cx(styles.rootLarge(theme));\n case 'medium':\n return cx(styles.rootMedium(theme));\n case 'small':\n default:\n return cx(styles.rootSmall(theme));\n }\n };\n\n return (\n <Tag\n ref={ref}\n data-tid={MenuMessageDataTids.root}\n className={cx(\n getMenuMessageSizeClassName(),\n {\n [styles.root(theme)]: true,\n [styles.rootMobile(theme)]: isMobile,\n },\n className,\n )}\n {...rest}\n >\n {children}\n </Tag>\n );\n },\n);\n"],"mappings":"4eAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;;AAIA,IAAAK,YAAA,GAAAL,OAAA,yBAAiD,IAAAM,SAAA;;;;;;;;AAQ1C,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEH,IAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAAC,oCAAiB;EAC1C,aAAa;EACb,UAAAC,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAZ,IAAA,EAAAN,SAAA;IAC5D,IAAAmB,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;IAEhB,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,sBAAS,CAAC;IACnC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQnB,IAAI;QACV,KAAK,OAAO;UACV,OAAOY,EAAE,CAACC,MAAM,CAACO,SAAS,CAACJ,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOJ,EAAE,CAACC,MAAM,CAACQ,UAAU,CAACL,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOJ,EAAE,CAACC,MAAM,CAACS,SAAS,CAACN,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACEpC,MAAA,CAAA0B,OAAA,CAAAiB,aAAA,CAACpB,GAAG,MAAAqB,SAAA,CAAAlB,OAAA;QACFX,GAAG,EAAEA,GAAI;QACT,YAAUN,mBAAmB,CAACE,IAAK;QACnCO,SAAS,EAAEc,EAAE;UACXO,2BAA2B,CAAC,CAAC,GAAAvB,GAAA,OAAAA,GAAA;;UAE1BiB,MAAM,CAACtB,IAAI,CAACyB,KAAK,CAAC,IAAG,IAAI,EAAApB,GAAA;UACzBiB,MAAM,CAACY,UAAU,CAACT,KAAK,CAAC,IAAGP,QAAQ,EAAAb,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}

package/cjs/internal/MenuMessage/MenuMessage.styles.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootMobile(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
-};
+}>;

package/cjs/internal/MenuMessage/MenuMessage.styles.js CHANGED Viewed

@@ -1,47 +1,49 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");
 var _MenuItem = require("../../components/MenuItem/MenuItem.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    var _getMenuItemPaddings = (0, _MenuItem.getMenuItemPaddings)({
-        menuItemPaddingX: t.menuMessagePaddingX,
-        menuItemPaddingY: t.menuMessagePaddingY
-      }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      display: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])),
-    t.menuMessageDisplay,
-    t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX,
-    t.menuMessageTextColor,
-    t.menuMessageBg);
-  },
-  rootMobile: function rootMobile(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
-    t.menuMessageFontSizeMobile,
-    t.menuMessageLineHeightMobile,
-    t.menuMessagePaddingMobile);
-  },
-  rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.menuMessageFontSizeSmall,
-    t.menuMessageLineHeightSmall);
-  },
-  rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.menuMessageFontSizeMedium,
-    t.menuMessageLineHeightMedium);
-  },
-  rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.menuMessageFontSizeLarge,
-    t.menuMessageLineHeightLarge);
-  }
-});
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      var _getMenuItemPaddings = (0, _MenuItem.getMenuItemPaddings)({
+          menuItemPaddingX: t.menuMessagePaddingX,
+          menuItemPaddingY: t.menuMessagePaddingY
+        }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      display: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])),
+      t.menuMessageDisplay,
+      t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX,
+      t.menuMessageTextColor,
+      t.menuMessageBg);
+    },
+    rootMobile: function rootMobile(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
+      t.menuMessageFontSizeMobile,
+      t.menuMessageLineHeightMobile,
+      t.menuMessagePaddingMobile);
+    },
+    rootSmall: function rootSmall(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.menuMessageFontSizeSmall,
+      t.menuMessageLineHeightSmall);
+    },
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.menuMessageFontSizeMedium,
+      t.menuMessageLineHeightMedium);
+    },
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+      t.menuMessageFontSizeLarge,
+      t.menuMessageLineHeightLarge);
+    }
+  };});