@skbkontur/react-ui 4.14.1 → 4.14.2-next.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 (109) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/cjs/components/Button/Button.d.ts +2 -6
  3. package/cjs/components/Button/Button.js +14 -5
  4. package/cjs/components/Button/Button.js.map +1 -1
  5. package/cjs/components/Button/Button.styles.js +2 -1
  6. package/cjs/components/Button/Button.styles.js.map +1 -1
  7. package/cjs/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  8. package/cjs/components/DropdownMenu/DropdownMenu.js +2 -1
  9. package/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
  10. package/cjs/components/Kebab/Kebab.d.ts +4 -1
  11. package/cjs/components/Kebab/Kebab.js +9 -3
  12. package/cjs/components/Kebab/Kebab.js.map +1 -1
  13. package/cjs/components/Loader/Loader.js +1 -3
  14. package/cjs/components/Loader/Loader.js.map +1 -1
  15. package/cjs/components/Modal/Modal.d.ts +3 -3
  16. package/cjs/components/Modal/Modal.js +19 -2
  17. package/cjs/components/Modal/Modal.js.map +1 -1
  18. package/cjs/components/Modal/Modal.styles.d.ts +0 -2
  19. package/cjs/components/Modal/Modal.styles.js +25 -36
  20. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  21. package/cjs/components/Modal/ModalBody.js +0 -2
  22. package/cjs/components/Modal/ModalBody.js.map +1 -1
  23. package/cjs/components/Modal/ModalFooter.js +2 -5
  24. package/cjs/components/Modal/ModalFooter.js.map +1 -1
  25. package/cjs/components/Modal/ModalHeader.js +1 -6
  26. package/cjs/components/Modal/ModalHeader.js.map +1 -1
  27. package/cjs/components/PasswordInput/PasswordInput.js +4 -6
  28. package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
  29. package/cjs/components/ScrollContainer/ScrollContainer.d.ts +1 -0
  30. package/cjs/components/ScrollContainer/ScrollContainer.js +9 -1
  31. package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
  32. package/cjs/components/SidePage/SidePage.d.ts +3 -3
  33. package/cjs/components/SidePage/SidePage.js +8 -1
  34. package/cjs/components/SidePage/SidePage.js.map +1 -1
  35. package/cjs/components/Spinner/Spinner.md +1 -1
  36. package/cjs/components/Switcher/Switcher.d.ts +4 -2
  37. package/cjs/components/Switcher/Switcher.js +13 -3
  38. package/cjs/components/Switcher/Switcher.js.map +1 -1
  39. package/cjs/components/TokenInput/TokenInput.d.ts +44 -1
  40. package/cjs/components/TokenInput/TokenInput.js +42 -0
  41. package/cjs/components/TokenInput/TokenInput.js.map +1 -1
  42. package/cjs/components/TokenInput/TokenInput.md +100 -0
  43. package/cjs/internal/CustomComboBox/CustomComboBox.js +12 -9
  44. package/cjs/internal/CustomComboBox/CustomComboBox.js.map +1 -1
  45. package/cjs/internal/InputLikeText/InputLikeText.js +4 -1
  46. package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
  47. package/cjs/internal/PopupMenu/PopupMenu.d.ts +8 -0
  48. package/cjs/internal/PopupMenu/PopupMenu.js +23 -3
  49. package/cjs/internal/PopupMenu/PopupMenu.js.map +1 -1
  50. package/cjs/internal/ZIndex/ZIndexStorage.d.ts +0 -5
  51. package/cjs/internal/ZIndex/ZIndexStorage.js +1 -6
  52. package/cjs/internal/ZIndex/ZIndexStorage.js.map +1 -1
  53. package/cjs/internal/icons/SpinnerIcon.styles.js +2 -1
  54. package/cjs/internal/icons/SpinnerIcon.styles.js.map +1 -1
  55. package/cjs/typings/html.d.ts +1 -0
  56. package/components/Button/Button/Button.js +13 -4
  57. package/components/Button/Button/Button.js.map +1 -1
  58. package/components/Button/Button.d.ts +2 -6
  59. package/components/Button/Button.styles/Button.styles.js +1 -1
  60. package/components/Button/Button.styles/Button.styles.js.map +1 -1
  61. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js +2 -1
  62. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map +1 -1
  63. package/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  64. package/components/Kebab/Kebab/Kebab.js +6 -1
  65. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  66. package/components/Kebab/Kebab.d.ts +4 -1
  67. package/components/Loader/Loader/Loader.js +0 -2
  68. package/components/Loader/Loader/Loader.js.map +1 -1
  69. package/components/Modal/Modal/Modal.js +28 -11
  70. package/components/Modal/Modal/Modal.js.map +1 -1
  71. package/components/Modal/Modal.d.ts +3 -3
  72. package/components/Modal/Modal.styles/Modal.styles.js +24 -30
  73. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  74. package/components/Modal/Modal.styles.d.ts +0 -2
  75. package/components/Modal/ModalBody/ModalBody.js +0 -2
  76. package/components/Modal/ModalBody/ModalBody.js.map +1 -1
  77. package/components/Modal/ModalFooter/ModalFooter.js +2 -6
  78. package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
  79. package/components/Modal/ModalHeader/ModalHeader.js +2 -6
  80. package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
  81. package/components/PasswordInput/PasswordInput/PasswordInput.js +6 -5
  82. package/components/PasswordInput/PasswordInput/PasswordInput.js.map +1 -1
  83. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +12 -4
  84. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
  85. package/components/ScrollContainer/ScrollContainer.d.ts +1 -0
  86. package/components/SidePage/SidePage/SidePage.js +9 -3
  87. package/components/SidePage/SidePage/SidePage.js.map +1 -1
  88. package/components/SidePage/SidePage.d.ts +3 -3
  89. package/components/Spinner/Spinner.md +1 -1
  90. package/components/Switcher/Switcher/Switcher.js +8 -2
  91. package/components/Switcher/Switcher/Switcher.js.map +1 -1
  92. package/components/Switcher/Switcher.d.ts +4 -2
  93. package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
  94. package/components/TokenInput/TokenInput.d.ts +44 -1
  95. package/components/TokenInput/TokenInput.md +100 -0
  96. package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js +11 -9
  97. package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map +1 -1
  98. package/internal/InputLikeText/InputLikeText/InputLikeText.js +5 -2
  99. package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
  100. package/internal/PopupMenu/PopupMenu/PopupMenu.js +13 -2
  101. package/internal/PopupMenu/PopupMenu/PopupMenu.js.map +1 -1
  102. package/internal/PopupMenu/PopupMenu.d.ts +8 -0
  103. package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js +1 -6
  104. package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js.map +1 -1
  105. package/internal/ZIndex/ZIndexStorage.d.ts +0 -5
  106. package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js +1 -1
  107. package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js.map +1 -1
  108. package/package.json +3 -3
  109. package/typings/html.d.ts +1 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.tsx"],"names":["React","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","Spinner","LoadingIcon","styles","activeStyles","globalClasses","ButtonIcon","useButtonArrow","getInnerLinkTheme","ButtonDataTids","root","Button","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","ariaDescribedby","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","noPadding","noRightPadding","checkedDisabled","checkedDisabled2022","borderless2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","setRootNode","sizeLarge","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps extends CommonProps {\n /** @ignore */\n _noPadding?: boolean;\n\n /** @ignore */\n _noRightPadding?: boolean;\n\n /**\n * Применяет к кнопке стили псевдокласса `:active`.\n */\n active?: boolean;\n\n /**\n * CSS-свойство `text-align`.\n */\n align?: React.CSSProperties['textAlign'];\n\n /**\n * Превращает обычную кнопку в кнопку со стрелкой.\n */\n arrow?: boolean | 'left';\n\n /**\n * Даёт кнопке фокус после окончания загрузки страницы.\n */\n autoFocus?: boolean;\n\n /**\n * Убирает обводку у кнопки.\n */\n borderless?: boolean;\n\n /**\n * @ignore\n */\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /** @ignore */\n corners?: React.CSSProperties;\n\n /**\n * Отключенное состояние кнопки.\n */\n disabled?: boolean;\n\n /** @ignore */\n disableFocus?: boolean;\n\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n\n /**\n * Иконка слева от текста кнопки.\n */\n icon?: React.ReactElement<any>;\n\n /**\n * Переводит кнопку в состояние загрузки.\n */\n loading?: boolean;\n\n /**\n * Сужает кнопку.\n */\n narrow?: boolean;\n\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onclick`.\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onfocus`.\n */\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `keydown`.\n */\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * Задаёт размер кнопки.\n *\n * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n */\n size?: ButtonSize;\n\n /**\n * HTML-атрибут `type`.\n */\n type?: ButtonType;\n\n /**\n * HTML-атрибут `title`.\n */\n title?: string;\n\n /**\n * Стиль кнопки.\n *\n * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n */\n use?: ButtonUse;\n\n /** @ignore */\n visuallyFocused?: boolean;\n\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n\n /**\n * CSS-свойство `width`.\n */\n width?: number | string;\n\n /**\n * Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n */\n theme?: ThemeIn;\n\n /**\n * Атрибут для указания id элемента(-ов), описывающих его\n */\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading || props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /**\n * @public\n */\n public focus() {\n this.node?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab || visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled || loading;\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled || loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled || loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled || loading);\n if ((!isFocused || isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconNode = icon && (\n <ButtonIcon\n icon={icon}\n size={size}\n hasChildren={Boolean(children)}\n disabled={disabled || false}\n loading={loading || false}\n use={use}\n />\n );\n let loadingNode = null;\n if (loading && !icon) {\n const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari || (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled || loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n let captionNode = (\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {iconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden()]: !!loadingNode,\n })}\n >\n {children}\n </span>\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link focused={isFocused} disabled={disabled} icon={icon} as=\"span\" tabIndex={-1}>\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps} aria-describedby={ariaDescribedby}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private getSizeClassName() {\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLButtonElement | null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
1
+ {"version":3,"sources":["Button.tsx"],"names":["React","isReactUIComponent","isIE11","isEdge","isSafari","keyListener","ThemeContext","CommonWrapper","cx","rootNode","ThemeFactory","createPropsGetter","isTheme2022","Link","Spinner","LoadingIcon","styles","activeStyles","globalClasses","ButtonIcon","useButtonArrow","getInnerLinkTheme","ButtonDataTids","root","Button","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","noPadding","noRightPadding","checkedDisabled","checkedDisabled2022","borderless2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","setRootNode","sizeLarge","sizeLargeIE11","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked'>,\n Pick<HTMLAttributes<unknown>, 'role'> {\n /** @ignore */\n _noPadding?: boolean;\n\n /** @ignore */\n _noRightPadding?: boolean;\n\n /**\n * Применяет к кнопке стили псевдокласса `:active`.\n */\n active?: boolean;\n\n /**\n * CSS-свойство `text-align`.\n */\n align?: React.CSSProperties['textAlign'];\n\n /**\n * Превращает обычную кнопку в кнопку со стрелкой.\n */\n arrow?: boolean | 'left';\n\n /**\n * Даёт кнопке фокус после окончания загрузки страницы.\n */\n autoFocus?: boolean;\n\n /**\n * Убирает обводку у кнопки.\n */\n borderless?: boolean;\n\n /**\n * @ignore\n */\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /** @ignore */\n corners?: React.CSSProperties;\n\n /**\n * Отключенное состояние кнопки.\n */\n disabled?: boolean;\n\n /** @ignore */\n disableFocus?: boolean;\n\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n\n /**\n * Иконка слева от текста кнопки.\n */\n icon?: React.ReactElement<any>;\n\n /**\n * Переводит кнопку в состояние загрузки.\n */\n loading?: boolean;\n\n /**\n * Сужает кнопку.\n */\n narrow?: boolean;\n\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onclick`.\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onfocus`.\n */\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `keydown`.\n */\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * Задаёт размер кнопки.\n *\n * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n */\n size?: ButtonSize;\n\n /**\n * HTML-атрибут `type`.\n */\n type?: ButtonType;\n\n /**\n * HTML-атрибут `title`.\n */\n title?: string;\n\n /**\n * Стиль кнопки.\n *\n * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n */\n use?: ButtonUse;\n\n /** @ignore */\n visuallyFocused?: boolean;\n\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n\n /**\n * CSS-свойство `width`.\n */\n width?: number | string;\n\n /**\n * Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n */\n theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading || props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /**\n * @public\n */\n public focus() {\n this.node?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab || visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled || loading;\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled || loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled || loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled || loading);\n if ((!isFocused || isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconNode = icon && (\n <ButtonIcon\n icon={icon}\n size={size}\n hasChildren={Boolean(children)}\n disabled={disabled || false}\n loading={loading || false}\n use={use}\n />\n );\n let loadingNode = null;\n if (loading && !icon) {\n const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari || (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled || loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n let captionNode = (\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {iconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden()]: !!loadingNode,\n })}\n >\n {children}\n </span>\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link focused={isFocused} disabled={disabled} icon={icon} as=\"span\" tabIndex={-1}>\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private getSizeClassName() {\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLButtonElement | null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
@@ -1,10 +1,10 @@
1
- import React, { AriaAttributes } from 'react';
1
+ import React, { AriaAttributes, HTMLAttributes } from 'react';
2
2
  import { ThemeIn } from '../../lib/theming/Theme';
3
3
  import { CommonProps } from '../../internal/CommonWrapper';
4
4
  export declare type ButtonSize = 'small' | 'medium' | 'large';
5
5
  export declare type ButtonType = 'button' | 'submit' | 'reset';
6
6
  export declare type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
7
- export interface ButtonProps extends CommonProps {
7
+ export interface ButtonProps extends CommonProps, Pick<AriaAttributes, 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked'>, Pick<HTMLAttributes<unknown>, 'role'> {
8
8
  /** @ignore */
9
9
  _noPadding?: boolean;
10
10
  /** @ignore */
@@ -121,10 +121,6 @@ export interface ButtonProps extends CommonProps {
121
121
  * Он будет объединён с темой из контекста.
122
122
  */
123
123
  theme?: ThemeIn;
124
- /**
125
- * Атрибут для указания id элемента(-ов), описывающих его
126
- */
127
- 'aria-describedby'?: AriaAttributes['aria-describedby'];
128
124
  }
129
125
  export interface ButtonState {
130
126
  focusedByTab: boolean;
@@ -51,7 +51,7 @@ export var styles = memoizeStyle({
51
51
  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n box-shadow: 0 0 0 ", " ", ", inset 0 0 0 ", " ", ";\n "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
52
52
  },
53
53
  outlineLink: function outlineLink() {
54
- return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n "])));
54
+ return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n "])));
55
55
  },
56
56
  outlineLinkWarning: function outlineLinkWarning(t) {
57
57
  return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n "])), t.btnWarningSecondary);
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnTextActiveBg};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
1
+ {"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnTextActiveBg};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
@@ -83,7 +83,8 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
83
83
  footer: this.props.footer,
84
84
  width: this.props.width,
85
85
  onClose: this.props.onClose,
86
- onOpen: this.props.onOpen
86
+ onOpen: this.props.onOpen,
87
+ popupMenuId: this.props.popupMenuId
87
88
  }, this.props.children));
88
89
  };
89
90
 
@@ -1 +1 @@
1
- {"version":3,"sources":["DropdownMenu.tsx"],"names":["React","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","getDropdownMenuTheme","DropdownMenu","props","getProps","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","Error","render","theme","renderMain","positions","disableAnimations","setRootNode","menuMaxHeight","menuWidth","header","footer","width","onClose","onOpen","children","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {\n /** Максимальная высота меню */\n menuMaxHeight?: React.CSSProperties['maxWidth'];\n /** Ширина меню */\n menuWidth?: React.CSSProperties['width'];\n /** Ширина caption */\n width?: React.CSSProperties['width'];\n\n /**\n * Элемент или функция возвращающая элемент,\n * если передана, используется вместо `caption`,\n * в таком случае управлять открытием и закрытием меню\n * придется в этой функции\n */\n caption: PopupMenuProps['caption'];\n\n /**\n * Произвольный элемент, который будет отрендерен в шапке меню.\n *\n * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n */\n header?: React.ReactNode;\n /**\n * Произвольный элемент, который будет отрендерен в подвале меню.\n *\n * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n */\n footer?: React.ReactNode;\n /**\n * Список позиций доступных для расположения выпадашки относительно `caption`.\n *\n * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n *\n * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n * @default ['bottom left', 'bottom right', 'top left', 'top right']\n */\n positions?: PopupPositionsType[];\n\n /**\n * Не показывать анимацию\n */\n disableAnimations?: boolean;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n\n public static defaultProps: DefaultProps = {\n disableAnimations: isTestEnv,\n positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n };\n\n private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n private popupMenu: Nullable<PopupMenu> = null;\n private setRootNode!: TSetRootNode;\n\n constructor(props: DropdownMenuProps) {\n super(props);\n\n if (!props.caption && !isProductionEnv) {\n throw new Error('Prop \"caption\" is required!!!');\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n if (!this.props.caption) {\n return null;\n }\n const { positions, disableAnimations } = this.getProps();\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <PopupMenu\n ref={this.refPopupMenu}\n caption={this.props.caption}\n menuMaxHeight={this.props.menuMaxHeight}\n menuWidth={this.props.menuWidth}\n popupHasPin={false}\n positions={positions}\n disableAnimations={disableAnimations}\n header={this.props.header}\n footer={this.props.footer}\n width={this.props.width}\n onClose={this.props.onClose}\n onOpen={this.props.onOpen}\n >\n {this.props.children}\n </PopupMenu>\n </CommonWrapper>\n );\n }\n\n public open = (): void => {\n if (this.popupMenu) {\n this.popupMenu.open();\n }\n };\n\n public close = (): void => {\n if (this.popupMenu) {\n this.popupMenu.close();\n }\n };\n\n private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"]}
1
+ {"version":3,"sources":["DropdownMenu.tsx"],"names":["React","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","getDropdownMenuTheme","DropdownMenu","props","getProps","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","Error","render","theme","renderMain","positions","disableAnimations","setRootNode","menuMaxHeight","menuWidth","header","footer","width","onClose","onOpen","popupMenuId","children","Component","__KONTUR_REACT_UI__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,SAAT,QAA0C,0BAA1C;AACA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;AAEA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,oBAAT,QAAqC,wBAArC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,OAJA;AACA;AACA,GAEA,IAAaC,YAAb,GADCH,QACD;;;;;;;;;;;AAaE,wBAAYI,KAAZ,EAAsC;AACpC,wCAAMA,KAAN,UADoC,MAL9BC,QAK8B,GALnBJ,iBAAiB,CAACE,YAAY,CAACG,YAAd,CAKE,OAH9BC,SAG8B,GAHG,IAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8C/BC,IAAAA,IA9C+B,GA8CxB,YAAY;AACxB,UAAI,MAAKD,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeC,IAAf;AACD;AACF,KAlDqC;;AAoD/BC,IAAAA,KApD+B,GAoDvB,YAAY;AACzB,UAAI,MAAKF,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeE,KAAf;AACD;AACF,KAxDqC;;AA0D9BC,IAAAA,YA1D8B,GA0Df,UAACC,GAAD,UAA+B,MAAKJ,SAAL,GAAiBI,GAAhD,EA1De,CAGpC,IAAI,CAACP,KAAK,CAACQ,OAAP,IAAkB,CAACf,eAAvB,EAAwC,CACtC,MAAM,IAAIgB,KAAJ,CAAU,+BAAV,CAAN,CACD,CALmC,aAMrC,CAnBH,2CAqBSC,MArBT,GAqBE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,oBAAO,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAEb,oBAAoB,CAACa,KAAD,CAAlD,IAA4D,MAAI,CAACC,UAAL,EAA5D,CAAP,CACD,CAHH,CADF,CAOD,CA7BH,QA+BSA,UA/BT,GA+BE,sBAAoB,CAClB,IAAI,CAAC,KAAKZ,KAAL,CAAWQ,OAAhB,EAAyB,CACvB,OAAO,IAAP,CACD,CACD,qBAAyC,KAAKP,QAAL,EAAzC,CAAQY,SAAR,kBAAQA,SAAR,CAAmBC,iBAAnB,kBAAmBA,iBAAnB,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKf,KAAvD,gBACE,oBAAC,SAAD,IACE,GAAG,EAAE,KAAKM,YADZ,EAEE,OAAO,EAAE,KAAKN,KAAL,CAAWQ,OAFtB,EAGE,aAAa,EAAE,KAAKR,KAAL,CAAWgB,aAH5B,EAIE,SAAS,EAAE,KAAKhB,KAAL,CAAWiB,SAJxB,EAKE,WAAW,EAAE,KALf,EAME,SAAS,EAAEJ,SANb,EAOE,iBAAiB,EAAEC,iBAPrB,EAQE,MAAM,EAAE,KAAKd,KAAL,CAAWkB,MARrB,EASE,MAAM,EAAE,KAAKlB,KAAL,CAAWmB,MATrB,EAUE,KAAK,EAAE,KAAKnB,KAAL,CAAWoB,KAVpB,EAWE,OAAO,EAAE,KAAKpB,KAAL,CAAWqB,OAXtB,EAYE,MAAM,EAAE,KAAKrB,KAAL,CAAWsB,MAZrB,EAaE,WAAW,EAAE,KAAKtB,KAAL,CAAWuB,WAb1B,IAeG,KAAKvB,KAAL,CAAWwB,QAfd,CADF,CADF,CAqBD,CAzDH,uBAAkClC,KAAK,CAACmC,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAGgBxB,YAHhB,GAG6C,EACzCY,iBAAiB,EAAEpB,SADsB,EAEzCmB,SAAS,EAAE,CAAC,aAAD,EAAgB,cAAhB,EAAgC,UAAhC,EAA4C,WAA5C,CAF8B,EAH7C","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId'> {\n /** Максимальная высота меню */\n menuMaxHeight?: React.CSSProperties['maxWidth'];\n /** Ширина меню */\n menuWidth?: React.CSSProperties['width'];\n /** Ширина caption */\n width?: React.CSSProperties['width'];\n\n /**\n * Элемент или функция возвращающая элемент,\n * если передана, используется вместо `caption`,\n * в таком случае управлять открытием и закрытием меню\n * придется в этой функции\n */\n caption: PopupMenuProps['caption'];\n\n /**\n * Произвольный элемент, который будет отрендерен в шапке меню.\n *\n * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n */\n header?: React.ReactNode;\n /**\n * Произвольный элемент, который будет отрендерен в подвале меню.\n *\n * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n */\n footer?: React.ReactNode;\n /**\n * Список позиций доступных для расположения выпадашки относительно `caption`.\n *\n * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n *\n * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n * @default ['bottom left', 'bottom right', 'top left', 'top right']\n */\n positions?: PopupPositionsType[];\n\n /**\n * Не показывать анимацию\n */\n disableAnimations?: boolean;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n\n public static defaultProps: DefaultProps = {\n disableAnimations: isTestEnv,\n positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n };\n\n private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n private popupMenu: Nullable<PopupMenu> = null;\n private setRootNode!: TSetRootNode;\n\n constructor(props: DropdownMenuProps) {\n super(props);\n\n if (!props.caption && !isProductionEnv) {\n throw new Error('Prop \"caption\" is required!!!');\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n if (!this.props.caption) {\n return null;\n }\n const { positions, disableAnimations } = this.getProps();\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <PopupMenu\n ref={this.refPopupMenu}\n caption={this.props.caption}\n menuMaxHeight={this.props.menuMaxHeight}\n menuWidth={this.props.menuWidth}\n popupHasPin={false}\n positions={positions}\n disableAnimations={disableAnimations}\n header={this.props.header}\n footer={this.props.footer}\n width={this.props.width}\n onClose={this.props.onClose}\n onOpen={this.props.onOpen}\n popupMenuId={this.props.popupMenuId}\n >\n {this.props.children}\n </PopupMenu>\n </CommonWrapper>\n );\n }\n\n public open = (): void => {\n if (this.popupMenu) {\n this.popupMenu.open();\n }\n };\n\n public close = (): void => {\n if (this.popupMenu) {\n this.popupMenu.close();\n }\n };\n\n private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"]}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { PopupMenuProps } from '../../internal/PopupMenu';
3
3
  import { PopupPositionsType } from '../../internal/Popup';
4
4
  import { CommonProps } from '../../internal/CommonWrapper';
5
- export interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {
5
+ export interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId'> {
6
6
  /** Максимальная высота меню */
7
7
  menuMaxHeight?: React.CSSProperties['maxWidth'];
8
8
  /** Ширина меню */
@@ -20,6 +20,9 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
20
20
  import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
21
21
  import { styles } from "../Kebab.styles";
22
22
  import { KebabIcon } from "../KebabIcon";
23
+ export var KebabDataTids = {
24
+ caption: 'Kebab__caption'
25
+ };
23
26
  export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
24
27
  _inheritsLoose(Kebab, _React$Component);
25
28
 
@@ -60,6 +63,7 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
60
63
  };
61
64
 
62
65
  return /*#__PURE__*/React.createElement("span", {
66
+ "data-tid": KebabDataTids.caption,
63
67
  tabIndex: disabled ? -1 : 0,
64
68
  onClick: handleCaptionClick,
65
69
  onKeyDown: handleCaptionKeyDown,
@@ -153,7 +157,8 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
153
157
  disableAnimations: disableAnimations,
154
158
  menuMaxHeight: this.props.menuMaxHeight,
155
159
  onOpen: onOpen,
156
- onClose: onClose
160
+ onClose: onClose,
161
+ popupMenuId: this.props.popupMenuId
157
162
  }, !disabled && this.props.children));
158
163
  };
159
164