@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/cjs/components/CurrencyLabel/CurrencyLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_constants","_CurrencyHelper","_CommonWrapper","_excluded","FRACTION_DIGITS_DEFAULT","CurrencyLabelDataTids","exports","root","CurrencyLabel","_ref","value","_ref$fractionDigits","fractionDigits","currencySymbol","_ref$hideTrailingZero","hideTrailingZeros","rest","_objectWithoutPropertiesLoose2","default","createElement","CommonWrapper","CurrencyHelper","format","String","fromCharCode","__KONTUR_REACT_UI__","displayName","propTypes","_ref2","_ref2$fractionDigits","MAX_SAFE_DIGITS","Error","_ref3","destructString","fraction","length","Number","isInteger"],"sources":["CurrencyLabel.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MAX_SAFE_DIGITS } from '../CurrencyInput/constants';\nimport { CurrencyHelper } from '../CurrencyInput/CurrencyHelper';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CurrencyLabelProps extends CommonProps {\n  /**\n   * Минимальное количество отображаемых знаков после запятой\n   * @default 2\n   */\n  fractionDigits?: number;\n  value: number;\n  currencySymbol?: React.ReactNode;\n  /** Убрать лишние нули после запятой */\n  hideTrailingZeros?: boolean;\n}\n\nconst FRACTION_DIGITS_DEFAULT = 2;\n\nexport const CurrencyLabelDataTids = {\n  root: 'CurrencyLabel__root',\n} as const;\n\nexport const CurrencyLabel = ({\n  value,\n  fractionDigits = FRACTION_DIGITS_DEFAULT,\n  currencySymbol,\n  hideTrailingZeros = false,\n  ...rest\n}: CurrencyLabelProps): JSX.Element => {\n  return (\n    <CommonWrapper {...rest}>\n      <span data-tid={CurrencyLabelDataTids.root}>\n        {CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros })}\n        {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\n        {currencySymbol}\n      </span>\n    </CommonWrapper>\n  );\n};\n\nCurrencyLabel.__KONTUR_REACT_UI__ = 'CurrencyLabel';\nCurrencyLabel.displayName = 'CurrencyLabel';\n\nCurrencyLabel.propTypes = {\n  fractionDigits: ({ fractionDigits = FRACTION_DIGITS_DEFAULT, value }: CurrencyLabelProps) => {\n    if (fractionDigits > MAX_SAFE_DIGITS) {\n      return new Error(\n        `[CurrencyLabel]: Prop 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` +\n          `\\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15`,\n      );\n    }\n\n    const { fraction } = CurrencyHelper.destructString(String(value)) || { fraction: '' };\n    if (fraction.length > fractionDigits) {\n      return new Error(\n        `[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property,` +\n          `'value' will not be cutted`,\n      );\n    }\n\n    if (!Number.isInteger(fractionDigits)) {\n      return new Error(\n        `[CurrencyLabel]: Prop 'fractionDigits' is not integer, fraction part of these property will not be used`,\n      );\n    }\n\n    return null;\n  },\n};\n"],"mappings":"+TAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA,iCAA0E,IAAAI,SAAA;;;;;;;;;;;;;;AAc1E,IAAMC,uBAAuB,GAAG,CAAC;;AAE1B,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEH,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;;;;;;AAMa,KALrCC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAAC,mBAAA,GAAAF,IAAA,CACLG,cAAc,CAAdA,cAAc,GAAAD,mBAAA,cAAGP,uBAAuB,GAAAO,mBAAA,CACxCE,cAAc,GAAAJ,IAAA,CAAdI,cAAc,CAAAC,qBAAA,GAAAL,IAAA,CACdM,iBAAiB,CAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CACtBE,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAT,IAAA,EAAAN,SAAA;EAEP;IACEN,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAAkB,aAAa,EAAKJ,IAAI;IACrBnB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,WAAM,YAAUd,qBAAqB,CAACE,IAAK;IACxCc,8BAAc,CAACC,MAAM,CAACZ,KAAK,EAAE,EAAEE,cAAc,EAAdA,cAAc,EAAEG,iBAAiB,EAAjBA,iBAAiB,CAAC,CAAC,CAAC;IACnEF,cAAc,IAAIU,MAAM,CAACC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC5CX;IACG;IACO,CAAC;;AAEpB,CAAC;;AAEDL,aAAa,CAACiB,mBAAmB,GAAG,eAAe;AACnDjB,aAAa,CAACkB,WAAW,GAAG,eAAe;;AAE3ClB,aAAa,CAACmB,SAAS,GAAG;EACxBf,cAAc,EAAE,SAAAA,eAAAgB,KAAA,EAA6E,KAAAC,oBAAA,GAAAD,KAAA,CAA1EhB,cAAc,CAAdA,eAAc,GAAAiB,oBAAA,cAAGzB,uBAAuB,GAAAyB,oBAAA,CAAEnB,KAAK,GAAAkB,KAAA,CAALlB,KAAK;IAChE,IAAIE,eAAc,GAAGkB,0BAAe,EAAE;MACpC,OAAO,IAAIC,KAAK;QACd,oDAAkDD,0BAAe;;MAEnE,CAAC;IACH;;IAEA,IAAAE,KAAA,GAAqBX,8BAAc,CAACY,cAAc,CAACV,MAAM,CAACb,KAAK,CAAC,CAAC,IAAI,EAAEwB,QAAQ,EAAE,EAAE,CAAC,CAAC,CAA7EA,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAChB,IAAIA,QAAQ,CAACC,MAAM,GAAGvB,eAAc,EAAE;MACpC,OAAO,IAAImB,KAAK;QACd;;MAEF,CAAC;IACH;;IAEA,IAAI,CAACK,MAAM,CAACC,SAAS,CAACzB,eAAc,CAAC,EAAE;MACrC,OAAO,IAAImB,KAAK;;MAEhB,CAAC;IACH;;IAEA,OAAO,IAAI;EACb;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_constants","_CurrencyHelper","_CommonWrapper","_forwardRefAndName","_excluded","FRACTION_DIGITS_DEFAULT","CurrencyLabelDataTids","exports","root","CurrencyLabel","forwardRefAndName","_ref","ref","id","value","_ref$fractionDigits","fractionDigits","currencySymbol","_ref$hideTrailingZero","hideTrailingZeros","rest","_objectWithoutPropertiesLoose2","default","createElement","CommonWrapper","CurrencyHelper","format","String","fromCharCode","propTypes","_ref2","_ref2$fractionDigits","MAX_SAFE_DIGITS","Error","_ref3","destructString","fraction","length","Number","isInteger"],"sources":["CurrencyLabel.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { MAX_SAFE_DIGITS } from '../CurrencyInput/constants';\nimport { CurrencyHelper } from '../CurrencyInput/CurrencyHelper';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nexport interface CurrencyLabelProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Устанавливает минимальное количество отображаемых знаков после запятой.\n   * @default 2 */\n  fractionDigits?: number;\n\n  /** Устанавливает значение. */\n  value: number;\n\n  /** Задает символ валюты. */\n  currencySymbol?: React.ReactNode;\n\n  /** Убирает лишние нули после запятой. */\n  hideTrailingZeros?: boolean;\n}\n\nconst FRACTION_DIGITS_DEFAULT = 2;\n\nexport const CurrencyLabelDataTids = {\n  root: 'CurrencyLabel__root',\n} as const;\n\n/**\n * `CurrencyLabel` — подпись для денежных сумм (и других числовых значений).\n */\nconst CurrencyLabel = forwardRefAndName(\n  'CurrencyLabel',\n  function CurrencyLabel(\n    {\n      id,\n      value,\n      fractionDigits = FRACTION_DIGITS_DEFAULT,\n      currencySymbol,\n      hideTrailingZeros = false,\n      ...rest\n    }: CurrencyLabelProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    return (\n      <CommonWrapper {...rest}>\n        <span id={id} data-tid={CurrencyLabelDataTids.root} ref={ref}>\n          {CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros })}\n          {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\n          {currencySymbol}\n        </span>\n      </CommonWrapper>\n    );\n  },\n);\n\nCurrencyLabel.propTypes = {\n  // @ts-ignore\n  fractionDigits: ({ fractionDigits = FRACTION_DIGITS_DEFAULT, value }: CurrencyLabelProps) => {\n    if (fractionDigits > MAX_SAFE_DIGITS) {\n      return new Error(\n        `[CurrencyLabel]: Prop 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` +\n          `\\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15`,\n      );\n    }\n\n    const { fraction } = CurrencyHelper.destructString(String(value)) || { fraction: '' };\n    if (fraction.length > fractionDigits) {\n      return new Error(\n        `[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property,` +\n          `'value' will not be cutted`,\n      );\n    }\n\n    if (!Number.isInteger(fractionDigits)) {\n      return new Error(\n        `[CurrencyLabel]: Prop 'fractionDigits' is not integer, fraction part of these property will not be used`,\n      );\n    }\n    return null;\n  },\n};\n\nexport { CurrencyLabel };\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA,gCAAgE,IAAAK,SAAA;;;;;;;;;;;;;;;;;AAiBhE,IAAMC,uBAAuB,GAAG,CAAC;;AAE1B,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,IAAAC,oCAAiB;EACrC,eAAe;EACf,SAASD,aAAaA,CAAAE,IAAA;;;;;;;;;EASpBC,GAA8B;EAC9B,KAREC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CACFC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAAC,mBAAA,GAAAJ,IAAA,CACLK,cAAc,CAAdA,cAAc,GAAAD,mBAAA,cAAGV,uBAAuB,GAAAU,mBAAA,CACxCE,cAAc,GAAAN,IAAA,CAAdM,cAAc,CAAAC,qBAAA,GAAAP,IAAA,CACdQ,iBAAiB,CAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CACtBE,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAX,IAAA,EAAAP,SAAA;IAIT;MACEP,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACrB,cAAA,CAAAsB,aAAa,EAAKJ,IAAI;MACrBvB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,WAAMV,EAAE,EAAEA,EAAG,EAAC,YAAUP,qBAAqB,CAACE,IAAK,EAACI,GAAG,EAAEA,GAAI;MAC1Da,8BAAc,CAACC,MAAM,CAACZ,KAAK,EAAE,EAAEE,cAAc,EAAdA,cAAc,EAAEG,iBAAiB,EAAjBA,iBAAiB,CAAC,CAAC,CAAC;MACnEF,cAAc,IAAIU,MAAM,CAACC,YAAY,CAAC,IAAI,CAAC,CAAC;MAC5CX;MACG;MACO,CAAC;;EAEpB;AACF,CAAC;;AAEDR,aAAa,CAACoB,SAAS,GAAG;EACxB;EACAb,cAAc,EAAE,SAAAA,eAAAc,KAAA,EAA6E,KAAAC,oBAAA,GAAAD,KAAA,CAA1Ed,cAAc,CAAdA,eAAc,GAAAe,oBAAA,cAAG1B,uBAAuB,GAAA0B,oBAAA,CAAEjB,KAAK,GAAAgB,KAAA,CAALhB,KAAK;IAChE,IAAIE,eAAc,GAAGgB,0BAAe,EAAE;MACpC,OAAO,IAAIC,KAAK;QACd,oDAAkDD,0BAAe;;MAEnE,CAAC;IACH;;IAEA,IAAAE,KAAA,GAAqBT,8BAAc,CAACU,cAAc,CAACR,MAAM,CAACb,KAAK,CAAC,CAAC,IAAI,EAAEsB,QAAQ,EAAE,EAAE,CAAC,CAAC,CAA7EA,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAChB,IAAIA,QAAQ,CAACC,MAAM,GAAGrB,eAAc,EAAE;MACpC,OAAO,IAAIiB,KAAK;QACd;;MAEF,CAAC;IACH;;IAEA,IAAI,CAACK,MAAM,CAACC,SAAS,CAACvB,eAAc,CAAC,EAAE;MACrC,OAAO,IAAIiB,KAAK;;MAEhB,CAAC;IACH;IACA,OAAO,IAAI;EACb;AACF,CAAC","ignoreList":[]}

package/cjs/components/CurrencyLabel/CurrencyLabel.md

@@ -1,28 +1,28 @@
-To render rubles
+### To render rubles
 
 ```jsx
 <CurrencyLabel value={12356.1} currencySymbol={'₽'} />
 ```
 
-...or dollars
+### ...or dollars
 
 ```jsx
 <CurrencyLabel value={12356.1} currencySymbol={'$'} />
 ```
 
-...or nothing
+### ...or nothing
 
 ```jsx
 <CurrencyLabel value={12356.1} />
 ```
 
-Count of fraction digits can be changed
+### Count of fraction digits can be changed
 
 ```jsx
 <CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
 ```
 
-Can hide trailing zeros
+### Can hide trailing zeros
 
 ```jsx
 <CurrencyLabel value={356.167} fractionDigits={5} hideTrailingZeros />

package/cjs/components/CurrencyLabel/index.d.ts

@@ -1 +1 @@
-export * from './CurrencyLabel';
+export * from './CurrencyLabel';

package/cjs/components/DateInput/CalendarIcon.d.ts

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

package/cjs/components/DateInput/DateFragmentsView.d.ts

@@ -1,20 +1,21 @@
-import React from 'react';
-import { InternalDateComponentType, InternalDateFragment } from '../../lib/date/types';
-interface DateFragmentViewProps {
-    selected: InternalDateComponentType | null;
-    fragments: InternalDateFragment[];
-    inputMode: boolean;
-    onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;
-}
-export declare class DateFragmentsView extends React.Component<DateFragmentViewProps> {
-    private theme;
-    private rootNode;
-    isFragment: (el: HTMLElement | EventTarget) => boolean;
-    getRootNode: () => HTMLSpanElement | null;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderSeparator;
-    private renderDateComponent;
-    private rootRef;
-}
-export {};
+import React from 'react';
+import type { InternalDateFragment } from '../../lib/date/types';
+import { InternalDateComponentType } from '../../lib/date/types';
+interface DateFragmentViewProps {
+    selected: InternalDateComponentType | null;
+    fragments: InternalDateFragment[];
+    inputMode: boolean;
+    onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;
+}
+export declare class DateFragmentsView extends React.Component<DateFragmentViewProps> {
+    private theme;
+    private rootNode;
+    isFragment: (el: HTMLElement | EventTarget) => boolean;
+    getRootNode: () => HTMLSpanElement | null;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderSeparator;
+    private renderDateComponent;
+    private rootRef;
+}
+export {};

package/cjs/components/DateInput/DateFragmentsView.js

@@ -3,11 +3,11 @@ var _globalObject = require("@skbkontur/global-object");
 
 var _MaskCharLowLine = require("../../internal/MaskCharLowLine");
 var _InternalDateValidator = require("../../lib/date/InternalDateValidator");
+
 var _types = require("../../lib/date/types");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _DateFragmentsView2 = require("./DateFragmentsView.styles");var
 
@@ -109,13 +109,10 @@ DateFragmentsView = exports.DateFragmentsView = /*#__PURE__*/function (_React$Co
 
 
 
-
-
-
 
 
 
 
     rootRef = function (el) {
       _this.rootNode = el;
-    };return _this;}(0, _inheritsLoose2.default)(DateFragmentsView, _React$Component);var _proto = DateFragmentsView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx,_this3 = this;var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme);return /*#__PURE__*/_react.default.createElement("span", { ref: this.rootRef, className: (0, _Emotion.cx)((_cx = {}, _cx[_DateFragmentsView2.styles.root()] = true, _cx[_DateFragmentsView2.styles.selected(this.theme)] = !_isTheme2022, _cx[_DateFragmentsView2.styles.selectedFor22Themes(this.theme)] = _isTheme2022, _cx)) }, this.props.fragments.map(function (fragment, index) {return fragment.type === _types.InternalDateComponentType.Separator ? _this3.renderSeparator(fragment, index) : _this3.renderDateComponent(fragment, index);}));};_proto.renderSeparator = function renderSeparator(fragment, index) {var _cx2;var separatorClassName = (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateFragmentsView2.styles.mask(this.theme)] = true, _cx2[_DateFragmentsView2.styles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _cx2));return /*#__PURE__*/_react.default.createElement("span", { key: index, className: separatorClassName }, fragment.value);};_proto.renderDateComponent = function renderDateComponent(fragment, index) {var _this$props = this.props,inputMode = _this$props.inputMode,onSelectDateComponent = _this$props.onSelectDateComponent,selected = _this$props.selected;var type = fragment.type,value = fragment.value,length = fragment.length,valueWithPad = fragment.valueWithPad;var getValueMask = function getValueMask() {if (value === null || selected === type && inputMode) {return value;}return valueWithPad || value;};var valueMask = getValueMask();var lengthMask = _InternalDateValidator.InternalDateValidator.testParseToNumber(valueMask) ? Math.max(length - valueMask.toString().length, 0) : length;var handleMouseUp = function handleMouseUp(e) {var _globalObject$documen;if ((_globalObject$documen = _globalObject.globalObject.document) != null && (_globalObject$documen = _globalObject$documen.activeElement) != null && _globalObject$documen.contains(e.currentTarget)) {onSelectDateComponent(type, e);}};return /*#__PURE__*/_react.default.createElement("span", { key: index, "data-fragment": "", onMouseUp: handleMouseUp }, valueMask, /*#__PURE__*/_react.default.createElement("span", { "data-tid": "DateFragmentsView__placeholder", className: _DateFragmentsView2.styles.mask(this.theme) }, Array(lengthMask).fill('').map(function (_, i) {return /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i });})));};return DateFragmentsView;}(_react.default.Component);
+    };return _this;}(0, _inheritsLoose2.default)(DateFragmentsView, _React$Component);var _proto = DateFragmentsView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx,_this3 = this;return /*#__PURE__*/_react.default.createElement("span", { ref: this.rootRef, className: (0, _Emotion.cx)((_cx = {}, _cx[_DateFragmentsView2.styles.root()] = true, _cx[_DateFragmentsView2.styles.selected(this.theme)] = true, _cx)) }, this.props.fragments.map(function (fragment, index) {return fragment.type === _types.InternalDateComponentType.Separator ? _this3.renderSeparator(fragment, index) : _this3.renderDateComponent(fragment, index);}));};_proto.renderSeparator = function renderSeparator(fragment, index) {var _cx2;var separatorClassName = (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateFragmentsView2.styles.mask(this.theme)] = true, _cx2[_DateFragmentsView2.styles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _cx2));return /*#__PURE__*/_react.default.createElement("span", { key: index, className: separatorClassName }, fragment.value);};_proto.renderDateComponent = function renderDateComponent(fragment, index) {var _this$props = this.props,inputMode = _this$props.inputMode,onSelectDateComponent = _this$props.onSelectDateComponent,selected = _this$props.selected;var type = fragment.type,value = fragment.value,length = fragment.length,valueWithPad = fragment.valueWithPad;var getValueMask = function getValueMask() {if (value === null || selected === type && inputMode) {return value;}return valueWithPad || value;};var valueMask = getValueMask();var lengthMask = _InternalDateValidator.InternalDateValidator.testParseToNumber(valueMask) ? Math.max(length - valueMask.toString().length, 0) : length;var handleMouseUp = function handleMouseUp(e) {var _globalObject$documen;if ((_globalObject$documen = _globalObject.globalObject.document) != null && (_globalObject$documen = _globalObject$documen.activeElement) != null && _globalObject$documen.contains(e.currentTarget)) {onSelectDateComponent(type, e);}};return /*#__PURE__*/_react.default.createElement("span", { key: index, "data-fragment": "", onMouseUp: handleMouseUp }, valueMask, /*#__PURE__*/_react.default.createElement("span", { "data-tid": "DateFragmentsView__placeholder", className: _DateFragmentsView2.styles.mask(this.theme) }, Array(lengthMask).fill('').map(function (_, i) {return /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i });})));};return DateFragmentsView;}(_react.default.Component);

package/cjs/components/DateInput/DateFragmentsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_MaskCharLowLine","_InternalDateValidator","_types","_ThemeContext","_Emotion","_ThemeHelpers","_DateFragmentsView2","DateFragmentsView","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNode","isFragment","el","fragments","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_this3","_isTheme2022","isTheme2022","ref","className","cx","styles","root","selected","selectedFor22Themes","props","map","index","type","InternalDateComponentType","Separator","renderSeparator","renderDateComponent","_cx2","separatorClassName","mask","delimiterFilled","value","key","_this$props","inputMode","onSelectDateComponent","valueWithPad","getValueMask","valueMask","lengthMask","InternalDateValidator","testParseToNumber","Math","max","toString","handleMouseUp","e","_globalObject$documen","globalObject","document","activeElement","currentTarget","onMouseUp","fill","_","i","MaskCharLowLine","React","Component"],"sources":["DateFragmentsView.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine';\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator';\nimport { InternalDateComponentType, InternalDateFragment } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './DateFragmentsView.styles';\n\ninterface DateFragmentViewProps {\n  selected: InternalDateComponentType | null;\n  fragments: InternalDateFragment[];\n  inputMode: boolean;\n  onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps> {\n  private theme!: Theme;\n  private rootNode: HTMLSpanElement | null = null;\n\n  public isFragment = (el: HTMLElement | EventTarget): boolean => {\n    if (this.rootNode) {\n      // NOTE: NodeList doesn't support method 'forEach' in IE11\n      const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\n      return fragments.some((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n    }\n    return false;\n  };\n\n  public getRootNode = () => this.rootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    return (\n      <span\n        ref={this.rootRef}\n        className={cx({\n          [styles.root()]: true,\n          [styles.selected(this.theme)]: !_isTheme2022,\n          [styles.selectedFor22Themes(this.theme)]: _isTheme2022,\n        })}\n      >\n        {this.props.fragments.map((fragment, index) =>\n          fragment.type === InternalDateComponentType.Separator\n            ? this.renderSeparator(fragment, index)\n            : this.renderDateComponent(fragment, index),\n        )}\n      </span>\n    );\n  }\n\n  private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\n    const separatorClassName = cx({\n      [styles.mask(this.theme)]: true,\n      [styles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\n    });\n\n    return (\n      <span key={index} className={separatorClassName}>\n        {fragment.value}\n      </span>\n    );\n  }\n\n  private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\n    const { inputMode, onSelectDateComponent, selected } = this.props;\n    const { type, value, length, valueWithPad } = fragment;\n\n    const getValueMask = () => {\n      if (value === null || (selected === type && inputMode)) {\n        return value;\n      }\n\n      return valueWithPad || value;\n    };\n\n    const valueMask = getValueMask();\n\n    const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\n      ? Math.max(length - valueMask.toString().length, 0)\n      : length;\n\n    const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\n      if (globalObject.document?.activeElement?.contains(e.currentTarget)) {\n        onSelectDateComponent(type, e);\n      }\n    };\n\n    return (\n      <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\n        {valueMask}\n        <span data-tid=\"DateFragmentsView__placeholder\" className={styles.mask(this.theme)}>\n          {Array(lengthMask)\n            .fill('')\n            .map((_, i) => (\n              <MaskCharLowLine key={i} />\n            ))}\n        </span>\n      </span>\n    );\n  }\n\n  private rootRef = (el: HTMLSpanElement | null) => {\n    this.rootNode = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_MaskCharLowLine","_InternalDateValidator","_types","_ThemeContext","_Emotion","_DateFragmentsView2","DateFragmentsView","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNode","isFragment","el","fragments","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_this3","ref","className","cx","styles","root","selected","props","map","index","type","InternalDateComponentType","Separator","renderSeparator","renderDateComponent","_cx2","separatorClassName","mask","delimiterFilled","value","key","_this$props","inputMode","onSelectDateComponent","valueWithPad","getValueMask","valueMask","lengthMask","InternalDateValidator","testParseToNumber","Math","max","toString","handleMouseUp","e","_globalObject$documen","globalObject","document","activeElement","currentTarget","onMouseUp","fill","_","i","MaskCharLowLine","React","Component"],"sources":["DateFragmentsView.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine';\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator';\nimport type { InternalDateFragment } from '../../lib/date/types';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './DateFragmentsView.styles';\n\ninterface DateFragmentViewProps {\n  selected: InternalDateComponentType | null;\n  fragments: InternalDateFragment[];\n  inputMode: boolean;\n  onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps> {\n  private theme!: Theme;\n  private rootNode: HTMLSpanElement | null = null;\n\n  public isFragment = (el: HTMLElement | EventTarget): boolean => {\n    if (this.rootNode) {\n      // NOTE: NodeList doesn't support method 'forEach' in IE11\n      const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\n      return fragments.some((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n    }\n    return false;\n  };\n\n  public getRootNode = () => this.rootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    return (\n      <span\n        ref={this.rootRef}\n        className={cx({\n          [styles.root()]: true,\n          [styles.selected(this.theme)]: true,\n        })}\n      >\n        {this.props.fragments.map((fragment, index) =>\n          fragment.type === InternalDateComponentType.Separator\n            ? this.renderSeparator(fragment, index)\n            : this.renderDateComponent(fragment, index),\n        )}\n      </span>\n    );\n  }\n\n  private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\n    const separatorClassName = cx({\n      [styles.mask(this.theme)]: true,\n      [styles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\n    });\n\n    return (\n      <span key={index} className={separatorClassName}>\n        {fragment.value}\n      </span>\n    );\n  }\n\n  private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\n    const { inputMode, onSelectDateComponent, selected } = this.props;\n    const { type, value, length, valueWithPad } = fragment;\n\n    const getValueMask = () => {\n      if (value === null || (selected === type && inputMode)) {\n        return value;\n      }\n\n      return valueWithPad || value;\n    };\n\n    const valueMask = getValueMask();\n\n    const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\n      ? Math.max(length - valueMask.toString().length, 0)\n      : length;\n\n    const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\n      if (globalObject.document?.activeElement?.contains(e.currentTarget)) {\n        onSelectDateComponent(type, e);\n      }\n    };\n\n    return (\n      <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\n        {valueMask}\n        <span data-tid=\"DateFragmentsView__placeholder\" className={styles.mask(this.theme)}>\n          {Array(lengthMask)\n            .fill('')\n            .map((_, i) => (\n              <MaskCharLowLine key={i} />\n            ))}\n        </span>\n      </span>\n    );\n  }\n\n  private rootRef = (el: HTMLSpanElement | null) => {\n    this.rootNode = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateInput/DateFragmentsView.styles.d.ts

@@ -1,8 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    selected(t: Theme): string;
-    selectedFor22Themes(t: Theme): string;
-    mask(t: Theme): string;
-    delimiterFilled(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    selected(t: Theme): string;
+    mask(t: Theme): string;
+    delimiterFilled(): string;
+};

package/cjs/components/DateInput/DateFragmentsView.styles.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
@@ -9,17 +9,6 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ::selection {\n        background: ", ";\n      }\n      & ::-moz-selection {\n        background: ", ";\n      }\n    "])),
-
-    t.dateInputComponentSelectedBgColor,
-
-
-    t.dateInputComponentSelectedBgColor);
-
-
-  },
-
-  selectedFor22Themes: function selectedFor22Themes(t) {
     var getSelection = function getSelection(background, color) {return (
         (background || color) && "& ::selection {\n      background: " +
 
@@ -27,7 +16,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
         color + ";\n    }");};
 
 
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n\n      ", "\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n\n      ", "\n    "])),
 
 
     getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor));
@@ -35,13 +24,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   mask: function mask(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.dateInputMaskColor);
 
   },
 
   delimiterFilled: function delimiterFilled() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n    "])));
 
 
   }

package/cjs/components/DateInput/DateFragmentsView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","selected","t","dateInputComponentSelectedBgColor","selectedFor22Themes","getSelection","background","color","dateInputComponentSelectedTextColor","mask","dateInputMaskColor","delimiterFilled"],"sources":["DateFragmentsView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      cursor: text;\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      & ::selection {\n        background: ${t.dateInputComponentSelectedBgColor};\n      }\n      & ::-moz-selection {\n        background: ${t.dateInputComponentSelectedBgColor};\n      }\n    `;\n  },\n\n  selectedFor22Themes(t: Theme) {\n    const getSelection = (background: string, color: string) =>\n      (background || color) &&\n      `& ::selection {\n      background: ${background};\n      color: ${color};\n    }`;\n\n    return css`\n      cursor: text;\n\n      ${getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor)}\n    `;\n  },\n\n  mask(t: Theme) {\n    return css`\n      color: ${t.dateInputMaskColor};\n    `;\n  },\n\n  delimiterFilled() {\n    return css`\n      color: inherit;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAACC,CAAQ,EAAE;IACjB,WAAOJ,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAEQE,CAAC,CAACC,iCAAiC;;;IAGnCD,CAAC,CAACC,iCAAiC;;;EAGvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACF,CAAQ,EAAE;IAC5B,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa;QACrD,CAACD,UAAU,IAAIC,KAAK;;QAEND,UAAU;QACfC,KAAK,aACd;;;IAEF,WAAOT,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGNK,YAAY,CAACH,CAAC,CAACC,iCAAiC,EAAED,CAAC,CAACM,mCAAmC,CAAC;;EAE9F,CAAC;;EAEDC,IAAI,WAAAA,KAACP,CAAQ,EAAE;IACb,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACQ,kBAAkB;;EAEjC,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOb,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","selected","t","getSelection","background","color","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","mask","dateInputMaskColor","delimiterFilled"],"sources":["DateFragmentsView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      cursor: text;\n    `;\n  },\n\n  selected(t: Theme) {\n    const getSelection = (background: string, color: string) =>\n      (background || color) &&\n      `& ::selection {\n      background: ${background};\n      color: ${color};\n    }`;\n\n    return css`\n      cursor: text;\n\n      ${getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor)}\n    `;\n  },\n\n  mask(t: Theme) {\n    return css`\n      color: ${t.dateInputMaskColor};\n    `;\n  },\n\n  delimiterFilled() {\n    return css`\n      color: inherit;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAACC,CAAQ,EAAE;IACjB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa;QACrD,CAACD,UAAU,IAAIC,KAAK;;QAEND,UAAU;QACfC,KAAK,aACd;;;IAEF,WAAOP,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGNG,YAAY,CAACD,CAAC,CAACI,iCAAiC,EAAEJ,CAAC,CAACK,mCAAmC,CAAC;;EAE9F,CAAC;;EAEDC,IAAI,WAAAA,KAACN,CAAQ,EAAE;IACb,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACO,kBAAkB;;EAEjC,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOZ,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/DateInput/DateInput.d.ts

@@ -1,110 +1,104 @@
-import React from 'react';
-import { InternalDateComponentType } from '../../lib/date/types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface DateInputState {
-    selected: InternalDateComponentType | null;
-    valueFormatted: string;
-    inputMode: boolean;
-    focused: boolean;
-    dragged: boolean;
-}
-export declare const DateInputDataTids: {
-    readonly icon: "DateInput__icon";
-};
-export interface DateInputProps extends CommonProps {
-    autoFocus?: boolean;
-    value?: string;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    disabled?: boolean;
-    /**
-     * Минимальная дата.
-     * @default '01.01.1900'
-     */
-    minDate?: string;
-    /**
-     * Максимальная дата
-     * @default '31.12.2099'
-     */
-    maxDate?: string;
-    /**
-     * Ширина поля
-     * @default 125
-     */
-    width?: string | number;
-    withIcon?: boolean;
-    /**
-     * Размер поля
-     * @default 'small'
-     */
-    size?: SizeProp;
-    onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
-    onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
-    onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
-    /**
-     * Вызывается при изменении `value`
-     *
-     * @param value - строка в формате `dd.mm.yyyy`.
-     */
-    onValueChange?: (value: string) => void;
-    onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;
-}
-type DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;
-export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private iDateMediator;
-    private inputLikeText;
-    private dateFragmentsView;
-    private isMouseDown;
-    private isMouseFocus;
-    private ignoringDelimiter;
-    private locale;
-    private blurEvent;
-    private theme;
-    private setRootNode;
-    private conditionalHandler;
-    constructor(props: DateInputProps);
-    componentDidUpdate(prevProps: DateInputProps): void;
-    selectNode: () => void;
-    componentDidMount(): void;
-    blur(): void;
-    focus(): void;
-    blink(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderIcon;
-    private handleFocus;
-    private resetFocus;
-    private handleBlur;
-    private handleMouseDownCapture;
-    private handleSelectDateComponent;
-    private handleMouseDragStart;
-    private handleMouseDragEnd;
-    private handleKeyDown;
-    private handlePaste;
-    private handleDoubleClick;
-    private inputLikeTextRef;
-    private dateFragmentsViewRef;
-    private selectDateComponent;
-    private updateValue;
-    private updateFromProps;
-    private fullSelection;
-    private pressDelimiter;
-    private emitChange;
-    private clearSelected;
-    private clearOneChar;
-    private shiftDateComponent;
-    private shiftSelection;
-    private inputValue;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import { InternalDateComponentType } from '../../lib/date/types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface DateInputState {
+    selected: InternalDateComponentType | null;
+    valueFormatted: string;
+    inputMode: boolean;
+    focused: boolean;
+    dragged: boolean;
+}
+export declare const DateInputDataTids: {
+    readonly icon: "DateInput__icon";
+};
+export interface DateInputProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
+    autoFocus?: boolean;
+    /** Устанавливает значение датаинпута. */
+    value?: string;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */
+    minDate?: string;
+    /** Задает максимальную возможную дату в формате `dd.mm.yyyy` */
+    maxDate?: string;
+    /** Задает ширину поля. */
+    width?: string | number;
+    /** Добавляет иконку календаря. */
+    withIcon?: boolean;
+    /** Задает размер поля. */
+    size?: SizeProp;
+    /** Задает функцию, которая вызывается при потере датаинпутом фокуса. */
+    onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при клике на датаинпут. */
+    onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при получении датаинпутом фокуса. */
+    onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при изменении value.
+     * @param value - строка в формате `dd.mm.yyyy`. */
+    onValueChange?: (value: string) => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;
+}
+type DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;
+/**
+ * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.
+ */
+export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private iDateMediator;
+    private inputLikeText;
+    private dateFragmentsView;
+    private isMouseDown;
+    private isMouseFocus;
+    private ignoringDelimiter;
+    private locale;
+    private blurEvent;
+    private theme;
+    private setRootNode;
+    private conditionalHandler;
+    private featureFlags;
+    constructor(props: DateInputProps);
+    componentDidUpdate(prevProps: DateInputProps): void;
+    selectNode: () => void;
+    componentDidMount(): void;
+    blur(): void;
+    focus(): void;
+    blink(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderIcon;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private handleMouseDownCapture;
+    private handleSelectDateComponent;
+    private handleMouseDragStart;
+    private handleMouseDragEnd;
+    private handleKeyDown;
+    private handlePaste;
+    private handleDoubleClick;
+    private inputLikeTextRef;
+    private dateFragmentsViewRef;
+    private selectDateComponent;
+    private updateValue;
+    private updateFromProps;
+    private fullSelection;
+    private pressDelimiter;
+    private emitChange;
+    private clearSelected;
+    private clearOneChar;
+    private shiftDateComponent;
+    private shiftSelection;
+    private inputValue;
+}
+export {};