npm - @skbkontur/react-ui - Versions diffs - 0.0.0-044e274f2c → 0.0.0-07d08325b0 - Mend

@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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 (2236) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","globalObject","isBrowser","isKeyArrowDown","isKeyArrowUp","isKeyEnter","MenuSeparator","ThemeFactory","getDOMRect","responsiveLayout","isNonNullable","ScrollContainer","MenuItemDataTids","getRootNode","rootNode","isIE11","createPropsGetter","isInstanceOf","ThemeContext","EmotionConsumer","getStyles","MenuNavigation","MenuContext","MenuDataTids","root","Menu","_class","_Menu","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","createRef","menuNavigation","content","focusOnRootElement","HTMLElement","focus","renderHeader","_this$emotion$cx","styles","createElement","className","emotion","cx","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_this$emotion$cx2","footerWrapper","footer","Provider","value","create","menuSeparatorMarginY","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","preventDefault","up","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose","_proto","prototype","componentWillUnmount","componentDidMount","componentDidUpdate","render","_this2","Consumer","renderMain","move","enter","_this$menuNavigation$","navigate","reset","hasHighlightedItem","highlightItem","index","highlightByIndex","_this$emotion$cx3","_this$emotion$cx4","isEmpty","_this$getProps","hasMargin","preventWindowScroll","offsetY","top","scrollContainerScrollBarOffsetY","right","bottom","isMobile","isMobileLayout","getAlignRightClass","mobileRoot","shadow","style","id","setRootNode","tabIndex","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_emotion$cx","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"sourcesContent":["import React, { CSSProperties, HTMLAttributes } from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\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 { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemDataTids } from '../../components/MenuItem';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './Menu.styles';\nimport { MenuNavigation } from './MenuNavigation';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuProps extends 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;\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 emotion!: Emotion;\n private styles!: ReturnType<typeof getStyles>;\n private scrollContainer: Nullable<ScrollContainer>;\n private isMobileLayout!: boolean;\n private unmounted = false;\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 <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n this.styles = getStyles(this.emotion);\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </EmotionConsumer>\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 const styles = this.styles;\n return (\n <div\n data-tid={MenuDataTids.root}\n className={this.emotion.cx(getAlignRightClass(this.emotion)(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 ref={this.setRootNode}\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={this.emotion.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 );\n }\n\n private renderHeader = () => {\n const styles = this.styles;\n return (\n <div\n className={this.emotion.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 const styles = this.styles;\n return (\n <div\n className={this.emotion.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 = (emotion: Emotion) => (props: MenuProps) => {\n const styles = getStyles(emotion);\n\n if (props.align === 'right') {\n return emotion.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","globalObject","isBrowser","isKeyArrowDown","isKeyArrowUp","isKeyEnter","MenuSeparator","ThemeFactory","getDOMRect","responsiveLayout","isNonNullable","ScrollContainer","MenuItemDataTids","ThemeContext","cx","getRootNode","rootNode","isIE11","createPropsGetter","isInstanceOf","CommonWrapper","styles","MenuNavigation","MenuContext","MenuDataTids","root","Menu","_class","_Menu","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","highlightedIndex","maxHeight","scrollState","enableIconPadding","unmounted","contentRef","createRef","menuNavigation","content","focusOnRootElement","HTMLElement","focus","renderHeader","_cx","createElement","className","wrapper","headerWrapper","ref","el","header","contentWrapper","props","menuSeparatorWrapper","theme","renderMenuSeparatorWithNoMargin","renderFooter","_cx2","footerWrapper","footer","Provider","value","create","menuSeparatorMarginY","setInitialSelection","i","initialSelectedItemIndex","down","shouldRecalculateMaxHeight","prevProps","_this$props","children","prevMaxHeight","prevHeader","prevFooter","prevChildrenCount","Children","count","calculateMaxHeight","parsedMaxHeight","rootElementMaxHeight","getComputedStyle","parseFloat","calculatedMaxHeight","height","setState","refScrollContainer","scrollContainer","scrollToSelected","highlightedItem","scrollTo","scrollToTop","scrollToBottom","scroll","nextIndex","items","handleKeyDown","event","onKeyDown","defaultPrevented","preventDefault","up","select","getStyle","align","maxWidth","width","minWidth","handleScrollStateChange","setEnableIconPadding","isIconPaddingEnabled","preventIconsOffset","_inheritsLoose","_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","_extends","rootNodeRef","setRootNode","getAlignRightClass","mobileRoot","shadow","style","id","tabIndex","onScrollStateChange","disabled","disableScrollContainer","scrollContainerMobile","navigation","onItemClick","step","cyclicSelection","childrenToArray","filter","PureComponent","__KONTUR_REACT_UI__","displayName","ret","forEach","child","push","_cx5","alignRight","alignRightIE11","alignRightIE11FixAutoWidth"],"sources":["Menu.tsx"],"sourcesContent":["import React, { CSSProperties, HTMLAttributes } 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 { ScrollContainer, ScrollContainerScrollState } from '../../components/ScrollContainer';\nimport { MenuItem, MenuItemDataTids } from '../../components/MenuItem';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isIE11 } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { CommonProps, 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 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":[]}

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

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes } from 'react';
 import { ScrollContainerScrollState } from '../../components/ScrollContainer';
