@skbkontur/react-ui 0.0.0-b203c99d11 → 0.0.0-bb4cbfe9c6

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

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInputKeyboardActions.tsx"],"names":["CURRENCY_INPUT_ACTIONS","Unknown","Ignore","MoveCursorLeft","MoveCursorRight","Home","End","ExtendSelectionLeft","ExtendSelectionRight","FullSelection","ExtendSelectionToStart","ExtendSelectionToEnd","Backspace","Delete","Submit","extractAction","KeyboardActionExctracterBuilder","add","Keyboard","isKeyEnter","isModShift","isKeyArrowLeft","isKeyArrowRight","isShortcutSelectAll","isKeyHome","isKeyEnd","isUnmodified","isKeyBackspace","isKeyDelete","e","isModified","isKeyTab","build"],"mappings":"8LAAA;AACA;;AAEO,IAAMA,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,C;;;AAoBA,IAAMC,aAAa,GAAG,IAAIC,sDAAJ;AAC1BC,GAD0B,CACtBjB,sBAAsB,CAACc,MADD,EACSI,QAAQ,CAACC,UADlB;AAE1BF,GAF0B,CAEtBjB,sBAAsB,CAACO,mBAFD,EAEsBW,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACG,cAA7B,CAFtB;AAG1BJ,GAH0B,CAGtBjB,sBAAsB,CAACQ,oBAHD,EAGuBU,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACI,eAA7B,CAHvB;AAI1BL,GAJ0B,CAItBjB,sBAAsB,CAACS,aAJD,EAIgBS,QAAQ,CAACK,mBAJzB;AAK1BN,GAL0B,CAKtBjB,sBAAsB,CAACU,sBALD,EAKyBQ,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACM,SAA7B,CALzB;AAM1BP,GAN0B,CAMtBjB,sBAAsB,CAACW,oBAND,EAMuBO,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACO,QAA7B,CANvB;AAO1BR,GAP0B,CAOtBjB,sBAAsB,CAACG,cAPD,EAOiBe,QAAQ,CAACG,cAP1B;AAQ1BJ,GAR0B,CAQtBjB,sBAAsB,CAACI,eARD,EAQkBc,QAAQ,CAACI,eAR3B;AAS1BL,GAT0B,CAStBjB,sBAAsB,CAACK,IATD,EASOa,QAAQ,CAACQ,YAAT,CAAsBR,QAAQ,CAACM,SAA/B,CATP;AAU1BP,GAV0B,CAUtBjB,sBAAsB,CAACM,GAVD,EAUMY,QAAQ,CAACQ,YAAT,CAAsBR,QAAQ,CAACO,QAA/B,CAVN;AAW1BR,GAX0B,CAWtBjB,sBAAsB,CAACY,SAXD,EAWYM,QAAQ,CAACS,cAXrB;AAY1BV,GAZ0B,CAYtBjB,sBAAsB,CAACa,MAZD,EAYSK,QAAQ,CAACU,WAZlB;AAa1BX,GAb0B,CAatBjB,sBAAsB,CAACE,MAbD,EAaS,UAAA2B,CAAC,UAAIX,QAAQ,CAACY,UAAT,GAAsBD,CAAtB,KAA4BX,QAAQ,CAACa,QAAT,CAAkBF,CAAlB,CAAhC,EAbV;AAc1BG,KAd0B,CAcpBhC,sBAAsB,CAACC,OAdH,CAAtB,C","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":["CURRENCY_INPUT_ACTIONS","Unknown","Ignore","MoveCursorLeft","MoveCursorRight","Home","End","ExtendSelectionLeft","ExtendSelectionRight","FullSelection","ExtendSelectionToStart","ExtendSelectionToEnd","Backspace","Delete","Submit","extractAction","KeyboardActionExctracterBuilder","add","Keyboard","isKeyEnter","isModShift","isKeyArrowLeft","isKeyArrowRight","isShortcutSelectAll","isKeyHome","isKeyEnd","isUnmodified","isKeyBackspace","isKeyDelete","e","isModified","isKeyTab","build"],"mappings":"uGAAA;AACA,wE;;AAEO,IAAMA,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,C;;;AAoBA,IAAMC,aAAa,GAAG,IAAIC,sDAAJ;AAC1BC,GAD0B,CACtBjB,sBAAsB,CAACc,MADD,EACSI,QAAQ,CAACC,UADlB;AAE1BF,GAF0B,CAEtBjB,sBAAsB,CAACO,mBAFD,EAEsBW,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACG,cAA7B,CAFtB;AAG1BJ,GAH0B,CAGtBjB,sBAAsB,CAACQ,oBAHD,EAGuBU,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACI,eAA7B,CAHvB;AAI1BL,GAJ0B,CAItBjB,sBAAsB,CAACS,aAJD,EAIgBS,QAAQ,CAACK,mBAJzB;AAK1BN,GAL0B,CAKtBjB,sBAAsB,CAACU,sBALD,EAKyBQ,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACM,SAA7B,CALzB;AAM1BP,GAN0B,CAMtBjB,sBAAsB,CAACW,oBAND,EAMuBO,QAAQ,CAACE,UAAT,CAAoBF,QAAQ,CAACO,QAA7B,CANvB;AAO1BR,GAP0B,CAOtBjB,sBAAsB,CAACG,cAPD,EAOiBe,QAAQ,CAACG,cAP1B;AAQ1BJ,GAR0B,CAQtBjB,sBAAsB,CAACI,eARD,EAQkBc,QAAQ,CAACI,eAR3B;AAS1BL,GAT0B,CAStBjB,sBAAsB,CAACK,IATD,EASOa,QAAQ,CAACQ,YAAT,CAAsBR,QAAQ,CAACM,SAA/B,CATP;AAU1BP,GAV0B,CAUtBjB,sBAAsB,CAACM,GAVD,EAUMY,QAAQ,CAACQ,YAAT,CAAsBR,QAAQ,CAACO,QAA/B,CAVN;AAW1BR,GAX0B,CAWtBjB,sBAAsB,CAACY,SAXD,EAWYM,QAAQ,CAACS,cAXrB;AAY1BV,GAZ0B,CAYtBjB,sBAAsB,CAACa,MAZD,EAYSK,QAAQ,CAACU,WAZlB;AAa1BX,GAb0B,CAatBjB,sBAAsB,CAACE,MAbD,EAaS,UAAC2B,CAAD,UAAOX,QAAQ,CAACY,UAAT,GAAsBD,CAAtB,KAA4BX,QAAQ,CAACa,QAAT,CAAkBF,CAAlB,CAAnC,EAbT;AAc1BG,KAd0B,CAcpBhC,sBAAsB,CAACC,OAdH,CAAtB,C","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/cjs/components/CurrencyInput/CursorHelper.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.CursorHelper = void 0;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++] };};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}it = o[Symbol.iterator]();return it.next.bind(it);}function _unsupportedIterableToArray(o, minLen) {if (!o) return;if (typeof o === "string") return _arrayLikeToArray(o, minLen);var n = Object.prototype.toString.call(o).slice(8, -1);if (n === "Object" && o.constructor) n = o.constructor.name;if (n === "Map" || n === "Set") return Array.from(o);if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);}function _arrayLikeToArray(arr, len) {if (len == null || len > arr.length) len = arr.length;for (var i = 0, arr2 = new Array(len); i < len; i++) {arr2[i] = arr[i];}return arr2;}var
+"use strict";exports.__esModule = true;exports.CursorHelper = void 0;function _createForOfIteratorHelperLoose(o, allowArrayLike) {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 };return { done: false, value: o[i++] };};}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) {if (!o) return;if (typeof o === "string") return _arrayLikeToArray(o, minLen);var n = Object.prototype.toString.call(o).slice(8, -1);if (n === "Object" && o.constructor) n = o.constructor.name;if (n === "Map" || n === "Set") return Array.from(o);if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);}function _arrayLikeToArray(arr, len) {if (len == null || len > arr.length) len = arr.length;for (var i = 0, arr2 = new Array(len); i < len; i++) {arr2[i] = arr[i];}return arr2;}var
 
 
 

