npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9ab4f802f3 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9ab4f802f3

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

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

@@ -597,9 +597,9 @@ Button = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
    * @public
    */;_proto.focus = function focus() {var _this$node;(_this$node = this.node) == null ? void 0 : _this$node.focus();} /**
    * @public
-   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null ? void 0 : _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return _this2.renderMain();});});};_proto.renderLinkRootWithoutHandlers = function renderLinkRootWithoutHandlers(props) {var onClick = props.onClick,onFocus = props.onFocus,onBlur = props.onBlur,children = props.children,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);return /*#__PURE__*/_react.default.createElement("span", rest, children);};_proto.renderMain = function renderMain() {var _this$emotion$cx2, _this$emotion$cx5, _this$emotion$cx6;var _this$props = this.props,corners = _this$props.corners,active = _this$props.active,disabled = _this$props.disabled,borderless = _this$props.borderless,checked = _this$props.checked,error = _this$props.error,warning = _this$props.warning,loading = _this$props.loading,narrow = _this$props.narrow,icon = _this$props.icon,rightIcon = _this$props.rightIcon,_noPadding = _this$props._noPadding,_noRightPadding = _this$props._noRightPadding,visuallyFocused = _this$props.visuallyFocused,align = _this$props.align,disableFocus = _this$props.disableFocus,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseDown = _this$props.onMouseDown,onMouseUp = _this$props.onMouseUp,onKeyDown = _this$props.onKeyDown,onClick = _this$props.onClick,onClickCapture = _this$props.onClickCapture,width = _this$props.width,children = _this$props.children,ariaDescribedby = _this$props['aria-describedby'],ariaHasPopup = _this$props['aria-haspopup'],ariaControls = _this$props['aria-controls'],ariaLabel = _this$props['aria-label'],ariaChecked = _this$props['aria-checked'],ariaExpanded = _this$props['aria-expanded'],role = _this$props.role;var _this$getProps = this.getProps(),use = _this$getProps.use,type = _this$getProps.type,size = _this$getProps.size;var sizeClass = this.getSizeClassName();var isFocused = this.state.focusedByTab || visuallyFocused;var isLink = use === 'link';var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme); // eslint-disable-next-line react-hooks/rules-of-hooks
+   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null ? void 0 : _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return _this2.renderMain();});});};_proto.renderLinkRootWithoutHandlers = function renderLinkRootWithoutHandlers(props) {var onClick = props.onClick,onFocus = props.onFocus,onBlur = props.onBlur,children = props.children,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);return /*#__PURE__*/_react.default.createElement("span", rest, children);};_proto.renderMain = function renderMain() {var _this$emotion$cx2, _this$emotion$cx5, _this$emotion$cx6;var _this$props = this.props,corners = _this$props.corners,active = _this$props.active,disabled = _this$props.disabled,borderless = _this$props.borderless,checked = _this$props.checked,error = _this$props.error,warning = _this$props.warning,loading = _this$props.loading,narrow = _this$props.narrow,icon = _this$props.icon,rightIcon = _this$props.rightIcon,_noPadding = _this$props._noPadding,_noRightPadding = _this$props._noRightPadding,visuallyFocused = _this$props.visuallyFocused,align = _this$props.align,disableFocus = _this$props.disableFocus,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseDown = _this$props.onMouseDown,onMouseUp = _this$props.onMouseUp,onKeyDown = _this$props.onKeyDown,onClick = _this$props.onClick,onClickCapture = _this$props.onClickCapture,width = _this$props.width,children = _this$props.children,ariaDescribedby = _this$props['aria-describedby'],ariaHasPopup = _this$props['aria-haspopup'],ariaControls = _this$props['aria-controls'],ariaLabel = _this$props['aria-label'],ariaChecked = _this$props['aria-checked'],ariaExpanded = _this$props['aria-expanded'],role = _this$props.role;var _this$getProps = this.getProps(),use = _this$getProps.use,type = _this$getProps.type,size = _this$getProps.size;var sizeClass = this.getSizeClassName();var isFocused = this.state.focusedByTab || visuallyFocused;var isLink = use === 'link';var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme); // eslint-disable-next-line react-hooks/rules-of-hooks
     var _useButtonArrow = (0, _ButtonArrow.useButtonArrow)((0, _extends2.default)({}, this.props, { isFocused: Boolean(isFocused) }), this.theme, this.emotion),wrapClassNameWithArrow = _useButtonArrow[0],rootClassNameWithArrow = _useButtonArrow[1],arrowNode = _useButtonArrow[2];var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);var rootClassName = '';var styles = (0, _Button.getStyles)(this.emotion);var activeStyles = (0, _Button.getActiveStyles)(this.emotion);if (_isTheme2022) {var _this$emotion;var trueDisabled = disabled || loading;rootClassName = (_this$emotion = this.emotion).cx.apply(_this$emotion, [styles.root(this.theme), styles[use](this.theme), sizeClass, narrow && styles.narrow(), _noPadding && styles.noPadding(), _noRightPadding && styles.noRightPadding(), rootClassNameWithArrow].concat(trueDisabled ? [styles.disabled(this.theme), isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme), checked && styles.checkedDisabled(this.theme), checked && styles.checkedDisabled2022(this.theme), borderless && styles.borderless2022(), use === 'backless' && !checked && styles.backlessDisabled2022(this.theme), use === 'text' && styles.textDisabled2022()] : [active && !checked && activeStyles[use](this.theme), isFocused && styles.focus(this.theme), checked && styles.checked2022(this.theme), checked && isFocused && styles.checkedFocused(this.theme), borderless && !checked && !isFocused && styles.borderless2022()]));} else {var _this$emotion$cx;rootClassName = this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.root(this.theme)] = true, _this$emotion$cx[styles.simulatedPress()] = true, _this$emotion$cx[styles[use](this.theme)] = true, _this$emotion$cx[activeStyles[use](this.theme)] = active, _this$emotion$cx[sizeClass] = true, _this$emotion$cx[styles.focus(this.theme)] = isFocused, _this$emotion$cx[styles.checked(this.theme)] = checked, _this$emotion$cx[styles.checkedFocused(this.theme)] = checked && isFocused, _this$emotion$cx[styles.disabled(this.theme)] = disabled || loading, _this$emotion$cx[styles.checkedDisabled(this.theme)] = checked && disabled, _this$emotion$cx[styles.borderless()] = borderless && !disabled && !loading && !checked && !isFocused && !active, _this$emotion$cx[styles.narrow()] = narrow, _this$emotion$cx[styles.noPadding()] = _noPadding, _this$emotion$cx[styles.noRightPadding()] = _noRightPadding, _this$emotion$cx));}var rootProps = { // By default the type attribute is 'submit'. IE8 will fire a click event
       // on this button if somewhere on the page user presses Enter while some
       // input is focused. So we set type to 'button' by default.
       type: type, role: role, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup, 'aria-controls': ariaControls, 'aria-label': ariaLabel, 'aria-checked': ariaChecked, 'aria-expanded': ariaExpanded, className: rootClassName, style: (0, _extends2.default)({ textAlign: align }, corners), disabled: disabled || loading, onClick: onClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onClickCapture: onClickCapture, tabIndex: disableFocus ? -1 : 0, title: this.props.title };var wrapProps = { className: this.emotion.cx(_Button.globalClasses.root, (_this$emotion$cx2 = {}, _this$emotion$cx2[styles.wrap(this.theme)] = true, _this$emotion$cx2[wrapClassNameWithArrow] = true, _this$emotion$cx2[this.getSizeWrapClassName()] = true, _this$emotion$cx2)), style: { width: width } };var innerShadowNode = _isTheme2022 ? null : /*#__PURE__*/_react.default.createElement("div", { className: _Button.globalClasses.innerShadow });var outlineNode = null;var isDisabled2022 = _isTheme2022 && (disabled || loading);if ((!isFocused || isLink) && !isDisabled2022) {var _this$emotion$cx3;outlineNode = /*#__PURE__*/_react.default.createElement("div", { style: { zIndex: _isTheme2022 && isLink ? -1 : undefined }, className: this.emotion.cx(styles.outline(), (_this$emotion$cx3 = {}, _this$emotion$cx3[styles.outlineWarning(this.theme)] = warning, _this$emotion$cx3[styles.outlineError(this.theme)] = error, _this$emotion$cx3[styles.outlineLink()] = isLink, _this$emotion$cx3[styles.outlineLinkWarning(this.theme)] = isLink && warning, _this$emotion$cx3[styles.outlineLinkError(this.theme)] = isLink && error, _this$emotion$cx3)) });}var iconProps = { use: use, size: this.getProps().size, hasChildren: !!children, loading: loading || false };var leftIconNode = icon && /*#__PURE__*/_react.default.createElement(_ButtonIcon.ButtonIcon, (0, _extends2.default)({}, iconProps, { position: "left", icon: icon }));var rightIconNode = rightIcon && /*#__PURE__*/_react.default.createElement(_ButtonIcon.ButtonIcon, (0, _extends2.default)({}, iconProps, { hasBothIcons: !!icon && !!rightIcon, position: "right", icon: rightIcon })); // Force disable all props and features, that cannot be use with Link
