@skbkontur/react-ui 0.0.0-77c9412271 → 0.0.0-7feb61cdde

package/cjs/components/FxInput/FxInput.js

@@ -1,7 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInput = 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"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = 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"));
+
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Button = require("../Button");
 var _Group = require("../Group");
 var _Input = require("../Input");
 var _CurrencyInput = require("../CurrencyInput");
@@ -9,6 +10,16 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _rootNode = require("../../lib/rootNode");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+var _MathFunctionIcon = require("./MathFunctionIcon");
+var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _class2, _temp;
+
+
+
 
 
 
@@ -27,13 +38,19 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 
 
+
+
+var FxInputDataTids = {
+  root: 'FxInput__root' };exports.FxInputDataTids = FxInputDataTids;
 
 
 
 
 
 /** Принимает все свойства `Input`'a */var
-FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(FxInput, _React$Component);function FxInput() {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.
+
+FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(FxInput, _React$Component);function FxInput() {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.
+
 
 
 
@@ -55,44 +72,76 @@ FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
 
 
 
-    renderMain = function (props) {var
-      type = props.type,onRestore = props.onRestore,auto = props.auto,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["type", "onRestore", "auto"]);
+
+
+
+
+
+
+
+
+
+
+
+
+    renderMain = function (props) {
+      var type = props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var inputProps = {
         align: 'right' };
 
 
       var button = null;
+      var inputCorners;
+      var IconFunction = /*#__PURE__*/_react.default.createElement(_px.FunctionIcon, null);
+
+      if ((0, _ThemeHelpers.isTheme2022)(_this.theme)) {
+        inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };
+        var iconSizes = {
+          small: parseInt(_this.theme.inputIconSizeSmall),
+          medium: parseInt(_this.theme.inputIconSizeMedium),
+          large: parseInt(_this.theme.inputIconSizeLarge) };
+
+        var size = _this.props.size || _Input.Input.defaultProps.size;
+        IconFunction = /*#__PURE__*/_react.default.createElement(_MathFunctionIcon.MathFunctionIcon, { size: iconSizes[size] });
+      }
 
       if (auto) {
-        inputProps.leftIcon = /*#__PURE__*/_react.default.createElement(_px.FunctionIcon, null);
+        inputProps.leftIcon = IconFunction;
       } else {
         button = /*#__PURE__*/
-        _react.default.createElement(_Button.Button, { narrow: true, onClick: _this.props.onRestore, borderless: _this.props.borderless, disabled: _this.props.disabled }, /*#__PURE__*/
-        _react.default.createElement(_px.UndoIcon, null));
+        _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
+          size: rest.size,
+          onRestore: onRestore,
+          disabled: rest.disabled,
+          borderless: rest.borderless });
 
 
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { width: _this.props.width },
+        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
         button,
-        _this.getProps().type === 'currency' ? /*#__PURE__*/
+        type === 'currency' ? /*#__PURE__*/
         _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
         inputProps,
         rest, {
+          corners: inputCorners,
+          size: _this.props.size,
           width: '100%',
           ref: _this.refInput,
-          value: _this.props.value,
+          value: value,
           onValueChange: _this.props.onValueChange })) : /*#__PURE__*/
 
 
         _react.default.createElement(_Input.Input, (0, _extends2.default)({},
         inputProps,
         rest, {
+          corners: inputCorners,
+          size: _this.props.size,
           width: '100%',
           ref: _this.refInput,
-          type: _this.props.type,
-          value: _this.props.value,
+          type: type,
+          value: value,
           onValueChange: _this.props.onValueChange }))));
 
 
@@ -124,4 +173,4 @@ FxInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
       if (_this.props.refInput) {
         _this.props.refInput(_this.input);
       }
-    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);};return FxInput;}(_react.default.Component);exports.FxInput = FxInput;FxInput.__KONTUR_REACT_UI__ = 'FxInput';FxInput.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string };FxInput.defaultProps = { width: 250, type: 'text', value: '' };
+    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {var _this2 = this;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);});};return FxInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'FxInput', _class2.propTypes = { auto: _propTypes.default.bool, type: _propTypes.default.string }, _class2.defaultProps = { width: 250, type: 'text', value: '' }, _temp)) || _class;exports.FxInput = FxInput;

