npm - @skbkontur/react-ui - Versions diffs - 4.1.2 → 4.2.2 - Mend

@skbkontur/react-ui 4.1.2 → 4.2.2

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

package/components/Autocomplete/Autocomplete.d.ts CHANGED Viewed

@@ -41,6 +41,9 @@ export interface AutocompleteState {
     focused: boolean;
     isMobileOpened: boolean;
 }
+export declare const AutocompleteDataTids: {
+    readonly root: "Autocomplete__root";
+};
 /**
  * Стандартный инпут с подсказками.
  *

package/components/Button/Button/Button.js CHANGED Viewed

@@ -13,6 +13,9 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { styles, activeStyles, globalClasses } from "../Button.styles";
+export var ButtonDataTids = {
+  root: 'Button__root'
+};
 export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Button, _React$Component);
@@ -193,7 +196,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       var _cx4;
       iconNode = /*#__PURE__*/React.createElement("span", {
-        className: cx(styles.icon(), this.getSizeIconClassName(), (_cx4 = {}, _cx4[styles.iconNoRightPadding()] = !children, _cx4[styles.iconLink(this.theme)] = isLink, _cx4))
+        className: cx(styles.icon(), this.getSizeIconClassName(), (_cx4 = {}, _cx4[styles.iconNoRightMargin()] = !children, _cx4[styles.iconLink(this.theme)] = isLink, _cx4))
       }, loading ? this.getLoadingSpinner() : icon);
     }