-    if (isLink) {var _this$emotion$cx4;rootProps.className = this.emotion.cx((_this$emotion$cx4 = {}, _this$emotion$cx4[styles.root(this.theme)] = true, _this$emotion$cx4[sizeClass] = true, _this$emotion$cx4[styles.link(this.theme)] = true, _this$emotion$cx4[styles.linkLineHeight()] = !_client.isSafari || _client.isSafari && !_isTheme2022, _this$emotion$cx4[styles.linkLineHeightSafariFallback()] = _client.isSafari && _isTheme2022, _this$emotion$cx4[styles.linkFocus(this.theme)] = isFocused, _this$emotion$cx4[styles.linkDisabled(this.theme)] = disabled || loading, _this$emotion$cx4));Object.assign(wrapProps, { className: this.emotion.cx(styles.wrap(this.theme), styles.wrapLink()), style: { width: wrapProps.style.width } });rootProps.style.textAlign = undefined;}var hasLoadingNode = loading && !icon && !rightIcon;var loadingNode = hasLoadingNode && /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { size: size });var captionNode = /*#__PURE__*/_react.default.createElement("div", { className: this.emotion.cx(styles.caption(), _Button.globalClasses.caption, (_this$emotion$cx5 = {}, _this$emotion$cx5[styles.captionTranslated()] = (active || checked) && !loading && !_isTheme2022, _this$emotion$cx5[styles.captionLink()] = isLink, _this$emotion$cx5[styles.captionDisabled()] = !checked && disabled, _this$emotion$cx5)) }, loadingNode, leftIconNode, /*#__PURE__*/_react.default.createElement("span", { className: this.emotion.cx(_Button.globalClasses.text, (_this$emotion$cx6 = {}, _this$emotion$cx6[styles.visibilityHidden()] = hasLoadingNode, _this$emotion$cx6)) }, children), rightIconNode);if (_isTheme2022 && isLink && !loading) {captionNode = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeProvider, { value: (0, _getInnerLinkTheme.getInnerLinkTheme)(this.theme) }, /*#__PURE__*/_react.default.createElement(_Link.Link, { focused: isFocused, disabled: disabled, icon: this.renderIcon2022(icon), rightIcon: this.renderIcon2022(rightIcon), as: this.renderLinkRootWithoutHandlers, tabIndex: -1 }, children));}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, wrapProps, { "data-tid": ButtonDataTids.rootElement }), /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({ "data-tid": ButtonDataTids.root, ref: this._ref }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode)));};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _this$emotion$cx7, _this$emotion$cx8, _this$emotion$cx9;var styles = (0, _Button.getStyles)(this.emotion);var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme);switch (this.getProps().size) {case 'large':return this.emotion.cx(styles.sizeLarge(this.theme), (_this$emotion$cx7 = {}, _this$emotion$cx7[styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx7[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx7[styles.sizeLargeWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _this$emotion$cx7));case 'medium':return this.emotion.cx(styles.sizeMedium(this.theme), (_this$emotion$cx8 = {}, _this$emotion$cx8[styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx8[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx8[styles.sizeMediumWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _this$emotion$cx8));case 'small':default:return this.emotion.cx(styles.sizeSmall(this.theme), (_this$emotion$cx9 = {}, _this$emotion$cx9[styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx9[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx9[styles.sizeSmallWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _this$emotion$cx9));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {var styles = (0, _Button.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.wrapLarge(this.theme);case 'medium':return styles.wrapMedium(this.theme);case 'small':default:return styles.wrapSmall(this.theme);}};return Button;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.displayName = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = { use: 'default', size: 'small', type: 'button' }, _temp)) || _class;exports.Button = Button;var isButton = (0, _utils.isReactUIComponent)('Button');exports.isButton = isButton;
+    if (isLink) {var _this$emotion$cx4;rootProps.className = this.emotion.cx((_this$emotion$cx4 = {}, _this$emotion$cx4[styles.root(this.theme)] = true, _this$emotion$cx4[sizeClass] = true, _this$emotion$cx4[styles.link(this.theme)] = true, _this$emotion$cx4[styles.linkLineHeight()] = !_client.isSafari || _client.isSafari && !_isTheme2022, _this$emotion$cx4[styles.linkLineHeightSafariFallback()] = _client.isSafari && _isTheme2022, _this$emotion$cx4[styles.linkFocus(this.theme)] = isFocused, _this$emotion$cx4[styles.linkDisabled(this.theme)] = disabled || loading, _this$emotion$cx4));Object.assign(wrapProps, { className: this.emotion.cx(styles.wrap(this.theme), styles.wrapLink()), style: { width: wrapProps.style.width } });rootProps.style.textAlign = undefined;}var hasLoadingNode = loading && !icon && !rightIcon;var loadingNode = hasLoadingNode && /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { size: size });var captionNode = /*#__PURE__*/_react.default.createElement("div", { className: this.emotion.cx(styles.caption(), _Button.globalClasses.caption, (_this$emotion$cx5 = {}, _this$emotion$cx5[styles.captionTranslated()] = (active || checked) && !loading && !_isTheme2022, _this$emotion$cx5[styles.captionLink()] = isLink, _this$emotion$cx5[styles.captionDisabled()] = !checked && disabled, _this$emotion$cx5)) }, loadingNode, leftIconNode, /*#__PURE__*/_react.default.createElement("span", { className: this.emotion.cx(_Button.globalClasses.text, (_this$emotion$cx6 = {}, _this$emotion$cx6[styles.visibilityHidden()] = hasLoadingNode, _this$emotion$cx6)) }, children), rightIconNode);if (_isTheme2022 && isLink && !loading) {captionNode = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getInnerLinkTheme.getInnerLinkTheme)(this.theme) }, /*#__PURE__*/_react.default.createElement(_Link.Link, { focused: isFocused, disabled: disabled, icon: this.renderIcon2022(icon), rightIcon: this.renderIcon2022(rightIcon), as: this.renderLinkRootWithoutHandlers, tabIndex: -1 }, children));}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, wrapProps, { "data-tid": ButtonDataTids.rootElement }), /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({ "data-tid": ButtonDataTids.root, ref: this._ref }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode)));};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _this$emotion$cx7, _this$emotion$cx8, _this$emotion$cx9;var styles = (0, _Button.getStyles)(this.emotion);var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme);switch (this.getProps().size) {case 'large':return this.emotion.cx(styles.sizeLarge(this.theme), (_this$emotion$cx7 = {}, _this$emotion$cx7[styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx7[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx7[styles.sizeLargeWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _this$emotion$cx7));case 'medium':return this.emotion.cx(styles.sizeMedium(this.theme), (_this$emotion$cx8 = {}, _this$emotion$cx8[styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx8[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx8[styles.sizeMediumWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _this$emotion$cx8));case 'small':default:return this.emotion.cx(styles.sizeSmall(this.theme), (_this$emotion$cx9 = {}, _this$emotion$cx9[styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _this$emotion$cx9[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _this$emotion$cx9[styles.sizeSmallWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _this$emotion$cx9));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {var styles = (0, _Button.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.wrapLarge(this.theme);case 'medium':return styles.wrapMedium(this.theme);case 'small':default:return styles.wrapSmall(this.theme);}};return Button;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.displayName = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = { use: 'default', size: 'small', type: 'button' }, _temp)) || _class;exports.Button = Button;var isButton = (0, _utils.isReactUIComponent)('Button');exports.isButton = isButton;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.tsx"],"names":["ButtonDataTids","rootElement","root","spinner","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","emotion","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","children","rest","corners","active","borderless","checked","error","warning","narrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","styles","activeStyles","trueDisabled","cx","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","globalClasses","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { HTMLProps } from '../../typings/html';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link, LinkProps } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getActiveStyles, getStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\n/*\n @deprecated use SizeProp\n /\nexport type ButtonSize = SizeProp;\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link' \| 'text' \| 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<\n AriaAttributes,\n 'aria-haspopup' \| 'aria-describedby' \| 'aria-controls' \| 'aria-label' \| 'aria-checked' \| 'aria-expanded'\n >,\n Pick<HTMLAttributes<unknown>, 'role'>,\n Pick<HTMLProps['button'], 'onClickCapture' \| 'onMouseUp' \| 'onMouseDown'> {\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;\n\n /\n Иконка справа от текста кнопки.\n /\n rightIcon?: React.ReactElement;\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?: SizeProp;\n\n /\n HTML-атрибут `type`.\n /\n type?: ButtonType;\n\n /\n HTML-атрибут `title`.\n /\n title?: string;\n\n /\n Стиль кнопки.\n \n Допустимые значения: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n /\n use?: ButtonUse;\n\n /* @ignore /\n visuallyFocused?: boolean;\n\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n\n /\n CSS-свойство `width`.\n /\n width?: number \| string;\n\n /\n Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n /\n theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n rootElement: 'Button__rootElement',\n root: 'Button__root',\n spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' \| 'size' \| 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static displayName = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\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 <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeConsumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeConsumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n private renderLinkRootWithoutHandlers(props: LinkProps) {\n const { onClick, onFocus, onBlur, children, ...rest } = props;\n return <span {...rest}>{children}</span>;\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n rightIcon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onMouseDown,\n onMouseUp,\n onKeyDown,\n onClick,\n onClickCapture,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n this.emotion,\n );\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n let rootClassName = '';\n const styles = getStyles(this.emotion);\n const activeStyles = getActiveStyles(this.emotion);\n if (_isTheme2022) {\n const trueDisabled = disabled \|\| loading;\n rootClassName = this.emotion.cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),\n use === 'text' && styles.textDisabled2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = this.emotion.cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled \|\| loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled \|\| loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onMouseDown,\n onMouseUp,\n onClickCapture,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: this.emotion.cx(globalClasses.root, {\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled \|\| loading);\n if ((!isFocused \|\| isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={this.emotion.cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconProps: Omit<ButtonIconProps, 'position'> = {\n use,\n size: this.getProps().size,\n hasChildren: !!children,\n loading: loading \|\| false,\n };\n const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n const rightIconNode = rightIcon && (\n <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n );\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = this.emotion.cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari \|\| (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled \|\| loading,\n });\n Object.assign(wrapProps, {\n className: this.emotion.cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n const hasLoadingNode = loading && !icon && !rightIcon;\n const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n let captionNode = (\n <div\n className={this.emotion.cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active \|\| checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {leftIconNode}\n <span\n className={this.emotion.cx(globalClasses.text, {\n [styles.visibilityHidden()]: hasLoadingNode,\n })}\n >\n {children}\n </span>\n {rightIconNode}\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeProvider value={getInnerLinkTheme(this.theme)}>\n <Link\n focused={isFocused}\n disabled={disabled}\n icon={this.renderIcon2022(icon)}\n rightIcon={this.renderIcon2022(rightIcon)}\n as={this.renderLinkRootWithoutHandlers}\n tabIndex={-1}\n >\n {children}\n </Link>\n </ThemeProvider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps} data-tid={ButtonDataTids.rootElement}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private renderIcon2022(icon: React.ReactElement \| undefined) {\n if (icon && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n }\n\n return icon;\n }\n\n private getSizeClassName() {\n const styles = getStyles(this.emotion);\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return this.emotion.cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return this.emotion.cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return this.emotion.cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n const styles = getStyles(this.emotion);\n\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.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":["ButtonDataTids","rootElement","root","spinner","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","emotion","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","children","rest","corners","active","borderless","checked","error","warning","narrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","styles","activeStyles","trueDisabled","cx","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","globalClasses","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { HTMLProps } from '../../typings/html';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link, LinkProps } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getActiveStyles, getStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\n/*\n @deprecated use SizeProp\n /\nexport type ButtonSize = SizeProp;\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link' \| 'text' \| 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<\n AriaAttributes,\n 'aria-haspopup' \| 'aria-describedby' \| 'aria-controls' \| 'aria-label' \| 'aria-checked' \| 'aria-expanded'\n >,\n Pick<HTMLAttributes<unknown>, 'role'>,\n Pick<HTMLProps['button'], 'onClickCapture' \| 'onMouseUp' \| 'onMouseDown'> {\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;\n\n /\n Иконка справа от текста кнопки.\n /\n rightIcon?: React.ReactElement;\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?: SizeProp;\n\n /\n HTML-атрибут `type`.\n /\n type?: ButtonType;\n\n /\n HTML-атрибут `title`.\n /\n title?: string;\n\n /\n Стиль кнопки.\n \n Допустимые значения: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n /\n use?: ButtonUse;\n\n /* @ignore /\n visuallyFocused?: boolean;\n\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n\n /\n CSS-свойство `width`.\n /\n width?: number \| string;\n\n /\n Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n /\n theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n rootElement: 'Button__rootElement',\n root: 'Button__root',\n spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' \| 'size' \| 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static displayName = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\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 <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n private renderLinkRootWithoutHandlers(props: LinkProps) {\n const { onClick, onFocus, onBlur, children, ...rest } = props;\n return <span {...rest}>{children}</span>;\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n rightIcon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onMouseDown,\n onMouseUp,\n onKeyDown,\n onClick,\n onClickCapture,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n this.emotion,\n );\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n let rootClassName = '';\n const styles = getStyles(this.emotion);\n const activeStyles = getActiveStyles(this.emotion);\n if (_isTheme2022) {\n const trueDisabled = disabled \|\| loading;\n rootClassName = this.emotion.cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),\n use === 'text' && styles.textDisabled2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = this.emotion.cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled \|\| loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n 'aria-expanded': ariaExpanded,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled \|\| loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onMouseDown,\n onMouseUp,\n onClickCapture,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: this.emotion.cx(globalClasses.root, {\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled \|\| loading);\n if ((!isFocused \|\| isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={this.emotion.cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconProps: Omit<ButtonIconProps, 'position'> = {\n use,\n size: this.getProps().size,\n hasChildren: !!children,\n loading: loading \|\| false,\n };\n const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n const rightIconNode = rightIcon && (\n <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n );\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = this.emotion.cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari \|\| (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled \|\| loading,\n });\n Object.assign(wrapProps, {\n className: this.emotion.cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n const hasLoadingNode = loading && !icon && !rightIcon;\n const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n let captionNode = (\n <div\n className={this.emotion.cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active \|\| checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {leftIconNode}\n <span\n className={this.emotion.cx(globalClasses.text, {\n [styles.visibilityHidden()]: hasLoadingNode,\n })}\n >\n {children}\n </span>\n {rightIconNode}\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link\n focused={isFocused}\n disabled={disabled}\n icon={this.renderIcon2022(icon)}\n rightIcon={this.renderIcon2022(rightIcon)}\n as={this.renderLinkRootWithoutHandlers}\n tabIndex={-1}\n >\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps} data-tid={ButtonDataTids.rootElement}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private renderIcon2022(icon: React.ReactElement \| undefined) {\n if (icon && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n }\n\n return icon;\n }\n\n private getSizeClassName() {\n const styles = getStyles(this.emotion);\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return this.emotion.cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return this.emotion.cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return this.emotion.cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n const styles = getStyles(this.emotion);\n\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.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/cjs/components/Button/Button.md CHANGED Viewed

@@ -60,15 +60,15 @@ import { XIcon16Regular } from '@skbkontur/icons/XIcon16Regular';
 ```jsx harmony
 <div
-    style={{
-      display: "flex",
-      alignItems: "end",
-      gap: '10px',
-    }}
-  >
-    <Button size="small">Маленькая</Button>
-    <Button size="medium">Средняя</Button>
-    <Button size="large">Большая</Button>
+  style={{
+    display: "flex",
+    alignItems: "end",
+    gap: '10px',
+  }}
+>
+  <Button size="small">Маленькая</Button>
+  <Button size="medium">Средняя</Button>
+  <Button size="large">Большая</Button>
 </div>
 ```
@@ -133,7 +133,7 @@ const handleClick = () => {
 ```
-Пример кнопки с пропом `theme`
+Пример кнопки с пропом `theme`.
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';
@@ -146,7 +146,7 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 ```
-Пример кастомизации кнопки-ссылки
+Пример кастомизации кнопки-ссылки.
 ```jsx harmony
 import { Toast } from "@skbkontur/react-ui";
@@ -212,3 +212,30 @@ const renderExampleRow = (title, styles, index) => {
   {renderExampleRow('Изменение цвета ссылки', differentColorStyles)}
 </table>
 ```
+Кнопка может быть узкой.
+```jsx harmony
+import { Button } from '@skbkontur/react-ui';
+<Button narrow>
+  Создать отчет
+</Button>
+```
+У кнопки есть состояния валидации.
+```jsx harmony
+import { Button, Gapped } from '@skbkontur/react-ui';
+<Gapped gap={5}>
+  <Button warning>
+    Warning
+  </Button>
+  <Button error>
+    Error
+  </Button>
+</Gapped>
+```

package/cjs/components/Calendar/Calendar.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { Nullable, Range } from '../../typings/utility-types';
 import { MonthViewModel } from './MonthViewModel';
-import { CalendarDateShape } from './CalendarDateShape';
+import { CalendarDayProps } from './CalendarDay';
 export interface CalendarProps extends CommonProps {
     /**
      * Вызывается при изменении `value`
@@ -45,20 +45,40 @@ export interface CalendarProps extends CommonProps {
      * Позволяет задать начальный год
      */
     initialYear?: number;
+    /**
+     * Метод отрисовки дат в календаре
+     * @default (props: CalendarDayProps) => <CalendarDay {...props} />
+     * @param {CalendarDayProps} props
+     *
+     * @returns {ReactElement} Элемент, который отрисовывает контент числа месяца.
+     */
+    renderDay?: (props: CalendarDayProps) => React.ReactElement;
+    /**
+     * Вызывается при каждом изменении месяца
+     * @param {CalendarMonthChangeInfo} changeInfo - информация о изменении отображаемого месяца, где
+     * `month: number` - номер текущего отображаемого месяца от 1 до 12,
+     * `year: number` - отображаемый год,
+     */
+    onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;
 }
 export interface CalendarState {
     scrollPosition: number;
     months: MonthViewModel[];
-    today: CalendarDateShape;
     scrollDirection: number;
     scrollTarget: number;
 }
+export interface CalendarMonthChangeInfo {
+    month: number;
+    year: number;
+}
 export declare const CalendarDataTids: {
     readonly root: "Calendar__root";
     readonly month: "MonthView__month";
     readonly dayCell: "DayCellView__root";
     readonly headerMonth: "MonthView__headerMonth";
+    readonly monthSelectMobile: "MonthView__monthSelectMobile";
     readonly headerYear: "MonthView__headerYear";
+    readonly yearSelectMobile: "MonthView__yearSelectMobile";
 };
 declare type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
 /**
@@ -67,6 +87,7 @@ declare type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' |
 export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, CalendarDayProps> & Record<string, unknown>>;
     private static formatDate;
     static defaultProps: DefaultProps;
     private getProps;
@@ -78,7 +99,7 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     private touchStartY;
     private setRootNode;
     constructor(props: CalendarProps);
-    componentDidUpdate(prevProps: Readonly<CalendarProps>): void;
+    componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
     /**
@@ -86,13 +107,15 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
      * @public
      */
     scrollToMonth: (month: number, year: number) => Promise<void>;
+    private handleMonthChange;
+    private getViewModel;
     private renderMain;
     private refRoot;
     private renderMonth;
-    private isHoliday;
-    private handleDateChange;
+    private handleDateClick;
     private getDateInNativeFormat;
     private getMonthPositions;
+    private getVisibleMonths;
     private handleMonthYearChange;
     private executeAnimations;
     private handleTouchStart;

package/cjs/components/Calendar/Calendar.js CHANGED Viewed

@@ -7,7 +7,6 @@ var _globalObject = require("@skbkontur/global-object");
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _InternalDate = require("../../lib/date/InternalDate");
-var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
 var _rootNode = require("../../lib/rootNode");
 var _Emotion = require("../../lib/theming/Emotion");
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -17,6 +16,7 @@ var _constants = require("../../lib/date/constants");
 var _animation = require("../../lib/animation");
 var _client = require("../../lib/client");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _InternalDateTransformer = require("../../lib/date/InternalDateTransformer");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _config = require("./config");
@@ -25,7 +25,29 @@ var CalendarScrollEvents = _interopRequireWildcard(require("./CalendarScrollEven
 var _Month = require("./Month");
 var _CalendarDateShape = require("./CalendarDateShape");
 var CalendarUtils = _interopRequireWildcard(require("./CalendarUtils"));
-var _Calendar = require("./Calendar.styles");var _class, _class2, _temp;
+var _CalendarContext = require("./CalendarContext");
+var _Calendar = require("./Calendar.styles");
+var _CalendarDay = require("./CalendarDay");var _class, _class2, _temp;
@@ -84,7 +106,9 @@ var CalendarDataTids = {
   month: 'MonthView__month',
   dayCell: 'DayCellView__root',
   headerMonth: 'MonthView__headerMonth',
-  headerYear: 'MonthView__headerYear' };exports.CalendarDataTids = CalendarDataTids;
+  monthSelectMobile: 'MonthView__monthSelectMobile',
+  headerYear: 'MonthView__headerYear',
+  yearSelectMobile: 'MonthView__yearSelectMobile' };exports.CalendarDataTids = CalendarDataTids;
@@ -97,6 +121,8 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
   formatDate = function formatDate(date, month, year) {
     return new _InternalDate.InternalDate().setComponents({ date: date, month: month, year: year }).toString({ withPad: true });
   };
@@ -117,7 +143,7 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
-  function Calendar(_props) {var _CalendarUtils$getMon, _this$props$initialYe;var _this;
+  function Calendar(_props) {var _this$props$initialYe;var _this;
     _this = _React$Component.call(this, _props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(Calendar.defaultProps);_this.animation = (0, _animation.animation)();_this.touchStartY = null;_this.
@@ -169,6 +195,18 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
@@ -288,21 +326,42 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
                 }case 22:case "end":return _context.stop();}}}, _callee);}));return function (_x, _x2) {return _ref.apply(this, arguments);};}();_this.
+    handleMonthChange = function (visibleMonths) {
+      var currentMonth = visibleMonths[0];
+      var changeInfo = {
+        month: CalendarUtils.getMonthInHumanFormat(currentMonth.month),
+        year: currentMonth.year };
+      _this.props.onMonthChange == null ? void 0 : _this.props.onMonthChange(changeInfo);
+    };_this.
+    getViewModel = function (item) {return item[1];};_this.
     renderMain = function () {
-      var positions = _this.getMonthPositions();
+      var monthsForRender = _this.getVisibleMonths(_this.state);
       var wrapperStyle = { height: (0, _config.themeConfig)(_this.theme).WRAPPER_HEIGHT };
       var props = _this.getProps();
       var styles = (0, _Calendar.getStyles)(_this.emotion);
+      var context = {
+        value: _this.getDateInNativeFormat(props.value),
+        minDate: _this.getDateInNativeFormat(props.minDate),
+        maxDate: _this.getDateInNativeFormat(props.maxDate),
+        isHoliday: props.isHoliday,
+        renderDay: props.renderDay,
+        today: CalendarUtils.getTodayDate(),
+        onDateClick: _this.handleDateClick };
       return /*#__PURE__*/(
         _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this.setRootNode }, props), /*#__PURE__*/
         _react.default.createElement("div", { ref: _this.refRoot, "data-tid": CalendarDataTids.root, className: _this.emotion.cx(styles.root(_this.theme)) }, /*#__PURE__*/
-        _react.default.createElement("div", { style: wrapperStyle, className: styles.wrapper() },
-        _this.state.months.
-        map(function (x, i) {return [positions[i], x];}).
-        filter(function (_ref2) {var top = _ref2[0],month = _ref2[1];return CalendarUtils.isMonthVisible(top, month, _this.theme);}).
-        map(_this.renderMonth, (0, _assertThisInitialized2.default)(_this))), /*#__PURE__*/
+        _react.default.createElement("div", { style: wrapperStyle, className: styles.wrapper() }, /*#__PURE__*/
+        _react.default.createElement(_CalendarContext.CalendarContext.Provider, { value: context },
+        monthsForRender.map(_this.renderMonth, (0, _assertThisInitialized2.default)(_this)))), /*#__PURE__*/
         _react.default.createElement("div", { className: styles.separator(_this.theme) }))));