package/cjs/components/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["FxInput","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","rest","inputProps","align","button","leftIcon","borderless","disabled","width","refInput","value","onValueChange","focus","blur","element","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"icAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,uC;AACaA,O;;;;;;;;;;;;;;AAcHC,IAAAA,K,GAAsC,I;;AAEtCC,IAAAA,Q,GAAW,0CAAkBF,OAAO,CAACG,YAA1B,C;;;;;;AAMZC,IAAAA,U,GAAa,UAACC,KAAD,EAAiD;AAC3DC,MAAAA,IAD2D,GACxBD,KADwB,CAC3DC,IAD2D,CACrDC,SADqD,GACxBF,KADwB,CACrDE,SADqD,CAC1CC,IAD0C,GACxBH,KADwB,CAC1CG,IAD0C,CACjCC,IADiC,+CACxBJ,KADwB;AAEnE,UAAMK,UAAuC,GAAG;AAC9CC,QAAAA,KAAK,EAAE,OADuC,EAAhD;;;AAIA,UAAIC,MAAM,GAAG,IAAb;;AAEA,UAAIJ,IAAJ,EAAU;AACRE,QAAAA,UAAU,CAACG,QAAX,gBAAsB,6BAAC,gBAAD,OAAtB;AACD,OAFD,MAEO;AACLD,QAAAA,MAAM;AACJ,qCAAC,cAAD,IAAQ,MAAM,MAAd,EAAe,OAAO,EAAE,MAAKP,KAAL,CAAWE,SAAnC,EAA8C,UAAU,EAAE,MAAKF,KAAL,CAAWS,UAArE,EAAiF,QAAQ,EAAE,MAAKT,KAAL,CAAWU,QAAtG;AACE,qCAAC,YAAD,OADF,CADF;;;AAKD;;AAED;AACE,qCAAC,YAAD,IAAO,KAAK,EAAE,MAAKV,KAAL,CAAWW,KAAzB;AACGJ,QAAAA,MADH;AAEG,cAAKV,QAAL,GAAgBI,IAAhB,KAAyB,UAAzB;AACC,qCAAC,4BAAD;AACMI,QAAAA,UADN;AAEMD,QAAAA,IAFN;AAGE,UAAA,KAAK,EAAE,MAHT;AAIE,UAAA,GAAG,EAAE,MAAKQ,QAJZ;AAKE,UAAA,KAAK,EAAE,MAAKZ,KAAL,CAAWa,KALpB;AAME,UAAA,aAAa,EAAE,MAAKb,KAAL,CAAWc,aAN5B,IADD;;;AAUC,qCAAC,YAAD;AACMT,QAAAA,UADN;AAEMD,QAAAA,IAFN;AAGE,UAAA,KAAK,EAAE,MAHT;AAIE,UAAA,GAAG,EAAE,MAAKQ,QAJZ;AAKE,UAAA,IAAI,EAAE,MAAKZ,KAAL,CAAWC,IALnB;AAME,UAAA,KAAK,EAAE,MAAKD,KAAL,CAAWa,KANpB;AAOE,UAAA,aAAa,EAAE,MAAKb,KAAL,CAAWc,aAP5B,IAZJ,CADF;;;;;AAyBD,K;;;;;AAKMC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKnB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWmB,KAAX;AACD;AACF,K;;;;;AAKMC,IAAAA,I,GAAO,YAAM;AAClB,UAAI,MAAKpB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWoB,IAAX;AACD;AACF,K;;AAEOJ,IAAAA,Q,GAAW,UAACK,OAAD,EAA2C;AAC5D,YAAKrB,KAAL,GAAaqB,OAAb;;AAEA,UAAI,MAAKjB,KAAL,CAAWY,QAAf,EAAyB;AACvB,cAAKZ,KAAL,CAAWY,QAAX,CAAoB,MAAKhB,KAAzB;AACD;AACF,K,qDAzEMsB,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKlB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,kBApB0BoB,eAAMC,S,4BAAtBzB,O,CACG0B,mB,GAAsB,S,CADzB1B,O,CAGG2B,S,GAAY,EACxBnB,IAAI,EAAEoB,mBAAUC,IADQ,EAExBvB,IAAI,EAAEsB,mBAAUE,MAFQ,E,CAHf9B,O,CAQGG,Y,GAAe,EAC3Ba,KAAK,EAAE,GADoB,EAE3BV,IAAI,EAAE,MAFqB,EAG3BY,KAAK,EAAE,EAHoB,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Button } from '../Button';\r\nimport { Group } from '../Group';\r\nimport { Input, InputProps, InputType } from '../Input';\r\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\r\nimport { createPropsGetter } from '../../lib/createPropsGetter';\r\nimport { Override } from '../../typings/utility-types';\r\nimport { FunctionIcon, UndoIcon } from '../../internal/icons/16px';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nexport interface FxInputProps\r\n  extends CommonProps,\r\n    Override<\r\n      CurrencyInputProps,\r\n      {\r\n        /** Авто-режим */\r\n        auto?: boolean;\r\n        /** Тип инпута */\r\n        type?: 'currency' | InputProps['type'];\r\n        /** onRestore */\r\n        onRestore?: () => void;\r\n        /** onValueChange */\r\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\r\n        /** Значение */\r\n        value?: React.ReactText;\r\n        /** ref Input'а */\r\n        refInput?: (element: CurrencyInput | Input | null) => void;\r\n        /** Убрать лишние нули после запятой */\r\n        hideTrailingZeros?: boolean;\r\n      }\r\n    > {}\r\n\r\n/** Принимает все свойства `Input`'a */\r\nexport class FxInput extends React.Component<FxInputProps> {\r\n  public static __KONTUR_REACT_UI__ = 'FxInput';\r\n\r\n  public static propTypes = {\r\n    auto: PropTypes.bool,\r\n    type: PropTypes.string,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    width: 250,\r\n    type: 'text',\r\n    value: '',\r\n  };\r\n\r\n  private input: Input | CurrencyInput | null = null;\r\n\r\n  private getProps = createPropsGetter(FxInput.defaultProps);\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  public renderMain = (props: CommonWrapperRestProps<FxInputProps>) => {\r\n    const { type, onRestore, auto, ...rest } = props;\r\n    const inputProps: Partial<CurrencyInputProps> = {\r\n      align: 'right',\r\n    };\r\n\r\n    let button = null;\r\n\r\n    if (auto) {\r\n      inputProps.leftIcon = <FunctionIcon />;\r\n    } else {\r\n      button = (\r\n        <Button narrow onClick={this.props.onRestore} borderless={this.props.borderless} disabled={this.props.disabled}>\r\n          <UndoIcon />\r\n        </Button>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Group width={this.props.width}>\r\n        {button}\r\n        {this.getProps().type === 'currency' ? (\r\n          <CurrencyInput\r\n            {...inputProps}\r\n            {...rest}\r\n            width={'100%'}\r\n            ref={this.refInput}\r\n            value={this.props.value as CurrencyInputProps['value']}\r\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\r\n          />\r\n        ) : (\r\n          <Input\r\n            {...inputProps}\r\n            {...rest}\r\n            width={'100%'}\r\n            ref={this.refInput}\r\n            type={this.props.type as InputType}\r\n            value={this.props.value as InputProps['value']}\r\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\r\n          />\r\n        )}\r\n      </Group>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur = () => {\r\n    if (this.input) {\r\n      this.input.blur();\r\n    }\r\n  };\r\n\r\n  private refInput = (element: Input | CurrencyInput | null) => {\r\n    this.input = element;\r\n\r\n    if (this.props.refInput) {\r\n      this.props.refInput(this.input);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["FxInput.tsx"],"names":["FxInputDataTids","root","FxInput","rootNode","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","inputCorners","IconFunction","theme","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","Input","leftIcon","disabled","borderless","onValueChange","focus","blur","element","render","setRootNode","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps, InputSize } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    let inputCorners: InputProps['corners'];\n    let IconFunction = <FunctionIcon />;\n\n    if (isTheme2022(this.theme)) {\n      inputCorners = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n      const iconSizes: Record<InputSize, number> = {\n        small: parseInt(this.theme.inputIconSizeSmall),\n        medium: parseInt(this.theme.inputIconSizeMedium),\n        large: parseInt(this.theme.inputIconSizeLarge),\n      };\n      const size = this.props.size || Input.defaultProps.size;\n      IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n    }\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}

package/cjs/components/FxInput/FxInput.md

@@ -1,13 +1,29 @@
-```jsx harmony
-let initialState = { auto: false };
-
-function handleValueChange(value) {
-  setState({ auto: false, value });
-}
-
-function handleRestore() {
-  setState({ auto: true, value: 'auto' });
-}
-
-<FxInput auto={state.auto} value={state.value} onValueChange={handleValueChange} onRestore={handleRestore} />;
-```
+```jsx harmony
+const [auto, setAuto] = React.useState(false);
+const [value, setValue] = React.useState();
+
+function handleValueChange(value) {
+  setAuto(false);
+  setValue(value);
+}
+
+function handleRestore() {
+  setAuto(true);
+  setValue('auto');
+}
+
+<FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
+```
+
+Очистить значение в `FxInput`'е можно с помощью пустой строки или `undefined`
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState(12345);
+
+<Group>
+  <FxInput value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue(undefined)}>Undefined</Button>
+  <Button onClick={() => setValue('')}>Пустая строка</Button>
+</Group>
+```

package/cjs/components/FxInput/FxInputRestoreBtn.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FxInputProps } from './FxInput';
+declare type FxInputRestoreBtnProps = Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'>;
+export declare const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps>;
+export {};

package/cjs/components/FxInput/FxInputRestoreBtn.js

@@ -0,0 +1,75 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInputRestoreBtn = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("../Input");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _Button = require("../Button");
+var _px = require("../../internal/icons/16px");
+
+var _UndoIcon = require("./UndoIcon");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 FxInputRestoreBtn = function FxInputRestoreBtn(props) {
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  var iconUndo = /*#__PURE__*/_react.default.createElement(_px.UndoIcon, null);
+  var buttonCorners;
+
+  if ((0, _ThemeHelpers.isTheme2022)(theme)) {
+    var size = props.size || _Input.Input.defaultProps.size;
+
+    var iconSizes = {
+      small: parseInt(theme.inputIconSizeSmall),
+      medium: parseInt(theme.inputIconSizeMedium),
+      large: parseInt(theme.inputIconSizeLarge) };
+
+    var cornersSizes = {
+      small: {
+        borderTopLeftRadius: theme.inputBorderRadiusSmall,
+        borderBottomLeftRadius: theme.inputBorderRadiusSmall },
+
+      medium: {
+        borderTopLeftRadius: theme.inputBorderRadiusMedium,
+        borderBottomLeftRadius: theme.inputBorderRadiusMedium },
+
+      large: {
+        borderTopLeftRadius: theme.inputBorderRadiusLarge,
+        borderBottomLeftRadius: theme.inputBorderRadiusLarge } };
+
+
+    buttonCorners = cornersSizes[size];
+    iconUndo = /*#__PURE__*/_react.default.createElement(_UndoIcon.UndoIcon, { size: iconSizes[size] });
+  }
+
+  return (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/
+  _react.default.createElement(_Button.Button, {
+    size: props.size,
+    onClick: props.onRestore,
+    borderless: props.borderless,
+    disabled: props.disabled,
+    corners: (0, _extends2.default)({
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0 },
+    buttonCorners),
+
+    icon: iconUndo }) : /*#__PURE__*/
+
+
+  _react.default.createElement(_Button.Button, {
+    size: props.size,
+    narrow: true,
+    onClick: props.onRestore,
+    borderless: props.borderless,
+    disabled: props.disabled,
+    corners: (0, _extends2.default)({
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0 },
+    buttonCorners) },
+
+
+  iconUndo);
+
+
+};exports.FxInputRestoreBtn = FxInputRestoreBtn;

package/cjs/components/FxInput/FxInputRestoreBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FxInputRestoreBtn.tsx"],"names":["FxInputRestoreBtn","props","theme","ThemeContext","iconUndo","buttonCorners","size","Input","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","onRestore","borderless","disabled","borderTopRightRadius","borderBottomRightRadius"],"mappings":"iPAAA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sC;;;;;AAKO,IAAMA,iBAAkE,GAAG,SAArEA,iBAAqE,CAACC,KAAD,EAAW;AAC3F,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAIC,QAAQ,gBAAG,6BAAC,YAAD,OAAf;AACA,MAAIC,aAAJ;;AAEA,MAAI,+BAAYH,KAAZ,CAAJ,EAAwB;AACtB,QAAMI,IAAI,GAAGL,KAAK,CAACK,IAAN,IAAcC,aAAMC,YAAN,CAAmBF,IAA9C;;AAEA,QAAMG,SAAoC,GAAG;AAC3CC,MAAAA,KAAK,EAAEC,QAAQ,CAACT,KAAK,CAACU,kBAAP,CAD4B;AAE3CC,MAAAA,MAAM,EAAEF,QAAQ,CAACT,KAAK,CAACY,mBAAP,CAF2B;AAG3CC,MAAAA,KAAK,EAAEJ,QAAQ,CAACT,KAAK,CAACc,kBAAP,CAH4B,EAA7C;;AAKA,QAAMC,YAAoD,GAAG;AAC3DP,MAAAA,KAAK,EAAE;AACLQ,QAAAA,mBAAmB,EAAEhB,KAAK,CAACiB,sBADtB;AAELC,QAAAA,sBAAsB,EAAElB,KAAK,CAACiB,sBAFzB,EADoD;;AAK3DN,MAAAA,MAAM,EAAE;AACNK,QAAAA,mBAAmB,EAAEhB,KAAK,CAACmB,uBADrB;AAEND,QAAAA,sBAAsB,EAAElB,KAAK,CAACmB,uBAFxB,EALmD;;AAS3DN,MAAAA,KAAK,EAAE;AACLG,QAAAA,mBAAmB,EAAEhB,KAAK,CAACoB,sBADtB;AAELF,QAAAA,sBAAsB,EAAElB,KAAK,CAACoB,sBAFzB,EAToD,EAA7D;;;AAcAjB,IAAAA,aAAa,GAAGY,YAAY,CAACX,IAAD,CAA5B;AACAF,IAAAA,QAAQ,gBAAG,6BAAC,kBAAD,IAAc,IAAI,EAAEK,SAAS,CAACH,IAAD,CAA7B,GAAX;AACD;;AAED,SAAO,+BAAYJ,KAAZ;AACL,+BAAC,cAAD;AACE,IAAA,IAAI,EAAED,KAAK,CAACK,IADd;AAEE,IAAA,OAAO,EAAEL,KAAK,CAACsB,SAFjB;AAGE,IAAA,UAAU,EAAEtB,KAAK,CAACuB,UAHpB;AAIE,IAAA,QAAQ,EAAEvB,KAAK,CAACwB,QAJlB;AAKE,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFtB,IAAAA,aAHE,CALT;;AAUE,IAAA,IAAI,EAAED,QAVR,GADK;;;AAcL,+BAAC,cAAD;AACE,IAAA,IAAI,EAAEH,KAAK,CAACK,IADd;AAEE,IAAA,MAAM,MAFR;AAGE,IAAA,OAAO,EAAEL,KAAK,CAACsB,SAHjB;AAIE,IAAA,UAAU,EAAEtB,KAAK,CAACuB,UAJpB;AAKE,IAAA,QAAQ,EAAEvB,KAAK,CAACwB,QALlB;AAME,IAAA,OAAO;AACLC,MAAAA,oBAAoB,EAAE,CADjB;AAELC,MAAAA,uBAAuB,EAAE,CAFpB;AAGFtB,IAAAA,aAHE,CANT;;;AAYGD,EAAAA,QAZH,CAdF;;;AA6BD,CA7DM,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Input, InputSize } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Button } from '../Button';\nimport { UndoIcon } from '../../internal/icons/16px';\n\nimport { UndoIcon as UndoIcon2022 } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ntype FxInputRestoreBtnProps = Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'>;\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n  const theme = useContext(ThemeContext);\n\n  let iconUndo = <UndoIcon />;\n  let buttonCorners;\n\n  if (isTheme2022(theme)) {\n    const size = props.size || Input.defaultProps.size;\n\n    const iconSizes: Record<InputSize, number> = {\n      small: parseInt(theme.inputIconSizeSmall),\n      medium: parseInt(theme.inputIconSizeMedium),\n      large: parseInt(theme.inputIconSizeLarge),\n    };\n    const cornersSizes: Record<InputSize, React.CSSProperties> = {\n      small: {\n        borderTopLeftRadius: theme.inputBorderRadiusSmall,\n        borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n      },\n      medium: {\n        borderTopLeftRadius: theme.inputBorderRadiusMedium,\n        borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n      },\n      large: {\n        borderTopLeftRadius: theme.inputBorderRadiusLarge,\n        borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n      },\n    };\n    buttonCorners = cornersSizes[size];\n    iconUndo = <UndoIcon2022 size={iconSizes[size]} />;\n  }\n\n  return isTheme2022(theme) ? (\n    <Button\n      size={props.size}\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n      }}\n      icon={iconUndo}\n    />\n  ) : (\n    <Button\n      size={props.size}\n      narrow\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n      }}\n    >\n      {iconUndo}\n    </Button>\n  );\n};\n"]}

package/cjs/components/FxInput/MathFunctionIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const MathFunctionIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/FxInput/MathFunctionIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.MathFunctionIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _MathFunctionIcon16Light = require("../../internal/icons2022/MathFunctionIcon/MathFunctionIcon16Light");
+var _MathFunctionIcon20Light = require("../../internal/icons2022/MathFunctionIcon/MathFunctionIcon20Light");
+var _MathFunctionIcon24Regular = require("../../internal/icons2022/MathFunctionIcon/MathFunctionIcon24Regular"); /* eslint-disable react/display-name */
+
+var MathFunctionIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_MathFunctionIcon16Light.MathFunctionIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_MathFunctionIcon20Light.MathFunctionIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_MathFunctionIcon24Regular.MathFunctionIcon24Regular, null);} },
+
+'MathFunctionIcon');exports.MathFunctionIcon = MathFunctionIcon;

package/cjs/components/FxInput/MathFunctionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MathFunctionIcon.tsx"],"names":["MathFunctionIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,gH,CANA;;AAQO,IAAMA,gBAAgB,GAAG;AAC9B;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,gDAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,gDAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,oDAAD,OAAN,EAHT,EAD8B;;AAM9B,kBAN8B,CAAzB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { MathFunctionIcon16Light } from '../../internal/icons2022/MathFunctionIcon/MathFunctionIcon16Light';\nimport { MathFunctionIcon20Light } from '../../internal/icons2022/MathFunctionIcon/MathFunctionIcon20Light';\nimport { MathFunctionIcon24Regular } from '../../internal/icons2022/MathFunctionIcon/MathFunctionIcon24Regular';\n\nexport const MathFunctionIcon = iconSizer(\n  {\n    small: () => <MathFunctionIcon16Light />,\n    medium: () => <MathFunctionIcon20Light />,\n    large: () => <MathFunctionIcon24Regular />,\n  },\n  'MathFunctionIcon',\n);\n"]}

package/cjs/components/FxInput/UndoIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const UndoIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/FxInput/UndoIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.UndoIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _ArrowShapeDRadiusUpLeftIcon16Light = require("../../internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon16Light");
+var _ArrowShapeDRadiusUpLeftIcon24Regular = require("../../internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon24Regular");
+var _ArrowShapeDRadiusUpLeftIcon20Light = require("../../internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon20Light"); /* eslint-disable react/display-name */
+
+var UndoIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowShapeDRadiusUpLeftIcon16Light.ArrowShapeDRadiusUpLeftIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowShapeDRadiusUpLeftIcon20Light.ArrowShapeDRadiusUpLeftIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowShapeDRadiusUpLeftIcon24Regular.ArrowShapeDRadiusUpLeftIcon24Regular, null);} },
+
+'UndoIcon');exports.UndoIcon = UndoIcon;

package/cjs/components/FxInput/UndoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["UndoIcon.tsx"],"names":["UndoIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,6I,CANA;;AAQO,IAAMA,QAAQ,GAAG;AACtB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,sEAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,sEAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0EAAD,OAAN,EAHT,EADsB;;AAMtB,UANsB,CAAjB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { ArrowShapeDRadiusUpLeftIcon16Light } from '../../internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon16Light';\nimport { ArrowShapeDRadiusUpLeftIcon24Regular } from '../../internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon24Regular';\nimport { ArrowShapeDRadiusUpLeftIcon20Light } from '../../internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon20Light';\n\nexport const UndoIcon = iconSizer(\n  {\n    small: () => <ArrowShapeDRadiusUpLeftIcon16Light />,\n    medium: () => <ArrowShapeDRadiusUpLeftIcon20Light />,\n    large: () => <ArrowShapeDRadiusUpLeftIcon24Regular />,\n  },\n  'UndoIcon',\n);\n"]}

package/cjs/components/FxInput/index.js.map

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

package/cjs/components/Gapped/Gapped.d.ts

@@ -4,26 +4,31 @@ import { CommonProps } from '../../internal/CommonWrapper';
 export interface GappedProps extends CommonProps {
     /**
      * Расстояние между элементами в пикселях
-     * @default 10
+     * @default 8
      */
-    gap: number;
+    gap?: number;
     /**
      * Вертикальное выравнивание
      * @default "baseline"
      */
-    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
+    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
     /**
      * Расположение элементов по вертикали
      * @default false
      */
-    vertical: boolean;
+    vertical?: boolean;
     /**
      * Перенос элементов на новую строку при горизонтальном расположении
      * @default false
      */
-    wrap: boolean;
+    wrap?: boolean;
     children: React.ReactNode;
 }
+export declare const GappedDataTids: {
+    readonly vertical: "Gapped__vertical";
+    readonly horizontal: "Gapped__horizontal";
+};
+declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
 /**
  * Контейнер, расстояние между элементами в котором равно `gap`.
  */
@@ -43,13 +48,13 @@ export declare class Gapped extends React.Component<GappedProps> {
          */
         verticalAlign: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        gap: number;
-        wrap: boolean;
-        vertical: boolean;
-        verticalAlign: string;
-    };
+    private setRootNode;
+    static defaultProps: DefaultProps;
+    private getProps;
     render(): JSX.Element;
+    private getGapValue;
     private renderVertical;
     private renderHorizontal;
+    private filterChildren;
 }
+export {};

package/cjs/components/Gapped/Gapped.js

@@ -1,7 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.GappedDataTids = exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _utils = require("../../lib/utils");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _class2, _temp;
 
 
 
@@ -27,10 +30,19 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 
 
-/**
- * Контейнер, расстояние между элементами в котором равно `gap`.
+var GappedDataTids = {
+  vertical: 'Gapped__vertical',
+  horizontal: 'Gapped__horizontal' };exports.GappedDataTids = GappedDataTids;
+
+
+
+
+/**
+ * Контейнер, расстояние между элементами в котором равно `gap`.
  */var
-Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Gapped, _React$Component);function Gapped() {return _React$Component.apply(this, arguments) || this;}var _proto = Gapped.prototype;_proto.
+
+Gapped = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Gapped, _React$Component);function Gapped() {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.
+
 
 
 
@@ -56,36 +68,49 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(Gapped.defaultProps);return _this;}var _proto = Gapped.prototype;_proto.
 
   render = function render() {
     return /*#__PURE__*/(
-      _react.default.createElement(_CommonWrapper.CommonWrapper, this.props,
-      this.props.vertical ? this.renderVertical() : this.renderHorizontal()));
+      _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props),
+      this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()));
+
+
+  };_proto.
 
+  getGapValue = function getGapValue() {
+    // DEPRECATED remove in 4.0
+    var propsGap = this.props.gap;
+    if ((0, _utils.isNonNullable)(propsGap)) {
+      return propsGap;
+    }
 
+    return 8;
   };_proto.
 
   renderVertical = function renderVertical() {
     var subsequentItemStyle = {
-      paddingTop: this.props.gap };
+      paddingTop: this.getGapValue() };
 
-    var isFirst = true;
-    var children = _react.default.Children.map(this.props.children, function (child) {
-      if (!child) {
-        return child;
-      }
-      var style = isFirst ? undefined : subsequentItemStyle;
+    var children = _react.default.Children.toArray(this.props.children).
+    filter(this.filterChildren).
+    map(function (child, index) {
+      var style = index === 0 ? undefined : subsequentItemStyle;
+      return /*#__PURE__*/(
+        _react.default.createElement("div", { style: style, key: index },
+        child));
 
-      isFirst = false;
 
-      return /*#__PURE__*/_react.default.createElement("div", { style: style }, child);
     });
 
-    return /*#__PURE__*/_react.default.createElement("div", null, children);
+    return /*#__PURE__*/_react.default.createElement("div", { "data-tid": GappedDataTids.vertical }, children);
   };_proto.
 
-  renderHorizontal = function renderHorizontal() {var _this$props =
-    this.props,gap = _this$props.gap,children = _this$props.children,verticalAlign = _this$props.verticalAlign,wrap = _this$props.wrap;
+  renderHorizontal = function renderHorizontal() {
+    var _this$props = this.props,children = _this$props.children,verticalAlign = _this$props.verticalAlign;
+    var wrap = this.getProps().wrap;
+    var gap = this.getGapValue();
     var itemStyle = (0, _extends2.default)({
       display: 'inline-block',
       verticalAlign: verticalAlign },
@@ -95,9 +120,11 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
     var contStyle = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };
 
     return /*#__PURE__*/(
-      _react.default.createElement("div", { style: rootStyle }, /*#__PURE__*/
+      _react.default.createElement("div", { "data-tid": GappedDataTids.horizontal, style: rootStyle }, /*#__PURE__*/
       _react.default.createElement("div", { style: contStyle },
-      _react.default.Children.toArray(children).map(function (child, index) {
+      _react.default.Children.toArray(children).
+      filter(this.filterChildren).
+      map(function (child, index) {
         var marginLeft = index === 0 ? undefined : gap;
         return /*#__PURE__*/(
           _react.default.createElement("span", { key: index, style: (0, _extends2.default)({ marginLeft: marginLeft }, itemStyle) },
@@ -108,10 +135,14 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-  };return Gapped;}(_react.default.Component);exports.Gapped = Gapped;Gapped.__KONTUR_REACT_UI__ = 'Gapped';Gapped.propTypes = { /**
-   * Расстояние между элементами.
-   */gap: _propTypes.default.number, /**
-   * Располагать элементы вертикально.
-   */vertical: _propTypes.default.bool, /**
-   * Вертикальное выравнивание элементов.
-   */verticalAlign: _propTypes.default.oneOf(['top', 'middle', 'baseline', 'bottom']) };Gapped.defaultProps = { gap: 10, wrap: false, vertical: false, verticalAlign: 'baseline' };
+  };_proto.
+
+  filterChildren = function filterChildren(child) {
+    return Boolean(child) || typeof child === 'number';
+  };return Gapped;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Gapped', _class2.propTypes = { /**
+   * Расстояние между элементами.
+   */gap: _propTypes.default.number, /**
+   * Располагать элементы вертикально.
+   */vertical: _propTypes.default.bool, /**
+   * Вертикальное выравнивание элементов.
+   */verticalAlign: _propTypes.default.oneOf(['top', 'middle', 'baseline', 'bottom']) }, _class2.defaultProps = { wrap: false, vertical: false, verticalAlign: 'baseline' }, _temp)) || _class;exports.Gapped = Gapped;