@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-ce2a893b1a

package/components/CurrencyInput/CurrencyInput.md

@@ -1,24 +1,24 @@
-```jsx harmony
-const [value, setValue] = React.useState();
-
-<CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
-```
-
-`fractionDigits={15}`
-
-```jsx harmony
-const [value, setValue] = React.useState();
-
-<CurrencyInput value={value} fractionDigits={15} onValueChange={setValue} />
-```
-
----
-
-### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
-
-Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
-Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
-
-При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
-
-_Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>_
+```jsx harmony
+const [value, setValue] = React.useState();
+
+<CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
+```
+
+`fractionDigits={15}`
+
+```jsx harmony
+const [value, setValue] = React.useState();
+
+<CurrencyInput value={value} fractionDigits={15} onValueChange={setValue} />
+```
+
+---
+
+### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
+
+Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
+Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
+
+При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
+
+_Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>_

package/components/CurrencyInput/CurrencyInputHelper/CurrencyInputHelper.js

@@ -4,7 +4,13 @@ export var CurrencyInputHelper = /*#__PURE__*/function () {
   function CurrencyInputHelper() {}
 
   CurrencyInputHelper.moveCursor = function moveCursor(value, selection, step) {
-    return selection.start === selection.end ? CursorHelper.calculatePosition(CurrencyHelper.getInfo(value).cursorMap, selection.start, step) : step < 0 ? selection.start : selection.end;
+    if (selection.start === selection.end) {
+      return CursorHelper.calculatePosition(CurrencyHelper.getInfo(value).cursorMap, selection.start, step);
+    } else if (step < 0) {
+      return selection.start;
+    }
+
+    return selection.end;
   };
 
   CurrencyInputHelper.extendSelection = function extendSelection(value, selection, step) {

package/components/CurrencyInput/CurrencyInputHelper/CurrencyInputHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInputHelper.tsx"],"names":["CurrencyHelper","CursorHelper","CurrencyInputHelper","moveCursor","value","selection","step","start","end","calculatePosition","getInfo","cursorMap","extendSelection","info","normalizeSelection","safeInsert","input","options","length","extracted","extractValid","insert","prefix","substring","suffix","combined","isValidString","raw","toRawPosition","info2","formattedPosition","toFormattedPosition","formatted","position"],"mappings":";;;AAGA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;;;AAQA,WAAaC,mBAAb;AACgBC,EAAAA,UADhB,GACE,oBAAyBC,KAAzB,EAAwCC,SAAxC,EAA8DC,IAA9D,EAAoF;AAClF,WAAOD,SAAS,CAACE,KAAV,KAAoBF,SAAS,CAACG,GAA9B;AACHP,IAAAA,YAAY,CAACQ,iBAAb,CAA+BT,cAAc,CAACU,OAAf,CAAuBN,KAAvB,EAA8BO,SAA7D,EAAwEN,SAAS,CAACE,KAAlF,EAAyFD,IAAzF,CADG;AAEHA,IAAAA,IAAI,GAAG,CAAP;AACAD,IAAAA,SAAS,CAACE,KADV;AAEAF,IAAAA,SAAS,CAACG,GAJd;AAKD,GAPH;;AASgBI,EAAAA,eAThB,GASE,yBAA8BR,KAA9B,EAA6CC,SAA7C,EAAmEC,IAAnE,EAAiF;AAC/E,QAAMO,IAAI,GAAGb,cAAc,CAACU,OAAf,CAAuBN,KAAvB,CAAb;AACA,WAAOH,YAAY,CAACW,eAAb,CAA6BC,IAAI,CAACF,SAAlC,EAA6CN,SAA7C,EAAwDC,IAAxD,CAAP;AACD,GAZH;;AAcgBQ,EAAAA,kBAdhB,GAcE,4BAAiCV,KAAjC,EAAgDC,SAAhD,EAAiF;AAC/E,QAAMQ,IAAI,GAAGb,cAAc,CAACU,OAAf,CAAuBN,KAAvB,CAAb;AACA,WAAOH,YAAY,CAACa,kBAAb,CAAgCD,IAAI,CAACF,SAArC,EAAgDN,SAAhD,CAAP;AACD,GAjBH;;AAmBgBU,EAAAA,UAnBhB,GAmBE,oBAAyBX,KAAzB,EAAwCG,KAAxC,EAAuDC,GAAvD,EAAoEQ,KAApE,EAAmFC,OAAnF,EAA4G;AAC1G,QAAID,KAAK,IAAIT,KAAK,KAAK,CAAnB,IAAwBC,GAAG,KAAKJ,KAAK,CAACc,MAA1C,EAAkD;AAChD,UAAMC,SAAS,GAAGnB,cAAc,CAACoB,YAAf,CAA4BJ,KAA5B,EAAmCC,OAAnC,CAAlB;AACA,UAAI,CAACE,SAAL,EAAgB;AACd,eAAO,IAAP;AACD;AACD,aAAOjB,mBAAmB,CAACmB,MAApB,CAA2BjB,KAA3B,EAAkCG,KAAlC,EAAyCC,GAAzC,EAA8CW,SAA9C,CAAP;AACD;;AAED,QAAMG,MAAM,GAAGlB,KAAK,CAACmB,SAAN,CAAgB,CAAhB,EAAmBhB,KAAnB,CAAf;AACA,QAAMiB,MAAM,GAAGpB,KAAK,CAACmB,SAAN,CAAgBf,GAAhB,CAAf;;AAEA,QAAMiB,QAAQ,GAAGH,MAAM,GAAGN,KAAT,GAAiBQ,MAAlC;AACA,QAAIxB,cAAc,CAAC0B,aAAf,CAA6BD,QAA7B,EAAuCR,OAAvC,CAAJ,EAAqD;AACnD,aAAOf,mBAAmB,CAACmB,MAApB,CAA2BjB,KAA3B,EAAkCG,KAAlC,EAAyCC,GAAzC,EAA8CQ,KAA9C,CAAP;AACD;AACD,WAAO,IAAP;AACD,GApCH;;AAsCgBK,EAAAA,MAtChB,GAsCE,gBAAqBjB,KAArB,EAAoCG,KAApC,EAAmDC,GAAnD,EAAgEQ,KAAhE,EAA+E;AAC7E,QAAMM,MAAM,GAAGlB,KAAK,CAACmB,SAAN,CAAgB,CAAhB,EAAmBhB,KAAnB,CAAf;AACA,QAAMiB,MAAM,GAAGpB,KAAK,CAACmB,SAAN,CAAgBf,GAAhB,CAAf;;AAEA,QAAMK,IAAI,GAAGb,cAAc,CAACU,OAAf,CAAuBN,KAAvB,CAAb;AACA,QAAMuB,GAAG,GAAG1B,YAAY,CAAC2B,aAAb,CAA2Bf,IAAI,CAACF,SAAhC,EAA2CJ,KAA3C,CAAZ;AACA,QAAMsB,KAAK,GAAG7B,cAAc,CAACU,OAAf,CAAuBY,MAAM,GAAGN,KAAT,GAAiBQ,MAAxC,CAAd;AACA,QAAMM,iBAAiB,GAAG7B,YAAY,CAAC8B,mBAAb,CAAiCF,KAAK,CAAClB,SAAvC,EAAkDgB,GAAG,GAAGX,KAAK,CAACE,MAA9D,CAA1B;;AAEA,WAAO,EAAEd,KAAK,EAAEyB,KAAK,CAACG,SAAf,EAA0BC,QAAQ,EAAEH,iBAApC,EAAP;AACD,GAhDH","sourcesContent":["import { Nullable } from '../../typings/utility-types';\r\n\r\nimport { Selection } from './SelectionHelper';\r\nimport { CurrencyHelper } from './CurrencyHelper';\r\nimport { CursorHelper } from './CursorHelper';\r\n\r\nexport interface DecimalOptions {\r\n  integerDigits?: Nullable<number>;\r\n  fractionDigits?: Nullable<number>;\r\n  unsigned?: boolean;\r\n}\r\n\r\nexport class CurrencyInputHelper {\r\n  public static moveCursor(value: string, selection: Selection, step: number): number {\r\n    return selection.start === selection.end\r\n      ? CursorHelper.calculatePosition(CurrencyHelper.getInfo(value).cursorMap, selection.start, step)\r\n      : step < 0\r\n      ? selection.start\r\n      : selection.end;\r\n  }\r\n\r\n  public static extendSelection(value: string, selection: Selection, step: number) {\r\n    const info = CurrencyHelper.getInfo(value);\r\n    return CursorHelper.extendSelection(info.cursorMap, selection, step);\r\n  }\r\n\r\n  public static normalizeSelection(value: string, selection: Selection): Selection {\r\n    const info = CurrencyHelper.getInfo(value);\r\n    return CursorHelper.normalizeSelection(info.cursorMap, selection);\r\n  }\r\n\r\n  public static safeInsert(value: string, start: number, end: number, input: string, options: DecimalOptions) {\r\n    if (input && start === 0 && end === value.length) {\r\n      const extracted = CurrencyHelper.extractValid(input, options);\r\n      if (!extracted) {\r\n        return null;\r\n      }\r\n      return CurrencyInputHelper.insert(value, start, end, extracted);\r\n    }\r\n\r\n    const prefix = value.substring(0, start);\r\n    const suffix = value.substring(end);\r\n\r\n    const combined = prefix + input + suffix;\r\n    if (CurrencyHelper.isValidString(combined, options)) {\r\n      return CurrencyInputHelper.insert(value, start, end, input);\r\n    }\r\n    return null;\r\n  }\r\n\r\n  public static insert(value: string, start: number, end: number, input: string) {\r\n    const prefix = value.substring(0, start);\r\n    const suffix = value.substring(end);\r\n\r\n    const info = CurrencyHelper.getInfo(value);\r\n    const raw = CursorHelper.toRawPosition(info.cursorMap, start);\r\n    const info2 = CurrencyHelper.getInfo(prefix + input + suffix);\r\n    const formattedPosition = CursorHelper.toFormattedPosition(info2.cursorMap, raw + input.length);\r\n\r\n    return { value: info2.formatted, position: formattedPosition };\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["CurrencyInputHelper.tsx"],"names":["CurrencyHelper","CursorHelper","CurrencyInputHelper","moveCursor","value","selection","step","start","end","calculatePosition","getInfo","cursorMap","extendSelection","info","normalizeSelection","safeInsert","input","options","length","extracted","extractValid","insert","prefix","substring","suffix","combined","isValidString","raw","toRawPosition","info2","formattedPosition","toFormattedPosition","formatted","position"],"mappings":"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","sourcesContent":["import { Nullable } from '../../typings/utility-types';\n\nimport { Selection } from './SelectionHelper';\nimport { CurrencyHelper } from './CurrencyHelper';\nimport { CursorHelper } from './CursorHelper';\n\nexport interface DecimalOptions {\n  integerDigits?: Nullable<number>;\n  fractionDigits?: Nullable<number>;\n  unsigned?: boolean;\n}\n\nexport class CurrencyInputHelper {\n  public static moveCursor(value: string, selection: Selection, step: number): number {\n    if (selection.start === selection.end) {\n      return CursorHelper.calculatePosition(CurrencyHelper.getInfo(value).cursorMap, selection.start, step);\n    } else if (step < 0) {\n      return selection.start;\n    }\n\n    return selection.end;\n  }\n\n  public static extendSelection(value: string, selection: Selection, step: number) {\n    const info = CurrencyHelper.getInfo(value);\n    return CursorHelper.extendSelection(info.cursorMap, selection, step);\n  }\n\n  public static normalizeSelection(value: string, selection: Selection): Selection {\n    const info = CurrencyHelper.getInfo(value);\n    return CursorHelper.normalizeSelection(info.cursorMap, selection);\n  }\n\n  public static safeInsert(value: string, start: number, end: number, input: string, options: DecimalOptions) {\n    if (input && start === 0 && end === value.length) {\n      const extracted = CurrencyHelper.extractValid(input, options);\n      if (!extracted) {\n        return null;\n      }\n      return CurrencyInputHelper.insert(value, start, end, extracted);\n    }\n\n    const prefix = value.substring(0, start);\n    const suffix = value.substring(end);\n\n    const combined = prefix + input + suffix;\n    if (CurrencyHelper.isValidString(combined, options)) {\n      return CurrencyInputHelper.insert(value, start, end, input);\n    }\n    return null;\n  }\n\n  public static insert(value: string, start: number, end: number, input: string) {\n    const prefix = value.substring(0, start);\n    const suffix = value.substring(end);\n\n    const info = CurrencyHelper.getInfo(value);\n    const raw = CursorHelper.toRawPosition(info.cursorMap, start);\n    const info2 = CurrencyHelper.getInfo(prefix + input + suffix);\n    const formattedPosition = CursorHelper.toFormattedPosition(info2.cursorMap, raw + input.length);\n\n    return { value: info2.formatted, position: formattedPosition };\n  }\n}\n"]}

package/components/CurrencyInput/CurrencyInputKeyboardActions/CurrencyInputKeyboardActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInputKeyboardActions.tsx"],"names":["Keyboard","KeyboardActionExctracterBuilder","CURRENCY_INPUT_ACTIONS","Unknown","Ignore","MoveCursorLeft","MoveCursorRight","Home","End","ExtendSelectionLeft","ExtendSelectionRight","FullSelection","ExtendSelectionToStart","ExtendSelectionToEnd","Backspace","Delete","Submit","extractAction","add","isKeyEnter","isModShift","isKeyArrowLeft","isKeyArrowRight","isShortcutSelectAll","isKeyHome","isKeyEnd","isUnmodified","isKeyBackspace","isKeyDelete","e","isModified","isKeyTab","build"],"mappings":"AAAA,OAAO,KAAKA,QAAZ,MAA0B,uCAA1B;AACA,SAASC,+BAAT,QAAgD,iCAAhD;;AAEA,OAAO,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,OAAO,EAAE,CAD2B;AAEpCC,EAAAA,MAAM,EAAE,CAF4B;;AAIpCC,EAAAA,cAAc,EAAE,EAJoB;AAKpCC,EAAAA,eAAe,EAAE,EALmB;AAMpCC,EAAAA,IAAI,EAAE,EAN8B;AAOpCC,EAAAA,GAAG,EAAE,EAP+B;;AASpCC,EAAAA,mBAAmB,EAAE,EATe;AAUpCC,EAAAA,oBAAoB,EAAE,EAVc;AAWpCC,EAAAA,aAAa,EAAE,EAXqB;AAYpCC,EAAAA,sBAAsB,EAAE,EAZY;AAapCC,EAAAA,oBAAoB,EAAE,EAbc;;AAepCC,EAAAA,SAAS,EAAE,EAfyB;AAgBpCC,EAAAA,MAAM,EAAE,EAhB4B;AAiBpCC,EAAAA,MAAM,EAAE,EAjB4B,EAA/B;;;AAoBP,OAAO,IAAMC,aAAa,GAAG,IAAIhB,+BAAJ;AAC1BiB,GAD0B,CACtBhB,sBAAsB,CAACc,MADD,EACShB,QAAQ,CAACmB,UADlB;AAE1BD,GAF0B,CAEtBhB,sBAAsB,CAACO,mBAFD,EAEsBT,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACqB,cAA7B,CAFtB;AAG1BH,GAH0B,CAGtBhB,sBAAsB,CAACQ,oBAHD,EAGuBV,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACsB,eAA7B,CAHvB;AAI1BJ,GAJ0B,CAItBhB,sBAAsB,CAACS,aAJD,EAIgBX,QAAQ,CAACuB,mBAJzB;AAK1BL,GAL0B,CAKtBhB,sBAAsB,CAACU,sBALD,EAKyBZ,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACwB,SAA7B,CALzB;AAM1BN,GAN0B,CAMtBhB,sBAAsB,CAACW,oBAND,EAMuBb,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACyB,QAA7B,CANvB;AAO1BP,GAP0B,CAOtBhB,sBAAsB,CAACG,cAPD,EAOiBL,QAAQ,CAACqB,cAP1B;AAQ1BH,GAR0B,CAQtBhB,sBAAsB,CAACI,eARD,EAQkBN,QAAQ,CAACsB,eAR3B;AAS1BJ,GAT0B,CAStBhB,sBAAsB,CAACK,IATD,EASOP,QAAQ,CAAC0B,YAAT,CAAsB1B,QAAQ,CAACwB,SAA/B,CATP;AAU1BN,GAV0B,CAUtBhB,sBAAsB,CAACM,GAVD,EAUMR,QAAQ,CAAC0B,YAAT,CAAsB1B,QAAQ,CAACyB,QAA/B,CAVN;AAW1BP,GAX0B,CAWtBhB,sBAAsB,CAACY,SAXD,EAWYd,QAAQ,CAAC2B,cAXrB;AAY1BT,GAZ0B,CAYtBhB,sBAAsB,CAACa,MAZD,EAYSf,QAAQ,CAAC4B,WAZlB;AAa1BV,GAb0B,CAatBhB,sBAAsB,CAACE,MAbD,EAaS,UAAAyB,CAAC,UAAI7B,QAAQ,CAAC8B,UAAT,GAAsBD,CAAtB,KAA4B7B,QAAQ,CAAC+B,QAAT,CAAkBF,CAAlB,CAAhC,EAbV;AAc1BG,KAd0B,CAcpB9B,sBAAsB,CAACC,OAdH,CAAtB","sourcesContent":["import * as Keyboard from '../../lib/events/keyboard/identifiers';\r\nimport { KeyboardActionExctracterBuilder } from '../../lib/extractKeyboardAction';\r\n\r\nexport const CURRENCY_INPUT_ACTIONS = {\r\n  Unknown: 0,\r\n  Ignore: 1,\r\n\r\n  MoveCursorLeft: 11,\r\n  MoveCursorRight: 12,\r\n  Home: 13,\r\n  End: 14,\r\n\r\n  ExtendSelectionLeft: 21,\r\n  ExtendSelectionRight: 22,\r\n  FullSelection: 23,\r\n  ExtendSelectionToStart: 24,\r\n  ExtendSelectionToEnd: 25,\r\n\r\n  Backspace: 31,\r\n  Delete: 32,\r\n  Submit: 33,\r\n};\r\n\r\nexport const extractAction = new KeyboardActionExctracterBuilder()\r\n  .add(CURRENCY_INPUT_ACTIONS.Submit, Keyboard.isKeyEnter)\r\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionLeft, Keyboard.isModShift(Keyboard.isKeyArrowLeft))\r\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionRight, Keyboard.isModShift(Keyboard.isKeyArrowRight))\r\n  .add(CURRENCY_INPUT_ACTIONS.FullSelection, Keyboard.isShortcutSelectAll)\r\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionToStart, Keyboard.isModShift(Keyboard.isKeyHome))\r\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionToEnd, Keyboard.isModShift(Keyboard.isKeyEnd))\r\n  .add(CURRENCY_INPUT_ACTIONS.MoveCursorLeft, Keyboard.isKeyArrowLeft)\r\n  .add(CURRENCY_INPUT_ACTIONS.MoveCursorRight, Keyboard.isKeyArrowRight)\r\n  .add(CURRENCY_INPUT_ACTIONS.Home, Keyboard.isUnmodified(Keyboard.isKeyHome))\r\n  .add(CURRENCY_INPUT_ACTIONS.End, Keyboard.isUnmodified(Keyboard.isKeyEnd))\r\n  .add(CURRENCY_INPUT_ACTIONS.Backspace, Keyboard.isKeyBackspace)\r\n  .add(CURRENCY_INPUT_ACTIONS.Delete, Keyboard.isKeyDelete)\r\n  .add(CURRENCY_INPUT_ACTIONS.Ignore, e => Keyboard.isModified()(e) || Keyboard.isKeyTab(e))\r\n  .build(CURRENCY_INPUT_ACTIONS.Unknown);\r\n"]}
+{"version":3,"sources":["CurrencyInputKeyboardActions.tsx"],"names":["Keyboard","KeyboardActionExctracterBuilder","CURRENCY_INPUT_ACTIONS","Unknown","Ignore","MoveCursorLeft","MoveCursorRight","Home","End","ExtendSelectionLeft","ExtendSelectionRight","FullSelection","ExtendSelectionToStart","ExtendSelectionToEnd","Backspace","Delete","Submit","extractAction","add","isKeyEnter","isModShift","isKeyArrowLeft","isKeyArrowRight","isShortcutSelectAll","isKeyHome","isKeyEnd","isUnmodified","isKeyBackspace","isKeyDelete","e","isModified","isKeyTab","build"],"mappings":"AAAA,OAAO,KAAKA,QAAZ,MAA0B,uCAA1B;AACA,SAASC,+BAAT,QAAgD,iCAAhD;;AAEA,OAAO,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,OAAO,EAAE,CAD2B;AAEpCC,EAAAA,MAAM,EAAE,CAF4B;;AAIpCC,EAAAA,cAAc,EAAE,EAJoB;AAKpCC,EAAAA,eAAe,EAAE,EALmB;AAMpCC,EAAAA,IAAI,EAAE,EAN8B;AAOpCC,EAAAA,GAAG,EAAE,EAP+B;;AASpCC,EAAAA,mBAAmB,EAAE,EATe;AAUpCC,EAAAA,oBAAoB,EAAE,EAVc;AAWpCC,EAAAA,aAAa,EAAE,EAXqB;AAYpCC,EAAAA,sBAAsB,EAAE,EAZY;AAapCC,EAAAA,oBAAoB,EAAE,EAbc;;AAepCC,EAAAA,SAAS,EAAE,EAfyB;AAgBpCC,EAAAA,MAAM,EAAE,EAhB4B;AAiBpCC,EAAAA,MAAM,EAAE,EAjB4B,EAA/B;;;AAoBP,OAAO,IAAMC,aAAa,GAAG,IAAIhB,+BAAJ;AAC1BiB,GAD0B,CACtBhB,sBAAsB,CAACc,MADD,EACShB,QAAQ,CAACmB,UADlB;AAE1BD,GAF0B,CAEtBhB,sBAAsB,CAACO,mBAFD,EAEsBT,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACqB,cAA7B,CAFtB;AAG1BH,GAH0B,CAGtBhB,sBAAsB,CAACQ,oBAHD,EAGuBV,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACsB,eAA7B,CAHvB;AAI1BJ,GAJ0B,CAItBhB,sBAAsB,CAACS,aAJD,EAIgBX,QAAQ,CAACuB,mBAJzB;AAK1BL,GAL0B,CAKtBhB,sBAAsB,CAACU,sBALD,EAKyBZ,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACwB,SAA7B,CALzB;AAM1BN,GAN0B,CAMtBhB,sBAAsB,CAACW,oBAND,EAMuBb,QAAQ,CAACoB,UAAT,CAAoBpB,QAAQ,CAACyB,QAA7B,CANvB;AAO1BP,GAP0B,CAOtBhB,sBAAsB,CAACG,cAPD,EAOiBL,QAAQ,CAACqB,cAP1B;AAQ1BH,GAR0B,CAQtBhB,sBAAsB,CAACI,eARD,EAQkBN,QAAQ,CAACsB,eAR3B;AAS1BJ,GAT0B,CAStBhB,sBAAsB,CAACK,IATD,EASOP,QAAQ,CAAC0B,YAAT,CAAsB1B,QAAQ,CAACwB,SAA/B,CATP;AAU1BN,GAV0B,CAUtBhB,sBAAsB,CAACM,GAVD,EAUMR,QAAQ,CAAC0B,YAAT,CAAsB1B,QAAQ,CAACyB,QAA/B,CAVN;AAW1BP,GAX0B,CAWtBhB,sBAAsB,CAACY,SAXD,EAWYd,QAAQ,CAAC2B,cAXrB;AAY1BT,GAZ0B,CAYtBhB,sBAAsB,CAACa,MAZD,EAYSf,QAAQ,CAAC4B,WAZlB;AAa1BV,GAb0B,CAatBhB,sBAAsB,CAACE,MAbD,EAaS,UAACyB,CAAD,UAAO7B,QAAQ,CAAC8B,UAAT,GAAsBD,CAAtB,KAA4B7B,QAAQ,CAAC+B,QAAT,CAAkBF,CAAlB,CAAnC,EAbT;AAc1BG,KAd0B,CAcpB9B,sBAAsB,CAACC,OAdH,CAAtB","sourcesContent":["import * as Keyboard from '../../lib/events/keyboard/identifiers';\nimport { KeyboardActionExctracterBuilder } from '../../lib/extractKeyboardAction';\n\nexport const CURRENCY_INPUT_ACTIONS = {\n  Unknown: 0,\n  Ignore: 1,\n\n  MoveCursorLeft: 11,\n  MoveCursorRight: 12,\n  Home: 13,\n  End: 14,\n\n  ExtendSelectionLeft: 21,\n  ExtendSelectionRight: 22,\n  FullSelection: 23,\n  ExtendSelectionToStart: 24,\n  ExtendSelectionToEnd: 25,\n\n  Backspace: 31,\n  Delete: 32,\n  Submit: 33,\n};\n\nexport const extractAction = new KeyboardActionExctracterBuilder()\n  .add(CURRENCY_INPUT_ACTIONS.Submit, Keyboard.isKeyEnter)\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionLeft, Keyboard.isModShift(Keyboard.isKeyArrowLeft))\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionRight, Keyboard.isModShift(Keyboard.isKeyArrowRight))\n  .add(CURRENCY_INPUT_ACTIONS.FullSelection, Keyboard.isShortcutSelectAll)\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionToStart, Keyboard.isModShift(Keyboard.isKeyHome))\n  .add(CURRENCY_INPUT_ACTIONS.ExtendSelectionToEnd, Keyboard.isModShift(Keyboard.isKeyEnd))\n  .add(CURRENCY_INPUT_ACTIONS.MoveCursorLeft, Keyboard.isKeyArrowLeft)\n  .add(CURRENCY_INPUT_ACTIONS.MoveCursorRight, Keyboard.isKeyArrowRight)\n  .add(CURRENCY_INPUT_ACTIONS.Home, Keyboard.isUnmodified(Keyboard.isKeyHome))\n  .add(CURRENCY_INPUT_ACTIONS.End, Keyboard.isUnmodified(Keyboard.isKeyEnd))\n  .add(CURRENCY_INPUT_ACTIONS.Backspace, Keyboard.isKeyBackspace)\n  .add(CURRENCY_INPUT_ACTIONS.Delete, Keyboard.isKeyDelete)\n  .add(CURRENCY_INPUT_ACTIONS.Ignore, (e) => Keyboard.isModified()(e) || Keyboard.isKeyTab(e))\n  .build(CURRENCY_INPUT_ACTIONS.Unknown);\n"]}

