npm - @skbkontur/react-ui - Versions diffs - 0.0.0-8fc80072ce → 0.0.0-9294639913 - Mend

@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

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

package/components/Textarea/Textarea.js DELETED Viewed

@@ -1,395 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import throttle from 'lodash.throttle';
-import cn from 'classnames';
-import { isKeyEnter } from '../../lib/events/keyboard/identifiers';
-import { polyfillPlaceholder } from '../polyfillPlaceholder';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-import { getTextAreaHeight } from './TextareaHelpers';
-import { jsStyles } from './Textarea.styles';
-var DEFAULT_WIDTH = 250;
-/**
-                          * Компонент для ввода многострочного текста.
-                          *
-                          * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
-                          *
-                          * ** `className` и `style`  игнорируются**
-                          */
-export var Textarea = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Textarea, _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.
-    state = {
-      polyfillPlaceholder: polyfillPlaceholder,
-      rows: 1 };_this.
-    theme = void 0;_this.
-    node = void 0;_this.
-    fakeNode = void 0;_this.
-    layoutEvents = void 0;_this.
-    setSelectionRange = function (start, end) {
-      if (!_this.node) {
-        throw new Error('Cannot call "setSelectionRange" on unmounted Input');
-      }
-      if (document.activeElement !== _this.node) {
-        _this.focus();
-      }
-      _this.node.setSelectionRange(start, end);
-    };_this.
-    selectAll = function () {
-      if (_this.node) {
-        _this.setSelectionRange(0, _this.node.value.length);
-      }
-    };_this.
-    handleKeyDown = function (e) {
-      // Edge bug: textarea maxlength doesn't work after new line
-      // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/
-      var value = _this.props.value !== undefined ? _this.props.value.toString() : null;
-      var isBlockEnter = isKeyEnter(e) && value !== null && value.length === _this.props.maxLength;
-      if (isBlockEnter) {
-        e.preventDefault();
-      }
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-    };_this.
-    handleChange = function (e) {
-      if (polyfillPlaceholder) {
-        var fieldIsEmpty = e.target.value === '';
-        if (_this.state.polyfillPlaceholder !== fieldIsEmpty) {
-          _this.setState({ polyfillPlaceholder: fieldIsEmpty });
-        }
-      }
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(e.target.value);
-      }
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-      if (_this.props.onChange) {
-        _this.props.onChange(e);
-      }
-    };_this.
-    ref = function (element) {
-      _this.node = element;
-    };_this.
-    refFake = function (element) {
-      _this.fakeNode = element;
-    };_this.
-    autoResize = throttle(function () {
-      var fakeNode = _this.fakeNode;
-      if (!fakeNode) {
-        return;
-      }
-      var node = _this.node;
-      if (!node) {
-        return;
-      }
-      if (_this.props.value === undefined) {
-        fakeNode.value = node.value;
-      }var _this$props =
-      _this.props,rows = _this$props.rows,maxRows = _this$props.maxRows;
-      if (rows === undefined || maxRows === undefined) {
-        return;
-      }var _getTextAreaHeight =
-      getTextAreaHeight(
-      fakeNode,
-      typeof rows === 'number' ? rows : parseInt(rows, 10),
-      typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10)),height = _getTextAreaHeight.height,exceededMaxHeight = _getTextAreaHeight.exceededMaxHeight;
-      node.style.height = height + 'px';
-      node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
-      fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
-    }, 100);_this.
-    handleCut = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-      if (_this.props.onPaste) {
-        _this.props.onPaste(event);
-      }
-    };_this.
-    handlePaste = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-      if (_this.props.onCut) {
-        _this.props.onCut(event);
-      }
-    };_this.
-    handleFocus = function (event) {
-      if (_this.props.selectAllOnFocus) {
-        _this.selectAll();
-      }
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };return _this;}var _proto = Textarea.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoResize) {this.autoResize();this.layoutEvents = LayoutEvents.addListener(this.autoResize);}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.autoResize && this.props.rows > this.state.rows || this.props.value !== prevProps.value) {this.autoResize();}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        */;_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */;_proto.renderMain = function renderMain() {var _cn;var _this$props2 = this.props,_this$props2$width = _this$props2.width,width = _this$props2$width === void 0 ? DEFAULT_WIDTH : _this$props2$width,error = _this$props2.error,warning = _this$props2.warning,autoResize = _this$props2.autoResize,resize = _this$props2.resize,onCut = _this$props2.onCut,onPaste = _this$props2.onPaste,maxRows = _this$props2.maxRows,onFocus = _this$props2.onFocus,selectAllOnFocus = _this$props2.selectAllOnFocus,className = _this$props2.className,style = _this$props2.style,placeholder = _this$props2.placeholder,textareaProps = _objectWithoutPropertiesLoose(_this$props2, ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "className", "style", "placeholder"]);var rootProps = { style: { width: width } };var textareaClassNames = cn((_cn = {}, _cn[jsStyles.textarea(this.theme)] = true, _cn[jsStyles.error(this.theme)] = !!error, _cn[jsStyles.warning(this.theme)] = !!warning, _cn));var textAreaStyle = { resize: autoResize ? 'none' : resize };var placeholderPolyfill = null;if (this.state.polyfillPlaceholder && !textareaProps.value) {placeholderPolyfill = React.createElement("span", { className: jsStyles.placeholder() }, placeholder);}var fakeTextarea = null;if (autoResize) {var fakeProps = { value: this.props.value, defaultValue: this.props.defaultValue, className: cn(textareaClassNames, jsStyles.fake()), readOnly: true };fakeTextarea = React.createElement("textarea", _extends({}, fakeProps, { ref: this.refFake }));}return React.createElement("label", _extends({}, rootProps, { className: jsStyles.root(this.theme) }), placeholderPolyfill, React.createElement("textarea", _extends({}, textareaProps, { className: textareaClassNames, style: textAreaStyle, placeholder: !placeholderPolyfill ? placeholder : undefined, ref: this.ref, onChange: this.handleChange, onCut: this.handleCut, onPaste: this.handlePaste, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown })), fakeTextarea);};return Textarea;}(React.Component);Textarea.__KONTUR_REACT_UI__ = 'Textarea';Textarea.propTypes = { error: PropTypes.bool, warning: PropTypes.bool, disabled: PropTypes.bool, autoResize: PropTypes.bool, maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), id: PropTypes.string, name: PropTypes.string, title: PropTypes.string, spellCheck: PropTypes.bool, role: PropTypes.string, maxLength: PropTypes.number, tabIndex: PropTypes.number, rows: PropTypes.number, placeholder: PropTypes.string, value: PropTypes.string, defaultValue: PropTypes.string, onValueChange: PropTypes.func, onMouseEnter: PropTypes.func, onMouseLeave: PropTypes.func, onMouseOver: PropTypes.func, onMouseMove: PropTypes.func, onMouseOut: PropTypes.func, onMouseUp: PropTypes.func, onMouseDown: PropTypes.func, onClick: PropTypes.func, onDoubleClick: PropTypes.func, onKeyDown: PropTypes.func, onKeyPress: PropTypes.func, onKeyUp: PropTypes.func, onInput: PropTypes.func, onFocus: PropTypes.func, onBlur: PropTypes.func, onScroll: PropTypes.func, onWheel: PropTypes.func, onCut: PropTypes.func, onPaste: PropTypes.func, onCopy: PropTypes.func };Textarea.defaultProps = { rows: 3, maxRows: 15 };

