npm - @skbkontur/react-ui - Versions diffs - 5.6.7 → 5.6.9-5e213.0 - Mend

@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2374) hide show

package/cjs/components/Tabs/Tab.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_DimensionFunctions","_helpers","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","globalClasses","exports","prefix","focus","styles","memoizeStyle","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","css","_taggedTemplateLiteralLoose2","default","tabTextColorDefault","active","horizontalStyles","tabBorderWidth","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","verticalStyles","size","fontSize","lineHeight","paddingX","paddingY","transitionDuration","transitionTimingFunction","tabColorHover","shift","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:hover {\n outline: inherit;\n border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n &:focus {\n outline: inherit;\n }\n `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n return css`\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid transparent;\n display: block;\n margin-left: 0;\n margin-right: 0;\n padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_DimensionFunctions","_helpers","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","globalClasses","exports","prefix","focus","styles","memoizeStyle","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","css","_taggedTemplateLiteral2","default","tabTextColorDefault","active","horizontalStyles","tabBorderWidth","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","verticalStyles","size","fontSize","lineHeight","paddingX","paddingY","transitionDuration","transitionTimingFunction","tabColorHover","shift","concat","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:hover {\n outline: inherit;\n border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n &:focus {\n outline: inherit;\n }\n `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n return css`\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid transparent;\n display: block;\n margin-left: 0;\n margin-right: 0;\n padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TabsDataTids = exports.Tabs = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TabsDataTids = exports.Tabs = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
@@ -19,7 +19,7 @@ var _Indicator = require("./Indicator");
 var _Tabs2 = require("./Tabs.styles");
 var _TabsContext = require("./TabsContext");
-var _Tab = require("./Tab");var _class, _Tabs;
+var _Tab = require("./Tab");var _class, _Tabs;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
@@ -62,7 +62,7 @@ var TabsDataTids = exports.TabsDataTids = {
  * Контейнер для компонента [Tab](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-tabs-tab--doc). Группирует табы и позволяет управлять их состоянием.
  */var
-Tabs = exports.Tabs = (0, _rootNode.rootNode)(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {function Tabs() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Tabs = exports.Tabs = (0, _rootNode.rootNode)(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {function Tabs() {var _this;(0, _classCallCheck2.default)(this, Tabs);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, Tabs, [].concat(args));_this.
@@ -176,4 +176,4 @@ Tabs = exports.Tabs = (0, _rootNode.rootNode)(_class = (_Tabs = /*#__PURE__*/fun
     removeTab = function (id) {
       _this.tabs = _this.tabs.filter(function (tab) {return tab.id !== id;});
-    };return _this;}(0, _inheritsLoose2.default)(Tabs, _React$Component);var _proto = Tabs.prototype;_proto.render = function render() {var _this3 = this;var _this$props2 = this.props,value = _this$props2.value,width = _this$props2.width,children = _this$props2.children,indicatorClassName = _this$props2.indicatorClassName,ariaDescribedby = _this$props2['aria-describedby'];var _this$getProps = this.getProps(),vertical = _this$getProps.vertical,size = _this$getProps.size;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {var _cx;_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TabsDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_Tabs2.styles.rootSmall(_this3.theme)] = size === 'small', _cx[_Tabs2.styles.rootMedium(_this3.theme)] = size === 'medium', _cx[_Tabs2.styles.rootLarge(_this3.theme)] = size === 'large', _cx[_Tabs2.styles.vertical()] = vertical, _cx)), style: { width: width }, "aria-describedby": ariaDescribedby }, /*#__PURE__*/_react.default.createElement(_TabsContext.TabsContext.Provider, { value: { vertical: vertical, activeTab: value, size: size, getTab: _this3.getTab, addTab: _this3.addTab, removeTab: _this3.removeTab, notifyUpdate: _this3.notifyUpdate, shiftFocus: _this3.shiftFocus, switchTab: _this3.switchTab } }, children, /*#__PURE__*/_react.default.createElement(_Indicator.Indicator, { className: indicatorClassName, tabUpdates: _this3.tabUpdates, vertical: _this3.getProps().vertical }))));});};return Tabs;}(_react.default.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = { vertical: false, size: 'large' }, _Tabs.Tab = _Tab.Tab, _Tabs)) || _class;
+    };return _this;}(0, _inherits2.default)(Tabs, _React$Component);return (0, _createClass2.default)(Tabs, [{ key: "render", value: function render() {var _this3 = this;var _this$props2 = this.props,value = _this$props2.value,width = _this$props2.width,children = _this$props2.children,indicatorClassName = _this$props2.indicatorClassName,ariaDescribedby = _this$props2['aria-describedby'];var _this$getProps = this.getProps(),vertical = _this$getProps.vertical,size = _this$getProps.size;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TabsDataTids.root, className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Tabs2.styles.rootSmall(_this3.theme), size === 'small'), _Tabs2.styles.rootMedium(_this3.theme), size === 'medium'), _Tabs2.styles.rootLarge(_this3.theme), size === 'large'), _Tabs2.styles.vertical(), vertical)), style: { width: width }, "aria-describedby": ariaDescribedby }, /*#__PURE__*/_react.default.createElement(_TabsContext.TabsContext.Provider, { value: { vertical: vertical, activeTab: value, size: size, getTab: _this3.getTab, addTab: _this3.addTab, removeTab: _this3.removeTab, notifyUpdate: _this3.notifyUpdate, shiftFocus: _this3.shiftFocus, switchTab: _this3.switchTab } }, children, /*#__PURE__*/_react.default.createElement(_Indicator.Indicator, { className: indicatorClassName, tabUpdates: _this3.tabUpdates, vertical: _this3.getProps().vertical }))));});} }]);}(_react.default.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = { vertical: false, size: 'large' }, _Tabs.Tab = _Tab.Tab, _Tabs)) || _class;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_getRootNode","_rootNode","_createPropsGetter","_isInstanceOf","_Indicator","_Tabs2","_TabsContext","_Tab","_class","_Tabs","TabsDataTids","exports","root","indicatorRoot","Tabs","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose2","default","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","createElement","ThemeContext","Consumer","theme","_cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","cx","styles","rootSmall","rootMedium","rootLarge","style","TabsContext","Provider","activeTab","Indicator","React","Component","__KONTUR_REACT_UI__","displayName","Tab"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n getNode: () => Tab<T> \| null;\n id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n /** Кастомный класс для индикатора (подчёркивания) активного таба. /\n indicatorClassName?: string;\n\n /* Размер табов. /\n size?: SizeProp;\n\n /* Идентификатор активного таба. Совпадает с `id` выбранного `<Tab />`. /\n value: T;\n\n /* Вызывается при смене активного таба. /\n onValueChange?: (value: T) => void;\n\n /* Располагает табы вертикально.\n * @default false /\n vertical?: boolean;\n\n /* Ширина компонента. /\n width?: number \| string;\n\n /* @ignore /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n root: 'Tabs__root',\n indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' \| 'size'>>;\n\n/\n Контейнер для компонента [Tab](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-tabs-tab--doc). Группирует табы и позволяет управлять их состоянием.\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n public static __KONTUR_REACT_UI__ = 'Tabs';\n public static displayName = 'Tabs';\n\n public static defaultProps: DefaultProps = {\n vertical: false,\n size: 'large',\n };\n\n private getProps = createPropsGetter(Tabs.defaultProps);\n\n public static Tab = Tab;\n\n private theme!: Theme;\n\n private tabs: Array<TabType<T>> = [];\n\n private tabUpdates = {\n on: (cb: () => void) => {\n const index = this.listeners.push(cb);\n return () => {\n this.listeners.splice(index, 1);\n };\n },\n };\n\n private listeners: Array<typeof emptyHandler> = [];\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n const { vertical, size } = this.getProps();\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={TabsDataTids.root}\n className={cx({\n [styles.rootSmall(this.theme)]: size === 'small',\n [styles.rootMedium(this.theme)]: size === 'medium',\n [styles.rootLarge(this.theme)]: size === 'large',\n [styles.vertical()]: vertical,\n })}\n style={{ width }}\n aria-describedby={ariaDescribedby}\n >\n <TabsContext.Provider\n value={{\n vertical,\n activeTab: value,\n size,\n getTab: this.getTab,\n addTab: this.addTab,\n removeTab: this.removeTab,\n notifyUpdate: this.notifyUpdate,\n shiftFocus: this.shiftFocus,\n switchTab: this.switchTab,\n }}\n >\n {children}\n <Indicator\n className={indicatorClassName}\n tabUpdates={this.tabUpdates}\n vertical={this.getProps().vertical}\n />\n </TabsContext.Provider>\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n const { tabs } = this;\n const index = tabs.findIndex((x) => x.id === fromTab);\n const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n const tab = tabs[newIndex];\n\n const tabNode = tab.getNode();\n const htmlNode = getRootNode(tabNode);\n\n if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n htmlNode.focus();\n }\n };\n\n private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n this.listeners.forEach((cb) => cb());\n };\n\n private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n const { onValueChange, value } = this.props;\n if (id !== value && onValueChange) {\n onValueChange(id);\n }\n };\n\n private getTab: TabsContextType<T>['getTab'] = (id) => {\n const { getNode = null } = this.tabs.find((x) => x.id === id) \|\| {};\n return getNode && getNode();\n };\n\n private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n this.tabs = this.tabs.concat({ id, getNode });\n };\n\n private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n this.tabs = this.tabs.filter((tab) => tab.id !== id);\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_getRootNode","_rootNode","_createPropsGetter","_isInstanceOf","_Indicator","_Tabs2","_TabsContext","_Tab","_class","_Tabs","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","TabsDataTids","exports","root","indicatorRoot","Tabs","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","getRootNode","isInstanceOf","globalObject","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inherits2","_createClass2","key","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","createElement","ThemeContext","Consumer","theme","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","cx","_defineProperty2","styles","rootSmall","rootMedium","rootLarge","style","TabsContext","Provider","activeTab","Indicator","React","Component","__KONTUR_REACT_UI__","displayName","Tab"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n getNode: () => Tab<T> \| null;\n id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n /** Кастомный класс для индикатора (подчёркивания) активного таба. /\n indicatorClassName?: string;\n\n /* Размер табов. /\n size?: SizeProp;\n\n /* Идентификатор активного таба. Совпадает с `id` выбранного `<Tab />`. /\n value: T;\n\n /* Вызывается при смене активного таба. /\n onValueChange?: (value: T) => void;\n\n /* Располагает табы вертикально.\n * @default false /\n vertical?: boolean;\n\n /* Ширина компонента. /\n width?: number \| string;\n\n /* @ignore /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n root: 'Tabs__root',\n indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' \| 'size'>>;\n\n/\n Контейнер для компонента [Tab](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-tabs-tab--doc). Группирует табы и позволяет управлять их состоянием.\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n public static __KONTUR_REACT_UI__ = 'Tabs';\n public static displayName = 'Tabs';\n\n public static defaultProps: DefaultProps = {\n vertical: false,\n size: 'large',\n };\n\n private getProps = createPropsGetter(Tabs.defaultProps);\n\n public static Tab = Tab;\n\n private theme!: Theme;\n\n private tabs: Array<TabType<T>> = [];\n\n private tabUpdates = {\n on: (cb: () => void) => {\n const index = this.listeners.push(cb);\n return () => {\n this.listeners.splice(index, 1);\n };\n },\n };\n\n private listeners: Array<typeof emptyHandler> = [];\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n const { vertical, size } = this.getProps();\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={TabsDataTids.root}\n className={cx({\n [styles.rootSmall(this.theme)]: size === 'small',\n [styles.rootMedium(this.theme)]: size === 'medium',\n [styles.rootLarge(this.theme)]: size === 'large',\n [styles.vertical()]: vertical,\n })}\n style={{ width }}\n aria-describedby={ariaDescribedby}\n >\n <TabsContext.Provider\n value={{\n vertical,\n activeTab: value,\n size,\n getTab: this.getTab,\n addTab: this.addTab,\n removeTab: this.removeTab,\n notifyUpdate: this.notifyUpdate,\n shiftFocus: this.shiftFocus,\n switchTab: this.switchTab,\n }}\n >\n {children}\n <Indicator\n className={indicatorClassName}\n tabUpdates={this.tabUpdates}\n vertical={this.getProps().vertical}\n />\n </TabsContext.Provider>\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n const { tabs } = this;\n const index = tabs.findIndex((x) => x.id === fromTab);\n const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n const tab = tabs[newIndex];\n\n const tabNode = tab.getNode();\n const htmlNode = getRootNode(tabNode);\n\n if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n htmlNode.focus();\n }\n };\n\n private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n this.listeners.forEach((cb) => cb());\n };\n\n private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n const { onValueChange, value } = this.props;\n if (id !== value && onValueChange) {\n onValueChange(id);\n }\n };\n\n private getTab: TabsContextType<T>['getTab'] = (id) => {\n const { getNode = null } = this.tabs.find((x) => x.id === id) \|\| {};\n return getNode && getNode();\n };\n\n private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n this.tabs = this.tabs.concat({ id, getNode });\n };\n\n private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n this.tabs = this.tabs.filter((tab) => tab.id !== id);\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Tabs/Tabs.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
@@ -18,14 +18,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   vertical: function vertical() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      margin: 0;\n    "])));
   }
 });
 function tabsRoot(t, size) {
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])),
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])),
   (0, _helpers.paddingX)(t, size));

package/cjs/components/Tabs/Tabs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_helpers","_templateObject","_templateObject2","styles","exports","memoizeStyle","rootSmall","t","tabsRoot","rootMedium","rootLarge","vertical","css","~~_taggedTemplateLiteralLoose2~~","default","size","paddingX"],"sources":["Tabs.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabsRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabsRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabsRoot(t, 'large');\n },\n\n vertical() {\n return css`\n margin: 0;\n `;\n },\n});\n\nfunction tabsRoot(t: Theme, size: SizeProp) {\n return css`\n display: inline-block;\n margin: 0 -${paddingX(t, size)};\n padding: 0;\n position: relative;\n `;\n}\n"],"mappings":"~~oRAAA~~,IAAAA,QAAA,GAAAC,OAAA;;;;AAIA,IAAAC,QAAA,GAAAD,OAAA,cAAqC,IAAAE,eAAA,EAAAC,gBAAA;;AAE9B,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,QAAQ,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,~~4BAAA~~,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEF,SAASN,QAAQA,CAACD,CAAQ,EAAEQ,IAAc,EAAE;EAC1C,WAAOH,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,~~4BAAA~~,CAAAC,OAAA;;EAEK,IAAAE,iBAAQ,EAACT,CAAC,EAAEQ,IAAI,CAAC;;;;AAIlC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_helpers","_templateObject","_templateObject2","styles","exports","memoizeStyle","rootSmall","t","tabsRoot","rootMedium","rootLarge","vertical","css","_taggedTemplateLiteral2","default","size","paddingX"],"sources":["Tabs.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabsRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabsRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabsRoot(t, 'large');\n },\n\n vertical() {\n return css`\n margin: 0;\n `;\n },\n});\n\nfunction tabsRoot(t: Theme, size: SizeProp) {\n return css`\n display: inline-block;\n margin: 0 -${paddingX(t, size)};\n padding: 0;\n position: relative;\n `;\n}\n"],"mappings":"8SAAA,IAAAA,QAAA,GAAAC,OAAA;;;;AAIA,IAAAC,QAAA,GAAAD,OAAA,cAAqC,IAAAE,eAAA,EAAAC,gBAAA;;AAE9B,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,QAAQ,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,uBAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEF,SAASN,QAAQA,CAACD,CAAQ,EAAEQ,IAAc,EAAE;EAC1C,WAAOH,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA;;EAEK,IAAAE,iBAAQ,EAACT,CAAC,EAAEQ,IAAI,CAAC;;;;AAIlC","ignoreList":[]}

package/cjs/components/Tabs/TabsContext.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TabsContextDefaultValue = exports.TabsContext = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TabsContextDefaultValue = exports.TabsContext = void 0;var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../lib/utils");

package/cjs/components/Tabs/TabsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_utils","TabsContextDefaultValue","exports","vertical","activeTab","size","getTab","emptyHandler","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","React","createContext","displayName"],"sources":["TabsContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { emptyHandler } from '../../lib/utils';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { Tab } from './Tab';\n\nexport interface TabsContextType<T extends string = any> {\n vertical: boolean;\n activeTab: T;\n size: SizeProp;\n getTab: (id: T) => Tab<T> \| null \| void;\n addTab: (id: T, getNode: () => Tab<T>) => void;\n notifyUpdate: () => void;\n removeTab: (id: T) => void;\n shiftFocus: (fromTab: T, delta: number) => void;\n switchTab: (id: T) => void;\n}\n\nexport const TabsContextDefaultValue: TabsContextType = {\n vertical: false,\n activeTab: '',\n size: 'large',\n getTab: emptyHandler,\n addTab: emptyHandler,\n notifyUpdate: emptyHandler,\n removeTab: emptyHandler,\n shiftFocus: emptyHandler,\n switchTab: emptyHandler,\n};\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\n\nTabsContext.displayName = 'TabsContext';\n"],"mappings":"~~mMAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;;;;;;;;;;;;;;;;AAiBO,IAAME,uBAAwC,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACtDE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,EAAE;EACbC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAEC,mBAAY;EACpBC,MAAM,EAAED,mBAAY;EACpBE,YAAY,EAAEF,mBAAY;EAC1BG,SAAS,EAAEH,mBAAY;EACvBI,UAAU,EAAEJ,mBAAY;EACxBK,SAAS,EAAEL;AACb,CAAC;AACM,IAAMM,WAAW,GAAAX,OAAA,CAAAW,WAAA,gBAAGC,cAAK,CAACC,aAAa,CAAkBd,uBAAuB,CAAC;;AAExFY,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_utils","TabsContextDefaultValue","exports","vertical","activeTab","size","getTab","emptyHandler","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","React","createContext","displayName"],"sources":["TabsContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { emptyHandler } from '../../lib/utils';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { Tab } from './Tab';\n\nexport interface TabsContextType<T extends string = any> {\n vertical: boolean;\n activeTab: T;\n size: SizeProp;\n getTab: (id: T) => Tab<T> \| null \| void;\n addTab: (id: T, getNode: () => Tab<T>) => void;\n notifyUpdate: () => void;\n removeTab: (id: T) => void;\n shiftFocus: (fromTab: T, delta: number) => void;\n switchTab: (id: T) => void;\n}\n\nexport const TabsContextDefaultValue: TabsContextType = {\n vertical: false,\n activeTab: '',\n size: 'large',\n getTab: emptyHandler,\n addTab: emptyHandler,\n notifyUpdate: emptyHandler,\n removeTab: emptyHandler,\n shiftFocus: emptyHandler,\n switchTab: emptyHandler,\n};\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\n\nTabsContext.displayName = 'TabsContext';\n"],"mappings":"uOAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;;;;;;;;;;;;;;;;AAiBO,IAAME,uBAAwC,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACtDE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,EAAE;EACbC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAEC,mBAAY;EACpBC,MAAM,EAAED,mBAAY;EACpBE,YAAY,EAAEF,mBAAY;EAC1BG,SAAS,EAAEH,mBAAY;EACvBI,UAAU,EAAEJ,mBAAY;EACxBK,SAAS,EAAEL;AACb,CAAC;AACM,IAAMM,WAAW,GAAAX,OAAA,CAAAW,WAAA,gBAAGC,cAAK,CAACC,aAAa,CAAkBd,uBAAuB,CAAC;;AAExFY,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}

package/cjs/components/Tabs/helpers.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.fontSize = fontSize;exports.lineHeight = lineHeight;exports.paddingX = paddingX;exports.paddingY = paddingY;
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.fontSize = fontSize;exports.lineHeight = lineHeight;exports.paddingX = paddingX;exports.paddingY = paddingY;
 function fontSize(t, size) {

package/cjs/components/Tabs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.__esModule = true;var _Tabs = require("./Tabs");Object.keys(_Tabs).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tabs[key]) return;exports[key] = _Tabs[key];});
-var _Tab = require("./Tab");Object.keys(_Tab).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tab[key]) return;exports[key] = _Tab[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _Tabs = require("./Tabs");Object.keys(_Tabs).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tabs[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _Tabs[key];} });});
+var _Tab = require("./Tab");Object.keys(_Tab).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tab[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _Tab[key];} });});

package/cjs/components/Tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Tabs","require","Object","keys","forEach","key","exports","_Tab"],"sources":["index.tsx"],"sourcesContent":["export * from './Tabs';\nexport * from './Tab';\n"],"mappings":"~~uCAAA~~,IAAAA,KAAA,GAAAC,OAAA,WAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA,~~UAAAC~~,~~OAAA~~,CAAAD,GAAA,~~IAAAL~~,KAAA,CAAAK,GAAA;AACA,~~IAAAE~~,IAAA,~~GAAAN~~,OAAA,UAAAC,MAAA,CAAAC,IAAA,~~CAAAI~~,IAAA,~~EAAAH~~,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,~~MAAAE~~,IAAA,~~CAAAF~~,GAAA,~~UAAAC~~,~~OAAA~~,CAAAD,GAAA,~~IAAAE~~,IAAA,~~CAAAF~~,GAAA","ignoreList":[]}
1	+ {"version":3,"names":["_Tabs","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Tab"],"sources":["index.tsx"],"sourcesContent":["export * from './Tabs';\nexport * from './Tab';\n"],"mappings":"2EAAA,IAAAA,KAAA,GAAAC,OAAA,WAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,KAAA,CAAAK,GAAA;AACA,IAAAK,IAAA,GAAAT,OAAA,UAAAC,MAAA,CAAAC,IAAA,CAAAO,IAAA,EAAAN,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,IAAA,CAAAL,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAC,IAAA,CAAAL,GAAA","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TextareaDataTids = exports.Textarea = exports.DEFAULT_WIDTH = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.TextareaDataTids = exports.Textarea = exports.DEFAULT_WIDTH = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _globalObject = require("@skbkontur/global-object");
@@ -32,7 +32,7 @@ var _TextareaHelpers = require("./TextareaHelpers");
 var _Textarea2 = require("./Textarea.styles");
 var _TextareaCounter = require("./TextareaCounter");
-var _TextareaWithSafari17Workaround = require("./TextareaWithSafari17Workaround");var _excluded = ["width", "error", "warning", "size", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"];var _class, _Textarea;
+var _TextareaWithSafari17Workaround = require("./TextareaWithSafari17Workaround");var _excluded = ["width", "error", "warning", "size", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"];var _class, _Textarea;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 var DEFAULT_WIDTH = exports.DEFAULT_WIDTH = 250;
 var AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;
@@ -124,7 +124,7 @@ var TextareaDataTids = exports.TextareaDataTids = {
-Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Textarea = /*#__PURE__*/function (_React$Component) {function Textarea() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Textarea = /*#__PURE__*/function (_React$Component) {function Textarea() {var _this;(0, _classCallCheck2.default)(this, Textarea);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, Textarea, [].concat(args));_this.
@@ -295,7 +295,7 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
         throw new Error('Cannot call "setSelectionRange" on unmounted Input');
       }
-      if (((_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== _this.node) {
+      if (((_globalObject$documen = _globalObject.globalObject.document) === null || _globalObject$documen === void 0 ? void 0 : _globalObject$documen.activeElement) !== _this.node) {
         _this.focus();
       }
@@ -312,17 +312,17 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
       }
     };_this.
-    delaySelectAll = function () {var _globalObject$request;return (
-        _this.selectAllId = (_globalObject$request = _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(_this.selectAll)) != null ? _globalObject$request : null);};_this.
+    delaySelectAll = function () {var _globalObject$request, _globalObject$request2;return (
+        _this.selectAllId = (_globalObject$request = (_globalObject$request2 = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request2 === void 0 ? void 0 : _globalObject$request2.call(_globalObject.globalObject, _this.selectAll)) !== null && _globalObject$request !== void 0 ? _globalObject$request : null);};_this.
     cancelDelayedSelectAll = function () {
-      if (_this.selectAllId) {
-        _globalObject.globalObject.cancelAnimationFrame == null || _globalObject.globalObject.cancelAnimationFrame(_this.selectAllId);
+      if (_this.selectAllId) {var _globalObject$cancelA;
+        (_globalObject$cancelA = _globalObject.globalObject.cancelAnimationFrame) === null || _globalObject$cancelA === void 0 || _globalObject$cancelA.call(_globalObject.globalObject, _this.selectAllId);
         _this.selectAllId = null;
       }
     };_this.
-    renderMain = function (props) {var _cx, _ref, _textareaProps$maxLen, _cx2;
+    renderMain = function (props) {var _ref, _textareaProps$maxLen;
       var _props$width =
@@ -344,7 +344,7 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
-        props.width,width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,error = props.error,warning = props.warning,size = props.size,autoResize = props.autoResize,resize = props.resize,onCut = props.onCut,onPaste = props.onPaste,maxRows = props.maxRows,onFocus = props.onFocus,selectAllOnFocus = props.selectAllOnFocus,placeholder = props.placeholder,onValueChange = props.onValueChange,showLengthCounter = props.showLengthCounter,lengthCounter = props.lengthCounter,counterHelp = props.counterHelp,extraRow = props.extraRow,disableAnimations = props.disableAnimations,disabled = props.disabled,textareaProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        props.width,width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,error = props.error,warning = props.warning,size = props.size,autoResize = props.autoResize,resize = props.resize,onCut = props.onCut,onPaste = props.onPaste,maxRows = props.maxRows,onFocus = props.onFocus,selectAllOnFocus = props.selectAllOnFocus,placeholder = props.placeholder,onValueChange = props.onValueChange,showLengthCounter = props.showLengthCounter,lengthCounter = props.lengthCounter,counterHelp = props.counterHelp,extraRow = props.extraRow,disableAnimations = props.disableAnimations,disabled = props.disabled,textareaProps = (0, _objectWithoutProperties2.default)(props, _excluded);
       var isCounterVisible = _this.state.isCounterVisible;
@@ -354,13 +354,13 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
         }
       };
-      var textareaClassNames = (0, _Emotion.cx)(_this.getTextareaSizeClassName(), (_cx = {}, _cx[
-      _Textarea2.styles.textarea(_this.theme)] = true, _cx[
-      _Textarea2.styles.hovering(_this.theme)] = !error && !warning, _cx[
-      _Textarea2.styles.disabled(_this.theme)] = disabled, _cx[
-      _Textarea2.styles.error(_this.theme)] = !!error, _cx[
-      _Textarea2.styles.warning(_this.theme)] = !!warning, _cx[
-      _Textarea2.styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx)
+      var textareaClassNames = (0, _Emotion.cx)(_this.getTextareaSizeClassName(), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+      _Textarea2.styles.textarea(_this.theme), true),
+      _Textarea2.styles.hovering(_this.theme), !error && !warning),
+      _Textarea2.styles.disabled(_this.theme), disabled),
+      _Textarea2.styles.error(_this.theme), !!error),
+      _Textarea2.styles.warning(_this.theme), !!warning),
+      _Textarea2.styles.disableAnimations(), _this.isAnimationsDisabled())
       );
       var textareaStyle = {
@@ -391,7 +391,7 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
         size: _this.size,
         help: counterHelp,
         value: textareaProps.value,
-        length: (_ref = (_textareaProps$maxLen = textareaProps.maxLength) != null ? _textareaProps$maxLen : lengthCounter) != null ? _ref : 0,
+        length: (_ref = (_textareaProps$maxLen = textareaProps.maxLength) !== null && _textareaProps$maxLen !== void 0 ? _textareaProps$maxLen : lengthCounter) !== null && _ref !== void 0 ? _ref : 0,
         onCloseHelp: _this.handleCloseCounterHelp,
         ref: _this.refCounter }
       );