-export interface MenuProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+import { CommonProps } from '../CommonWrapper';
+export interface MenuProps extends CommonProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     children: React.ReactNode;
     hasMargin?: boolean;
     /**
@@ -48,8 +49,6 @@ export declare class Menu extends React.PureComponent<MenuProps, MenuState> {
     private getProps;
     state: MenuState;
     private theme;
-    private emotion;
-    private styles;
     private scrollContainer;
     private isMobileLayout;
     private unmounted;

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

@@ -1,49 +1,47 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        margin: ", " 0;\n      "])), t.menuOffsetY);
-    },
-    mobileRoot: function mobileRoot(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        border-radius: 0;\n        margin: 0;\n        padding: 0 ", ";\n      "])), t.mobileMenuPaddingX);
-    },
-    alignRight: function alignRight() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        flex: 1 1 100%;\n      "])));
-    },
-    alignRightIE11: function alignRightIE11() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        float: right;\n        width: 100%;\n      "])));
-    },
-    alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        box-sizing: border-box !important; // override root styles\n        overflow: hidden !important; // override root styles\n      "])));
-    },
-    scrollContainer: function scrollContainer(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        padding: ", " 0;\n      "])), t.menuScrollContainerContentWrapperPaddingY);
-    },
-    scrollContainerMobile: function scrollContainerMobile(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        padding: ", " 0;\n      "])), t.mobileMenuScrollContainerContentWrapperPaddingY);
-    },
-    shadow: function shadow(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        border: ", ";\n        box-shadow: ", ";\n      "])), t.menuBorder, t.menuShadow);
-    },
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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 emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        top: -5px;\n      "])));
-    },
-    footerWrapper: function footerWrapper() {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        bottom: -5px;\n      "])));
-    },
-    contentWrapper: function contentWrapper() {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        padding: 6px 18px 7px 8px;\n      "])));
-    },
-    menuSeparatorWrapper: function menuSeparatorWrapper(t) {
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.menuSeparatorBorderWidth);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin: ", " 0;\n    "])), t.menuOffsetY);
+  },
+  mobileRoot: function mobileRoot(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ", ";\n    "])), t.mobileMenuPaddingX);
+  },
+  alignRight: function alignRight() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
+  },
+  alignRightIE11: function alignRightIE11() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      float: right;\n      width: 100%;\n    "])));
+  },
+  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    "])));
+  },
+  scrollContainer: function scrollContainer(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.menuScrollContainerContentWrapperPaddingY);
+  },
+  scrollContainerMobile: function scrollContainerMobile(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.mobileMenuScrollContainerContentWrapperPaddingY);
+  },
+  shadow: function shadow(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n      box-shadow: ", ";\n    "])), t.menuBorder, t.menuShadow);
+  },
+  wrapper: function wrapper() {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      top: -5px;\n    "])));
+  },
+  footerWrapper: function footerWrapper() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      bottom: -5px;\n    "])));
+  },
+  contentWrapper: function contentWrapper() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding: 6px 18px 7px 8px;\n    "])));
+  },
+  menuSeparatorWrapper: function menuSeparatorWrapper(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.menuSeparatorBorderWidth);
+  }
+});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~memoizeStyle~~","~~getStyles~~","~~emotion~~","root","t","~~css","~~_templateObject","_taggedTemplateLiteralLoose","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","_templateObject2","menuOffsetY","mobileRoot","_templateObject3","mobileMenuPaddingX","alignRight","_templateObject4","alignRightIE11","_templateObject5","alignRightIE11FixAutoWidth","_templateObject6","scrollContainer","_templateObject7","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","_templateObject8","mobileMenuScrollContainerContentWrapperPaddingY","shadow","_templateObject9","menuBorder","menuShadow","wrapper","_templateObject10","headerWrapper","_templateObject11","footerWrapper","_templateObject12","contentWrapper","_templateObject13","menuSeparatorWrapper","_templateObject14","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/~~css~~/create-instance';\n\nimport~~ { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const ~~getStyles~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n root(t: Theme) {\n return ~~emotion.~~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 ~~emotion.~~css`\n margin: ${t.menuOffsetY} 0;\n `;\n },\n\n mobileRoot(t: Theme) {\n return ~~emotion.~~css`\n border-radius: 0;\n margin: 0;\n padding: 0 ${t.mobileMenuPaddingX};\n `;\n },\n\n alignRight() {\n return ~~emotion.~~css`\n flex: 1 1 100%;\n `;\n },\n\n alignRightIE11() {\n return ~~emotion.~~css`\n float: right;\n width: 100%;\n `;\n },\n\n alignRightIE11FixAutoWidth() {\n return ~~emotion.~~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 ~~emotion.~~css`\n padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n scrollContainerMobile(t: Theme) {\n return ~~emotion.~~css`\n padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n `;\n },\n\n shadow(t: Theme) {\n return ~~emotion.~~css`\n border: ${t.menuBorder};\n box-shadow: ${t.menuShadow};\n `;\n },\n\n wrapper() {\n return ~~emotion.~~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 ~~emotion.~~css`\n top: -5px;\n `;\n },\n\n footerWrapper() {\n return ~~emotion.~~css`\n bottom: -5px;\n `;\n },\n\n contentWrapper() {\n return ~~emotion.~~css`\n padding: 6px 18px 7px 8px;\n `;\n },\n\n menuSeparatorWrapper(t: Theme) {\n return ~~emotion.~~css`\n height: ${t.menuSeparatorBorderWidth};\n `;\n },\n });\n"],"mappings":"~~;;AAEA~~,SAASA,YAAY,QAAQ,2BAA2B;;;~~AAGxD~~,OAAO,IAAMC,~~SAAS~~,~~GAAG~~,~~SAAZA,SAASA,CAAIC,OAAgB;IACxCF,~~YAAY,CAAC;~~MACXG~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~QACb~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAAC~~,eAAA,KAAAA,eAAA,GAAAC,2BAAA;~~QACFH~~,CAAC,~~CAACI~~,aAAa;~~QACZJ~~,CAAC,~~CAACK~~,gBAAgB;~~QACrBL~~,CAAC,~~CAACM~~,aAAa;;~~QAElBN~~,CAAC,~~CAACO~~,YAAY,~~EAAIP~~,CAAC,~~CAACQ~~,YAAY;;~~MAE~~/C,CAAC;;~~MAEDC~~,SAAS,WAAAA,~~UAACT~~,CAAQ,EAAE;~~QAClB~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAAS~~,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;~~QACNH~~,CAAC,~~CAACW~~,WAAW;;~~MAE3B~~,CAAC;;~~MAEDC~~,UAAU,WAAAA,~~WAACZ~~,CAAQ,EAAE;~~QACnB~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAAY~~,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;~~QAGHH~~,CAAC,~~CAACc~~,kBAAkB;;~~MAErC~~,CAAC;;~~MAEDC~~,UAAU,WAAAA,WAAA,EAAG;~~QACX~~,~~OAAOjB~~,~~OAAO,CAACG,~~GAAG,~~CAAAe~~,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;~~MAGpB~~,CAAC;;~~MAEDc~~,cAAc,WAAAA,eAAA,EAAG;~~QACf~~,~~OAAOnB~~,~~OAAO,CAACG,~~GAAG,~~CAAAiB~~,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;;~~MAIpB~~,CAAC;;~~MAEDgB~~,0BAA0B,WAAAA,2BAAA,EAAG;~~QAC3B~~,~~OAAOrB~~,~~OAAO,CAACG,~~GAAG,~~CAAAmB~~,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;~~MAIpB~~,CAAC;;~~MAEDkB~~,eAAe,WAAAA,~~gBAACrB~~,CAAQ,EAAE;~~QACxB~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAAqB~~,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;~~QACLH~~,CAAC,~~CAACuB~~,yCAAyC;;~~MAE1D~~,CAAC;;~~MAEDC~~,qBAAqB,WAAAA,~~sBAACxB~~,CAAQ,EAAE;~~QAC9B~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAAwB~~,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;~~QACLH~~,CAAC,~~CAAC0B~~,+CAA+C;;~~MAEhE~~,CAAC;;~~MAEDC~~,MAAM,WAAAA,~~OAAC3B~~,CAAQ,EAAE;~~QACf~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAA2B~~,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;~~QACNH~~,CAAC,~~CAAC6B~~,UAAU;~~QACR7B~~,CAAC,~~CAAC8B~~,UAAU;;~~MAE9B~~,CAAC;;~~MAEDC~~,OAAO,WAAAA,QAAA,EAAG;~~QACR~~,~~OAAOjC~~,~~OAAO,CAACG,~~GAAG,~~CAAA+B~~,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;;;;;;;~~MAQpB~~,CAAC;;~~MAED8B~~,aAAa,WAAAA,cAAA,EAAG;~~QACd~~,~~OAAOnC~~,~~OAAO,CAACG,~~GAAG,~~CAAAiC~~,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;~~MAGpB~~,CAAC;;~~MAEDgC~~,aAAa,WAAAA,cAAA,EAAG;~~QACd~~,~~OAAOrC~~,~~OAAO,CAACG,~~GAAG,~~CAAAmC~~,iBAAA,KAAAA,iBAAA,GAAAjC,2BAAA;;;~~MAGpB~~,CAAC;;~~MAEDkC~~,cAAc,WAAAA,eAAA,EAAG;~~QACf~~,~~OAAOvC~~,~~OAAO,CAACG,~~GAAG,~~CAAAqC~~,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;~~MAGpB~~,CAAC;;~~MAEDoC~~,oBAAoB,WAAAA,~~qBAACvC~~,CAAQ,EAAE;~~QAC7B~~,~~OAAOF~~,~~OAAO,CAACG,~~GAAG,~~CAAAuC~~,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;~~QACNH~~,CAAC,~~CAACyC~~,wBAAwB;;~~MAExC~~;~~IACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","_templateObject2","menuOffsetY","mobileRoot","_templateObject3","mobileMenuPaddingX","alignRight","_templateObject4","alignRightIE11","_templateObject5","alignRightIE11FixAutoWidth","_templateObject6","scrollContainer","_templateObject7","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","_templateObject8","mobileMenuScrollContainerContentWrapperPaddingY","shadow","_templateObject9","menuBorder","menuShadow","wrapper","_templateObject10","headerWrapper","_templateObject11","footerWrapper","_templateObject12","contentWrapper","_templateObject13","menuSeparatorWrapper","_templateObject14","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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":"mWAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACMF,CAAC,CAACG,aAAa;IACZH,CAAC,CAACI,gBAAgB;IACrBJ,CAAC,CAACK,aAAa;;IAElBL,CAAC,CAACM,YAAY,EAAIN,CAAC,CAACO,YAAY;;EAE/C,CAAC;;EAEDC,SAAS,WAAAA,UAACR,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACEF,CAAC,CAACU,WAAW;;EAE3B,CAAC;;EAEDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;IAGKF,CAAC,CAACa,kBAAkB;;EAErC,CAAC;;EAEDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ,CAAC;;EAEDc,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;;EAIZ,CAAC;;EAEDgB,0BAA0B,WAAAA,2BAAA,EAAG;IAC3B,OAAOtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;EAIZ,CAAC;;EAEDkB,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOJ,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACGF,CAAC,CAACsB,yCAAyC;;EAE1D,CAAC;;EAEDC,qBAAqB,WAAAA,sBAACvB,CAAQ,EAAE;IAC9B,OAAOJ,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;IACGF,CAAC,CAACyB,+CAA+C;;EAEhE,CAAC;;EAEDC,MAAM,WAAAA,OAAC1B,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACEF,CAAC,CAAC4B,UAAU;IACR5B,CAAC,CAAC6B,UAAU;;EAE9B,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOlC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;;;;;;;EAQZ,CAAC;;EAED8B,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;EAGZ,CAAC;;EAEDgC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAjC,2BAAA;;;EAGZ,CAAC;;EAEDkC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;EAGZ,CAAC;;EAEDoC,oBAAoB,WAAAA,qBAACtC,CAAQ,EAAE;IAC7B,OAAOJ,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;IACEF,CAAC,CAACwC,wBAAwB;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     hasMargin(t: Theme): string;
     mobileRoot(t: Theme): string;

package/internal/Menu/__creevey__/Menu.creevey.mts ADDED Viewed

@@ -0,0 +1,90 @@
+import { story, kind, test } from 'creevey';
+kind('Menu', () => {
+  story('WithMaxHeight', ({ setStoryParameters }) => {
+    setStoryParameters({
+      captureElement: '[data-tid="menu-container"',
+      skip: {
+        flacky: { in: ['chrome2022'] },
+      },
+    });
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+    test('moved up from top to the last Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved up from top to the last Item');
+    });
+    test('moved up from bottom to the first Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved up from bottom to the first Item');
+    });
+    test('moved down from top to the last Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved down from top to the last Item');
+    });
+    test('moved down from bottom to the first Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved down from bottom to the first Item');
+    });
+  });
+  story('WithDisabledMenuItem', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': { in: ['chrome2022', 'chrome2022Dark'], tests: ['mouseenter'] },
+      },
+    });
+    test('mouseenter', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="menuitem-notdisabled"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'mouseenter');
+    });
+  });
+  story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+  });
+});

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

@@ -4,14 +4,14 @@ var _excluded = ["children", "className", "size", "as"];
 import React, { useContext } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
-import { EmotionContext } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../MenuMessage.styles";
+import { styles } from "../MenuMessage.styles";
 export var MenuMessageDataTids = {
   root: 'MenuMessage__root'
 };
 export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
-  var _emotion$cx;
+  var _cx;
   var children = _ref.children,
     className = _ref.className,
     _ref$size = _ref.size,
@@ -22,24 +22,22 @@ export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
   var _useResponsiveLayout = useResponsiveLayout(),
     isMobile = _useResponsiveLayout.isMobile;
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
-  var styles = getStyles(emotion);
   var getMenuMessageSizeClassName = function getMenuMessageSizeClassName() {
     switch (size) {
       case 'large':
-        return emotion.cx(styles.rootLarge(theme));
+        return cx(styles.rootLarge(theme));
       case 'medium':
-        return emotion.cx(styles.rootMedium(theme));
+        return cx(styles.rootMedium(theme));
       case 'small':
       default:
-        return emotion.cx(styles.rootSmall(theme));
+        return cx(styles.rootSmall(theme));
     }
   };
   return /*#__PURE__*/(
     React.createElement(Tag, _extends({
       ref: ref,
       "data-tid": MenuMessageDataTids.root,
-      className: emotion.cx(getMenuMessageSizeClassName(), (_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx), className)
+      className: cx(getMenuMessageSizeClassName(), (_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx), className)
     }, rest), children)
   );
 });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","forwardRefAndName","useResponsiveLayout","~~EmotionContext~~","ThemeContext","~~getStyles~~","MenuMessageDataTids","root","MenuMessage","_ref","ref","~~_emotion$cx~~","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose","_excluded","_useResponsiveLayout","isMobile","theme","~~emotion","styles","~~getMenuMessageSizeClassName","~~cx","~~rootLarge","rootMedium","rootSmall","createElement","_extends","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { ~~EmotionContext~~ } from '../../lib/theming/Emotion';\nimport { ~~CommonProps~~ } from '~~../CommonWrapper~~';\nimport { ~~SizeProp~~ } from '~~../../lib/types/props~~';\nimport { ~~ThemeContext~~ } from '../../lib/~~theming~~/~~ThemeContext~~';\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 const theme = useContext(ThemeContext);\n ~~const emotion = useContext(EmotionContext);\n const styles = getStyles(emotion);\n~~\n const getMenuMessageSizeClassName = () => {\n switch (size) {\n case 'large':\n return ~~emotion.~~cx(styles.rootLarge(theme));\n case 'medium':\n return ~~emotion.~~cx(styles.rootMedium(theme));\n case 'small':\n default:\n return ~~emotion.~~cx(styles.rootSmall(theme));\n }\n };\n\n return (\n <Tag\n ref={ref}\n data-tid={MenuMessageDataTids.root}\n className={~~emotion.~~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":"sNAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,~~cAAc~~,QAAQ,2BAA2B~~;;;AAG1D~~,SAASC,YAAY,QAAQ,gCAAgC~~;;AAE7D~~,SAASC,~~SAAS~~,QAAQ,sBAAsB;;;;;;;;~~AAQhD~~,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;EAC1C,aAAa;EACb,UAAAQ,IAAA,EAAkEC,GAAG,EAAK,KAAAC,~~WAAA~~,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,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;IAC5D,IAAAC,oBAAA,GAAqBpB,mBAAmB,CAAC,CAAC,CAAlCqB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ~~;IAChB~~,IAAMC,KAAK,GAAGxB,UAAU,CAACI,YAAY,CAAC~~;IACtC~~,IAAMqB,~~OAAO,GAAGzB,UAAU,CAACG,cAAc,CAAC;IAC1C,IAAMuB,MAAM,GAAGrB,SAAS,CAACoB,OAAO,CAAC;;IAEjC,IAAME,~~2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,~~QAAQZ~~,IAAI;QACV,KAAK,OAAO;UACV,~~OAAOU~~,~~OAAO,CAACG,~~EAAE,~~CAACF~~,MAAM,~~CAACG~~,SAAS,~~CAACL~~,KAAK,CAAC,CAAC;~~QAC5C~~,KAAK,QAAQ;UACX,~~OAAOC~~,~~OAAO,CAACG,~~EAAE,~~CAACF~~,MAAM,~~CAACI~~,UAAU,~~CAACN~~,KAAK,CAAC,CAAC;~~QAC7C~~,KAAK,OAAO;QACZ;UACE,~~OAAOC~~,~~OAAO,CAACG,~~EAAE,~~CAACF~~,MAAM,~~CAACK~~,SAAS,~~CAACP~~,KAAK,CAAC,CAAC;~~MAC9C~~;IACF,CAAC;;IAED;MACEzB,KAAA,~~CAAAiC~~,aAAA,~~CAACd~~,GAAG,~~EAAAe~~,QAAA;~~QACFvB~~,GAAG,EAAEA,GAAI;QACT,YAAUJ,mBAAmB,CAACC,IAAK;QACnCM,SAAS,~~EAAEY~~,~~OAAO,CAACG,~~EAAE;~~UACnBD~~,2BAA2B,CAAC,CAAC,~~GAAAhB~~,~~WAAA~~,OAAAA,~~WAAA~~;;~~UAE1Be~~,MAAM,~~CAACnB~~,IAAI,CAACiB,KAAK,CAAC,IAAG,IAAI,EAAAb,~~WAAA~~;~~UACzBe~~,MAAM,~~CAACQ~~,UAAU,~~CAACV~~,KAAK,CAAC,IAAGD,QAAQ,EAAAZ,~~WAAA~~;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose","_excluded","_useResponsiveLayout","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","createElement","_extends","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 { CommonProps } from '../CommonWrapper';\nimport { 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":"sNAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;AAI7D,SAASC,MAAM,QAAQ,sBAAsB;;;;;;;;AAQ7C,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;EAC1C,aAAa;EACb,UAAAQ,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,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;IAC5D,IAAAC,oBAAA,GAAqBpB,mBAAmB,CAAC,CAAC,CAAlCqB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;;IAEhB,IAAMC,KAAK,GAAGxB,UAAU,CAACI,YAAY,CAAC;;IAEtC,IAAMqB,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQV,IAAI;QACV,KAAK,OAAO;UACV,OAAOZ,EAAE,CAACE,MAAM,CAACqB,SAAS,CAACF,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOrB,EAAE,CAACE,MAAM,CAACsB,UAAU,CAACH,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOrB,EAAE,CAACE,MAAM,CAACuB,SAAS,CAACJ,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACEzB,KAAA,CAAA8B,aAAA,CAACX,GAAG,EAAAY,QAAA;QACFpB,GAAG,EAAEA,GAAI;QACT,YAAUJ,mBAAmB,CAACC,IAAK;QACnCM,SAAS,EAAEV,EAAE;UACXsB,2BAA2B,CAAC,CAAC,GAAAd,GAAA,OAAAA,GAAA;;UAE1BN,MAAM,CAACE,IAAI,CAACiB,KAAK,CAAC,IAAG,IAAI,EAAAb,GAAA;UACzBN,MAAM,CAAC0B,UAAU,CAACP,KAAK,CAAC,IAAGD,QAAQ,EAAAZ,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}

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

@@ -1,29 +1,27 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { getMenuItemPaddings } from "../../../components/MenuItem/MenuItem.styles";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      var _getMenuItemPaddings = getMenuItemPaddings({
-          menuItemPaddingX: t.menuMessagePaddingX,
-          menuItemPaddingY: t.menuMessagePaddingY
-        }),
-        paddingX = _getMenuItemPaddings.paddingX,
-        paddingY = _getMenuItemPaddings.paddingY;
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", ";\n      "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
-    },
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getMenuItemPaddings = getMenuItemPaddings({
+        menuItemPaddingX: t.menuMessagePaddingX,
+        menuItemPaddingY: t.menuMessagePaddingY
+      }),
+      paddingX = _getMenuItemPaddings.paddingX,
+      paddingY = _getMenuItemPaddings.paddingY;
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
+  }
+});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~memoizeStyle~~","~~getMenuItemPaddings~~","~~getStyles~~","~~emotion~~","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","~~css","~~_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/css/create-instance';\n\nimport {~~ Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const ~~getStyles~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n root(t: Theme) {\n const { paddingX, paddingY } = getMenuItemPaddings({\n menuItemPaddingX: t.menuMessagePaddingX,\n menuItemPaddingY: t.menuMessagePaddingY,\n });\n\n return ~~emotion.~~css`\n margin: 0;\n display: ${t.menuMessageDisplay};\n padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n color: ${t.menuMessageTextColor};\n background: ${t.menuMessageBg};\n `;\n },\n\n rootMobile(t: Theme) {\n return ~~emotion.~~css`\n font-size: ${t.menuMessageFontSizeMobile};\n line-height: ${t.menuMessageLineHeightMobile};\n padding: ${t.menuMessagePaddingMobile};\n `;\n },\n\n rootSmall(t: Theme) {\n return ~~emotion.~~css`\n font-size: ${t.menuMessageFontSizeSmall};\n line-height: ${t.menuMessageLineHeightSmall};\n `;\n },\n rootMedium(t: Theme) {\n return ~~emotion.~~css`\n font-size: ${t.menuMessageFontSizeMedium};\n line-height: ${t.menuMessageLineHeightMedium};\n `;\n },\n rootLarge(t: Theme) {\n return ~~emotion.~~css`\n font-size: ${t.menuMessageFontSizeLarge};\n line-height: ${t.menuMessageLineHeightLarge};\n `;\n },\n });\n"],"mappings":"~~;;;AAGA~~,SAASA,YAAY,QAAQ,2BAA2B;~~AACxD~~,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,~~SAAS~~,~~GAAG~~,~~SAAZA,SAASA,CAAIC,OAAgB;IACxCH,~~YAAY,CAAC;~~MACXI~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~QACb~~,IAAAC,oBAAA,GAA+BL,mBAAmB,CAAC;~~YACjDM~~,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;~~YACvCC~~,gBAAgB,EAAEJ,CAAC,CAACK;~~UACtB~~,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;~~QAK1B~~,~~OAAOT~~,~~OAAO,CAACU,~~GAAG,~~CAAAC~~,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;~~QAELV~~,CAAC,~~CAACW~~,kBAAkB;~~QACpBX~~,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;~~QACxEH~~,CAAC,~~CAACY~~,oBAAoB;~~QACjBZ~~,CAAC,~~CAACa~~,aAAa;;~~MAEjC~~,CAAC;;~~MAEDC~~,UAAU,WAAAA,~~WAACd~~,CAAQ,EAAE;~~QACnB~~,~~OAAOF~~,~~OAAO,CAACU,~~GAAG,~~CAAAO~~,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;~~QACHV~~,CAAC,~~CAACgB~~,yBAAyB;~~QACzBhB~~,CAAC,~~CAACiB~~,2BAA2B;~~QACjCjB~~,CAAC,~~CAACkB~~,wBAAwB;;~~MAEzC~~,CAAC;;~~MAEDC~~,SAAS,WAAAA,~~UAACnB~~,CAAQ,EAAE;~~QAClB~~,~~OAAOF~~,~~OAAO,CAACU,~~GAAG,~~CAAAY~~,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;~~QACHV~~,CAAC,~~CAACqB~~,wBAAwB;~~QACxBrB~~,CAAC,~~CAACsB~~,0BAA0B;;~~MAE~~/C,CAAC;~~MACDC~~,UAAU,WAAAA,~~WAACvB~~,CAAQ,EAAE;~~QACnB~~,~~OAAOF~~,~~OAAO,CAACU,~~GAAG,~~CAAAgB~~,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;~~QACHV~~,CAAC,~~CAACyB~~,yBAAyB;~~QACzBzB~~,CAAC,~~CAAC0B~~,2BAA2B;;~~MAEhD~~,CAAC;~~MACDC~~,SAAS,WAAAA,~~UAAC3B~~,CAAQ,EAAE;~~QAClB~~,~~OAAOF~~,~~OAAO,CAACU,~~GAAG,~~CAAAoB~~,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;~~QACHV~~,CAAC,~~CAAC6B~~,wBAAwB;~~QACxB7B~~,CAAC,~~CAAC8B~~,0BAA0B;;~~MAE~~/C;~~IACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n const { paddingX, paddingY } = getMenuItemPaddings({\n menuItemPaddingX: t.menuMessagePaddingX,\n menuItemPaddingY: t.menuMessagePaddingY,\n });\n\n return css`\n margin: 0;\n display: ${t.menuMessageDisplay};\n padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n color: ${t.menuMessageTextColor};\n background: ${t.menuMessageBg};\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n font-size: ${t.menuMessageFontSizeMobile};\n line-height: ${t.menuMessageLineHeightMobile};\n padding: ${t.menuMessagePaddingMobile};\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n font-size: ${t.menuMessageFontSizeSmall};\n line-height: ${t.menuMessageLineHeightSmall};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n font-size: ${t.menuMessageFontSizeMedium};\n line-height: ${t.menuMessageLineHeightMedium};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n font-size: ${t.menuMessageFontSizeLarge};\n line-height: ${t.menuMessageLineHeightLarge};\n `;\n },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;AAC7D,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+BJ,mBAAmB,CAAC;QACjDK,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;QACvCC,gBAAgB,EAAEJ,CAAC,CAACK;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;IAK1B,OAAOZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGT,CAAC,CAACU,kBAAkB;IACpBV,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;IACxEH,CAAC,CAACW,oBAAoB;IACjBX,CAAC,CAACY,aAAa;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKT,CAAC,CAACe,yBAAyB;IACzBf,CAAC,CAACgB,2BAA2B;IACjChB,CAAC,CAACiB,wBAAwB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACKT,CAAC,CAACoB,wBAAwB;IACxBpB,CAAC,CAACqB,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACKT,CAAC,CAACwB,yBAAyB;IACzBxB,CAAC,CAACyB,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAAC1B,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACKT,CAAC,CAAC4B,wBAAwB;IACxB5B,CAAC,CAAC6B,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootMobile(t: Theme): string;
     rootSmall(t: Theme): string;