package/components/Textarea/Textarea.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","cn","isKeyEnter","polyfillPlaceholder","LayoutEvents","ThemeContext","getTextAreaHeight","jsStyles","DEFAULT_WIDTH","Textarea","state","rows","theme","node","fakeNode","layoutEvents","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","handleKeyDown","e","props","undefined","toString","isBlockEnter","maxLength","preventDefault","onKeyDown","handleChange","fieldIsEmpty","target","setState","onValueChange","autoResize","onChange","ref","element","refFake","maxRows","parseInt","height","exceededMaxHeight","style","overflowY","handleCut","event","onPaste","handlePaste","onCut","handleFocus","selectAllOnFocus","onFocus","componentDidMount","addListener","componentWillUnmount","remove","componentDidUpdate","prevProps","render","renderMain","blur","width","error","warning","resize","className","placeholder","textareaProps","rootProps","textareaClassNames","textarea","textAreaStyle","placeholderPolyfill","fakeTextarea","fakeProps","defaultValue","fake","readOnly","root","Component","__KONTUR_REACT_UI__","propTypes","bool","disabled","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport throttle from 'lodash.throttle';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../polyfillPlaceholder';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { getTextAreaHeight } from './TextareaHelpers';\r\nimport { jsStyles } from './Textarea.styles';\r\n\r\nconst DEFAULT_WIDTH = 250;\r\n\r\nexport type TextareaProps = Override<\r\n React.TextareaHTMLAttributes<HTMLTextAreaElement>,\r\n {\r\n /** Ошибка */\r\n error?: boolean;\r\n /** Предупреждение */\r\n warning?: boolean;\r\n /** Не активное состояние */\r\n disabled?: boolean;\r\n\r\n /**\r\n * Атоматический ресайз\r\n * в зависимости от содержимого\r\n */\r\n autoResize?: boolean;\r\n /**\r\n * Число строк\r\n */\r\n rows: number;\r\n /**\r\n * Максимальное число строк при\r\n * автоматическом ресайзе\r\n */\r\n maxRows: string | number;\r\n\r\n /**\r\n * Стандартный ресайз\r\n * Попадает в `style`\r\n */\r\n resize?: React.CSSProperties['resize'];\r\n\r\n /**\r\n * Ширина\r\n */\r\n width?: React.CSSProperties['width'];\r\n\r\n /**\r\n * Вызывается при изменении `value`\r\n */\r\n onValueChange?: (value: string) => void;\r\n\r\n /** Выделение значения при фокусе */\r\n selectAllOnFocus?: boolean;\r\n }\r\n>;\r\n\r\nexport interface TextareaState {\r\n polyfillPlaceholder: boolean;\r\n rows: number | string;\r\n}\r\n\r\n/**\r\n * Компонент для ввода многострочного текста.\r\n *\r\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\r\n *\r\n * ** `className` и `style` игнорируются**\r\n */\r\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\r\n public static __KONTUR_REACT_UI__ = 'Textarea';\r\n\r\n public static propTypes = {\r\n error: PropTypes.bool,\r\n warning: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n\r\n autoResize: PropTypes.bool,\r\n maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n id: PropTypes.string,\r\n name: PropTypes.string,\r\n title: PropTypes.string,\r\n spellCheck: PropTypes.bool,\r\n role: PropTypes.string,\r\n maxLength: PropTypes.number,\r\n tabIndex: PropTypes.number,\r\n rows: PropTypes.number,\r\n placeholder: PropTypes.string,\r\n\r\n value: PropTypes.string,\r\n defaultValue: PropTypes.string,\r\n onValueChange: PropTypes.func,\r\n\r\n onMouseEnter: PropTypes.func,\r\n onMouseLeave: PropTypes.func,\r\n onMouseOver: PropTypes.func,\r\n onMouseMove: PropTypes.func,\r\n onMouseOut: PropTypes.func,\r\n\r\n onMouseUp: PropTypes.func,\r\n onMouseDown: PropTypes.func,\r\n onClick: PropTypes.func,\r\n onDoubleClick: PropTypes.func,\r\n\r\n onKeyDown: PropTypes.func,\r\n onKeyPress: PropTypes.func,\r\n onKeyUp: PropTypes.func,\r\n onInput: PropTypes.func,\r\n\r\n onFocus: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n\r\n onScroll: PropTypes.func,\r\n onWheel: PropTypes.func,\r\n\r\n onCut: PropTypes.func,\r\n onPaste: PropTypes.func,\r\n onCopy: PropTypes.func,\r\n };\r\n\r\n public static defaultProps = {\r\n rows: 3,\r\n maxRows: 15,\r\n };\r\n\r\n public state = {\r\n polyfillPlaceholder,\r\n rows: 1,\r\n };\r\n\r\n private theme!: Theme;\r\n private node: Nullable<HTMLTextAreaElement>;\r\n private fakeNode: Nullable<HTMLTextAreaElement>;\r\n private layoutEvents: Nullable<{ remove: () => void }>;\r\n\r\n public componentDidMount() {\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n this.layoutEvents = LayoutEvents.addListener(this.autoResize);\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.layoutEvents) {\r\n this.layoutEvents.remove();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TextareaProps) {\r\n if ((this.props.autoResize && this.props.rows > this.state.rows) || this.props.value !== prevProps.value) {\r\n this.autoResize();\r\n }\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public focus() {\r\n if (this.node) {\r\n this.node.focus();\r\n }\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public blur() {\r\n if (this.node) {\r\n this.node.blur();\r\n }\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public setSelectionRange = (start: number, end: number) => {\r\n if (!this.node) {\r\n throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\r\n }\r\n\r\n if (document.activeElement !== this.node) {\r\n this.focus();\r\n }\r\n\r\n this.node.setSelectionRange(start, end);\r\n };\r\n\r\n /**\r\n * @public\r\n */\r\n public selectAll = () => {\r\n if (this.node) {\r\n this.setSelectionRange(0, this.node.value.length);\r\n }\r\n };\r\n\r\n private renderMain() {\r\n const {\r\n width = DEFAULT_WIDTH,\r\n error,\r\n warning,\r\n autoResize,\r\n resize,\r\n onCut,\r\n onPaste,\r\n maxRows,\r\n onFocus,\r\n selectAllOnFocus,\r\n className,\r\n style,\r\n placeholder,\r\n ...textareaProps\r\n } = this.props;\r\n\r\n const rootProps = {\r\n style: {\r\n width,\r\n },\r\n };\r\n\r\n const textareaClassNames = cn({\r\n [jsStyles.textarea(this.theme)]: true,\r\n [jsStyles.error(this.theme)]: !!error,\r\n [jsStyles.warning(this.theme)]: !!warning,\r\n });\r\n\r\n const textAreaStyle = {\r\n resize: autoResize ? 'none' : resize,\r\n };\r\n\r\n let placeholderPolyfill = null;\r\n\r\n if (this.state.polyfillPlaceholder && !textareaProps.value) {\r\n placeholderPolyfill = <span className={jsStyles.placeholder()}>{placeholder}</span>;\r\n }\r\n\r\n let fakeTextarea = null;\r\n if (autoResize) {\r\n const fakeProps = {\r\n value: this.props.value,\r\n defaultValue: this.props.defaultValue,\r\n className: cn(textareaClassNames, jsStyles.fake()),\r\n readOnly: true,\r\n };\r\n fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\r\n }\r\n\r\n return (\r\n <label {...rootProps} className={jsStyles.root(this.theme)}>\r\n {placeholderPolyfill}\r\n <textarea\r\n {...textareaProps}\r\n className={textareaClassNames}\r\n style={textAreaStyle}\r\n placeholder={!placeholderPolyfill ? placeholder : undefined}\r\n ref={this.ref}\r\n onChange={this.handleChange}\r\n onCut={this.handleCut}\r\n onPaste={this.handlePaste}\r\n onFocus={this.handleFocus}\r\n onKeyDown={this.handleKeyDown}\r\n />\r\n {fakeTextarea}\r\n </label>\r\n );\r\n }\r\n\r\n private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n // Edge bug: textarea maxlength doesn't work after new line\r\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\r\n const value = this.props.value !== undefined ? this.props.value.toString() : null;\r\n const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\r\n\r\n if (isBlockEnter) {\r\n e.preventDefault();\r\n }\r\n\r\n if (this.props.onKeyDown) {\r\n this.props.onKeyDown(e);\r\n }\r\n };\r\n\r\n private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n if (polyfillPlaceholder) {\r\n const fieldIsEmpty = e.target.value === '';\r\n\r\n if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n }\r\n }\r\n\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(e.target.value);\r\n }\r\n\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n }\r\n\r\n if (this.props.onChange) {\r\n this.props.onChange(e);\r\n }\r\n };\r\n\r\n private ref = (element: HTMLTextAreaElement) => {\r\n this.node = element;\r\n };\r\n\r\n private refFake = (element: HTMLTextAreaElement) => {\r\n this.fakeNode = element;\r\n };\r\n\r\n private autoResize = throttle(() => {\r\n const fakeNode = this.fakeNode;\r\n if (!fakeNode) {\r\n return;\r\n }\r\n const node = this.node;\r\n if (!node) {\r\n return;\r\n }\r\n if (this.props.value === undefined) {\r\n fakeNode.value = node.value;\r\n }\r\n\r\n const { rows, maxRows } = this.props;\r\n if (rows === undefined || maxRows === undefined) {\r\n return;\r\n }\r\n const { height, exceededMaxHeight } = getTextAreaHeight(\r\n fakeNode,\r\n typeof rows === 'number' ? rows : parseInt(rows, 10),\r\n typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\r\n );\r\n node.style.height = height + 'px';\r\n node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n }, 100);\r\n\r\n private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n }\r\n\r\n if (this.props.onPaste) {\r\n this.props.onPaste(event);\r\n }\r\n };\r\n\r\n private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n }\r\n\r\n if (this.props.onCut) {\r\n this.props.onCut(event);\r\n }\r\n };\r\n\r\n private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n if (this.props.selectAllOnFocus) {\r\n this.selectAll();\r\n }\r\n\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n}\r\n"]}