@@ -408,8 +408,8 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
         _react.default.createElement("label", (0, _extends2.default)({
           "data-tid": TextareaDataTids.root },
         rootProps, {
-          className: (0, _Emotion.cx)(_this.getRootSizeClassName(), (_cx2 = {}, _cx2[
-          _Textarea2.styles.root()] = true, _cx2)
+          className: (0, _Emotion.cx)(_this.getRootSizeClassName(), (0, _defineProperty2.default)({},
+          _Textarea2.styles.root(), true)
           ) }),
         placeholderPolyfill, /*#__PURE__*/
@@ -562,13 +562,13 @@ Textarea = exports.Textarea = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
       if (_this.props.onFocus) {
         _this.props.onFocus(event);
       }
-    };return _this;}(0, _inheritsLoose2.default)(Textarea, _React$Component);var _proto = Textarea.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return _Textarea2.styles.rootLarge(this.theme);case 'medium':return _Textarea2.styles.rootMedium(this.theme);case 'small':default:return _Textarea2.styles.rootSmall(this.theme);}};_proto.getTextareaSizeClassName = function getTextareaSizeClassName() {switch (this.size) {case 'large':return _Textarea2.styles.textareaLarge(this.theme);case 'medium':return _Textarea2.styles.textareaMedium(this.theme);case 'small':default:return _Textarea2.styles.textareaSmall(this.theme);}};_proto.getAutoResizeThrottleWait = function getAutoResizeThrottleWait(props) {if (props === void 0) {props = this.props;} // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты
-    // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120
-    return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;};_proto.isAnimationsDisabled = function isAnimationsDisabled(_temp) {var _ref3 = _temp === void 0 ? this.props : _temp,disableAnimations = _ref3.disableAnimations,extraRow = _ref3.extraRow;return disableAnimations || !extraRow;};_proto.componentDidMount = function componentDidMount() {if (this.props.autoResize) {this.autoResize();this.layoutEvents = LayoutEvents.addListener(this.autoResize);}if (this.node && this.props.showLengthCounter && this.textareaObserver) {this.textareaObserver.observe(this.node, { attributes: true });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}if (this.props.showLengthCounter && this.textareaObserver) {this.textareaObserver.disconnect();}this.cancelDelayedSelectAll();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {this.autoResize.cancel();this.autoResize = (0, _lodash.default)(this.autoResizeHandler, this.getAutoResizeThrottleWait());}var _this$getProps2 = this.getProps(),rows = _this$getProps2.rows,maxRows = _this$getProps2.maxRows;if (this.props.autoResize && (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {this.autoResize();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ReactUIFeatureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _FeatureFlagsHelpers.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});});} /** Программно устанавливает фокус на поле.
-   * @public
-   */;_proto.focus = function focus() {if (this.node) {this.node.focus();}} /** Программно снимает фокус с поля.
-   * @public
-   */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /** start - инициирует последовательное изменение числового значения: начинает повторяющееся увеличение/уменьшение, обычно используется при удерживании кнопки «+» или «−» для числового Input. end - останавливает ранее запущенное числоизменение, инициируемое numberStart.
-   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
-   * @public
-   */;_proto.getNode = function getNode() {return this.node;};return Textarea;}(_react.default.Component), _Textarea.__KONTUR_REACT_UI__ = 'Textarea', _Textarea.displayName = 'Textarea', _Textarea.defaultProps = { rows: 3, maxRows: 15, extraRow: true, disableAnimations: _currentEnvironment.isTestEnv }, _Textarea)) || _class) || _class;
+    };return _this;}(0, _inherits2.default)(Textarea, _React$Component);return (0, _createClass2.default)(Textarea, [{ key: "getRootSizeClassName", value: function getRootSizeClassName() {switch (this.size) {case 'large':return _Textarea2.styles.rootLarge(this.theme);case 'medium':return _Textarea2.styles.rootMedium(this.theme);case 'small':default:return _Textarea2.styles.rootSmall(this.theme);}} }, { key: "getTextareaSizeClassName", value: function getTextareaSizeClassName() {switch (this.size) {case 'large':return _Textarea2.styles.textareaLarge(this.theme);case 'medium':return _Textarea2.styles.textareaMedium(this.theme);case 'small':default:return _Textarea2.styles.textareaSmall(this.theme);}} }, { key: "getAutoResizeThrottleWait", value: function getAutoResizeThrottleWait() {var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props; // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты
+      // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120
+      return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;} }, { key: "isAnimationsDisabled", value: function isAnimationsDisabled() {var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props,disableAnimations = _ref3.disableAnimations,extraRow = _ref3.extraRow;return disableAnimations || !extraRow;} }, { key: "componentDidMount", value: function componentDidMount() {if (this.props.autoResize) {this.autoResize();this.layoutEvents = LayoutEvents.addListener(this.autoResize);}if (this.node && this.props.showLengthCounter && this.textareaObserver) {this.textareaObserver.observe(this.node, { attributes: true });}} }, { key: "componentWillUnmount", value: function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}if (this.props.showLengthCounter && this.textareaObserver) {this.textareaObserver.disconnect();}this.cancelDelayedSelectAll();} }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) {if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {this.autoResize.cancel();this.autoResize = (0, _lodash.default)(this.autoResizeHandler, this.getAutoResizeThrottleWait());}var _this$getProps2 = this.getProps(),rows = _this$getProps2.rows,maxRows = _this$getProps2.maxRows;if (this.props.autoResize && (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {this.autoResize();}} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ReactUIFeatureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _FeatureFlagsHelpers.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});});} /** Программно устанавливает фокус на поле.
+     * @public
+     */ }, { key: "focus", value: function focus() {if (this.node) {this.node.focus();}} /** Программно снимает фокус с поля.
+     * @public
+     */ }, { key: "blur", value: function blur() {if (this.node) {this.node.blur();}} /** start - инициирует последовательное изменение числового значения: начинает повторяющееся увеличение/уменьшение, обычно используется при удерживании кнопки «+» или «−» для числового Input. end - останавливает ранее запущенное числоизменение, инициируемое numberStart.
+     * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
+     * @public
+     */ }, { key: "getNode", value: function getNode() {return this.node;} }]);}(_react.default.Component), _Textarea.__KONTUR_REACT_UI__ = 'Textarea', _Textarea.displayName = 'Textarea', _Textarea.defaultProps = { rows: 3, maxRows: 15, extraRow: true, disableAnimations: _currentEnvironment.isTestEnv }, _Textarea)) || _class) || _class;