npm - @skbkontur/react-ui - Versions diffs - 0.0.0-fed57d84fb → 0.7.0-beta.1 - Mend

@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

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

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

@@ -1,164 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      position: relative;\n    "])),
-    t.textareaFontSize,
-    t.textareaLineHeight);
-  },
-  textarea: function textarea(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ", ";\n      border: ", " 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-width: ", ";\n      min-height: ", ";\n      outline: none;\n      padding: ", " ", ";\n      transition: height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])),
-    t.textareaBg,
-    t.textareaBorderWidth, t.textareaBorderColor,
-    t.textareaBorderTopColor,
-    t.textareaShadow,
-    t.textareaColor,
-    t.textareaWidth,
-    t.textareaMinHeight,
-    t.textareaPaddingY, t.textareaPaddingX,
-    t.textareaBorderRadius,
-    t.textareaBorderColorFocus,
-    t.textareaOutlineWidth, t.textareaBorderColorFocus,
-    t.textareaPlaceholderColorLight,
-    t.textareaPlaceholderColor,
-    t.textareaPlaceholderColor,
-    t.textareaPlaceholderColor);
-  },
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
-    t.textareaBorderColorError,
-    t.textareaBorderWidth, t.textareaBorderColorError,
-    t.textareaBorderColorError,
-    t.textareaOutlineWidth, t.textareaBorderColorError);
-  },
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])),
-    t.textareaBorderColorWarning,
-    t.textareaOutlineWidth, t.textareaBorderColorWarning,
-    t.textareaBorderColorWarning,
-    t.textareaOutlineWidth, t.textareaBorderColorWarning);
-  },
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      box-shadow: none;\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
-    t.textareaTextColorDisabled,
-    t.textareaDisabledBg,
-    t.textareaDisabledBorderColor,
-    t.textareaPlaceholderColorDisabled);
-  },
-  fake: function fake() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
-  },
-  placeholder: function placeholder() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
-  },
-  counterContainer: function counterContainer(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])),
-    t.textareaBorderWidth);
-  },
-  counter: function counter(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n      right: ", ";\n      bottom: ", ";\n    "])),
-    t.textareaCounterBg,
-    t.textareaCounterColor,
-    t.textareaPaddingX,
-    t.textareaPaddingY);
-  },
-  counterError: function counterError(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.textareaCounterErrorColor);
-  },
-  counterHelp: function counterHelp() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
-  },
-  disableAnimations: function disableAnimations() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: none;\n    "])));
-  } });exports.styles = styles;

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Textarea.styles.ts"],"names":["styles","root","t","css","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-block;\n font-size: ${t.textareaFontSize};\n line-height: ${t.textareaLineHeight};\n position: relative;\n `;\n },\n\n textarea(t: Theme) {\n return css`\n -webkit-appearance: none;\n background-clip: padding-box;\n background: ${t.textareaBg};\n border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n border-top-color: ${t.textareaBorderTopColor};\n box-shadow: ${t.textareaShadow};\n box-sizing: border-box;\n color: ${t.textareaColor};\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n min-width: ${t.textareaWidth};\n min-height: ${t.textareaMinHeight};\n outline: none;\n padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\n transition: height 0.2s ease-out;\n vertical-align: middle;\n width: 100%;\n border-radius: ${t.textareaBorderRadius};\n white-space: pre-wrap;\n\n &:focus {\n border-color: ${t.textareaBorderColorFocus};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n position: relative;\n z-index: 2;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorLight};\n }\n }\n\n &::placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &:-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &::-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n &:focus {\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n &:focus {\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.textareaTextColorDisabled};\n background: ${t.textareaDisabledBg};\n border-color: ${t.textareaDisabledBorderColor};\n box-shadow: none;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorDisabled};\n }\n `;\n },\n\n fake() {\n return css`\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n `;\n },\n\n placeholder() {\n return css`\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 `;\n },\n\n counterContainer(t: Theme) {\n return css`\n position: absolute;\n top: 0;\n border: ${t.textareaBorderWidth} solid transparent;\n box-sizing: content-box;\n `;\n },\n\n counter(t: Theme) {\n return css`\n position: absolute;\n z-index: 3;\n text-align: right;\n background: ${t.textareaCounterBg};\n color: ${t.textareaCounterColor};\n border-radius: 2px;\n right: ${t.textareaPaddingX};\n bottom: ${t.textareaPaddingY};\n `;\n },\n\n counterError(t: Theme) {\n return css`\n color: ${t.textareaCounterErrorColor};\n `;\n },\n\n counterHelp() {\n return css`\n margin-left: 4px;\n cursor: pointer;\n `;\n },\n\n disableAnimations() {\n return css`\n transition: none;\n `;\n },\n});\n"]}

package/cjs/components/Textarea/TextareaCounter.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { TextareaProps } from './Textarea';
-export declare type TextareaCounterProps = {
-    value: TextareaProps['value'];
-    length: number;
-    help: TextareaProps['counterHelp'];
-    onCloseHelp: () => void;
-    textarea: HTMLTextAreaElement;
-};
-export interface TextareaCounterRef {
-    reflow: () => void;
-}
-export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps>;

package/cjs/components/Textarea/TextareaCounter.js DELETED Viewed

@@ -1,72 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TextareaCounter = void 0;var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _SSRSafe = require("../../lib/SSRSafe");
-var _forwardRefAndName = require("../../lib/forwardRefAndName");
-var _px = require("../../internal/icons/16px");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _utils = require("../../lib/utils");
-var _Tooltip = require("../Tooltip");
-var _Emotion = require("../../lib/theming/Emotion");
-var _Textarea = require("./Textarea");
-var _Textarea2 = require("./Textarea.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-var handleHelpMouseDown = function handleHelpMouseDown(e) {return e.preventDefault();};
-var TextareaCounter = (0, _forwardRefAndName.forwardRefAndName)(
-'TextareaCounter',
-function (_ref, ref) {var _cx;var length = _ref.length,value = _ref.value,help = _ref.help,onCloseHelp = _ref.onCloseHelp,textarea = _ref.textarea;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var _useState = (0, _react.useState)(textarea.clientWidth),width = _useState[0],setWidth = _useState[1];
-  var _useState2 = (0, _react.useState)(textarea.clientHeight),height = _useState2[0],setHeight = _useState2[1];
-  var reflow = (0, _react.useCallback)(function () {
-    var clientWidth = textarea.clientWidth,clientHeight = textarea.clientHeight;
-    setWidth(clientWidth);
-    setHeight(clientHeight);
-  }, [textarea]);
-  (0, _react.useImperativeHandle)(ref, function () {return { reflow: reflow };}, [reflow]);
-  var renderTooltipContent = (0, _react.useCallback)(function () {return help;}, [help]);
-  var textareaValue = value ? value.toString().length : 0;
-  var counterValue = length - textareaValue;
-  var counterHelp = (0, _utils.isFunction)(help) ?
-  help() : /*#__PURE__*/
-  _react.default.createElement(_Tooltip.Tooltip, { pos: 'right bottom', trigger: 'click', render: renderTooltipContent, onCloseClick: onCloseHelp }, /*#__PURE__*/
-  _react.default.createElement(_px.HelpDotIcon, { onMouseDown: handleHelpMouseDown, color: theme.textareaCounterHelpIconColor }));
-  return /*#__PURE__*/(
-    _react.default.createElement("div", { "data-tid": _Textarea.TextareaDataTids.counter, className: _Textarea2.styles.counterContainer(theme), style: { width: width, height: height } }, /*#__PURE__*/
-    _react.default.createElement("span", {
-      className: (0, _Emotion.cx)(_Textarea2.styles.counter(theme), (_cx = {}, _cx[
-      _Textarea2.styles.counterError(theme)] = counterValue < 0, _cx)) },
-    counterValue,
-    help && /*#__PURE__*/_react.default.createElement("span", { className: _Textarea2.styles.counterHelp() }, counterHelp))));
-});exports.TextareaCounter = TextareaCounter;
-TextareaCounter.propTypes = {
-  length: _propTypes.default.number.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  help: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  onCloseHelp: _propTypes.default.func.isRequired,
-  textarea: (0, _SSRSafe.safePropTypesInstanceOf)(function () {return HTMLElement;}).isRequired };

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

@@ -1 +0,0 @@

- {"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","TextareaDataTids","counter","styles","counterContainer","counterError","propTypes","number","isRequired","oneOfType","string","node","func","HTMLElement"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TextareaDataTids, TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport type TextareaCounterProps = {\n value: TextareaProps['value'];\n length: number;\n help: TextareaProps['counterHelp'];\n onCloseHelp: () => void;\n textarea: HTMLTextAreaElement;\n};\n\nexport interface TextareaCounterRef {\n reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n 'TextareaCounter',\n ({ length, value, help, onCloseHelp, textarea }, ref) => {\n const theme = useContext(ThemeContext);\n const [width, setWidth] = useState(textarea.clientWidth);\n const [height, setHeight] = useState(textarea.clientHeight);\n const reflow = useCallback(() => {\n const { clientWidth, clientHeight } = textarea;\n setWidth(clientWidth);\n setHeight(clientHeight);\n }, [textarea]);\n useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n const renderTooltipContent = useCallback(() => help, [help]);\n const textareaValue = value ? value.toString().length : 0;\n const counterValue = length - textareaValue;\n const counterHelp = isFunction(help) ? (\n help()\n ) : (\n <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\n </Tooltip>\n );\n\n return (\n <div data-tid={TextareaDataTids.counter} className={styles.counterContainer(theme)} style={{ width, height }}>\n <span\n className={cx(styles.counter(theme), {\n [styles.counterError(theme)]: counterValue < 0,\n })}\n >\n {counterValue}\n {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n </span>\n </div>\n );\n },\n);\n\nTextareaCounter.propTypes = {\n length: propTypes.number.isRequired,\n value: propTypes.oneOfType([propTypes.string, propTypes.number]),\n help: propTypes.oneOfType([propTypes.node, propTypes.func]),\n onCloseHelp: propTypes.func.isRequired,\n textarea: safePropTypesInstanceOf(() => HTMLElement).isRequired,\n};\n"]}

package/cjs/components/Textarea/TextareaHelpers.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
-    height: number;
-    exceededMaxHeight: boolean;
-};
-interface GetTextAreaHeightParams {
-    node: HTMLTextAreaElement;
-    minRows: number;
-    maxRows: number;
-    extraRow: boolean;
-}
-export {};

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

@@ -1,17 +0,0 @@
-"use strict";exports.__esModule = true;exports.getTextAreaHeight = getTextAreaHeight;function getTextAreaHeight(params) {
-  var node = params.node,minRows = params.minRows,maxRows = params.maxRows,extraRow = params.extraRow;
-  var style = getComputedStyle(node);
-  var borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;
-  var borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;
-  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 = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;
-  var maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;
-  var extraRowHeight = extraRow ? lineHeight : 0;
-  var expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;
-  return {
-    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),
-    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight };
-}

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

@@ -1 +0,0 @@

- {"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"qFAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACjE,MAAQC,IAAR,GAA6CD,MAA7C,CAAQC,IAAR,CAAcC,OAAd,GAA6CF,MAA7C,CAAcE,OAAd,CAAuBC,OAAvB,GAA6CH,MAA7C,CAAuBG,OAAvB,CAAgCC,QAAhC,GAA6CJ,MAA7C,CAAgCI,QAAhC;AACA,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\n const { node, minRows, maxRows, extraRow } = params;\n const style: CSSStyleDeclaration = getComputedStyle(node);\n const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n const extraRowHeight = extraRow ? lineHeight : 0;\n const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n return {\n height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n };\n}\n\ninterface GetTextAreaHeightParams {\n node: HTMLTextAreaElement;\n minRows: number;\n maxRows: number;\n extraRow: boolean;\n}\n"]}

package/cjs/components/Textarea/index.d.ts DELETED Viewed

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

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

	@@ -1 +0,0 @@
1	- "use strict";exports.__esModule = true;var _Textarea = require("./Textarea");Object.keys(_Textarea).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _Textarea[key]) return;exports[key] = _Textarea[key];});

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

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

package/cjs/components/Toast/Toast.d.ts DELETED Viewed

@@ -1,64 +0,0 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ToastView } from './ToastView';
-export interface Action {
-    label: string;
-    handler: () => void;
-}
-export interface ToastState {
-    notification: Nullable<string>;
-    action: Nullable<Action>;
-    id: number;
-}
-export interface ToastProps extends CommonProps {
-    onPush?: (notification: string, action?: Action) => void;
-    onClose?: (notification: string, action?: Action) => void;
-}
-export declare const ToastDataTids: {
-    readonly toastStatic: "StaticToast";
-    readonly toastView: "ToastView__root";
-    readonly action: "ToastView__action";
-    readonly close: "ToastView__close";
-};
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы
- * с перекрытием уведомления другими элементами страницы.
- *
- * Рекомендуется использовать Toast через `ref` (см. примеры).
- */
-export declare class Toast extends React.Component<ToastProps, ToastState> {
-    static __KONTUR_REACT_UI__: string;
-    private setRootNode;
-    static push(notification: string, action?: Action): void;
-    static close(): void;
-    _toast: Nullable<ToastView>;
-    private _timeout;
-    private rootRef;
-    constructor(props: ToastProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * Показывает тост с `notification` в качестве сообщения.
-     * Тост автоматически скрывается через 3 или 7 секунд,
-     * в зависимости от наличия у него кнопки `action`.
-     *
-     * @public
-     * @param {string} notification
-     * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
-     * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-     */
-    push(notification: string, action?: Action): void;
-    /**
-     * @public
-     */
-    close: () => void;
-    private _renderToast;
-    private setRootRef;
-    private _clearTimer;
-    private _setTimer;
-    private _refToast;
-}

package/cjs/components/Toast/Toast.js DELETED Viewed

@@ -1,185 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ToastDataTids = exports.Toast = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _RenderContainer = require("../../internal/RenderContainer");
-var _CommonWrapper = require("../../internal/CommonWrapper");
-var _currentEnvironment = require("../../lib/currentEnvironment");
-var _rootNode = require("../../lib/rootNode");
-var _Toast = require("./Toast.styles");
-var _ToastView = require("./ToastView");
-var _ToastStatic = require("./ToastStatic");var _class, _class2, _temp;
-var ToastDataTids = {
-  toastStatic: 'StaticToast',
-  toastView: 'ToastView__root',
-  action: 'ToastView__action',
-  close: 'ToastView__close' };
-/**
- * Показывает уведомления.
- *
- * Доступен статический метод: `Toast.push(notification, action?)`.
- * Однако, при его использовании не работает кастомизация и могут быть проблемы
- * с перекрытием уведомления другими элементами страницы.
- *
- * Рекомендуется использовать Toast через `ref` (см. примеры).
- */exports.ToastDataTids = ToastDataTids;var
-Toast = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toast, _React$Component);Toast.
-  push = function push(notification, action) {
-    _ToastStatic.ToastStatic.push(notification, action);
-  };Toast.
-  close = function close() {
-    _ToastStatic.ToastStatic.close();
-  };
-  function Toast(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this._timeout = null;_this.rootRef = /*#__PURE__*/_react.default.createRef();_this.
-    close = function () {
-      safelyCall(_this.props.onClose, _this.state.notification, _this.state.action);
-      _this.setState({ notification: null, action: null });
-    };_this.
-    setRootRef = function (element) {
-      _this.setRootNode(element);
-      // @ts-ignore
-      _this.rootRef.current = element;
-    };_this.
-    _clearTimer = function () {
-      if (_this._timeout) {
-        clearTimeout(_this._timeout);
-        _this._timeout = null;
-      }
-    };_this.
-    _setTimer = function () {
-      _this._clearTimer();
-      var timeOut = _this.state.action ? 7 : 3;
-      _this._timeout = window.setTimeout(_this.close, timeOut * 1000);
-    };_this.
-    _refToast = function (element) {
-      _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0 };return _this;}var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, this._renderToast()));} /**
-   * Показывает тост с `notification` в качестве сообщения.
-   * Тост автоматически скрывается через 3 или 7 секунд,
-   * в зависимости от наличия у него кнопки `action`.
-   *
-   * @public
-   * @param {string} notification
-   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`
-   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-   */;_proto.push = function push(notification, action) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1 };}, this._setTimer);} /**
-   * @public
-   */;_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, action: action };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast.styles.enter(), enterActive: _Toast.styles.enterActive(), exit: _Toast.styles.exit(), exitActive: _Toast.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Toast', _temp)) || _class;exports.Toast = Toast;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}