package/components/Textarea/Textarea.md DELETED Viewed

@@ -1,9 +0,0 @@
-```jsx harmony
-let initialState = { value: '' };
-<Textarea
-  value={state.value}
-  onValueChange={value => setState({ value })}
-  autoResize
-  placeholder="Through faith we can reign in every area of life"
-/>;
-```

package/components/Textarea/Textarea.styles.js DELETED Viewed

@@ -1,118 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ", ";\n      border: 1px solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-height: ", ";\n      outline: none;\n      padding: 6px 10px;\n      transition: height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n      &:disabled {\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        box-shadow: none;\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: inherit; // Need to be discussed\n      }\n\n      &::-moz-placeholder {\n        color: inherit;\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      position: relative;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    t.fontSizeMedium,
-    t.textareaLineHeight);
-  },
-  textarea: function textarea(t) {
-    return css(_templateObject2(),
-    t.textareaBg,
-    t.borderColorGrayLight,
-    t.textareaBorderTopColor,
-    t.textareaShadow,
-    t.textareaColor,
-    t.controlHeightSmall,
-    t.borderColorFocus,
-    t.borderColorFocus,
-    t.placeholderColorLight,
-    t.textColorDisabled,
-    t.textareaDisabledBg,
-    t.textareaDisabledBorderColor,
-    t.placeholderColor);
-  },
-  error: function error(t) {
-    return css(_templateObject3(),
-    cssName(styles.textarea(t)),
-    t.borderColorError,
-    t.borderColorError,
-    cssName(styles.textarea(t)),
-    t.borderColorError,
-    t.borderColorError);
-  },
-  warning: function warning(t) {
-    return css(_templateObject4(),
-    cssName(styles.textarea(t)),
-    t.borderColorWarning,
-    t.borderColorWarning,
-    cssName(styles.textarea(t)),
-    t.borderColorWarning,
-    t.borderColorWarning);
-  },
-  fake: function fake() {
-    return css(_templateObject5());
-  },
-  placeholder: function placeholder() {
-    return css(_templateObject6());
-  } };
-export var jsStyles = memoizeStyle(styles);