package/cjs/components/CurrencyInput/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":["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';\n\nexport type CursorMap = number[];\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    selection = CursorHelper.normalizeSelection(map, selection);\n\n    selection =\n      selection.direction === 'backward'\n        ? {\n            start: CursorHelper.calculatePosition(map, selection.start, step),\n            end: selection.end,\n            direction: 'backward',\n          }\n        : {\n            start: selection.start,\n            end: CursorHelper.calculatePosition(map, selection.end, step),\n            direction: 'forward',\n          };\n\n    return CursorHelper.normalizeSelection(map, selection);\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/SelectionHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SelectionHelper.tsx"],"names":["SelectionHelper","fromPosition","position","start","end","direction","backward","forward"],"mappings":";;;;;;;;AAQaA,e,2EAAAA,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":";;;;;;;;AAQaA,e,2EAAAA,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/cjs/components/CurrencyInput/constants.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.MAX_ALLOWED_CHARS = exports.MAX_SAFE_DIGITS = void 0; // https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15
+"use strict";exports.__esModule = true;exports.MAX_SAFE_DIGITS = exports.MAX_ALLOWED_CHARS = void 0; // https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15
 var MAX_SAFE_DIGITS = 15;
 
 // + десятичный разделитель

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\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":"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"]}

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

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

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