@@ -341,7 +400,11 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
+    handleDateClick = function (dateShape) {
+      var value = _InternalDateTransformer.InternalDateTransformer.dateToHumanString(dateShape);
+      _this.props.onValueChange == null ? void 0 : _this.props.onValueChange(value);
+    };_this.
@@ -349,25 +412,6 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
-    isHoliday = function (_ref3) {var date = _ref3.date,month = _ref3.month,year = _ref3.year,isWeekend = _ref3.isWeekend;
-      var dateString = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({ date: date, month: month + 1, year: year });
-      return _this.getProps().isHoliday(dateString, isWeekend);
-    };_this.
-    handleDateChange = function (dateShape) {
-      var value = _InternalDateTransformer.InternalDateTransformer.dateToInternalString({
-        date: dateShape.date,
-        month: dateShape.month + 1,
-        year: dateShape.year });
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(value);
-      }
-    };_this.
@@ -389,7 +433,7 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
     };_this.
     executeAnimations = function (pixelY) {
-      _this.setState(function (_ref4) {var months = _ref4.months,scrollPosition = _ref4.scrollPosition;
+      _this.setState(function (_ref2) {var months = _ref2.months,scrollPosition = _ref2.scrollPosition;
         var targetPosition = CalendarUtils.calculateScrollPosition(
         months,
         scrollPosition,
@@ -450,12 +494,12 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
     scrollToNearestWeek = function () {
       var _this$state = _this.state,scrollTarget = _this$state.scrollTarget,scrollDirection = _this$state.scrollDirection;
-      var trasholdHeight = (0, _config.themeConfig)(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + (0, _config.themeConfig)(_this.theme).DAY_SIZE;
+      var thresholdHeight = (0, _config.themeConfig)(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + (0, _config.themeConfig)(_this.theme).DAY_HEIGHT;
-      if (scrollTarget < trasholdHeight) {
+      if (scrollTarget < thresholdHeight) {
         var targetPosition = 0;
         if (scrollDirection < 0) {
-          targetPosition = trasholdHeight;
+          targetPosition = thresholdHeight;
         }
         _this.setState({ scrollTarget: targetPosition }, function () {
@@ -477,13 +521,13 @@ Calendar = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       return _this.animation.animate(
       scrollAmmount,
       function (deltaY) {
-        _this.setState(function (_ref5) {var scrollPosition = _ref5.scrollPosition;return {
+        _this.setState(function (_ref3) {var scrollPosition = _ref3.scrollPosition;return {
             scrollPosition: scrollPosition + deltaY };});
       },
       onEnd);
-    };var _this$getProps = _this.getProps(),_minDate = _this$getProps.minDate,_maxDate = _this$getProps.maxDate,_value = _this$getProps.value;var minDateShape = _this.getDateInNativeFormat(_minDate);var maxDateShape = _this.getDateInNativeFormat(_maxDate);var _dateShape = _this.getDateInNativeFormat(_value);var today = CalendarUtils.getTodayDate();var initialDate = CalendarUtils.getInitialDate({ today: today, date: _dateShape, minDate: minDateShape, maxDate: maxDateShape });var initialMonth = (_CalendarUtils$getMon = CalendarUtils.getMonthInNativeFormat(_this.props.initialMonth)) != null ? _CalendarUtils$getMon : initialDate.month;var initialYear = (_this$props$initialYe = _this.props.initialYear) != null ? _this$props$initialYe : initialDate.year;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), today: today, scrollDirection: 1, scrollTarget: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var value = this.props.value;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {var _date = new _InternalDate.InternalDate().parseValue(value).getComponentsLikeNumber();this.scrollToMonth(_date.month - 1, _date.year);}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});} /**
+    };var _this$getProps = _this.getProps(),_minDate = _this$getProps.minDate,_maxDate = _this$getProps.maxDate,_value = _this$getProps.value;var minDateShape = _this.getDateInNativeFormat(_minDate);var maxDateShape = _this.getDateInNativeFormat(_maxDate);var _dateShape = _this.getDateInNativeFormat(_value);var today = CalendarUtils.getTodayDate();var initialDate = CalendarUtils.getInitialDate({ today: today, date: _dateShape, minDate: minDateShape, maxDate: maxDateShape });var initialMonth = _this.props.initialMonth ? CalendarUtils.getMonthInNativeFormat(_this.props.initialMonth) : initialDate.month;var initialYear = (_this$props$initialYe = _this.props.initialYear) != null ? _this$props$initialYe : initialDate.year;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), scrollDirection: 1, scrollTarget: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var _this$props = this.props,value = _this$props.value,onMonthChange = _this$props.onMonthChange;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {var _date = new _InternalDate.InternalDate().parseValue(value).getComponentsLikeNumber();this.scrollToMonth(_date.month - 1, _date.year);}if (onMonthChange) {var visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);var prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);var currentMonth = visibleMonthsModels[0].month;var prevCurrentMonth = prevFirstVisibleMonthModels[0].month;if (currentMonth !== prevCurrentMonth) {this.handleMonthChange(visibleMonthsModels);}}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});} /**
    * Прокручивает календарь до переданной даты
    * @public
-   */;_proto.renderMonth = function renderMonth(_ref6) {var top = _ref6[0],month = _ref6[1];var date = this.getDateInNativeFormat(this.props.value);var minDate = this.getDateInNativeFormat(this.props.minDate);var maxDate = this.getDateInNativeFormat(this.props.maxDate);return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, maxDate: maxDate, minDate: minDate, today: this.state.today, value: date, onDateClick: this.handleDateChange, onMonthYearChange: this.handleMonthYearChange, isHoliday: this.isHoliday });};_proto.getDateInNativeFormat = function getDateInNativeFormat(date) {return new _InternalDate.InternalDate().parseValue(date).toNativeFormat();};_proto.getMonthPositions = function getMonthPositions() {var _this$state2 = this.state,scrollPosition = _this$state2.scrollPosition,months = _this$state2.months;var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};return Calendar;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Calendar', _class2.displayName = 'Calendar', _class2.defaultProps = { minDate: _class2.formatDate(_constants.MIN_DATE, _constants.MIN_MONTH, _constants.MIN_YEAR), maxDate: _class2.formatDate(_constants.MAX_DATE, _constants.MAX_MONTH, _constants.MAX_YEAR), isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} }, _temp)) || _class;exports.Calendar = Calendar;
+   */;_proto.renderMonth = function renderMonth(_ref4) {var top = _ref4[0],month = _ref4[1];return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, onMonthYearChange: this.handleMonthYearChange });};_proto.getDateInNativeFormat = function getDateInNativeFormat(date) {return new _InternalDate.InternalDate().parseValue(date).toNativeFormat();};_proto.getMonthPositions = function getMonthPositions(months, scrollPosition) {var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};_proto.getVisibleMonths = function getVisibleMonths(state) {var _this3 = this;var months = state.months,scrollPosition = state.scrollPosition;var positions = this.getMonthPositions(months, scrollPosition);return months.map(function (x, i) {return [positions[i], x];}).filter(function (_ref5) {var top = _ref5[0],month = _ref5[1];return CalendarUtils.isMonthVisible(top, month, _this3.theme);});};return Calendar;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Calendar', _class2.displayName = 'Calendar', _class2.Day = _CalendarDay.CalendarDay, _class2.defaultProps = { minDate: _class2.formatDate(_constants.MIN_DATE, _constants.MIN_MONTH, _constants.MIN_YEAR), maxDate: _class2.formatDate(_constants.MAX_DATE, _constants.MAX_MONTH, _constants.MAX_YEAR), isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} }, _temp)) || _class;exports.Calendar = Calendar;