package/components/Textarea/Textarea.styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Textarea.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","fontSizeMedium","textareaLineHeight","textarea","textareaBg","borderColorGrayLight","textareaBorderTopColor","textareaShadow","textareaColor","controlHeightSmall","borderColorFocus","placeholderColorLight","textColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","placeholderColor","error","borderColorError","warning","borderColorWarning","fake","placeholder","jsStyles"],"mappings":"s0FAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;AAEeK,IAAAA,CAAC,CAACC,cAFjB;AAGiBD,IAAAA,CAAC,CAACE,kBAHnB;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJH,CAVI,EAUM;AACjB,WAAOL,GAAP;;;AAGgBK,IAAAA,CAAC,CAACI,UAHlB;AAIsBJ,IAAAA,CAAC,CAACK,oBAJxB;AAKsBL,IAAAA,CAAC,CAACM,sBALxB;AAMgBN,IAAAA,CAAC,CAACO,cANlB;;AAQWP,IAAAA,CAAC,CAACQ,aARb;;;;;AAagBR,IAAAA,CAAC,CAACS,kBAblB;;;;;;;;AAqBoBT,IAAAA,CAAC,CAACU,gBArBtB;AAsB4BV,IAAAA,CAAC,CAACU,gBAtB9B;;;;;AA2BeV,IAAAA,CAAC,CAACW,qBA3BjB;;;;AA+BaX,IAAAA,CAAC,CAACY,iBA/Bf;AAgCkBZ,IAAAA,CAAC,CAACa,kBAhCpB;AAiCoBb,IAAAA,CAAC,CAACc,2BAjCtB;;;;;AAsCad,IAAAA,CAAC,CAACe,gBAtCf;;;;;;;;;;;AAiDD,GA5DY;;AA8DbC,EAAAA,KA9Da,iBA8DPhB,CA9DO,EA8DG;AACd,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CADX;AAEoBA,IAAAA,CAAC,CAACiB,gBAFtB;AAG4BjB,IAAAA,CAAC,CAACiB,gBAH9B;;AAKIrB,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CALX;AAMoBA,IAAAA,CAAC,CAACiB,gBANtB;AAO4BjB,IAAAA,CAAC,CAACiB,gBAP9B;;;AAUD,GAzEY;;AA2EbC,EAAAA,OA3Ea,mBA2ELlB,CA3EK,EA2EK;AAChB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CADX;AAEoBA,IAAAA,CAAC,CAACmB,kBAFtB;AAG4BnB,IAAAA,CAAC,CAACmB,kBAH9B;;AAKIvB,IAAAA,OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CALX;AAMoBA,IAAAA,CAAC,CAACmB,kBANtB;AAO4BnB,IAAAA,CAAC,CAACmB,kBAP9B;;;AAUD,GAtFY;;AAwFbC,EAAAA,IAxFa,kBAwFN;AACL,WAAOzB,GAAP;;;;;;;;AAQD,GAjGY;;AAmGb0B,EAAAA,WAnGa,yBAmGC;AACZ,WAAO1B,GAAP;;;;;;;;;;;AAWD,GA/GY,EAAf;;;AAkHA,OAAO,IAAM2B,QAAQ,GAAGzB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n root(t: Theme) {\r\n return css`\r\n display: inline-block;\r\n font-size: ${t.fontSizeMedium};\r\n line-height: ${t.textareaLineHeight};\r\n position: relative;\r\n `;\r\n },\r\n\r\n textarea(t: Theme) {\r\n return css`\r\n -webkit-appearance: none;\r\n background-clip: padding-box;\r\n background: ${t.textareaBg};\r\n border: 1px solid ${t.borderColorGrayLight};\r\n border-top-color: ${t.textareaBorderTopColor};\r\n box-shadow: ${t.textareaShadow};\r\n box-sizing: border-box;\r\n color: ${t.textareaColor};\r\n font-family: inherit;\r\n font-size: inherit;\r\n line-height: inherit;\r\n max-width: 100%;\r\n min-height: ${t.controlHeightSmall};\r\n outline: none;\r\n padding: 6px 10px;\r\n transition: height 0.2s ease-out;\r\n vertical-align: middle;\r\n width: 100%;\r\n\r\n &:focus {\r\n border-color: ${t.borderColorFocus};\r\n box-shadow: 0 0 0 1px ${t.borderColorFocus};\r\n position: relative;\r\n z-index: 2;\r\n\r\n &::placeholder {\r\n color: ${t.placeholderColorLight};\r\n }\r\n }\r\n &:disabled {\r\n color: ${t.textColorDisabled};\r\n background: ${t.textareaDisabledBg};\r\n border-color: ${t.textareaDisabledBorderColor};\r\n box-shadow: none;\r\n }\r\n\r\n &::placeholder {\r\n color: ${t.placeholderColor};\r\n }\r\n\r\n &:-moz-placeholder {\r\n color: inherit; // Need to be discussed\r\n }\r\n\r\n &::-moz-placeholder {\r\n color: inherit;\r\n }\r\n `;\r\n },\r\n\r\n error(t: Theme) {\r\n return css`\r\n ${cssName(styles.textarea(t))}& {\r\n border-color: ${t.borderColorError};\r\n box-shadow: 0 0 0 1px ${t.borderColorError};\r\n }\r\n ${cssName(styles.textarea(t))}&:focus {\r\n border-color: ${t.borderColorError};\r\n box-shadow: 0 0 0 1px ${t.borderColorError};\r\n }\r\n `;\r\n },\r\n\r\n warning(t: Theme) {\r\n return css`\r\n ${cssName(styles.textarea(t))}& {\r\n border-color: ${t.borderColorWarning};\r\n box-shadow: 0 0 0 1px ${t.borderColorWarning};\r\n }\r\n ${cssName(styles.textarea(t))}&:focus {\r\n border-color: ${t.borderColorWarning};\r\n box-shadow: 0 0 0 1px ${t.borderColorWarning};\r\n }\r\n `;\r\n },\r\n\r\n fake() {\r\n return css`\r\n height: 0;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n visibility: hidden;\r\n width: 100%;\r\n `;\r\n },\r\n\r\n placeholder() {\r\n return css`\r\n -ms-user-select: none;\r\n color: #aaa;\r\n left: 12px;\r\n overflow: hidden;\r\n position: absolute;\r\n right: 12px;\r\n top: 9px;\r\n user-select: none;\r\n z-index: 3;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Textarea/TextareaHelpers.js DELETED Viewed

@@ -1,13 +0,0 @@
-export function getTextAreaHeight(node, minRows, maxRows) {
-  var style = getComputedStyle(node);
-  var lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;
-  var paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;
-  var paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;
-  var minHeight = paddingTop + paddingBottom + lineHeight * minRows;
-  var maxHeight = paddingTop + paddingBottom + lineHeight * maxRows;
-  var expectedHeight = node.scrollHeight + lineHeight;
-  return {
-    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),
-    exceededMaxHeight: expectedHeight > maxHeight + lineHeight };
-}

package/components/Textarea/TextareaHelpers.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","node","minRows","maxRows","style","getComputedStyle","lineHeight","parseInt","paddingTop","paddingBottom","minHeight","maxHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"AAAA,OAAO,SAASA,iBAAT,CAA2BC,IAA3B,EAAsDC,OAAtD,EAAuEC,OAAvE,EAAwF;AAC7F,MAAMC,KAA0B,GAAGC,gBAAgB,CAACJ,IAAD,CAAnD;AACA,MAAMK,UAAU,GAAGF,KAAK,CAACE,UAAN,GAAmBC,QAAQ,CAACH,KAAK,CAACE,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAME,UAAU,GAAGJ,KAAK,CAACI,UAAN,GAAmBD,QAAQ,CAACH,KAAK,CAACI,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGL,KAAK,CAACK,aAAN,GAAsBF,QAAQ,CAACH,KAAK,CAACK,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGF,UAAU,GAAGC,aAAb,GAA6BH,UAAU,GAAGJ,OAA5D;AACA,MAAMS,SAAS,GAAGH,UAAU,GAAGC,aAAb,GAA6BH,UAAU,GAAGH,OAA5D;AACA,MAAMS,cAAc,GAAGX,IAAI,CAACY,YAAL,GAAoBP,UAA3C;AACA,SAAO;AACLQ,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBF,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELO,IAAAA,iBAAiB,EAAEN,cAAc,GAAGD,SAAS,GAAGL,UAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(node: HTMLTextAreaElement, minRows: number, maxRows: number) {\r\n const style: CSSStyleDeclaration = getComputedStyle(node);\r\n const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\r\n const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\r\n const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\r\n const minHeight = paddingTop + paddingBottom + lineHeight * minRows;\r\n const maxHeight = paddingTop + paddingBottom + lineHeight * maxRows;\r\n const expectedHeight = node.scrollHeight + lineHeight;\r\n return {\r\n height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\r\n exceededMaxHeight: expectedHeight > maxHeight + lineHeight,\r\n };\r\n}\r\n"]}

package/components/Textarea/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './Textarea';

package/components/Textarea/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Textarea';\r\n"]}

package/components/ThemeConsumer/ThemeConsumer.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Theme } from '../../lib/theming/Theme';
-interface ThemeConsumerProps {
-    children: (theme: Theme) => ReactNode;
-}
-export declare class ThemeConsumer extends React.Component<ThemeConsumerProps> {
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};

package/components/ThemeConsumer/ThemeConsumer.js DELETED Viewed

@@ -1,17 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import warning from 'warning';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-export var ThemeConsumer = /*#__PURE__*/function (_React$Component) {_inheritsLoose(ThemeConsumer, _React$Component);function ThemeConsumer() {return _React$Component.apply(this, arguments) || this;}var _proto = ThemeConsumer.prototype;_proto.
-  componentDidMount = function componentDidMount() {
-    warning(true, "ThemeConsumer was deprecated please use 'ThemeContext' instead. \nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext");
-  };_proto.
-  render = function render() {
-    return React.createElement(ThemeContext.Consumer, null, this.props.children);
-  };return ThemeConsumer;}(React.Component);

package/components/ThemeConsumer/ThemeConsumer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["ThemeConsumer.tsx"],"names":["React","warning","ThemeContext","ThemeConsumer","componentDidMount","render","props","children","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAiC,OAAjC;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;;;;;;AAOA,WAAaC,aAAb;AACEC,EAAAA,iBADF,GACE,6BAA0B;AACxBH,IAAAA,OAAO,CAAC,IAAD,EAAO,uIAAP,CAAP;AACD,GAHH;AAIEI,EAAAA,MAJF,GAIE,kBAAS;AACP,WAAO,oBAAC,YAAD,CAAc,QAAd,QAAwB,KAAKC,KAAL,CAAWC,QAAnC,CAAP;AACD,GANH,wBAAmCP,KAAK,CAACQ,SAAzC","sourcesContent":["import React, { ReactNode } from 'react';\r\nimport warning from 'warning';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\ninterface ThemeConsumerProps {\r\n children: (theme: Theme) => ReactNode;\r\n}\r\n\r\nexport class ThemeConsumer extends React.Component<ThemeConsumerProps> {\r\n componentDidMount(): void {\r\n warning(true, \"ThemeConsumer was deprecated please use 'ThemeContext' instead. \\nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext\");\r\n }\r\n render() {\r\n return <ThemeContext.Consumer>{this.props.children}</ThemeContext.Consumer>\r\n }\r\n}\r\n"]}

package/components/ThemeConsumer/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './ThemeConsumer';

package/components/ThemeConsumer/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './ThemeConsumer';

package/components/ThemeConsumer/index.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './ThemeConsumer';\r\n"]}