@@ -19,8 +19,6 @@ export declare const CurrencyLabel: {
         fractionDigits: number;
     };
     propTypes: {
-        fractionDigits: (props: CurrencyLabelProps & {
-            fractionDigits: number;
-        }) => Error | null;
+        fractionDigits: (props: CurrencyLabelProps & typeof defaultProps) => Error | null;
     };
 };

package/cjs/components/CurrencyLabel/CurrencyLabel.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CurrencyLabel = exports.defaultProps = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.defaultProps = exports.CurrencyLabel = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _constants = require("../CurrencyInput/constants");
 var _CurrencyHelper = require("../CurrencyInput/CurrencyHelper");
@@ -18,8 +18,8 @@ var defaultProps = {
   fractionDigits: 2 };exports.defaultProps = defaultProps;
 
 
-var CurrencyLabel = function CurrencyLabel(props) {var
-  value = props.value,fractionDigits = props.fractionDigits,currencySymbol = props.currencySymbol;
+var CurrencyLabel = function CurrencyLabel(props) {
+  var value = props.value,fractionDigits = props.fractionDigits,currencySymbol = props.currencySymbol;
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
     _react.default.createElement("span", null,
@@ -42,9 +42,9 @@ CurrencyLabel.propTypes = {
       "[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;
+    var _ref = _CurrencyHelper.CurrencyHelper.destructString(String(props.value)) || { fraction: '' },fraction = _ref.fraction;
     if (fraction.length > props.fractionDigits) {
       return new Error(
       "[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property," + "'value' will not be cutted");

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

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyLabel.tsx"],"names":["defaultProps","fractionDigits","CurrencyLabel","props","value","currencySymbol","CurrencyHelper","format","String","fromCharCode","__KONTUR_REACT_UI__","propTypes","MAX_SAFE_DIGITS","Error","destructString","fraction","length","Number","isInteger"],"mappings":"kLAAA;;AAEA;AACA;AACA;;;;;;;;;;;;AAYO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,CADU,EAArB,C;;;AAIA,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,iCAAC,4BAAD,EAAmBF,KAAnB;AACE;AACGG,mCAAeC,MAAf,CAAsBH,KAAtB,EAA6B,EAAEH,cAAc,EAAdA,cAAF,EAA7B,CADH;AAEGI,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,CAACF,YAAd,GAA6BA,YAA7B;;AAEAE,aAAa,CAACS,SAAd,GAA0B;AACxBV,EAAAA,cAAc,EAAE,wBAACE,KAAD,EAAqD;AACnE,QAAIA,KAAK,CAACF,cAAN,GAAuBW,0BAA3B,EAA4C;AAC1C,aAAO,IAAIC,KAAJ;AACL,0DAAkDD,0BAAlD,4EADK,CAAP;;;AAID,KANkE;;AAQ9CN,mCAAeQ,cAAf,CAA8BN,MAAM,CAACL,KAAK,CAACC,KAAP,CAApC,KAAsD,EAAEW,QAAQ,EAAE,EAAZ,EARR,CAQ3DA,QAR2D,QAQ3DA,QAR2D;AASnE,QAAIA,QAAQ,CAACC,MAAT,GAAkBb,KAAK,CAACF,cAA5B,EAA4C;AAC1C,aAAO,IAAIY,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBf,KAAK,CAACF,cAAvB,CAAL,EAA6C;AAC3C,aAAO,IAAIY,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":["defaultProps","fractionDigits","CurrencyLabel","props","value","currencySymbol","CurrencyHelper","format","String","fromCharCode","__KONTUR_REACT_UI__","propTypes","MAX_SAFE_DIGITS","Error","destructString","fraction","length","Number","isInteger"],"mappings":"kLAAA;;AAEA;AACA;AACA;;;;;;;;;;;;AAYO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,CADU,EAArB,C;;;AAIA,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,iCAAC,4BAAD,EAAmBF,KAAnB;AACE;AACGG,mCAAeC,MAAf,CAAsBH,KAAtB,EAA6B,EAAEH,cAAc,EAAdA,cAAF,EAA7B,CADH;AAEGI,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,CAACF,YAAd,GAA6BA,YAA7B;;AAEAE,aAAa,CAACS,SAAd,GAA0B;AACxBV,EAAAA,cAAc,EAAE,wBAACE,KAAD,EAAqD;AACnE,QAAIA,KAAK,CAACF,cAAN,GAAuBW,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,CAACF,cAA5B,EAA4C;AAC1C,aAAO,IAAIY,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBf,KAAK,CAACF,cAAvB,CAAL,EAA6C;AAC3C,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\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/cjs/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/cjs/components/CurrencyLabel/index.js.map

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

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

@@ -9,7 +9,7 @@ interface DateFragmentViewProps {
 export declare class DateFragmentsView extends React.Component<DateFragmentViewProps, {}> {
     private theme;
     private rootNode;
-    isFragment: (el: EventTarget | HTMLElement) => boolean;
+    isFragment: (el: HTMLElement | EventTarget) => boolean;
     getRootNode: () => HTMLSpanElement | null;
     render(): JSX.Element;
     private renderMain;

package/cjs/components/DateInput/DateFragmentsView.js

@@ -1,11 +1,11 @@
 "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"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 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 _DateFragmentsView = require("./DateFragmentsView.styles");var
 
@@ -17,7 +17,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.
-    theme = void 0;_this.
+
     rootNode = null;_this.
 
     isFragment = function (el) {
@@ -98,4 +98,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.jsStyles.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 _cn;var separatorClassName = (0, _classnames.default)((_cn = {}, _cn[_DateFragmentsView.jsStyles.mask(this.theme)] = true, _cn[_DateFragmentsView.jsStyles.delimiterFilled()] = this.props.fragments[index + 1].value !== null, _cn));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.jsStyles.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(_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;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateFragmentsView.tsx"],"names":["DateFragmentsView","theme","rootNode","isFragment","el","fragments","Array","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","render","renderMain","jsStyles","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';\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":["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"]}

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

@@ -1,6 +1,7 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    selected(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    mask(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    selected(t: Theme): string;
+    mask(t: Theme): string;
     delimiterFilled(): string;
 };

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

@@ -1,9 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      background-color: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: text;\n\n      & ::selection {\n        background: ", ";\n      }\n      & ::-moz-selection {\n        background: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"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;
 
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    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    "])),
 
 
 
@@ -16,23 +16,20 @@ var styles = {
   },
 
   selected: function selected(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    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(),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.dateInputMaskColor);
 
   },
 
   delimiterFilled: function delimiterFilled() {
-    return (0, _Emotion.css)(_templateObject4());
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n    "])));
 
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;AAIkBD,IAAAA,CAAC,CAACE,iCAJpB;;;AAOkBF,IAAAA,CAAC,CAACE,iCAPpB;;;AAUD,GAZY;;AAcbC,EAAAA,QAda,oBAcJH,CAdI,EAcM;AACjB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACE,iCADpB;AAEsBF,IAAAA,CAAC,CAACE,iCAFxB;;AAID,GAnBY;;AAqBbE,EAAAA,IArBa,gBAqBRJ,CArBQ,EAqBE;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACK,kBADb;;AAGD,GAzBY;;AA2BbC,EAAAA,eA3Ba,6BA2BK;AAChB,eAAOL,YAAP;;;AAGD,GA/BY,EAAf;;;AAkCO,IAAMM,QAAQ,GAAG,2BAAaT,MAAb,CAAjB,C","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":["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"]}

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

@@ -11,7 +11,13 @@ export interface DateInputState {
 export interface DateInputProps extends CommonProps {
     autoFocus?: boolean;
     value: string;
+    /**
+     * Cостояние валидации при ошибке.
+     */
     error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
     warning?: boolean;
     disabled?: boolean;
     /**
@@ -36,6 +42,7 @@ export interface DateInputProps extends CommonProps {
      */
     size: 'small' | 'large' | 'medium';
     onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
+    onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
     onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
     /**
      * Вызывается при изменении `value`
@@ -63,6 +70,7 @@ export declare class DateInput extends React.Component<DateInputProps, DateInput
     private locale;
     private blurEvent;
     private theme;
+    private setRootNode;
     private conditionalHandler;
     constructor(props: DateInputProps);
     componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState): void;

package/cjs/components/DateInput/DateInput.js

@@ -1,5 +1,4 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DateInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 var _ConditionalHandler = require("../../lib/ConditionalHandler");
 var _constants = require("../../lib/date/constants");
@@ -11,6 +10,8 @@ var _decorators = require("../../lib/locale/decorators");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
 
 var _DateFragmentsView = require("./DateFragmentsView");
 var _DateInput = require("./DateInput.styles");
@@ -64,7 +65,16 @@ var _InternalDateMediator = require("./helpers/InternalDateMediator");var _dec,
 
 
 
-DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateInput, _React$Component);
+
+
+
+
+
+
+
+
+DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateInput, _React$Component);
+
 
 
 
@@ -100,7 +110,7 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
 
   function DateInput(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.iDateMediator = new _InternalDateMediator.InternalDateMediator();_this.inputLikeText = null;_this.dateFragmentsView = null;_this.isMouseDown = false;_this.isMouseFocus = false;_this.ignoringDelimiter = false;_this.locale = void 0;_this.blurEvent = null;_this.theme = void 0;_this.conditionalHandler = new _ConditionalHandler.ConditionalHandler().add(_DateInputKeyboardActions.Actions.MoveSelectionLeft, function () {return _this.shiftSelection(-1);}).add(_DateInputKeyboardActions.Actions.MoveSelectionRight, function () {return _this.shiftSelection(1);}).add(_DateInputKeyboardActions.Actions.Separator, function () {return _this.pressDelimiter();}).add(_DateInputKeyboardActions.Actions.MoveSelectionFirst, function () {return _this.selectDateComponent(_this.iDateMediator.getLeftmostType());}).add(_DateInputKeyboardActions.Actions.MoveSelectionLast, function () {return _this.selectDateComponent(_this.iDateMediator.getRightmostType());}).add(_DateInputKeyboardActions.Actions.Increment, function () {return _this.shiftDateComponent(1);}).add(_DateInputKeyboardActions.Actions.Decrement, function () {return _this.shiftDateComponent(-1);}).add(_DateInputKeyboardActions.Actions.Digit, function (e) {return _this.inputValue(e);}).add(_DateInputKeyboardActions.Actions.ClearSelection, function () {return _this.clearSelected();}).add(_DateInputKeyboardActions.Actions.ClearOneChar, function () {return _this.clearOneChar();}).add(_DateInputKeyboardActions.Actions.FullSelection, function () {return _this.fullSelection();}).add(_DateInputKeyboardActions.Actions.WrongInput, function () {return _this.blink();}).build();_this.
+    _this = _React$Component.call(this, props) || this;_this.iDateMediator = new _InternalDateMediator.InternalDateMediator();_this.inputLikeText = null;_this.dateFragmentsView = null;_this.isMouseDown = false;_this.isMouseFocus = false;_this.ignoringDelimiter = false;_this.blurEvent = null;_this.conditionalHandler = new _ConditionalHandler.ConditionalHandler().add(_DateInputKeyboardActions.Actions.MoveSelectionLeft, function () {return _this.shiftSelection(-1);}).add(_DateInputKeyboardActions.Actions.MoveSelectionRight, function () {return _this.shiftSelection(1);}).add(_DateInputKeyboardActions.Actions.Separator, function () {return _this.pressDelimiter();}).add(_DateInputKeyboardActions.Actions.MoveSelectionFirst, function () {return _this.selectDateComponent(_this.iDateMediator.getLeftmostType());}).add(_DateInputKeyboardActions.Actions.MoveSelectionLast, function () {return _this.selectDateComponent(_this.iDateMediator.getRightmostType());}).add(_DateInputKeyboardActions.Actions.Increment, function () {return _this.shiftDateComponent(1);}).add(_DateInputKeyboardActions.Actions.Decrement, function () {return _this.shiftDateComponent(-1);}).add(_DateInputKeyboardActions.Actions.Digit, function (e) {return _this.inputValue(e);}).add(_DateInputKeyboardActions.Actions.ClearSelection, function () {return _this.clearSelected();}).add(_DateInputKeyboardActions.Actions.ClearOneChar, function () {return _this.clearOneChar();}).add(_DateInputKeyboardActions.Actions.FullSelection, function () {return _this.fullSelection();}).add(_DateInputKeyboardActions.Actions.WrongInput, function () {return _this.blink();}).build();_this.
 
 
 
@@ -211,17 +221,22 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
 
 
-    renderIcon = function () {var _this$props =
-      _this.props,withIcon = _this$props.withIcon,size = _this$props.size,_this$props$disabled = _this$props.disabled,disabled = _this$props$disabled === void 0 ? false : _this$props$disabled;
 
-      if (withIcon) {var _cn;
+
+
+
+
+    renderIcon = function () {
+      var _this$props = _this.props,withIcon = _this$props.withIcon,size = _this$props.size,_this$props$disabled = _this$props.disabled,disabled = _this$props$disabled === void 0 ? false : _this$props$disabled;
+
+      if (withIcon) {var _cx;
         var theme = _this.theme;
-        var iconStyles = (0, _classnames.default)((_cn = {}, _cn[
-        _DateInput.jsStyles.icon(theme)] = true, _cn[
-        _DateInput.jsStyles.iconSmall(theme)] = size === 'small', _cn[
-        _DateInput.jsStyles.iconMedium(theme)] = size === 'medium', _cn[
-        _DateInput.jsStyles.iconLarge(theme)] = size === 'large', _cn[
-        _DateInput.jsStyles.iconDisabled(theme)] = disabled, _cn));
+        var iconStyles = (0, _Emotion.cx)((_cx = {}, _cx[
+        _DateInput.styles.icon(theme)] = true, _cx[
+        _DateInput.styles.iconSmall(theme)] = size === 'small', _cx[
+        _DateInput.styles.iconMedium(theme)] = size === 'medium', _cx[
+        _DateInput.styles.iconLarge(theme)] = size === 'large', _cx[
+        _DateInput.styles.iconDisabled(theme)] = disabled, _cx));
 
         return /*#__PURE__*/(
           _react.default.createElement("span", { className: iconStyles }, /*#__PURE__*/
@@ -371,8 +386,8 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
     };_this.
 
-    clearOneChar = function () {var _this$state =
-      _this.state,selected = _this$state.selected,inputMode = _this$state.inputMode;
+    clearOneChar = function () {
+      var _this$state = _this.state,selected = _this$state.selected,inputMode = _this$state.inputMode;
       var nextType = selected === null ? _this.iDateMediator.getRightmostType() : selected;
       if (_this.iDateMediator.isNull(nextType)) {
         _this.shiftSelection(-1);
@@ -390,8 +405,8 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
 
     };_this.
 
-    shiftDateComponent = function (step) {var
-      selected = _this.state.selected;
+    shiftDateComponent = function (step) {
+      var selected = _this.state.selected;
       var changed = _this.iDateMediator.shiftDateComponent(selected, step);
       if (!changed) {
         _this.blink();
@@ -424,4 +439,4 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
         _this.shiftSelection(1);
       }
       _this.updateValue({ inputMode: inputMode });
-    };_this.state = { valueFormatted: '', selected: null, inputMode: false, focused: false, dragged: false };return _this;}var _proto = DateInput.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevProps.value !== this.props.value || prevProps.minDate !== this.props.minDate || prevProps.maxDate !== this.props.maxDate || this.iDateMediator.isChangedLocale(this.locale)) {this.updateFromProps();}this.selectNode();};_proto.componentDidMount = function componentDidMount() {this.updateFromProps();if (this.props.autoFocus) {this.focus();}};_proto.blur = function blur() {if (this.inputLikeText) {this.inputLikeText.blur();}};_proto.focus = function focus() {if (this.inputLikeText) {this.inputLikeText.focus();}};_proto.blink = function blink() {if (this.inputLikeText) {this.inputLikeText.blink();}};_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 _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.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { width: this.props.width, ref: this.inputLikeTextRef, size: this.props.size, disabled: this.props.disabled, error: this.props.error, warning: this.props.warning, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onMouseDownCapture: this.handleMouseDownCapture, onPaste: this.handlePaste, rightIcon: this.renderIcon(), onDoubleClickCapture: this.handleDoubleClick, onMouseDragStart: this.handleMouseDragStart, onMouseDragEnd: this.handleMouseDragEnd, value: this.iDateMediator.getInternalString() }, /*#__PURE__*/_react.default.createElement(_DateFragmentsView.DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: fragments, onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode })));};return DateInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DateInput', _class2.defaultProps = { value: '', minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, size: 'small', width: 125 }, _temp)) || _class);exports.DateInput = DateInput;
+    };_this.state = { valueFormatted: '', selected: null, inputMode: false, focused: false, dragged: false };return _this;}var _proto = DateInput.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (prevProps.value !== this.props.value || prevProps.minDate !== this.props.minDate || prevProps.maxDate !== this.props.maxDate || this.iDateMediator.isChangedLocale(this.locale)) {this.updateFromProps();}this.selectNode();};_proto.componentDidMount = function componentDidMount() {this.updateFromProps();if (this.props.autoFocus) {this.focus();}};_proto.blur = function blur() {if (this.inputLikeText) {this.inputLikeText.blur();}};_proto.focus = function focus() {if (this.inputLikeText) {this.inputLikeText.focus();}};_proto.blink = function blink() {if (this.inputLikeText) {this.inputLikeText.blink();}};_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 _cx2;var _this$state2 = this.state,focused = _this$state2.focused,selected = _this$state2.selected,inputMode = _this$state2.inputMode,valueFormatted = _this$state2.valueFormatted;var showValue = Boolean(focused || valueFormatted);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { width: this.props.width, ref: this.inputLikeTextRef, size: this.props.size, disabled: this.props.disabled, error: this.props.error, warning: this.props.warning, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.props.onClick, onKeyDown: this.handleKeyDown, onMouseDownCapture: this.handleMouseDownCapture, onPaste: this.handlePaste, rightIcon: this.renderIcon(), onDoubleClickCapture: this.handleDoubleClick, onMouseDragStart: this.handleMouseDragStart, onMouseDragEnd: this.handleMouseDragEnd, value: this.iDateMediator.getInternalString(), inputMode: 'numeric', takeContentWidth: true }, /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_DateInput.styles.value(), (_cx2 = {}, _cx2[_DateInput.styles.valueVisible()] = showValue, _cx2)) }, /*#__PURE__*/_react.default.createElement(_DateFragmentsView.DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: this.iDateMediator.getFragments(), onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode }))));};return DateInput;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DateInput', _class2.defaultProps = { value: '', minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, size: 'small', width: 125 }, _temp)) || _class) || _class);exports.DateInput = DateInput;