@skbkontur/react-ui 0.0.0-69a6fa606f → 0.0.0-6fbd9fadb2

package/cjs/components/CurrencyInput/CursorHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CursorHelper.tsx"],"names":["calculateExtendedSelection","map","selection","step","direction","start","CursorHelper","calculatePosition","end","normalizePosition","position","Math","min","max","length","Error","raw","toRawPosition","toFormattedPosition","extendSelection","normalizedSelection","normalizeSelection","formattedPosition","count","Set","slice","size","rawPosition","unique","add"],"mappings":"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","sourcesContent":["import { Selection } from './SelectionHelper';\n\nexport type CursorMap = number[];\n\nconst calculateExtendedSelection = (map: CursorMap, selection: Selection, step: number): Selection => {\n  if (selection.direction === 'backward') {\n    return {\n      start: CursorHelper.calculatePosition(map, selection.start, step),\n      end: selection.end,\n      direction: 'backward',\n    };\n  }\n\n  return {\n    start: selection.start,\n    end: CursorHelper.calculatePosition(map, selection.end, step),\n    direction: 'forward',\n  };\n};\n\nexport class CursorHelper {\n  public static normalizePosition(map: CursorMap, position: number): number {\n    return map[Math.min(Math.max(0, position), map.length - 1)];\n  }\n\n  public static calculatePosition(map: CursorMap, position: number, step: number) {\n    if (position < 0 || map.length <= position) {\n      throw new Error(`position out of range [${0} .. ${map.length - 1}], actual value: ${position}`);\n    }\n    const raw = CursorHelper.toRawPosition(map, position);\n    return CursorHelper.toFormattedPosition(map, raw + step);\n  }\n\n  public static extendSelection(map: CursorMap, selection: Selection, step: number) {\n    const normalizedSelection = CursorHelper.normalizeSelection(map, selection);\n\n    return CursorHelper.normalizeSelection(map, calculateExtendedSelection(map, normalizedSelection, step));\n  }\n\n  public static normalizeSelection(map: CursorMap, selection: Selection): Selection {\n    const start = CursorHelper.normalizePosition(map, selection.start);\n    const end = CursorHelper.normalizePosition(map, selection.end);\n\n    if (start === end) {\n      return {\n        start,\n        end,\n        direction: 'none',\n      };\n    }\n\n    if (start < end) {\n      return {\n        start,\n        end,\n        direction: selection.direction === 'backward' ? 'backward' : 'forward',\n      };\n    }\n\n    return {\n      start: end,\n      end: start,\n      direction: selection.direction === 'backward' ? 'forward' : 'backward',\n    };\n  }\n\n  public static toRawPosition(map: CursorMap, formattedPosition: number) {\n    const count = Math.min(Math.max(0, formattedPosition), map.length - 1);\n    return new Set(map.slice(0, count + 1)).size - 1;\n  }\n\n  public static toFormattedPosition(map: CursorMap, rawPosition: number) {\n    const count = Math.max(0, rawPosition) + 1;\n    const unique = new Set();\n\n    for (const position of map) {\n      unique.add(position);\n      if (unique.size === count) {\n        return position;\n      }\n    }\n\n    return map[map.length - 1];\n  }\n}\n"]}
+{"version":3,"sources":["CursorHelper.tsx"],"names":["calculateExtendedSelection","map","selection","step","direction","start","CursorHelper","calculatePosition","end","normalizePosition","position","Math","min","max","length","Error","raw","toRawPosition","toFormattedPosition","extendSelection","normalizedSelection","normalizeSelection","formattedPosition","count","Set","slice","size","rawPosition","unique","add"],"mappings":"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","sourcesContent":["import { Selection } from './SelectionHelper';\n\nexport type CursorMap = number[];\n\nconst calculateExtendedSelection = (map: CursorMap, selection: Selection, step: number): Selection => {\n  if (selection.direction === 'backward') {\n    return {\n      start: CursorHelper.calculatePosition(map, selection.start, step),\n      end: selection.end,\n      direction: 'backward',\n    };\n  }\n\n  return {\n    start: selection.start,\n    end: CursorHelper.calculatePosition(map, selection.end, step),\n    direction: 'forward',\n  };\n};\n\nexport class CursorHelper {\n  public static normalizePosition(map: CursorMap, position: number): number {\n    return map[Math.min(Math.max(0, position), map.length - 1)];\n  }\n\n  public static calculatePosition(map: CursorMap, position: number, step: number) {\n    if (position < 0 || map.length <= position) {\n      throw new Error(`position out of range [${0} .. ${map.length - 1}], actual value: ${position}`);\n    }\n    const raw = CursorHelper.toRawPosition(map, position);\n    return CursorHelper.toFormattedPosition(map, raw + step);\n  }\n\n  public static extendSelection(map: CursorMap, selection: Selection, step: number) {\n    const normalizedSelection = CursorHelper.normalizeSelection(map, selection);\n\n    return CursorHelper.normalizeSelection(map, calculateExtendedSelection(map, normalizedSelection, step));\n  }\n\n  public static normalizeSelection(map: CursorMap, selection: Selection): Selection {\n    const start = CursorHelper.normalizePosition(map, selection.start);\n    const end = CursorHelper.normalizePosition(map, selection.end);\n\n    if (start === end) {\n      return {\n        start,\n        end,\n        direction: 'none',\n      };\n    }\n\n    if (start < end) {\n      return {\n        start,\n        end,\n        direction: selection.direction === 'backward' ? 'backward' : 'forward',\n      };\n    }\n\n    return {\n      start: end,\n      end: start,\n      direction: selection.direction === 'backward' ? 'forward' : 'backward',\n    };\n  }\n\n  public static toRawPosition(map: CursorMap, formattedPosition: number) {\n    const count = Math.min(Math.max(0, formattedPosition), map.length - 1);\n    return new Set(map.slice(0, count + 1)).size - 1;\n  }\n\n  public static toFormattedPosition(map: CursorMap, rawPosition: number) {\n    const count = Math.max(0, rawPosition) + 1;\n    const unique = new Set();\n\n    for (const position of map) {\n      unique.add(position);\n      if (unique.size === count) {\n        return position;\n      }\n    }\n\n    return map[map.length - 1];\n  }\n}\n"]}

package/cjs/components/CurrencyInput/constants.d.ts

@@ -1,2 +1,5 @@
 export declare const MAX_SAFE_DIGITS = 15;
 export declare const MAX_ALLOWED_CHARS: number;
+export declare const THIN_SPACE: string;
+export declare const SPACE: string;
+export declare const MINUS_SIGN: string;

package/cjs/components/CurrencyInput/constants.js

@@ -1,7 +1,11 @@
-"use strict";exports.__esModule = true;exports.MAX_SAFE_DIGITS = exports.MAX_ALLOWED_CHARS = void 0; // https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15
+"use strict";exports.__esModule = true;exports.THIN_SPACE = exports.SPACE = exports.MINUS_SIGN = exports.MAX_SAFE_DIGITS = exports.MAX_ALLOWED_CHARS = void 0; // https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15
 var MAX_SAFE_DIGITS = 15;
 
 // + десятичный разделитель
 // + целая часть равная нулю
 // + знак '-'
-exports.MAX_SAFE_DIGITS = MAX_SAFE_DIGITS;var MAX_ALLOWED_CHARS = MAX_SAFE_DIGITS + 3;exports.MAX_ALLOWED_CHARS = MAX_ALLOWED_CHARS;
+exports.MAX_SAFE_DIGITS = MAX_SAFE_DIGITS;var MAX_ALLOWED_CHARS = MAX_SAFE_DIGITS + 3;exports.MAX_ALLOWED_CHARS = MAX_ALLOWED_CHARS;
+
+var THIN_SPACE = String.fromCharCode(0x2009);exports.THIN_SPACE = THIN_SPACE;
+var SPACE = String.fromCharCode(0x0020);exports.SPACE = SPACE;
+var MINUS_SIGN = String.fromCharCode(0x2212);exports.MINUS_SIGN = MINUS_SIGN;

package/cjs/components/CurrencyInput/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["MAX_SAFE_DIGITS","MAX_ALLOWED_CHARS"],"mappings":"qGAAA;AACO,IAAMA,eAAe,GAAG,EAAxB;;AAEP;AACA;AACA;0CACO,IAAMC,iBAAiB,GAAGD,eAAe,GAAG,CAA5C,C","sourcesContent":["// https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15\nexport const MAX_SAFE_DIGITS = 15;\n\n// + десятичный разделитель\n// + целая часть равная нулю\n// + знак '-'\nexport const MAX_ALLOWED_CHARS = MAX_SAFE_DIGITS + 3;\n"]}
+{"version":3,"sources":["constants.ts"],"names":["MAX_SAFE_DIGITS","MAX_ALLOWED_CHARS","THIN_SPACE","String","fromCharCode","SPACE","MINUS_SIGN"],"mappings":"+JAAA;AACO,IAAMA,eAAe,GAAG,EAAxB;;AAEP;AACA;AACA;0CACO,IAAMC,iBAAiB,GAAGD,eAAe,GAAG,CAA5C,C;;AAEA,IAAME,UAAU,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAAnB,C;AACA,IAAMC,KAAK,GAAGF,MAAM,CAACC,YAAP,CAAoB,MAApB,CAAd,C;AACA,IAAME,UAAU,GAAGH,MAAM,CAACC,YAAP,CAAoB,MAApB,CAAnB,C","sourcesContent":["// https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15\nexport const MAX_SAFE_DIGITS = 15;\n\n// + десятичный разделитель\n// + целая часть равная нулю\n// + знак '-'\nexport const MAX_ALLOWED_CHARS = MAX_SAFE_DIGITS + 3;\n\nexport const THIN_SPACE = String.fromCharCode(0x2009);\nexport const SPACE = String.fromCharCode(0x0020);\nexport const MINUS_SIGN = String.fromCharCode(0x2212);\n"]}

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

@@ -5,23 +5,20 @@ export interface CurrencyLabelProps extends CommonProps {
      * Минимальное количество отображаемых знаков после запятой
      * @default 2
      */
-    fractionDigits: number;
+    fractionDigits?: number;
     value: number;
     currencySymbol?: React.ReactNode;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros?: boolean;
 }
-export declare const defaultProps: {
-    fractionDigits: number;
-};
 export declare const CurrencyLabelDataTids: {
     readonly root: "CurrencyLabel__root";
 };
 export declare const CurrencyLabel: {
-    (props: CurrencyLabelProps): JSX.Element;
+    ({ value, fractionDigits, currencySymbol, hideTrailingZeros, ...rest }: CurrencyLabelProps): JSX.Element;
     __KONTUR_REACT_UI__: string;
-    defaultProps: {
-        fractionDigits: number;
-    };
+    displayName: string;
     propTypes: {
-        fractionDigits: (props: CurrencyLabelProps & typeof defaultProps) => Error | null;
+        fractionDigits: ({ fractionDigits, value }: CurrencyLabelProps) => Error | null;
     };
 };

package/cjs/components/CurrencyLabel/CurrencyLabel.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.defaultProps = exports.CurrencyLabelDataTids = exports.CurrencyLabel = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CurrencyLabelDataTids = exports.CurrencyLabel = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _constants = require("../CurrencyInput/constants");
 var _CurrencyHelper = require("../CurrencyInput/CurrencyHelper");
-var _CommonWrapper = require("../../internal/CommonWrapper");
+var _CommonWrapper = require("../../internal/CommonWrapper");var _excluded = ["value", "fractionDigits", "currencySymbol", "hideTrailingZeros"];
 
 
 
@@ -14,20 +14,25 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 
 
-var defaultProps = {
-  fractionDigits: 2 };exports.defaultProps = defaultProps;
 
 
+var FRACTION_DIGITS_DEFAULT = 2;
+
 var CurrencyLabelDataTids = {
   root: 'CurrencyLabel__root' };exports.CurrencyLabelDataTids = CurrencyLabelDataTids;
 
 
-var CurrencyLabel = function CurrencyLabel(props) {
-  var value = props.value,fractionDigits = props.fractionDigits,currencySymbol = props.currencySymbol;
+var CurrencyLabel = function CurrencyLabel(_ref)
+
+
+
+
+
+{var value = _ref.value,_ref$fractionDigits = _ref.fractionDigits,fractionDigits = _ref$fractionDigits === void 0 ? FRACTION_DIGITS_DEFAULT : _ref$fractionDigits,currencySymbol = _ref.currencySymbol,_ref$hideTrailingZero = _ref.hideTrailingZeros,hideTrailingZeros = _ref$hideTrailingZero === void 0 ? false : _ref$hideTrailingZero,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   return /*#__PURE__*/(
-    _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
+    _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
     _react.default.createElement("span", { "data-tid": CurrencyLabelDataTids.root },
-    _CurrencyHelper.CurrencyHelper.format(value, { fractionDigits: fractionDigits }),
+    _CurrencyHelper.CurrencyHelper.format(value, { fractionDigits: fractionDigits, hideTrailingZeros: hideTrailingZeros }),
     currencySymbol && String.fromCharCode(0xa0) /*   */,
     currencySymbol)));
 
@@ -36,27 +41,26 @@ var CurrencyLabel = function CurrencyLabel(props) {
 };exports.CurrencyLabel = CurrencyLabel;
 
 CurrencyLabel.__KONTUR_REACT_UI__ = 'CurrencyLabel';
-
-CurrencyLabel.defaultProps = defaultProps;
+CurrencyLabel.displayName = 'CurrencyLabel';
 
 CurrencyLabel.propTypes = {
-  fractionDigits: function fractionDigits(props) {
-    if (props.fractionDigits > _constants.MAX_SAFE_DIGITS) {
+  fractionDigits: function fractionDigits(_ref2) {var _ref2$fractionDigits = _ref2.fractionDigits,_fractionDigits = _ref2$fractionDigits === void 0 ? FRACTION_DIGITS_DEFAULT : _ref2$fractionDigits,value = _ref2.value;
+    if (_fractionDigits > _constants.MAX_SAFE_DIGITS) {
       return new Error(
       "[CurrencyLabel]: Prop 'fractionDigits' exceeds " + _constants.MAX_SAFE_DIGITS + "." + "\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15");
 
 
     }
 
-    var _ref = _CurrencyHelper.CurrencyHelper.destructString(String(props.value)) || { fraction: '' },fraction = _ref.fraction;
-    if (fraction.length > props.fractionDigits) {
+    var _ref3 = _CurrencyHelper.CurrencyHelper.destructString(String(value)) || { fraction: '' },fraction = _ref3.fraction;
+    if (fraction.length > _fractionDigits) {
       return new Error(
       "[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property," + "'value' will not be cutted");
 
 
     }
 
-    if (!Number.isInteger(props.fractionDigits)) {
+    if (!Number.isInteger(_fractionDigits)) {
       return new Error("[CurrencyLabel]: Prop 'fractionDigits' is not integer, fraction part of these property will not be used");
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyLabel.tsx"],"names":["defaultProps","fractionDigits","CurrencyLabelDataTids","root","CurrencyLabel","props","value","currencySymbol","CurrencyHelper","format","String","fromCharCode","__KONTUR_REACT_UI__","propTypes","MAX_SAFE_DIGITS","Error","destructString","fraction","length","Number","isInteger"],"mappings":"kNAAA;;AAEA;AACA;AACA;;;;;;;;;;;;AAYO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,CADU,EAArB,C;;;AAIA,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B,EAA9B,C;;;AAIA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AACvE,MAAQC,KAAR,GAAkDD,KAAlD,CAAQC,KAAR,CAAeL,cAAf,GAAkDI,KAAlD,CAAeJ,cAAf,CAA+BM,cAA/B,GAAkDF,KAAlD,CAA+BE,cAA/B;AACA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,2CAAM,YAAUH,qBAAqB,CAACC,IAAtC;AACGK,mCAAeC,MAAf,CAAsBH,KAAtB,EAA6B,EAAEL,cAAc,EAAdA,cAAF,EAA7B,CADH;AAEGM,IAAAA,cAAc,IAAIG,MAAM,CAACC,YAAP,CAAoB,IAApB,CAFrB,CAE+C,YAF/C;AAGGJ,IAAAA,cAHH,CADF,CADF;;;;AASD,CAXM,C;;AAaPH,aAAa,CAACQ,mBAAd,GAAoC,eAApC;;AAEAR,aAAa,CAACJ,YAAd,GAA6BA,YAA7B;;AAEAI,aAAa,CAACS,SAAd,GAA0B;AACxBZ,EAAAA,cAAc,EAAE,wBAACI,KAAD,EAAqD;AACnE,QAAIA,KAAK,CAACJ,cAAN,GAAuBa,0BAA3B,EAA4C;AAC1C,aAAO,IAAIC,KAAJ;AACL,0DAAkDD,0BAAlD,4EADK,CAAP;;;AAID;;AAED,eAAqBN,+BAAeQ,cAAf,CAA8BN,MAAM,CAACL,KAAK,CAACC,KAAP,CAApC,KAAsD,EAAEW,QAAQ,EAAE,EAAZ,EAA3E,CAAQA,QAAR,QAAQA,QAAR;AACA,QAAIA,QAAQ,CAACC,MAAT,GAAkBb,KAAK,CAACJ,cAA5B,EAA4C;AAC1C,aAAO,IAAIc,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBf,KAAK,CAACJ,cAAvB,CAAL,EAA6C;AAC3C,aAAO,IAAIc,KAAJ,2GAAP;;;AAGD;;AAED,WAAO,IAAP;AACD,GAxBuB,EAA1B","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\nexport const defaultProps = {\n  fractionDigits: 2,\n};\n\nexport const CurrencyLabelDataTids = {\n  root: 'CurrencyLabel__root',\n} as const;\n\nexport const CurrencyLabel = (props: CurrencyLabelProps): JSX.Element => {\n  const { value, fractionDigits, currencySymbol } = props;\n  return (\n    <CommonWrapper {...props}>\n      <span data-tid={CurrencyLabelDataTids.root}>\n        {CurrencyHelper.format(value, { fractionDigits })}\n        {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\n        {currencySymbol}\n      </span>\n    </CommonWrapper>\n  );\n};\n\nCurrencyLabel.__KONTUR_REACT_UI__ = 'CurrencyLabel';\n\nCurrencyLabel.defaultProps = defaultProps;\n\nCurrencyLabel.propTypes = {\n  fractionDigits: (props: CurrencyLabelProps & typeof defaultProps) => {\n    if (props.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(props.value)) || { fraction: '' };\n    if (fraction.length > props.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(props.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"]}
+{"version":3,"sources":["CurrencyLabel.tsx"],"names":["FRACTION_DIGITS_DEFAULT","CurrencyLabelDataTids","root","CurrencyLabel","value","fractionDigits","currencySymbol","hideTrailingZeros","rest","CurrencyHelper","format","String","fromCharCode","__KONTUR_REACT_UI__","displayName","propTypes","MAX_SAFE_DIGITS","Error","destructString","fraction","length","Number","isInteger"],"mappings":"+TAAA;;AAEA;AACA;AACA,6D;;;;;;;;;;;;;;AAcA,IAAMA,uBAAuB,GAAG,CAAhC;;AAEO,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B,EAA9B,C;;;AAIA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;;;;;;AAMU,KALrCC,KAKqC,QALrCA,KAKqC,4BAJrCC,cAIqC,CAJrCA,cAIqC,oCAJpBL,uBAIoB,uBAHrCM,cAGqC,QAHrCA,cAGqC,8BAFrCC,iBAEqC,CAFrCA,iBAEqC,sCAFjB,KAEiB,yBADlCC,IACkC;AACrC;AACE,iCAAC,4BAAD,EAAmBA,IAAnB;AACE,2CAAM,YAAUP,qBAAqB,CAACC,IAAtC;AACGO,mCAAeC,MAAf,CAAsBN,KAAtB,EAA6B,EAAEC,cAAc,EAAdA,cAAF,EAAkBE,iBAAiB,EAAjBA,iBAAlB,EAA7B,CADH;AAEGD,IAAAA,cAAc,IAAIK,MAAM,CAACC,YAAP,CAAoB,IAApB,CAFrB,CAE+C,YAF/C;AAGGN,IAAAA,cAHH,CADF,CADF;;;;AASD,CAhBM,C;;AAkBPH,aAAa,CAACU,mBAAd,GAAoC,eAApC;AACAV,aAAa,CAACW,WAAd,GAA4B,eAA5B;;AAEAX,aAAa,CAACY,SAAd,GAA0B;AACxBV,EAAAA,cAAc,EAAE,+BAA6E,kCAA1EA,cAA0E,CAA1EA,eAA0E,qCAAzDL,uBAAyD,wBAAhCI,KAAgC,SAAhCA,KAAgC;AAC3F,QAAIC,eAAc,GAAGW,0BAArB,EAAsC;AACpC,aAAO,IAAIC,KAAJ;AACL,0DAAkDD,0BAAlD,4EADK,CAAP;;;AAID;;AAED,gBAAqBP,+BAAeS,cAAf,CAA8BP,MAAM,CAACP,KAAD,CAApC,KAAgD,EAAEe,QAAQ,EAAE,EAAZ,EAArE,CAAQA,QAAR,SAAQA,QAAR;AACA,QAAIA,QAAQ,CAACC,MAAT,GAAkBf,eAAtB,EAAsC;AACpC,aAAO,IAAIY,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBjB,eAAjB,CAAL,EAAuC;AACrC,aAAO,IAAIY,KAAJ,2GAAP;;;AAGD;;AAED,WAAO,IAAP;AACD,GAxBuB,EAA1B","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"]}

package/cjs/components/CurrencyLabel/CurrencyLabel.md

@@ -21,3 +21,9 @@ Count of fraction digits can be changed
 ```jsx
 <CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
 ```
+
+Can hide trailing zeros
+
+```jsx
+<CurrencyLabel value={356.167} fractionDigits={5} hideTrailingZeros />
+```

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

@@ -0,0 +1,3 @@
+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/CalendarIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CalendarIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _CalendarIcon16Light = require("../../internal/icons2022/CalendarIcon/CalendarIcon16Light");
+var _CalendarIcon20Light = require("../../internal/icons2022/CalendarIcon/CalendarIcon20Light");
+var _CalendarIcon24Regular = require("../../internal/icons2022/CalendarIcon/CalendarIcon24Regular");
+var _iconSizer = require("../../internal/icons2022/iconSizer"); /* eslint-disable react/display-name */
+
+var CalendarIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_CalendarIcon16Light.CalendarIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_CalendarIcon20Light.CalendarIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_CalendarIcon24Regular.CalendarIcon24Regular, null);} },
+
+'CalendarIcon');exports.CalendarIcon = CalendarIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarIcon.tsx"],"names":["CalendarIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,+D,CANA;;AAQO,IAAMA,YAAY,GAAG;AAC1B;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,wCAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,wCAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,4CAAD,OAAN,EAHT,EAD0B;;AAM1B,cAN0B,CAArB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { CalendarIcon16Light } from '../../internal/icons2022/CalendarIcon/CalendarIcon16Light';\nimport { CalendarIcon20Light } from '../../internal/icons2022/CalendarIcon/CalendarIcon20Light';\nimport { CalendarIcon24Regular } from '../../internal/icons2022/CalendarIcon/CalendarIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const CalendarIcon = iconSizer(\n  {\n    small: () => <CalendarIcon16Light />,\n    medium: () => <CalendarIcon20Light />,\n    large: () => <CalendarIcon24Regular />,\n  },\n  'CalendarIcon',\n);\n"]}

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

@@ -6,8 +6,9 @@ interface DateFragmentViewProps {
     inputMode: boolean;
     onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;
 }
-export declare class DateFragmentsView extends React.Component<DateFragmentViewProps, {}> {
+export declare class DateFragmentsView extends React.Component<DateFragmentViewProps> {
     private theme;
+    private emotion;
     private rootNode;
     isFragment: (el: HTMLElement | EventTarget) => boolean;
     getRootNode: () => HTMLSpanElement | null;

package/cjs/components/DateInput/DateFragmentsView.js

@@ -1,11 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DateFragmentsView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateFragmentsView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+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 _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _DateFragmentsView = require("./DateFragmentsView.styles");var
 
@@ -18,6 +21,7 @@ var _DateFragmentsView = require("./DateFragmentsView.styles");var
 
 DateFragmentsView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateFragmentsView, _React$Component);function DateFragmentsView() {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.
 
+
     rootNode = null;_this.
 
     isFragment = function (el) {
@@ -75,6 +79,34 @@ DateFragmentsView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -98,4 +130,4 @@ DateFragmentsView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
     rootRef = function (el) {
       _this.rootNode = el;
-    };return _this;}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 _this3 = this;return /*#__PURE__*/_react.default.createElement("span", { ref: this.rootRef, className: _DateFragmentsView.styles.root(this.theme) }, 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 _cx;var separatorClassName = (0, _Emotion.cx)((_cx = {}, _cx[_DateFragmentsView.styles.mask(this.theme)] = true, _cx[_DateFragmentsView.styles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _cx));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 valueMask = value === null || selected === type && inputMode ? value : valueWithPad || value;var lengthMask = _InternalDateValidator.InternalDateValidator.testParseToNumber(valueMask) ? Math.max(length - valueMask.toString().length, 0) : length;var handleMouseUp = function handleMouseUp(e) {if (document.activeElement && document.activeElement.contains(e.currentTarget)) {onSelectDateComponent(type, e);}};return /*#__PURE__*/_react.default.createElement("span", { key: index, "data-fragment": "", onMouseUp: handleMouseUp }, valueMask, /*#__PURE__*/_react.default.createElement("span", { className: _DateFragmentsView.styles.mask(this.theme) }, Array(lengthMask).fill('').map(function (_, i) {return /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i });})));};return DateFragmentsView;}(_react.default.Component);exports.DateFragmentsView = DateFragmentsView;
+    };return _this;}var _proto = DateFragmentsView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _this$emotion$cx,_this3 = this;var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme);var styles = (0, _DateFragmentsView.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement("span", { ref: this.rootRef, className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.root()] = true, _this$emotion$cx[styles.selected(this.theme)] = !_isTheme2022, _this$emotion$cx[styles.selectedFor22Themes(this.theme)] = _isTheme2022, _this$emotion$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 _this$emotion$cx2;var styles = (0, _DateFragmentsView.getStyles)(this.emotion);var separatorClassName = this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[styles.mask(this.theme)] = true, _this$emotion$cx2[styles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _this$emotion$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, _globalObject$documen2;if ((_globalObject$documen = _globalObject.globalObject.document) != null && (_globalObject$documen2 = _globalObject$documen.activeElement) != null && _globalObject$documen2.contains(e.currentTarget)) {onSelectDateComponent(type, e);}};var styles = (0, _DateFragmentsView.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement("span", { key: index, "data-fragment": "", onMouseUp: handleMouseUp }, valueMask, /*#__PURE__*/_react.default.createElement("span", { "data-tid": "DateFragmentsView__placeholder", className: styles.mask(this.theme) }, Array(lengthMask).fill('').map(function (_, i) {return /*#__PURE__*/_react.default.createElement(_MaskCharLowLine.MaskCharLowLine, { key: i });})));};return DateFragmentsView;}(_react.default.Component);exports.DateFragmentsView = DateFragmentsView;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateFragmentsView.tsx"],"names":["DateFragmentsView","rootNode","isFragment","el","fragments","Array","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","render","theme","renderMain","styles","root","props","map","index","type","InternalDateComponentType","Separator","renderSeparator","renderDateComponent","separatorClassName","mask","delimiterFilled","value","inputMode","onSelectDateComponent","selected","length","valueWithPad","valueMask","lengthMask","InternalDateValidator","testParseToNumber","Math","max","toString","handleMouseUp","e","document","activeElement","currentTarget","fill","_","i","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\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';\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 ref={this.rootRef} className={styles.root(this.theme)}>\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 valueMask = value === null || (selected === type && inputMode) ? value : valueWithPad || value;\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 (document.activeElement && 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 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"]}
+{"version":3,"sources":["DateFragmentsView.tsx"],"names":["DateFragmentsView","rootNode","isFragment","el","fragments","Array","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","render","emotion","theme","renderMain","_isTheme2022","styles","cx","root","selected","selectedFor22Themes","props","map","index","type","InternalDateComponentType","Separator","renderSeparator","renderDateComponent","separatorClassName","mask","delimiterFilled","value","inputMode","onSelectDateComponent","length","valueWithPad","getValueMask","valueMask","lengthMask","InternalDateValidator","testParseToNumber","Math","max","toString","handleMouseUp","e","globalObject","document","activeElement","currentTarget","fill","_","i","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\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 { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } 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 emotion!: Emotion;\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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const _isTheme2022 = isTheme2022(this.theme);\n    const styles = getStyles(this.emotion);\n\n    return (\n      <span\n        ref={this.rootRef}\n        className={this.emotion.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 styles = getStyles(this.emotion);\n    const separatorClassName = this.emotion.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    const styles = getStyles(this.emotion);\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"]}

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

@@ -1,7 +1,9 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
+export declare const getStyles: (emotion: Emotion) => {
+    root(): string;
     selected(t: Theme): string;
+    selectedFor22Themes(t: Theme): string;
     mask(t: Theme): string;
     delimiterFilled(): string;
 };

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

@@ -1,35 +1,50 @@
-"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;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n\n      & ::selection {\n        background: ", ";\n      }\n      & ::-moz-selection {\n        background: ", ";\n      }\n    "])),
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: text;\n      "])));
 
 
-    t.dateInputComponentSelectedBgColor,
+      },
 
+      selected: function selected(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        & ::selection {\n          background: ", ";\n        }\n        & ::-moz-selection {\n          background: ", ";\n        }\n      "])),
 
-    t.dateInputComponentSelectedBgColor);
+        t.dateInputComponentSelectedBgColor,
 
 
-  },
+        t.dateInputComponentSelectedBgColor);
 