package/components/CurrencyInput/CursorHelper/CursorHelper.js

@@ -1,26 +1,22 @@
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it;
-
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      return function () {
-        if (i >= o.length) return {
-          done: true
-        };
-        return {
-          done: false,
-          value: o[i++]
-        };
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
       };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
   }
 
-  it = o[Symbol.iterator]();
-  return it.next.bind(it);
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function _unsupportedIterableToArray(o, minLen) {
@@ -42,6 +38,22 @@ function _arrayLikeToArray(arr, len) {
   return arr2;
 }
 
+var calculateExtendedSelection = function calculateExtendedSelection(map, selection, step) {
+  if (selection.direction === 'backward') {
+    return {
+      start: CursorHelper.calculatePosition(map, selection.start, step),
+      end: selection.end,
+      direction: 'backward'
+    };
+  }
+
+  return {
+    start: selection.start,
+    end: CursorHelper.calculatePosition(map, selection.end, step),
+    direction: 'forward'
+  };
+};
+
 export var CursorHelper = /*#__PURE__*/function () {
   function CursorHelper() {}
 
@@ -59,17 +71,8 @@ export var CursorHelper = /*#__PURE__*/function () {
   };
 
   CursorHelper.extendSelection = function extendSelection(map, selection, step) {
-    selection = CursorHelper.normalizeSelection(map, selection);
-    selection = selection.direction === 'backward' ? {
-      start: CursorHelper.calculatePosition(map, selection.start, step),
-      end: selection.end,
-      direction: 'backward'
-    } : {
-      start: selection.start,
-      end: CursorHelper.calculatePosition(map, selection.end, step),
-      direction: 'forward'
-    };
-    return CursorHelper.normalizeSelection(map, selection);
+    var normalizedSelection = CursorHelper.normalizeSelection(map, selection);
+    return CursorHelper.normalizeSelection(map, calculateExtendedSelection(map, normalizedSelection, step));
   };
 
   CursorHelper.normalizeSelection = function normalizeSelection(map, selection) {

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

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

@@ -1 +1 @@
-{"version":3,"sources":["SelectionHelper.tsx"],"names":["SelectionHelper","fromPosition","position","start","end","direction","backward","forward"],"mappings":";;;;;;;;AAQA,WAAaA,eAAb,iCAAaA,e;AACGC,Y,GAAe,UAACC,QAAD,EAAiC;AAC5D,SAAO,EAAEC,KAAK,EAAED,QAAT,EAAmBE,GAAG,EAAEF,QAAxB,EAAkCG,SAAS,EAAE,MAA7C,EAAP;AACD,C,CAHUL,e;;AAKGM,Q,GAAW,UAACH,KAAD,EAAgBC,GAAhB,EAA2C;AAClE,SAAO,EAAED,KAAK,EAALA,KAAF,EAASC,GAAG,EAAHA,GAAT,EAAcC,SAAS,EAAE,UAAzB,EAAP;AACD,C,CAPUL,e;;AASGO,O,GAAU,UAACJ,KAAD,EAAgBC,GAAhB,EAA2C;AACjE,SAAO,EAAED,KAAK,EAALA,KAAF,EAASC,GAAG,EAAHA,GAAT,EAAcC,SAAS,EAAE,SAAzB,EAAP;AACD,C","sourcesContent":["export interface Selection {\r\n  start: number;\r\n  end: number;\r\n  direction: SelectionDirection;\r\n}\r\n\r\nexport type SelectionDirection = 'forward' | 'backward' | 'none';\r\n\r\nexport class SelectionHelper {\r\n  public static fromPosition = (position: number): Selection => {\r\n    return { start: position, end: position, direction: 'none' };\r\n  };\r\n\r\n  public static backward = (start: number, end: number): Selection => {\r\n    return { start, end, direction: 'backward' };\r\n  };\r\n\r\n  public static forward = (start: number, end: number): Selection => {\r\n    return { start, end, direction: 'forward' };\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["SelectionHelper.tsx"],"names":["SelectionHelper","fromPosition","position","start","end","direction","backward","forward"],"mappings":";;;;;;;;AAQA,WAAaA,eAAb,iCAAaA,e;AACGC,Y,GAAe,UAACC,QAAD,EAAiC;AAC5D,SAAO,EAAEC,KAAK,EAAED,QAAT,EAAmBE,GAAG,EAAEF,QAAxB,EAAkCG,SAAS,EAAE,MAA7C,EAAP;AACD,C,CAHUL,e;;AAKGM,Q,GAAW,UAACH,KAAD,EAAgBC,GAAhB,EAA2C;AAClE,SAAO,EAAED,KAAK,EAALA,KAAF,EAASC,GAAG,EAAHA,GAAT,EAAcC,SAAS,EAAE,UAAzB,EAAP;AACD,C,CAPUL,e;;AASGO,O,GAAU,UAACJ,KAAD,EAAgBC,GAAhB,EAA2C;AACjE,SAAO,EAAED,KAAK,EAALA,KAAF,EAASC,GAAG,EAAHA,GAAT,EAAcC,SAAS,EAAE,SAAzB,EAAP;AACD,C","sourcesContent":["export interface Selection {\n  start: number;\n  end: number;\n  direction: SelectionDirection;\n}\n\nexport type SelectionDirection = 'forward' | 'backward' | 'none';\n\nexport class SelectionHelper {\n  public static fromPosition = (position: number): Selection => {\n    return { start: position, end: position, direction: 'none' };\n  };\n\n  public static backward = (start: number, end: number): Selection => {\n    return { start, end, direction: 'backward' };\n  };\n\n  public static forward = (start: number, end: number): Selection => {\n    return { start, end, direction: 'forward' };\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["MAX_SAFE_DIGITS","MAX_ALLOWED_CHARS"],"mappings":"AAAA;AACA,OAAO,IAAMA,eAAe,GAAG,EAAxB;;AAEP;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAGD,eAAe,GAAG,CAA5C","sourcesContent":["// https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15\r\nexport const MAX_SAFE_DIGITS = 15;\r\n\r\n// + десятичный разделитель\r\n// + целая часть равная нулю\r\n// + знак '-'\r\nexport const MAX_ALLOWED_CHARS = MAX_SAFE_DIGITS + 3;\r\n"]}
+{"version":3,"sources":["constants.ts"],"names":["MAX_SAFE_DIGITS","MAX_ALLOWED_CHARS"],"mappings":"AAAA;AACA,OAAO,IAAMA,eAAe,GAAG,EAAxB;;AAEP;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAGD,eAAe,GAAG,CAA5C","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"]}

package/components/CurrencyInput/index/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyLabel.tsx"],"names":["React","MAX_SAFE_DIGITS","CurrencyHelper","CommonWrapper","defaultProps","fractionDigits","CurrencyLabel","props","value","currencySymbol","format","String","fromCharCode","__KONTUR_REACT_UI__","propTypes","Error","destructString","fraction","length","Number","isInteger"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,eAAT,QAAgC,4BAAhC;AACA,SAASC,cAAT,QAA+B,iCAA/B;AACA,SAASC,aAAT,QAA2C,8BAA3C;;;;;;;;;;;;AAYA,OAAO,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,CADU,EAArB;;;AAIP,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AAC/DC,EAAAA,KAD+D,GACrBD,KADqB,CAC/DC,KAD+D,CACxDH,cADwD,GACrBE,KADqB,CACxDF,cADwD,CACxCI,cADwC,GACrBF,KADqB,CACxCE,cADwC;AAEvE;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE;AACGL,IAAAA,cAAc,CAACQ,MAAf,CAAsBF,KAAtB,EAA6B,EAAEH,cAAc,EAAdA,cAAF,EAA7B,CADH;AAEGI,IAAAA,cAAc,IAAIE,MAAM,CAACC,YAAP,CAAoB,IAApB,CAFrB,CAE+C,YAF/C;AAGGH,IAAAA,cAHH,CADF,CADF;;;;AASD,CAXM;;AAaPH,aAAa,CAACO,mBAAd,GAAoC,eAApC;;AAEAP,aAAa,CAACF,YAAd,GAA6BA,YAA7B;;AAEAE,aAAa,CAACQ,SAAd,GAA0B;AACxBT,EAAAA,cAAc,EAAE,wBAACE,KAAD,EAAqD;AACnE,QAAIA,KAAK,CAACF,cAAN,GAAuBJ,eAA3B,EAA4C;AAC1C,aAAO,IAAIc,KAAJ;AACL,0DAAkDd,eAAlD,4EADK,CAAP;;;AAID,KANkE;;AAQ9CC,IAAAA,cAAc,CAACc,cAAf,CAA8BL,MAAM,CAACJ,KAAK,CAACC,KAAP,CAApC,KAAsD,EAAES,QAAQ,EAAE,EAAZ,EARR,CAQ3DA,QAR2D,QAQ3DA,QAR2D;AASnE,QAAIA,QAAQ,CAACC,MAAT,GAAkBX,KAAK,CAACF,cAA5B,EAA4C;AAC1C,aAAO,IAAIU,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBb,KAAK,CAACF,cAAvB,CAAL,EAA6C;AAC3C,aAAO,IAAIU,KAAJ,2GAAP;;;AAGD;;AAED,WAAO,IAAP;AACD,GAxBuB,EAA1B","sourcesContent":["import React from 'react';\r\n\r\nimport { MAX_SAFE_DIGITS } from '../CurrencyInput/constants';\r\nimport { CurrencyHelper } from '../CurrencyInput/CurrencyHelper';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nexport interface CurrencyLabelProps extends CommonProps {\r\n  /**\r\n   * Минимальное количество отображаемых знаков после запятой\r\n   * @default 2\r\n   */\r\n  fractionDigits: number;\r\n  value: number;\r\n  currencySymbol?: React.ReactNode;\r\n}\r\n\r\nexport const defaultProps = {\r\n  fractionDigits: 2,\r\n};\r\n\r\nexport const CurrencyLabel = (props: CurrencyLabelProps): JSX.Element => {\r\n  const { value, fractionDigits, currencySymbol } = props;\r\n  return (\r\n    <CommonWrapper {...props}>\r\n      <span>\r\n        {CurrencyHelper.format(value, { fractionDigits })}\r\n        {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\r\n        {currencySymbol}\r\n      </span>\r\n    </CommonWrapper>\r\n  );\r\n};\r\n\r\nCurrencyLabel.__KONTUR_REACT_UI__ = 'CurrencyLabel';\r\n\r\nCurrencyLabel.defaultProps = defaultProps;\r\n\r\nCurrencyLabel.propTypes = {\r\n  fractionDigits: (props: CurrencyLabelProps & typeof defaultProps) => {\r\n    if (props.fractionDigits > MAX_SAFE_DIGITS) {\r\n      return new Error(\r\n        `[CurrencyLabel]: Prop 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` +\r\n          `\\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15`,\r\n      );\r\n    }\r\n\r\n    const { fraction } = CurrencyHelper.destructString(String(props.value)) || { fraction: '' };\r\n    if (fraction.length > props.fractionDigits) {\r\n      return new Error(\r\n        `[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property,` +\r\n          `'value' will not be cutted`,\r\n      );\r\n    }\r\n\r\n    if (!Number.isInteger(props.fractionDigits)) {\r\n      return new Error(\r\n        `[CurrencyLabel]: Prop 'fractionDigits' is not integer, fraction part of these property will not be used`,\r\n      );\r\n    }\r\n\r\n    return null;\r\n  },\r\n};\r\n"]}
+{"version":3,"sources":["CurrencyLabel.tsx"],"names":["React","MAX_SAFE_DIGITS","CurrencyHelper","CommonWrapper","defaultProps","fractionDigits","CurrencyLabel","props","value","currencySymbol","format","String","fromCharCode","__KONTUR_REACT_UI__","propTypes","Error","destructString","fraction","length","Number","isInteger"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,eAAT,QAAgC,4BAAhC;AACA,SAASC,cAAT,QAA+B,iCAA/B;AACA,SAASC,aAAT,QAA2C,8BAA3C;;;;;;;;;;;;AAYA,OAAO,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,CADU,EAArB;;;AAIP,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AACvE,MAAQC,KAAR,GAAkDD,KAAlD,CAAQC,KAAR,CAAeH,cAAf,GAAkDE,KAAlD,CAAeF,cAAf,CAA+BI,cAA/B,GAAkDF,KAAlD,CAA+BE,cAA/B;AACA;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE;AACGL,IAAAA,cAAc,CAACQ,MAAf,CAAsBF,KAAtB,EAA6B,EAAEH,cAAc,EAAdA,cAAF,EAA7B,CADH;AAEGI,IAAAA,cAAc,IAAIE,MAAM,CAACC,YAAP,CAAoB,IAApB,CAFrB,CAE+C,YAF/C;AAGGH,IAAAA,cAHH,CADF,CADF;;;;AASD,CAXM;;AAaPH,aAAa,CAACO,mBAAd,GAAoC,eAApC;;AAEAP,aAAa,CAACF,YAAd,GAA6BA,YAA7B;;AAEAE,aAAa,CAACQ,SAAd,GAA0B;AACxBT,EAAAA,cAAc,EAAE,wBAACE,KAAD,EAAqD;AACnE,QAAIA,KAAK,CAACF,cAAN,GAAuBJ,eAA3B,EAA4C;AAC1C,aAAO,IAAIc,KAAJ;AACL,0DAAkDd,eAAlD,4EADK,CAAP;;;AAID;;AAED,eAAqBC,cAAc,CAACc,cAAf,CAA8BL,MAAM,CAACJ,KAAK,CAACC,KAAP,CAApC,KAAsD,EAAES,QAAQ,EAAE,EAAZ,EAA3E,CAAQA,QAAR,QAAQA,QAAR;AACA,QAAIA,QAAQ,CAACC,MAAT,GAAkBX,KAAK,CAACF,cAA5B,EAA4C;AAC1C,aAAO,IAAIU,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBb,KAAK,CAACF,cAAvB,CAAL,EAA6C;AAC3C,aAAO,IAAIU,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 CurrencyLabel = (props: CurrencyLabelProps): JSX.Element => {\n  const { value, fractionDigits, currencySymbol } = props;\n  return (\n    <CommonWrapper {...props}>\n      <span>\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"]}

package/components/CurrencyLabel/CurrencyLabel.md

@@ -1,23 +1,23 @@
-To render rubles
-
-```jsx
-<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
-```
-
-...or dollars
-
-```jsx
-<CurrencyLabel value={12356.1} currencySymbol={'$'} />
-```
-
-...or nothing
-
-```jsx
-<CurrencyLabel value={12356.1} />
-```
-
-Count of fraction digits can be changed
-
-```jsx
-<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
-```
+To render rubles
+
+```jsx
+<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
+```
+
+...or dollars
+
+```jsx
+<CurrencyLabel value={12356.1} currencySymbol={'$'} />
+```
+
+...or nothing
+
+```jsx
+<CurrencyLabel value={12356.1} />
+```
+
+Count of fraction digits can be changed
+
+```jsx
+<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
+```

package/components/CurrencyLabel/index/index.js.map

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

package/components/DateInput/DateFragmentsView/DateFragmentsView.js

@@ -1,11 +1,11 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import cn from 'classnames';
 import { MaskCharLowLine } from "../../../internal/MaskCharLowLine";
 import { InternalDateValidator } from "../../../lib/date/InternalDateValidator";
 import { InternalDateComponentType } from "../../../lib/date/types";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../DateFragmentsView.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../DateFragmentsView.styles";
 export var DateFragmentsView = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DateFragmentsView, _React$Component);
 
@@ -17,7 +17,6 @@ export var DateFragmentsView = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.theme = void 0;
     _this.rootNode = null;
 
     _this.isFragment = function (el) {
@@ -59,16 +58,16 @@ export var DateFragmentsView = /*#__PURE__*/function (_React$Component) {
 
     return /*#__PURE__*/React.createElement("span", {
       ref: this.rootRef,
-      className: jsStyles.root(this.theme)
+      className: styles.root(this.theme)
     }, this.props.fragments.map(function (fragment, index) {
       return fragment.type === InternalDateComponentType.Separator ? _this3.renderSeparator(fragment, index) : _this3.renderDateComponent(fragment, index);
     }));
   };
 
   _proto.renderSeparator = function renderSeparator(fragment, index) {
-    var _cn;
+    var _cx;
 
-    var separatorClassName = cn((_cn = {}, _cn[jsStyles.mask(this.theme)] = true, _cn[jsStyles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _cn));
+    var separatorClassName = cx((_cx = {}, _cx[styles.mask(this.theme)] = true, _cx[styles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _cx));
     return /*#__PURE__*/React.createElement("span", {
       key: index,
       className: separatorClassName
@@ -98,7 +97,7 @@ export var DateFragmentsView = /*#__PURE__*/function (_React$Component) {
       "data-fragment": "",
       onMouseUp: handleMouseUp
     }, valueMask, /*#__PURE__*/React.createElement("span", {
-      className: jsStyles.mask(this.theme)
+      className: styles.mask(this.theme)
     }, Array(lengthMask).fill('').map(function (_, i) {
       return /*#__PURE__*/React.createElement(MaskCharLowLine, {
         key: i

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

@@ -1 +1 @@
-{"version":3,"sources":["DateFragmentsView.tsx"],"names":["React","cn","MaskCharLowLine","InternalDateValidator","InternalDateComponentType","ThemeContext","jsStyles","DateFragmentsView","theme","rootNode","isFragment","el","fragments","Array","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","render","renderMain","root","props","map","index","type","Separator","renderSeparator","renderDateComponent","separatorClassName","mask","delimiterFilled","value","inputMode","onSelectDateComponent","selected","length","valueWithPad","valueMask","lengthMask","testParseToNumber","Math","max","toString","handleMouseUp","e","document","activeElement","currentTarget","fill","_","i","Component"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine';\r\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator';\r\nimport { InternalDateComponentType, InternalDateFragment } from '../../lib/date/types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nimport { jsStyles } from './DateFragmentsView.styles';\r\n\r\ninterface DateFragmentViewProps {\r\n  selected: InternalDateComponentType | null;\r\n  fragments: InternalDateFragment[];\r\n  inputMode: boolean;\r\n  onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\r\n}\r\n\r\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps, {}> {\r\n  private theme!: Theme;\r\n  private rootNode: HTMLSpanElement | null = null;\r\n\r\n  public isFragment = (el: HTMLElement | EventTarget): boolean => {\r\n    if (this.rootNode) {\r\n      // NOTE: NodeList doesn't support method 'forEach' in IE11\r\n      const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\r\n      return fragments.some(fragment => fragment === el || fragment.contains(el as HTMLSpanElement));\r\n    }\r\n    return false;\r\n  };\r\n\r\n  public getRootNode = () => this.rootNode;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    return (\r\n      <span ref={this.rootRef} className={jsStyles.root(this.theme)}>\r\n        {this.props.fragments.map((fragment, index) =>\r\n          fragment.type === InternalDateComponentType.Separator\r\n            ? this.renderSeparator(fragment, index)\r\n            : this.renderDateComponent(fragment, index),\r\n        )}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\r\n    const separatorClassName = cn({\r\n      [jsStyles.mask(this.theme)]: true,\r\n      [jsStyles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\r\n    });\r\n\r\n    return (\r\n      <span key={index} className={separatorClassName}>\r\n        {fragment.value}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\r\n    const { inputMode, onSelectDateComponent, selected } = this.props;\r\n    const { type, value, length, valueWithPad } = fragment;\r\n\r\n    const valueMask = value === null || (selected === type && inputMode) ? value : valueWithPad || value;\r\n    const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\r\n      ? Math.max(length - valueMask!.toString().length, 0)\r\n      : length;\r\n\r\n    const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\r\n      if (document.activeElement && document.activeElement.contains(e.currentTarget)) {\r\n        onSelectDateComponent(type, e);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\r\n        {valueMask}\r\n        <span className={jsStyles.mask(this.theme)}>\r\n          {Array(lengthMask)\r\n            .fill('')\r\n            .map((_, i) => (\r\n              <MaskCharLowLine key={i} />\r\n            ))}\r\n        </span>\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private rootRef = (el: HTMLSpanElement | null) => {\r\n    this.rootNode = el;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["DateFragmentsView.tsx"],"names":["React","MaskCharLowLine","InternalDateValidator","InternalDateComponentType","ThemeContext","cx","styles","DateFragmentsView","rootNode","isFragment","el","fragments","Array","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","render","theme","renderMain","root","props","map","index","type","Separator","renderSeparator","renderDateComponent","separatorClassName","mask","delimiterFilled","value","inputMode","onSelectDateComponent","selected","length","valueWithPad","valueMask","lengthMask","testParseToNumber","Math","max","toString","handleMouseUp","e","document","activeElement","currentTarget","fill","_","i","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,yBAAT,QAAgE,sBAAhE;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,4BAAvB;;;;;;;;;AASA,WAAaC,iBAAb;;AAEUC,IAAAA,QAFV,GAE6C,IAF7C;;AAISC,IAAAA,UAJT,GAIsB,UAACC,EAAD,EAA4C;AAC9D,UAAI,MAAKF,QAAT,EAAmB;AACjB;AACA,YAAMG,SAA4B,GAAGC,KAAK,CAACC,IAAN,CAAW,MAAKL,QAAL,CAAcM,gBAAd,CAA+B,iBAA/B,CAAX,CAArC;AACA,eAAOH,SAAS,CAACI,IAAV,CAAe,UAACC,QAAD,UAAcA,QAAQ,KAAKN,EAAb,IAAmBM,QAAQ,CAACC,QAAT,CAAkBP,EAAlB,CAAjC,EAAf,CAAP;AACD;AACD,aAAO,KAAP;AACD,KAXH;;AAaSQ,IAAAA,WAbT,GAauB,oBAAM,MAAKV,QAAX,EAbvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFUW,IAAAA,OAhFV,GAgFoB,UAACT,EAAD,EAAgC;AAChD,YAAKF,QAAL,GAAgBE,EAAhB;AACD,KAlFH,+DAeSU,MAfT,GAeE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAxBH,QA0BUA,UA1BV,GA0BE,sBAAqB,mBACnB,oBACE,8BAAM,GAAG,EAAE,KAAKH,OAAhB,EAAyB,SAAS,EAAEb,MAAM,CAACiB,IAAP,CAAY,KAAKF,KAAjB,CAApC,IACG,KAAKG,KAAL,CAAWb,SAAX,CAAqBc,GAArB,CAAyB,UAACT,QAAD,EAAWU,KAAX,UACxBV,QAAQ,CAACW,IAAT,KAAkBxB,yBAAyB,CAACyB,SAA5C,GACI,MAAI,CAACC,eAAL,CAAqBb,QAArB,EAA+BU,KAA/B,CADJ,GAEI,MAAI,CAACI,mBAAL,CAAyBd,QAAzB,EAAmCU,KAAnC,CAHoB,EAAzB,CADH,CADF,CASD,CApCH,QAsCUG,eAtCV,GAsCE,yBAAwBb,QAAxB,EAAwDU,KAAxD,EAAoF,SAClF,IAAMK,kBAAkB,GAAG1B,EAAE,gBAC1BC,MAAM,CAAC0B,IAAP,CAAY,KAAKX,KAAjB,CAD0B,IACA,IADA,MAE1Bf,MAAM,CAAC2B,eAAP,EAF0B,IAEC,KAAKT,KAAL,CAAWb,SAAX,CAAqBe,KAAK,GAAG,CAA7B,EAAgCQ,KAAhC,KAA0C,IAF3C,OAA7B,CAKA,oBACE,8BAAM,GAAG,EAAER,KAAX,EAAkB,SAAS,EAAEK,kBAA7B,IACGf,QAAQ,CAACkB,KADZ,CADF,CAKD,CAjDH,QAmDUJ,mBAnDV,GAmDE,6BAA4Bd,QAA5B,EAA4DU,KAA5D,EAAwF,CACtF,kBAAuD,KAAKF,KAA5D,CAAQW,SAAR,eAAQA,SAAR,CAAmBC,qBAAnB,eAAmBA,qBAAnB,CAA0CC,QAA1C,eAA0CA,QAA1C,CACA,IAAQV,IAAR,GAA8CX,QAA9C,CAAQW,IAAR,CAAcO,KAAd,GAA8ClB,QAA9C,CAAckB,KAAd,CAAqBI,MAArB,GAA8CtB,QAA9C,CAAqBsB,MAArB,CAA6BC,YAA7B,GAA8CvB,QAA9C,CAA6BuB,YAA7B,CAEA,IAAMC,SAAS,GAAGN,KAAK,KAAK,IAAV,IAAmBG,QAAQ,KAAKV,IAAb,IAAqBQ,SAAxC,GAAqDD,KAArD,GAA6DK,YAAY,IAAIL,KAA/F,CACA,IAAMO,UAAU,GAAGvC,qBAAqB,CAACwC,iBAAtB,CAAwCF,SAAxC,IACfG,IAAI,CAACC,GAAL,CAASN,MAAM,GAAGE,SAAS,CAAEK,QAAX,GAAsBP,MAAxC,EAAgD,CAAhD,CADe,GAEfA,MAFJ,CAIA,IAAMQ,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAA0C,CAC9D,IAAIC,QAAQ,CAACC,aAAT,IAA0BD,QAAQ,CAACC,aAAT,CAAuBhC,QAAvB,CAAgC8B,CAAC,CAACG,aAAlC,CAA9B,EAAgF,CAC9Ed,qBAAqB,CAACT,IAAD,EAAOoB,CAAP,CAArB,CACD,CACF,CAJD,CAMA,oBACE,8BAAM,GAAG,EAAErB,KAAX,EAAkB,iBAAc,EAAhC,EAAmC,SAAS,EAAEoB,aAA9C,IACGN,SADH,eAEE,8BAAM,SAAS,EAAElC,MAAM,CAAC0B,IAAP,CAAY,KAAKX,KAAjB,CAAjB,IACGT,KAAK,CAAC6B,UAAD,CAAL,CACEU,IADF,CACO,EADP,EAEE1B,GAFF,CAEM,UAAC2B,CAAD,EAAIC,CAAJ,uBACH,oBAAC,eAAD,IAAiB,GAAG,EAAEA,CAAtB,GADG,EAFN,CADH,CAFF,CADF,CAYD,CA9EH,4BAAuCrD,KAAK,CAACsD,SAA7C","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"]}

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

@@ -3,7 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      cursor: text;\n\n      & ::selection {\n        background: ", ";\n      }\n      & ::-moz-selection {\n        background: ", ";\n      }\n    "])), t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedBgColor);
   },
@@ -14,7 +14,6 @@ var styles = {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.dateInputMaskColor);
   },
   delimiterFilled: function delimiterFilled() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: inherit !important;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: inherit;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["DateFragmentsView.styles.ts"],"names":["css","memoizeStyle","styles","root","t","dateInputComponentSelectedBgColor","selected","mask","dateInputMaskColor","delimiterFilled","jsStyles"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;AAIkBI,IAAAA,CAAC,CAACC,iCAJpB;;;AAOkBD,IAAAA,CAAC,CAACC,iCAPpB;;;AAUD,GAZY;;AAcbC,EAAAA,QAda,oBAcJF,CAdI,EAcM;AACjB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACC,iCADpB;AAEsBD,IAAAA,CAAC,CAACC,iCAFxB;;AAID,GAnBY;;AAqBbE,EAAAA,IArBa,gBAqBRH,CArBQ,EAqBE;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACI,kBADb;;AAGD,GAzBY;;AA2BbC,EAAAA,eA3Ba,6BA2BK;AAChB,WAAOT,GAAP;;;AAGD,GA/BY,EAAf;;;AAkCA,OAAO,IAAMU,QAAQ,GAAGT,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      cursor: text;\r\n\r\n      & ::selection {\r\n        background: ${t.dateInputComponentSelectedBgColor};\r\n      }\r\n      & ::-moz-selection {\r\n        background: ${t.dateInputComponentSelectedBgColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  selected(t: Theme) {\r\n    return css`\r\n      border-color: ${t.dateInputComponentSelectedBgColor};\r\n      background-color: ${t.dateInputComponentSelectedBgColor};\r\n    `;\r\n  },\r\n\r\n  mask(t: Theme) {\r\n    return css`\r\n      color: ${t.dateInputMaskColor};\r\n    `;\r\n  },\r\n\r\n  delimiterFilled() {\r\n    return css`\r\n      color: inherit !important;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["DateFragmentsView.styles.ts"],"names":["css","memoizeStyle","styles","root","t","dateInputComponentSelectedBgColor","selected","mask","dateInputMaskColor","delimiterFilled"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;;;;AAIkBI,IAAAA,CAAC,CAACC,iCAJpB;;;AAOkBD,IAAAA,CAAC,CAACC,iCAPpB;;;AAUD,GAZgC;;AAcjCC,EAAAA,QAdiC,oBAcxBF,CAdwB,EAcd;AACjB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACC,iCADpB;AAEsBD,IAAAA,CAAC,CAACC,iCAFxB;;AAID,GAnBgC;;AAqBjCE,EAAAA,IArBiC,gBAqB5BH,CArB4B,EAqBlB;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACI,kBADb;;AAGD,GAzBgC;;AA2BjCC,EAAAA,eA3BiC,6BA2Bf;AAChB,WAAOT,GAAP;;;AAGD,GA/BgC,EAAD,CAA3B","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"]}

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

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

package/components/DateInput/DateInput/DateInput.js

@@ -4,7 +4,6 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _class2, _temp;
 
 import React from 'react';
-import cn from 'classnames';
 import { ConditionalHandler } from "../../../lib/ConditionalHandler";
 import { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from "../../../lib/date/constants";
 import { InternalDateComponentType } from "../../../lib/date/types";
@@ -14,11 +13,13 @@ import { locale } from "../../../lib/locale/decorators";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CalendarIcon } from "../../../internal/icons/16px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { DateFragmentsView } from "../DateFragmentsView";
-import { jsStyles } from "../DateInput.styles";
+import { styles } from "../DateInput.styles";
 import { Actions, extractAction } from "../helpers/DateInputKeyboardActions";
 import { InternalDateMediator } from "../helpers/InternalDateMediator";
-export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), rootNode(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DateInput, _React$Component);
 
   function DateInput(props) {
@@ -31,9 +32,7 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _de
     _this.isMouseDown = false;
     _this.isMouseFocus = false;
     _this.ignoringDelimiter = false;
-    _this.locale = void 0;
     _this.blurEvent = null;
-    _this.theme = void 0;
     _this.conditionalHandler = new ConditionalHandler().add(Actions.MoveSelectionLeft, function () {
       return _this.shiftSelection(-1);
     }).add(Actions.MoveSelectionRight, function () {
@@ -90,10 +89,10 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _de
           disabled = _this$props$disabled === void 0 ? false : _this$props$disabled;
 
       if (withIcon) {
-        var _cn;
+        var _cx;
 
         var theme = _this.theme;
-        var iconStyles = cn((_cn = {}, _cn[jsStyles.icon(theme)] = true, _cn[jsStyles.iconSmall(theme)] = size === 'small', _cn[jsStyles.iconMedium(theme)] = size === 'medium', _cn[jsStyles.iconLarge(theme)] = size === 'large', _cn[jsStyles.iconDisabled(theme)] = disabled, _cn));
+        var iconStyles = cx((_cx = {}, _cx[styles.icon(theme)] = true, _cx[styles.iconSmall(theme)] = size === 'small', _cx[styles.iconMedium(theme)] = size === 'medium', _cx[styles.iconLarge(theme)] = size === 'large', _cx[styles.iconDisabled(theme)] = disabled, _cx));
         return /*#__PURE__*/React.createElement("span", {
           className: iconStyles
         }, /*#__PURE__*/React.createElement(CalendarIcon, null));
@@ -411,13 +410,17 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _de
   };
 
   _proto.renderMain = function renderMain() {
+    var _cx2;
+
     var _this$state2 = this.state,
         focused = _this$state2.focused,
         selected = _this$state2.selected,
         inputMode = _this$state2.inputMode,
         valueFormatted = _this$state2.valueFormatted;
-    var fragments = focused || valueFormatted !== '' ? this.iDateMediator.getFragments() : [];
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(InputLikeText, {
+    var showValue = Boolean(focused || valueFormatted);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(InputLikeText, {
       width: this.props.width,
       ref: this.inputLikeTextRef,
       size: this.props.size,
@@ -426,6 +429,7 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _de
       warning: this.props.warning,
       onBlur: this.handleBlur,
       onFocus: this.handleFocus,
+      onClick: this.props.onClick,
       onKeyDown: this.handleKeyDown,
       onMouseDownCapture: this.handleMouseDownCapture,
       onPaste: this.handlePaste,
@@ -433,14 +437,18 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _de
       onDoubleClickCapture: this.handleDoubleClick,
       onMouseDragStart: this.handleMouseDragStart,
       onMouseDragEnd: this.handleMouseDragEnd,
-      value: this.iDateMediator.getInternalString()
+      value: this.iDateMediator.getInternalString(),
+      inputMode: 'numeric',
+      takeContentWidth: true
+    }, /*#__PURE__*/React.createElement("span", {
+      className: cx(styles.value(), (_cx2 = {}, _cx2[styles.valueVisible()] = showValue, _cx2))
     }, /*#__PURE__*/React.createElement(DateFragmentsView, {
       ref: this.dateFragmentsViewRef,
-      fragments: fragments,
+      fragments: this.iDateMediator.getFragments(),
       onSelectDateComponent: this.handleSelectDateComponent,
       selected: selected,
       inputMode: inputMode
-    })));
+    }))));
   };
 
   return DateInput;
@@ -450,4 +458,4 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), _de
   maxDate: MAX_FULLDATE,
   size: 'small',
   width: 125
-}, _temp)) || _class);
+}, _temp)) || _class) || _class);