package/cjs/components/Toast/Toast.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Toast.tsx"],"names":["ToastDataTids","toastStatic","toastView","action","close","Toast","rootNode","push","notification","ToastStatic","props","_timeout","rootRef","React","createRef","safelyCall","onClose","state","setState","setRootRef","element","setRootNode","current","_clearTimer","clearTimeout","_setTimer","timeOut","window","setTimeout","_refToast","_toast","id","componentWillUnmount","render","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","enter","styles","enterActive","exit","exitActive","isTestEnv","Component","__KONTUR_REACT_UI__","fn","args"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n label: string;\n handler: () => void;\n}\n\nexport interface ToastState {\n notification: Nullable<string>;\n action: Nullable<Action>;\n id: number;\n}\n\nexport interface ToastProps extends CommonProps {\n onPush?: (notification: string, action?: Action) => void;\n onClose?: (notification: string, action?: Action) => void;\n}\n\nexport const ToastDataTids = {\n toastStatic: 'StaticToast',\n toastView: 'ToastView__root',\n action: 'ToastView__action',\n close: 'ToastView__close',\n} as const;\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?)`.\n * Однако, при его использовании не работает кастомизация и могут быть проблемы\n * с перекрытием уведомления другими элементами страницы.\n *\n * Рекомендуется использовать Toast через `ref` (см. примеры).\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n public static __KONTUR_REACT_UI__ = 'Toast';\n private setRootNode!: TSetRootNode;\n\n public static push(notification: string, action?: Action) {\n ToastStatic.push(notification, action);\n }\n\n public static close() {\n ToastStatic.close();\n }\n\n public _toast: Nullable<ToastView>;\n private _timeout: Nullable<number> = null;\n private rootRef = React.createRef<HTMLElement>();\n\n constructor(props: ToastProps) {\n super(props);\n this.state = {\n notification: null,\n action: null,\n id: 0,\n };\n }\n\n public componentWillUnmount() {\n this._clearTimer();\n }\n\n public render() {\n return (\n <RenderContainer>\n <TransitionGroup>{this._renderToast()}</TransitionGroup>\n </RenderContainer>\n );\n }\n\n /**\n * Показывает тост с `notification` в качестве сообщения.\n * Тост автоматически скрывается через 3 или 7 секунд,\n * в зависимости от наличия у него кнопки `action`.\n *\n * @public\n * @param {string} notification\n * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n */\n public push(notification: string, action?: Action) {\n if (this.state.notification) {\n this.close();\n }\n\n safelyCall(this.props.onPush, notification, action);\n\n this.setState(({ id }) => ({ notification, action, id: id + 1 }), this._setTimer);\n }\n\n /**\n * @public\n */\n public close = () => {\n safelyCall(this.props.onClose, this.state.notification, this.state.action);\n this.setState({ notification: null, action: null });\n };\n\n private _renderToast() {\n const { notification, action, id } = this.state;\n\n if (!notification) {\n return null;\n }\n\n const toastProps: ToastViewProps = {\n onMouseEnter: this._clearTimer,\n onMouseLeave: this._setTimer,\n onClose: this.close,\n children: notification,\n action,\n };\n\n return (\n <CSSTransition\n key={id}\n classNames={{\n enter: styles.enter(),\n enterActive: styles.enterActive(),\n exit: styles.exit(),\n exitActive: styles.exitActive(),\n }}\n timeout={{\n enter: 200,\n exit: 150,\n }}\n enter={!isTestEnv}\n exit={!isTestEnv}\n nodeRef={this.rootRef}\n >\n <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n <ToastView ref={this._refToast} {...toastProps} />\n </CommonWrapper>\n </CSSTransition>\n );\n }\n\n private setRootRef = (element: Nullable<HTMLElement>) => {\n this.setRootNode(element);\n // @ts-ignore\n this.rootRef.current = element;\n };\n\n private _clearTimer = () => {\n if (this._timeout) {\n clearTimeout(this._timeout);\n this._timeout = null;\n }\n };\n\n private _setTimer = () => {\n this._clearTimer();\n\n const timeOut = this.state.action ? 7 : 3;\n\n this._timeout = window.setTimeout(this.close, timeOut * 1000);\n };\n\n private _refToast = (element: ToastView) => {\n this._toast = element;\n };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n if (fn) {\n fn(...args);\n }\n}\n"]}

package/cjs/components/Toast/Toast.md DELETED Viewed

@@ -1,41 +0,0 @@
-Вызов статических методов
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-function showComplexNotification() {
-  Toast.push('Successfully saved', {
-    label: 'Cancel',
-    handler: () => Toast.push('Canceled'),
-  });
-}
-<Button onClick={showComplexNotification}>Show notification</Button>;
-```
-Использование `ref`
-```jsx harmony
-import { Button, Toast } from '@skbkontur/react-ui';
-class Toaster extends React.Component {
-  showNotification() {
-    this.notifier.push('Successfully');
-  }
-  render() {
-    return (
-      <div>
-        <Toast
-          ref={el => {
-            this.notifier = el;
-          }}
-        />
-        <Button onClick={() => this.showNotification()}>Show notification</Button>
-      </div>
-    );
-  }
-}
-<Toaster />;
-```

package/cjs/components/Toast/Toast.styles.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-export declare const styles: {
-    enter(): string;
-    enterActive(): string;
-    exit(): string;
-    exitActive(): string;
-};