-  selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      background-color: ", ";\n    "])),
-    t.dateInputComponentSelectedBgColor,
-    t.dateInputComponentSelectedBgColor);
 
-  },
+      },
 
-  mask: function mask(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.dateInputMaskColor);
+      selectedFor22Themes: function selectedFor22Themes(t) {
+        var getSelection = function getSelection(background, color) {return (
+            (background || color) && "& ::selection {\n      background: " +
 
-  },
+            background + ";\n      color: " +
+            color + ";\n    }");};
 
-  delimiterFilled: function delimiterFilled() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n    "])));
 
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: text;\n\n        ", "\n      "])),
 
-  } });exports.styles = styles;
+
+        getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor));
+
+      },
+
+      mask: function mask(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.dateInputMaskColor);
+
+      },
+
+      delimiterFilled: function delimiterFilled() {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: inherit;\n      "])));
+
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateFragmentsView.styles.ts"],"names":["styles","root","t","css","dateInputComponentSelectedBgColor","selected","mask","dateInputMaskColor","delimiterFilled"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;;;;AAIkBD,IAAAA,CAAC,CAACE,iCAJpB;;;AAOkBF,IAAAA,CAAC,CAACE,iCAPpB;;;AAUD,GAZgC;;AAcjCC,EAAAA,QAdiC,oBAcxBH,CAdwB,EAcd;AACjB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACE,iCADpB;AAEsBF,IAAAA,CAAC,CAACE,iCAFxB;;AAID,GAnBgC;;AAqBjCE,EAAAA,IArBiC,gBAqB5BJ,CArB4B,EAqBlB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACK,kBADb;;AAGD,GAzBgC;;AA2BjCC,EAAAA,eA3BiC,6BA2Bf;AAChB,eAAOL,YAAP;;;AAGD,GA/BgC,EAAb,CAAf,C","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      cursor: text;\n\n      & ::selection {\n        background: ${t.dateInputComponentSelectedBgColor};\n      }\n      & ::-moz-selection {\n        background: ${t.dateInputComponentSelectedBgColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      border-color: ${t.dateInputComponentSelectedBgColor};\n      background-color: ${t.dateInputComponentSelectedBgColor};\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"]}
+{"version":3,"sources":["DateFragmentsView.styles.ts"],"names":["getStyles","emotion","root","css","selected","t","dateInputComponentSelectedBgColor","selectedFor22Themes","getSelection","background","color","dateInputComponentSelectedTextColor","mask","dateInputMaskColor","delimiterFilled"],"mappings":";;AAEA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;AAGD,OALU;;AAOXC,MAAAA,QAPW,oBAOFC,CAPE,EAOQ;AACjB,eAAOJ,OAAO,CAACE,GAAf;;AAEkBE,QAAAA,CAAC,CAACC,iCAFpB;;;AAKkBD,QAAAA,CAAC,CAACC,iCALpB;;;AAQD,OAhBU;;AAkBXC,MAAAA,mBAlBW,+BAkBSF,CAlBT,EAkBmB;AAC5B,YAAMG,YAAY,GAAG,SAAfA,YAAe,CAACC,UAAD,EAAqBC,KAArB;AACnB,aAACD,UAAU,IAAIC,KAAf;;AAEYD,YAAAA,UAFZ;AAGOC,YAAAA,KAHP,aADmB,GAArB;;;AAOA,eAAOT,OAAO,CAACE,GAAf;;;AAGIK,QAAAA,YAAY,CAACH,CAAC,CAACC,iCAAH,EAAsCD,CAAC,CAACM,mCAAxC,CAHhB;;AAKD,OA/BU;;AAiCXC,MAAAA,IAjCW,gBAiCNP,CAjCM,EAiCI;AACb,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACQ,kBADb;;AAGD,OArCU;;AAuCXC,MAAAA,eAvCW,6BAuCO;AAChB,eAAOb,OAAO,CAACE,GAAf;;;AAGD,OA3CU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        cursor: text;\n      `;\n    },\n\n    selected(t: Theme) {\n      return emotion.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 emotion.css`\n        cursor: text;\n\n        ${getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor)}\n      `;\n    },\n\n    mask(t: Theme) {\n      return emotion.css`\n        color: ${t.dateInputMaskColor};\n      `;\n    },\n\n    delimiterFilled() {\n      return emotion.css`\n        color: inherit;\n      `;\n    },\n  });\n"]}

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

@@ -1,6 +1,7 @@
 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;
@@ -8,9 +9,12 @@ export interface DateInputState {
     focused: boolean;
     dragged: boolean;
 }
+export declare const DateInputDataTids: {
+    readonly icon: "DateInput__icon";
+};
 export interface DateInputProps extends CommonProps {
     autoFocus?: boolean;
-    value: string;
+    value?: string;
     /**
      * Состояние валидации при ошибке.
      */
@@ -24,12 +28,12 @@ export interface DateInputProps extends CommonProps {
      * Минимальная дата.
      * @default '01.01.1900'
      */
-    minDate: string;
+    minDate?: string;
     /**
      * Максимальная дата
      * @default '31.12.2099'
      */
-    maxDate: string;
+    maxDate?: string;
     /**
      * Ширина поля
      * @default 125
@@ -40,7 +44,7 @@ export interface DateInputProps extends CommonProps {
      * Размер поля
      * @default 'small'
      */
-    size: 'small' | 'large' | 'medium';
+    size?: SizeProp;
     onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
     onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
     onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
@@ -52,15 +56,12 @@ export interface DateInputProps extends CommonProps {
     onValueChange?: (value: string) => void;
     onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;
 }
+declare 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 defaultProps: {
-        value: string;
-        minDate: string;
-        maxDate: string;
-        size: string;
-        width: number;
-    };
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
     private iDateMediator;
     private inputLikeText;
     private dateFragmentsView;
@@ -70,10 +71,11 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private locale;
     private blurEvent;
     private theme;
+    private emotion;
     private setRootNode;
     private conditionalHandler;
     constructor(props: DateInputProps);
-    componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState): void;
+    componentDidUpdate(prevProps: DateInputProps): void;
     selectNode: () => void;
     componentDidMount(): void;
     blur(): void;
@@ -83,6 +85,7 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private renderMain;
     private renderIcon;
     private handleFocus;
+    private resetFocus;
     private handleBlur;
     private handleMouseDownCapture;
     private handleSelectDateComponent;
@@ -105,3 +108,4 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private shiftSelection;
     private inputValue;
 }
+export {};