@@ -229,6 +232,7 @@ export var Button = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("span", wrapProps, /*#__PURE__*/React.createElement("button", _extends({
+      "data-tid": ButtonDataTids.root,
       ref: this._ref
     }, rootProps), innerShadowNode, outlineNode, loadingNode, arrowNode, /*#__PURE__*/React.createElement("div", {
       className: cx(styles.caption(), globalClasses.caption, (_cx7 = {}, _cx7[styles.captionTranslated()] = active || checked, _cx7[styles.captionLink()] = isLink, _cx7[styles.captionDisabled()] = !checked && disabled, _cx7))

package/components/Button/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.tsx"],"names":["React","isReactUIComponent","isIE11","isEdge","keyListener","ThemeContext","Spinner","CommonWrapper","cx","rootNode","styles","activeStyles","globalClasses","Button","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","renderMain","corners","active","borderless","checked","error","warning","arrow","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","use","defaultProps","sizeClass","getSizeClassName","isFocused","isLink","rootProps","type","className","root","checkedFocused","checkedDisabled","noPadding","noRightPadding","style","textAlign","tabIndex","title","wrapProps","wrap","wrapArrow","wrapArrowLeft","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","loadingNode","getLoadingSpinner","iconNode","getSizeIconClassName","iconNoRightPadding","iconLink","arrowNode","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","link","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","setRootNode","caption","captionTranslated","captionLink","captionDisabled","visibilityHidden","size","sizeLarge","sizeLargeIE11","sizeMedium","sizeMediumIE11","sizeSmall","sizeSmallIE11","iconLarge","iconMedium","iconSmall","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\n\nexport type ButtonSize = 'small' \| 'medium' \| 'large';\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link';\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\"`.\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\nexport interface ButtonState {\n focusedByTab: boolean;\n}\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 = {\n use: 'default' as ButtonUse,\n size: 'small' as ButtonSize,\n type: 'button' as ButtonType,\n };\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 = 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 arrow,\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 } = this.props;\n const use = this.props.use \|\| Button.defaultProps.use;\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\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: this.props.type,\n className: cx({\n [styles.root(this.theme)]: 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 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 [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n if (!isFocused \|\| isLink) {\n outlineNode = (\n <div\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 let loadingNode = null;\n if (loading && !icon) {\n loadingNode = <div className={styles.loading()}>{this.getLoadingSpinner()}</div>;\n }\n\n let iconNode = null;\n if (icon) {\n iconNode = (\n <span\n className={cx(styles.icon(), this.getSizeIconClassName(), {\n [styles.iconNoRightPadding()]: !children,\n [styles.iconLink(this.theme)]: isLink,\n })}\n >\n {loading ? this.getLoadingSpinner() : icon}\n </span>\n );\n }\n\n let arrowNode = null;\n if (arrow) {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(this.theme)]: !checked && warning,\n [styles.arrowError(this.theme)]: !checked && error,\n [styles.arrowFocus(this.theme)]: !checked && isFocused,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\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.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 arrowNode = null;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {loadingNode}\n {arrowNode}\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: active \|\| checked,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {iconNode}\n <span className={cx({ [styles.visibilityHidden()]: !!loadingNode })}>{children}</span>\n </div>\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private getLoadingSpinner() {\n return <Spinner caption={null} dimmed type=\"mini\" />;\n }\n\n private getSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), { [styles.sizeLargeIE11(this.theme)]: isIE11 \|\| isEdge });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), { [styles.sizeMediumIE11(this.theme)]: isIE11 \|\| isEdge });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), { [styles.sizeSmallIE11(this.theme)]: isIE11 \|\| isEdge });\n }\n }\n\n private getSizeIconClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.iconLarge(this.theme);\n case 'medium':\n return styles.iconMedium(this.theme);\n case 'small':\n default:\n return styles.iconSmall(this.theme);\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.props.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","keyListener","ThemeContext","Spinner","CommonWrapper","cx","rootNode","styles","activeStyles","globalClasses","ButtonDataTids","root","Button","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","renderMain","corners","active","borderless","checked","error","warning","arrow","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","use","defaultProps","sizeClass","getSizeClassName","isFocused","isLink","rootProps","type","className","checkedFocused","checkedDisabled","noPadding","noRightPadding","style","textAlign","tabIndex","title","wrapProps","wrap","wrapArrow","wrapArrowLeft","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","loadingNode","getLoadingSpinner","iconNode","getSizeIconClassName","iconNoRightMargin","iconLink","arrowNode","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","link","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","setRootNode","caption","captionTranslated","captionLink","captionDisabled","visibilityHidden","size","sizeLarge","sizeLargeIE11","sizeMedium","sizeMediumIE11","sizeSmall","sizeSmallIE11","iconLarge","iconMedium","iconSmall","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\n\nexport type ButtonSize = 'small' \| 'medium' \| 'large';\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link';\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\"`.\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\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\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 = {\n use: 'default' as ButtonUse,\n size: 'small' as ButtonSize,\n type: 'button' as ButtonType,\n };\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 = 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 arrow,\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 } = this.props;\n const use = this.props.use \|\| Button.defaultProps.use;\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\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: this.props.type,\n className: cx({\n [styles.root(this.theme)]: 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 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 [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n if (!isFocused \|\| isLink) {\n outlineNode = (\n <div\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 let loadingNode = null;\n if (loading && !icon) {\n loadingNode = <div className={styles.loading()}>{this.getLoadingSpinner()}</div>;\n }\n\n let iconNode = null;\n if (icon) {\n iconNode = (\n <span\n className={cx(styles.icon(), this.getSizeIconClassName(), {\n [styles.iconNoRightMargin()]: !children,\n [styles.iconLink(this.theme)]: isLink,\n })}\n >\n {loading ? this.getLoadingSpinner() : icon}\n </span>\n );\n }\n\n let arrowNode = null;\n if (arrow) {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(this.theme)]: !checked && warning,\n [styles.arrowError(this.theme)]: !checked && error,\n [styles.arrowFocus(this.theme)]: !checked && isFocused,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\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.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 arrowNode = null;\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 {loadingNode}\n {arrowNode}\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: active \|\| checked,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {iconNode}\n <span className={cx({ [styles.visibilityHidden()]: !!loadingNode })}>{children}</span>\n </div>\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private getLoadingSpinner() {\n return <Spinner caption={null} dimmed type=\"mini\" />;\n }\n\n private getSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), { [styles.sizeLargeIE11(this.theme)]: isIE11 \|\| isEdge });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), { [styles.sizeMediumIE11(this.theme)]: isIE11 \|\| isEdge });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), { [styles.sizeSmallIE11(this.theme)]: isIE11 \|\| isEdge });\n }\n }\n\n private getSizeIconClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.iconLarge(this.theme);\n case 'medium':\n return styles.iconMedium(this.theme);\n case 'small':\n default:\n return styles.iconSmall(this.theme);\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.props.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"]}

package/components/Button/Button.d.ts CHANGED Viewed

@@ -119,6 +119,9 @@ export interface ButtonProps extends CommonProps {
 export interface ButtonState {
     focusedByTab: boolean;
 }
+export declare const ButtonDataTids: {
+    readonly root: "Button__root";
+};
 export declare class Button extends React.Component<ButtonProps, ButtonState> {
     static __KONTUR_REACT_UI__: string;
     static __BUTTON__: boolean;

package/components/Button/Button.styles/Button.styles.js CHANGED Viewed

@@ -141,11 +141,11 @@ export var styles = memoizeStyle({
   noRightPadding: function noRightPadding() {
     return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
   },
-  iconNoRightPadding: function iconNoRightPadding() {
-    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
+  iconNoRightMargin: function iconNoRightMargin() {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n    "])));
   },
   iconLink: function iconLink(t) {
-    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnLinkIconMarginRight);
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
   },
   wrapLink: function wrapLink() {
     return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
@@ -160,13 +160,13 @@ export var styles = memoizeStyle({
     return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.btnIconSizeSmall, t.btnIconGapSmall);
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeSmall, t.btnIconGapSmall);
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.btnIconSizeMedium, t.btnIconGapMedium);
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeMedium, t.btnIconGapMedium);
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.btnIconSizeLarge, t.btnIconGapLarge);
+    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeLarge, t.btnIconGapLarge);
   },
   borderless: function borderless() {
     return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover,\n      &:active {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n    "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom);

package/components/Button/Button.styles/Button.styles.js.map CHANGED Viewed

	@@ -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","caption","innerShadow","styles","root","t","btnBackgroundClip","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","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","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","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"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 caption: 'caption',\n innerShadow: 'inner-shadow',\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 &: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 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 line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover,\n &:active {\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,\n &:active,\n &:active:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\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 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 ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.pay(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,\n &:active,\n &:hover:active {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\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 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 iconNoRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n padding-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 padding-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n padding-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n padding-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover,\n &:active {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\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 &:hover {\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 &:hover {\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 &:hover {\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 &:hover {\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 &:hover {\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 &:hover {\n color: ${t.btnLinkActiveColor};\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","caption","innerShadow","styles","root","t","btnBackgroundClip","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","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","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","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"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 caption: 'caption',\n innerShadow: 'inner-shadow',\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 &: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 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 line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover,\n &:active {\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,\n &:active,\n &:active:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\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 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 ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\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 ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.pay(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,\n &:active,\n &:hover:active {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\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 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 &,\n &:hover,\n &:active {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\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 &:hover {\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 &:hover {\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 &:hover {\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 &:hover {\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 &:hover {\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 &:hover {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n});\n"]}

package/components/Button/Button.styles.d.ts CHANGED Viewed

@@ -49,7 +49,7 @@ export declare const styles: {
     narrow(): string;
     noPadding(): string;
     noRightPadding(): string;
-    iconNoRightPadding(): string;
+    iconNoRightMargin(): string;
     iconLink(t: Theme): string;
     wrapLink(): string;
     wrapArrow(): string;

package/components/Center/Center/Center.js CHANGED Viewed

@@ -10,11 +10,14 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { styles } from "../Center.styles";
-export
+export var CenterDataTids = {
+  root: 'Center__root'
+};
 /**
-* Контейнер, который центрирует элементы внутри себя.
-*/
-var Center = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+ * Контейнер, который центрирует элементы внутри себя.
+ */
+export var Center = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Center, _React$Component);
   function Center() {
@@ -32,7 +35,9 @@ var Center = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$
       var align = props.align,
           rest = _objectWithoutPropertiesLoose(props, _excluded);
-      return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+      return /*#__PURE__*/React.createElement("div", _extends({
+        "data-tid": CenterDataTids.root
+      }, rest, {
         className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootAlignLeft()] = align === 'left', _cx[styles.rootAlignRight()] = align === 'right', _cx))
       }), /*#__PURE__*/React.createElement("span", {
         className: styles.spring()

package/components/Center/Center/Center.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Center.tsx"],"names":["React","CommonWrapper","cx","rootNode","styles","Center","renderMain","props","align","rest","~~root","~~rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"yRAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB~~;;;;;;;;;;;;;;;;;;;;;;AAsBA~~,~~OAJA~~;AACA;AACA,~~GAEA~~,~~IAAaC,~~MAAb,~~GADCF~~,QACD~~;;;;;;;;;;;;;AAeUG~~,IAAAA,UAfV,GAeuB,UAACC,KAAD,EAAgD;AACnE,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,iCAA2BF,KAA3B;;AAEA;AACE;~~AACME~~,QAAAA,~~IADN~~;~~AAEE~~,UAAA,SAAS,~~EAAEP~~,EAAE;AACVE,UAAAA,MAAM,~~CAACM~~,IAAP,EADU,IACM,IADN;~~AAEVN~~,UAAAA,MAAM,~~CAACO~~,aAAP,EAFU,~~IAEeH~~,KAAK,KAAK,MAFzB;~~AAGVJ~~,UAAAA,MAAM,~~CAACQ~~,cAAP,EAHU,~~IAGgBJ~~,KAAK,KAAK,OAH1B,~~OAFf~~;;;~~AAQE~~,sCAAM,SAAS,~~EAAEJ~~,MAAM,~~CAACS~~,MAAP,EAAjB,~~GARF~~;~~AASE~~,sCAAM,SAAS,~~EAAET~~,MAAM,~~CAACU~~,SAAP,EAAjB,IAAsC,~~MAAKP~~,KAAL,~~CAAWQ~~,QAAjD,~~CATF~~,CADF;;;~~AAaD~~,~~KA/BH~~,oDAQSC,MART,GAQE,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,~~KAAKV~~,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,CAdH,~~iBAA4BN~~,KAAK,~~CAACkB~~,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAGgBC,YAHhB,GAG+B,~~EAC3BZ~~,KAAK,EAAE,QADoB,EAH/B","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /*\n Определяет, как контент будет выровнен по горизонтали.\n \n Допустимые значения: `\"left\"`, `\"center\"`, `\"right\"`.\n /\n align?: HorizontalAlign;\n }\n > {}\n\n/\n Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n\n public static defaultProps = {\n align: 'center',\n };\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}
1	+ {"version":3,"sources":["Center.tsx"],"names":["React","CommonWrapper","cx","rootNode","styles","CenterDataTids","root","Center","renderMain","props","align","rest","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"yRAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;;;;;;;;;;;;;;;;;AAkBA,OAAO,IAAMC,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB;;;AAIP;AACA;AACA;;AAEA,WAAaC,MAAb,GADCJ,QACD;;;;;;;;;;;;;;;AAeUK,IAAAA,UAfV,GAeuB,UAACC,KAAD,EAAgD;AACnE,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,iCAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUJ,cAAc,CAACC,IAD3B;AAEMK,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAET,EAAE;AACVE,UAAAA,MAAM,CAACE,IAAP,EADU,IACM,IADN;AAEVF,UAAAA,MAAM,CAACQ,aAAP,EAFU,IAEeF,KAAK,KAAK,MAFzB;AAGVN,UAAAA,MAAM,CAACS,cAAP,EAHU,IAGgBH,KAAK,KAAK,OAH1B,OAHf;;;AASE,sCAAM,SAAS,EAAEN,MAAM,CAACU,MAAP,EAAjB,GATF;AAUE,sCAAM,SAAS,EAAEV,MAAM,CAACW,SAAP,EAAjB,IAAsC,MAAKN,KAAL,CAAWO,QAAjD,CAVF,CADF;;;AAcD,KAhCH,oDAQSC,MART,GAQE,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKT,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,CAdH,iBAA4BR,KAAK,CAACmB,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAGgBC,YAHhB,GAG+B,EAC3BX,KAAK,EAAE,QADoB,EAH/B","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /*\n Определяет, как контент будет выровнен по горизонтали.\n \n Допустимые значения: `\"left\"`, `\"center\"`, `\"right\"`.\n /\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\n/\n Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n\n public static defaultProps = {\n align: 'center',\n };\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}

package/components/Center/Center.d.ts CHANGED Viewed

@@ -11,6 +11,9 @@ export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<
     align?: HorizontalAlign;
 }> {
 }
+export declare const CenterDataTids: {
+    readonly root: "Center__root";
+};
 /**
  * Контейнер, который центрирует элементы внутри себя.
  */

package/components/Checkbox/Checkbox/Checkbox.js CHANGED Viewed

@@ -16,6 +16,9 @@ import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
 import { styles, globalClasses } from "../Checkbox.styles";
+export var CheckboxDataTids = {
+  root: 'Checkbox__root'
+};
 export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(Checkbox, _React$PureComponent);
@@ -134,6 +137,7 @@ export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         className: iconClass
       })));
       return /*#__PURE__*/React.createElement("label", {
+        "data-tid": CheckboxDataTids.root,
         className: rootClass,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,

package/components/Checkbox/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","styles","globalClasses","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","root","theme","rootFallback","rootChecked","checked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","icon","iconUnchecked","box","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n extends CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /*\n Контент `label`\n /\n children?: React.ReactNode;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n /\n HTML-событие `mouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /\n Функция, вызываемая при изменении `value`.\n /\n onValueChange?: (value: boolean) => void;\n /\n HTML-событие `onblur`.\n /\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n /\n [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n /\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n\n public static propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n warning: PropTypes.bool,\n onValueChange: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n };\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate \|\| false,\n isShiftPressed: false,\n };\n\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n document.addEventListener('keydown', this.handleShiftPress);\n document.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n document.removeEventListener('keydown', this.handleShiftPress);\n document.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Программная установка фокуса чекбоксу.\n * @public\n /\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /\n Программное снятие фокуса с чекбокса.\n * @public\n /\n public blur() {\n this.input.current?.blur();\n }\n\n /\n Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n /\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /\n Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const rootClass = cx({\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 \|\| isEdge,\n [styles.rootChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 \|\| isEdge,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const iconClass = cx({\n [styles.icon(this.theme)]: true,\n [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n });\n\n const box = (\n <div className={cx(styles.boxWrapper(this.theme))}>\n <div\n className={cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: props.error,\n [styles.boxWarning(this.theme)]: props.warning,\n [styles.boxDisabled(this.theme)]: props.disabled,\n })}\n >\n {(isIndeterminate && <SquareIcon className={iconClass} />) \|\| <OkIcon className={iconClass} />}\n </div>\n </div>\n );\n\n return (\n <label\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <input {...inputProps} />\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\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\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.props.onBlur?.(e);\n this.setState({ focusedByTab: false });\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 \|\| isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"]}
1	+ {"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","styles","globalClasses","CheckboxDataTids","root","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","theme","rootFallback","rootChecked","checked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","icon","iconUnchecked","box","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n extends CommonProps,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /*\n Контент `label`\n /\n children?: React.ReactNode;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n /\n HTML-событие `mouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n /\n HTML-событие `mouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n /\n Функция, вызываемая при изменении `value`.\n /\n onValueChange?: (value: boolean) => void;\n /\n HTML-событие `onblur`.\n /\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n /\n [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n /\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n\n public static propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n warning: PropTypes.bool,\n onValueChange: PropTypes.func,\n onBlur: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n };\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate \|\| false,\n isShiftPressed: false,\n };\n\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n document.addEventListener('keydown', this.handleShiftPress);\n document.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n document.removeEventListener('keydown', this.handleShiftPress);\n document.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Программная установка фокуса чекбоксу.\n * @public\n /\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /\n Программное снятие фокуса с чекбокса.\n * @public\n /\n public blur() {\n this.input.current?.blur();\n }\n\n /\n Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n /\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /\n Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const rootClass = cx({\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 \|\| isEdge,\n [styles.rootChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 \|\| isEdge,\n [styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const iconClass = cx({\n [styles.icon(this.theme)]: true,\n [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n });\n\n const box = (\n <div className={cx(styles.boxWrapper(this.theme))}>\n <div\n className={cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: props.error,\n [styles.boxWarning(this.theme)]: props.warning,\n [styles.boxDisabled(this.theme)]: props.disabled,\n })}\n >\n {(isIndeterminate && <SquareIcon className={iconClass} />) \|\| <OkIcon className={iconClass} />}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <input {...inputProps} />\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\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\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.props.onBlur?.(e);\n this.setState({ focusedByTab: false });\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 \|\| isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"]}

package/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -46,6 +46,9 @@ export interface CheckboxState {
     indeterminate: boolean;
     isShiftPressed: boolean;
 }
+export declare const CheckboxDataTids: {
+    readonly root: "Checkbox__root";
+};
 export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {