@skbkontur/react-ui 3.7.2 → 3.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/CHANGELOG.md +60 -2
  2. package/README.md +1 -1
  3. package/cjs/components/Checkbox/Checkbox.styles.js +1 -2
  4. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  5. package/cjs/components/CurrencyLabel/CurrencyLabel.js +5 -14
  6. package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
  7. package/cjs/components/DateInput/DateInput.js +2 -1
  8. package/cjs/components/DateInput/DateInput.js.map +1 -1
  9. package/cjs/components/DatePicker/DatePicker.d.ts +3 -2
  10. package/cjs/components/DatePicker/DatePicker.js +12 -5
  11. package/cjs/components/DatePicker/DatePicker.js.map +1 -1
  12. package/cjs/components/Dropdown/Dropdown.d.ts +1 -0
  13. package/cjs/components/Dropdown/Dropdown.js +1 -0
  14. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  15. package/cjs/components/Dropdown/Dropdown.md +0 -1
  16. package/cjs/components/DropdownMenu/DropdownMenu.d.ts +17 -3
  17. package/cjs/components/DropdownMenu/DropdownMenu.js +15 -1
  18. package/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
  19. package/cjs/components/DropdownMenu/DropdownMenu.md +87 -6
  20. package/cjs/components/Kebab/Kebab.d.ts +5 -2
  21. package/cjs/components/Kebab/Kebab.js +5 -1
  22. package/cjs/components/Kebab/Kebab.js.map +1 -1
  23. package/cjs/components/Kebab/Kebab.md +249 -3
  24. package/cjs/components/MenuHeader/MenuHeader.d.ts +5 -1
  25. package/cjs/components/MenuHeader/MenuHeader.js +5 -1
  26. package/cjs/components/MenuHeader/MenuHeader.js.map +1 -1
  27. package/cjs/components/MenuHeader/MenuHeader.md +23 -0
  28. package/cjs/components/MenuItem/MenuItem.d.ts +10 -1
  29. package/cjs/components/MenuItem/MenuItem.js +11 -1
  30. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  31. package/cjs/components/MenuItem/MenuItem.md +106 -4
  32. package/cjs/components/MenuSeparator/MenuSeparator.d.ts +3 -1
  33. package/cjs/components/MenuSeparator/MenuSeparator.js +3 -1
  34. package/cjs/components/MenuSeparator/MenuSeparator.js.map +1 -1
  35. package/cjs/components/MenuSeparator/MenuSeparator.md +14 -0
  36. package/cjs/components/Modal/Modal.styles.d.ts +1 -0
  37. package/cjs/components/Modal/Modal.styles.js +22 -20
  38. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  39. package/cjs/components/Modal/ModalClose.js +23 -3
  40. package/cjs/components/Modal/ModalClose.js.map +1 -1
  41. package/cjs/components/Textarea/Textarea.d.ts +0 -2
  42. package/cjs/components/Textarea/Textarea.js +6 -3
  43. package/cjs/components/Textarea/Textarea.js.map +1 -1
  44. package/cjs/components/Toggle/Toggle.d.ts +47 -1
  45. package/cjs/components/Toggle/Toggle.js +52 -2
  46. package/cjs/components/Toggle/Toggle.js.map +1 -1
  47. package/cjs/components/Toggle/Toggle.md +83 -9
  48. package/cjs/components/Toggle/Toggle.styles.d.ts +3 -0
  49. package/cjs/components/Toggle/Toggle.styles.js +36 -23
  50. package/cjs/components/Toggle/Toggle.styles.js.map +1 -1
  51. package/cjs/components/TooltipMenu/TooltipMenu.d.ts +26 -8
  52. package/cjs/components/TooltipMenu/TooltipMenu.js +24 -6
  53. package/cjs/components/TooltipMenu/TooltipMenu.js.map +1 -1
  54. package/cjs/components/TooltipMenu/TooltipMenu.md +76 -8
  55. package/cjs/internal/CommonWrapper/CommonWrapper.d.ts +9 -1
  56. package/cjs/internal/CommonWrapper/CommonWrapper.js +8 -0
  57. package/cjs/internal/CommonWrapper/CommonWrapper.js.map +1 -1
  58. package/cjs/internal/CustomComboBox/ComboBoxView.js +2 -1
  59. package/cjs/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  60. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +3 -2
  61. package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
  62. package/cjs/internal/InputLikeText/InputLikeText.d.ts +1 -0
  63. package/cjs/internal/InputLikeText/InputLikeText.js +8 -3
  64. package/cjs/internal/InputLikeText/InputLikeText.js.map +1 -1
  65. package/cjs/internal/InputLikeText/InputLikeText.styles.d.ts +1 -1
  66. package/cjs/internal/InputLikeText/InputLikeText.styles.js +1 -1
  67. package/cjs/internal/InputLikeText/InputLikeText.styles.js.map +1 -1
  68. package/cjs/internal/RenderContainer/RenderContainer.js +2 -1
  69. package/cjs/internal/RenderContainer/RenderContainer.js.map +1 -1
  70. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  71. package/cjs/internal/themes/DefaultTheme.d.ts +3 -0
  72. package/cjs/internal/themes/DefaultTheme.js +11 -2
  73. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  74. package/cjs/lib/Upgrades.d.ts +2 -0
  75. package/cjs/lib/Upgrades.js +14 -0
  76. package/cjs/lib/Upgrades.js.map +1 -1
  77. package/cjs/lib/theming/Emotion.js +1 -1
  78. package/cjs/lib/theming/Emotion.js.map +1 -1
  79. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +1 -1
  80. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
  81. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +5 -11
  82. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
  83. package/components/DateInput/DateInput/DateInput.js +2 -1
  84. package/components/DateInput/DateInput/DateInput.js.map +1 -1
  85. package/components/DatePicker/DatePicker/DatePicker.js +12 -4
  86. package/components/DatePicker/DatePicker/DatePicker.js.map +1 -1
  87. package/components/DatePicker/DatePicker.d.ts +3 -2
  88. package/components/Dropdown/Dropdown/Dropdown.js +1 -0
  89. package/components/Dropdown/Dropdown/Dropdown.js.map +1 -1
  90. package/components/Dropdown/Dropdown.d.ts +1 -0
  91. package/components/Dropdown/Dropdown.md +0 -1
  92. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js +1 -1
  93. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map +1 -1
  94. package/components/DropdownMenu/DropdownMenu.d.ts +17 -3
  95. package/components/DropdownMenu/DropdownMenu.md +87 -6
  96. package/components/Kebab/Kebab/Kebab.js +2 -1
  97. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  98. package/components/Kebab/Kebab.d.ts +5 -2
  99. package/components/Kebab/Kebab.md +249 -3
  100. package/components/MenuHeader/MenuHeader/MenuHeader.js +5 -1
  101. package/components/MenuHeader/MenuHeader/MenuHeader.js.map +1 -1
  102. package/components/MenuHeader/MenuHeader.d.ts +5 -1
  103. package/components/MenuHeader/MenuHeader.md +23 -0
  104. package/components/MenuItem/MenuItem/MenuItem.js +4 -1
  105. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  106. package/components/MenuItem/MenuItem.d.ts +10 -1
  107. package/components/MenuItem/MenuItem.md +106 -4
  108. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js +3 -1
  109. package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map +1 -1
  110. package/components/MenuSeparator/MenuSeparator.d.ts +3 -1
  111. package/components/MenuSeparator/MenuSeparator.md +14 -0
  112. package/components/Modal/Modal.styles/Modal.styles.js +18 -15
  113. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  114. package/components/Modal/Modal.styles.d.ts +1 -0
  115. package/components/Modal/ModalClose/ModalClose.js +25 -2
  116. package/components/Modal/ModalClose/ModalClose.js.map +1 -1
  117. package/components/Textarea/Textarea/Textarea.js +1 -2
  118. package/components/Textarea/Textarea/Textarea.js.map +1 -1
  119. package/components/Textarea/Textarea.d.ts +0 -2
  120. package/components/Toggle/Toggle/Toggle.js +11 -5
  121. package/components/Toggle/Toggle/Toggle.js.map +1 -1
  122. package/components/Toggle/Toggle.d.ts +47 -1
  123. package/components/Toggle/Toggle.md +83 -9
  124. package/components/Toggle/Toggle.styles/Toggle.styles.js +21 -15
  125. package/components/Toggle/Toggle.styles/Toggle.styles.js.map +1 -1
  126. package/components/Toggle/Toggle.styles.d.ts +3 -0
  127. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js +9 -6
  128. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map +1 -1
  129. package/components/TooltipMenu/TooltipMenu.d.ts +26 -8
  130. package/components/TooltipMenu/TooltipMenu.md +76 -8
  131. package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map +1 -1
  132. package/internal/CommonWrapper/CommonWrapper.d.ts +9 -1
  133. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js +2 -1
  134. package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map +1 -1
  135. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +3 -2
  136. package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
  137. package/internal/InputLikeText/InputLikeText/InputLikeText.js +6 -3
  138. package/internal/InputLikeText/InputLikeText/InputLikeText.js.map +1 -1
  139. package/internal/InputLikeText/InputLikeText.d.ts +1 -0
  140. package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js +1 -1
  141. package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map +1 -1
  142. package/internal/InputLikeText/InputLikeText.styles.d.ts +1 -1
  143. package/internal/RenderContainer/RenderContainer/RenderContainer.js +2 -1
  144. package/internal/RenderContainer/RenderContainer/RenderContainer.js.map +1 -1
  145. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  146. package/internal/themes/DefaultTheme/DefaultTheme.js +16 -1
  147. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  148. package/internal/themes/DefaultTheme.d.ts +3 -0
  149. package/lib/Upgrades/Upgrades.js +13 -0
  150. package/lib/Upgrades/Upgrades.js.map +1 -1
  151. package/lib/Upgrades.d.ts +2 -0
  152. package/lib/theming/Emotion/Emotion.js +1 -1
  153. package/lib/theming/Emotion/Emotion.js.map +1 -1
  154. package/package.json +2 -2
  155. package/cjs/components/CurrencyLabel/CurrencyLabel.styles.d.ts +0 -4
  156. package/cjs/components/CurrencyLabel/CurrencyLabel.styles.js +0 -9
  157. package/cjs/components/CurrencyLabel/CurrencyLabel.styles.js.map +0 -1
  158. package/components/CurrencyLabel/CurrencyLabel.styles/CurrencyLabel.styles.js +0 -10
  159. package/components/CurrencyLabel/CurrencyLabel.styles/CurrencyLabel.styles.js.map +0 -1
  160. package/components/CurrencyLabel/CurrencyLabel.styles/package.json +0 -6
  161. package/components/CurrencyLabel/CurrencyLabel.styles.d.ts +0 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,64 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.8.3](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@3.8.2...@skbkontur/react-ui@3.8.3) (2021-11-02)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ComboBox:** render placeholder instead of empty string values ([#2601](https://github.com/skbkontur/retail-ui/issues/2601)) ([3b4ed5a](https://github.com/skbkontur/retail-ui/commit/3b4ed5a419c794e5c9648a3b8ddc160065dbee1d))
12
+ * **DatePicker:** adjust the width depending on the size ([#2602](https://github.com/skbkontur/retail-ui/issues/2602)) ([14098c2](https://github.com/skbkontur/retail-ui/commit/14098c2badba30c430fb1ccef57771c6fc672f92)), closes [#2025](https://github.com/skbkontur/retail-ui/issues/2025)
13
+
14
+
15
+
16
+
17
+
18
+ ## [3.8.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@3.8.1...@skbkontur/react-ui@3.8.2) (2021-10-29)
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * **CurrencyLabel:** revert color, inherit it from page ([#2595](https://github.com/skbkontur/retail-ui/issues/2595)) ([bb7b20c](https://github.com/skbkontur/retail-ui/commit/bb7b20c610ab07a03938dfa7c17589878a088f99))
24
+ * **Toggle:** add id prop ([#2597](https://github.com/skbkontur/retail-ui/issues/2597)) ([82846db](https://github.com/skbkontur/retail-ui/commit/82846dbacff71a844867b88f7acb1c33eaef8bb9))
25
+ * **Toggle:** remove interaction in checked disabled mode ([#2596](https://github.com/skbkontur/retail-ui/issues/2596)) ([513240f](https://github.com/skbkontur/retail-ui/commit/513240fd43a03f4b8334dded086212199fc89a99))
26
+
27
+
28
+
29
+
30
+
31
+ ## [3.8.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@3.8.0...@skbkontur/react-ui@3.8.1) (2021-10-28)
32
+
33
+
34
+ ### Bug Fixes
35
+
36
+ * **Checkbox:** remove user-select:none ([#2586](https://github.com/skbkontur/retail-ui/issues/2586)) ([4da5f0c](https://github.com/skbkontur/retail-ui/commit/4da5f0cdc09d8e01f7d4ab7a7b01e58fdbad56b3))
37
+ * **Kebab:** restore menuMaxHeight prop ([#2588](https://github.com/skbkontur/retail-ui/issues/2588)) ([20b82ce](https://github.com/skbkontur/retail-ui/commit/20b82ce8a4e7a411e42f6b2c848de1308617cbdb))
38
+ * **Textarea:** fix autoResize on rows/maxRows change ([#2562](https://github.com/skbkontur/retail-ui/issues/2562)) ([a0c06f8](https://github.com/skbkontur/retail-ui/commit/a0c06f839ebe8de9fcbddfe7e8cf0568d3921e72))
39
+ * **Toggle:** recover disabled caption styles ([#2582](https://github.com/skbkontur/retail-ui/issues/2582)) ([ef9fe96](https://github.com/skbkontur/retail-ui/commit/ef9fe969e0b59afe5ebe5c22827aa5bcdbd653f1))
40
+
41
+
42
+
43
+
44
+
45
+ # [3.8.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@3.7.2...@skbkontur/react-ui@3.8.0) (2021-10-27)
46
+
47
+
48
+ ### Bug Fixes
49
+
50
+ * **ComboBox:** handle falsy values correctly ([#2563](https://github.com/skbkontur/retail-ui/issues/2563)) ([2df7e09](https://github.com/skbkontur/retail-ui/commit/2df7e09ec6fd8f4ab9e999654263acbe8d989803))
51
+ * **ModalClose:** don't s show focus outline if it's not focus by Tab ([#2565](https://github.com/skbkontur/retail-ui/issues/2565)) ([b589014](https://github.com/skbkontur/retail-ui/commit/b58901428b7bfdf52727de1345e44d1d0cd35b8e))
52
+ * **ThemePlayground:** computed vars are visible in the ThemeEditor ([62f191e](https://github.com/skbkontur/retail-ui/commit/62f191efa0234cc72175e05dcb543284fada7d7e))
53
+ * **Toggle:** add toggleBgDisabledChecked, toggleBorderColorDisabled, toggleBorderColorDisabledChecked theme variables ([#2584](https://github.com/skbkontur/retail-ui/issues/2584)) ([b953719](https://github.com/skbkontur/retail-ui/commit/b953719e4cd5b0d89babe1b72f5ae497a9567889))
54
+
55
+
56
+ ### Features
57
+
58
+ * **Upgrades:** abillity to customize classNames prefix ([#2561](https://github.com/skbkontur/retail-ui/issues/2561)) ([fbc9ced](https://github.com/skbkontur/retail-ui/commit/fbc9ceda8d9cb9c2be7d69a7fa199cf7c9745cee))
59
+
60
+
61
+
62
+
63
+
6
64
  ## [3.7.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@3.7.1...@skbkontur/react-ui@3.7.2) (2021-10-25)
7
65
 
8
66
 
@@ -247,12 +305,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
247
305
  * **react-ui:** default theme has changed
248
306
  * Color of focus border and background of active menu items changed from `#5199db` to `#1D85D0`
249
307
  * **Tooltip,Hint:** It may affect position of Tooltips and Hints over your element due default wrapper removal. Also default offsets were changed.
250
- * **ThemeProvider:** component `ThemeProvider` was removed please use `ThemeContext` instead. See https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext
308
+ * **ThemeProvider:** component `ThemeProvider` was removed please use `ThemeContext` instead. See [ThemeContext](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext).
251
309
  * **ThemeConsumer:** component `ThemeConsumer` was deprecated and removed please use `ThemeContext` instead
252
310
  * **Select, Dropdown:** Prop `diadocLinkIcon` was deprecated use prop `_renderButton` instead
253
311
  * **MenuItem:** Prop `alkoLink` was deprecated please use `link` instead
254
312
  * **LocaleProvider:** Component `LocaleProvider` has been removed, please use `LocaleContext` instead
255
- * **Spinner, Loader:** Cloud prop in `Spinner` and `Loader` components has been removed, behavior moved to `@skbkontur/react-ui-addons` see [migration] (https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
313
+ * **Spinner, Loader:** Cloud prop in `Spinner` and `Loader` components has been removed, behavior moved to `@skbkontur/react-ui-addons` see [migration](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md).
256
314
  * **SpinnerOld:** Component `SpinnerOld` has been removed, please use component from @skbkontur/react-ui-addons
257
315
  * **Logotype:** Component `Logotype` has been removed, please use component from @skbkontur/react-ui-addons
258
316
  * **Fias:** Component `Fias` has been removed, please use component from @skbkontur/react-ui-addons
package/README.md CHANGED
@@ -51,7 +51,7 @@ Upgrade.setSpecificityLevel(1);
51
51
 
52
52
  Анимации в компонентах отключаются любой из следующих переменных окружения:
53
53
 
54
- ```
54
+ ```static
55
55
  process.env.NODE_ENV === 'test'
56
56
  process.env.REACT_UI_TEST
57
57
  process.env.REACT_APP_REACT_UI_TEST
@@ -7,8 +7,7 @@ var globalClasses = (0, _Emotion.prefix)('checkbox')({
7
7
 
8
8
  var styles = (0, _Emotion.memoizeStyle)({
9
9
  root: function root(t) {
10
- return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n display: inline-flex;\n align-items: baseline;\n cursor: pointer;\n position: relative;\n user-select: none;\n line-height: ", ";\n font-size: ", ";\n padding: ", " 0;\n\n &:hover .", " {\n background: ", ";\n box-shadow: ", ";\n }\n\n &:active .", " {\n box-shadow: ", ";\n background: ", ";\n }\n "])),
11
-
10
+ return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n display: inline-flex;\n align-items: baseline;\n cursor: pointer;\n position: relative;\n line-height: ", ";\n font-size: ", ";\n padding: ", " 0;\n\n &:hover .", " {\n background: ", ";\n box-shadow: ", ";\n }\n\n &:active .", " {\n box-shadow: ", ";\n background: ", ";\n }\n "])),
12
11
 
13
12
 
14
13
 
@@ -1 +1 @@
1
- {"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxSize","checkboxBoxSize","checkboxBorderWidthCompensation","checkboxTextColorDefault","checkboxBorder","checkboxBorderRadius","checkboxShadow","checkboxBg","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","iconFixBaseline","iconUnchecked","caption","checkboxLabelGap","captionIE11"],"mappings":"oSAAA,oD;;;AAGO,IAAMA,aAAa,GAAG,qBAAO,UAAP,EAAmB;AAC9CC,EAAAA,GAAG,EAAE,KADyC,EAAnB,CAAtB,C;;;AAIA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;;;;;;AAMiBD,IAAAA,CAAC,CAACE,kBANnB;AAOeF,IAAAA,CAAC,CAACG,gBAPjB;AAQaH,IAAAA,CAAC,CAACI,gBARf;;AAUaR,IAAAA,aAAa,CAACC,GAV3B;AAWkBG,IAAAA,CAAC,CAACK,eAXpB;AAYkBL,IAAAA,CAAC,CAACM,mBAZpB;;;AAecV,IAAAA,aAAa,CAACC,GAf5B;AAgBkBG,IAAAA,CAAC,CAACO,oBAhBpB;AAiBkBP,IAAAA,CAAC,CAACQ,gBAjBpB;;;AAoBD,GAtBgC;;AAwBjCC,EAAAA,WAxBiC,uBAwBrBT,CAxBqB,EAwBX;AACpB,eAAOC,YAAP;AACaL,IAAAA,aAAa,CAACC,GAD3B;AAEkBG,IAAAA,CAAC,CAACU,0BAFpB;AAGkBV,IAAAA,CAAC,CAACW,sBAHpB;;;AAMcf,IAAAA,aAAa,CAACC,GAN5B;AAOkBG,IAAAA,CAAC,CAACY,uBAPpB;AAQkBZ,IAAAA,CAAC,CAACa,2BARpB;;;AAWD,GApCgC;;AAsCjCC,EAAAA,YAtCiC,0BAsClB;AACb,eAAOb,YAAP;;;;;;;;AAQD,GA/CgC;;AAiDjCc,EAAAA,eAjDiC,6BAiDf;AAChB,eAAOd,YAAP;;;AAGD,GArDgC;;AAuDjCJ,EAAAA,GAvDiC,eAuD7BG,CAvD6B,EAuDnB;AACZ,QAAMgB,OAAO,aAAWhB,CAAC,CAACiB,eAAb,eAAsCjB,CAAC,CAACkB,+BAAxC,MAAb;AACA,eAAOjB,YAAP;;;;;AAKWe,IAAAA,OALX;AAMYA,IAAAA,OANZ;;AAQehB,IAAAA,CAAC,CAACG,gBARjB;AASWH,IAAAA,CAAC,CAACmB,wBATb;AAUYnB,IAAAA,CAAC,CAACoB,cAVd;AAWmBpB,IAAAA,CAAC,CAACqB,oBAXrB;AAYgBrB,IAAAA,CAAC,CAACsB,cAZlB;AAagBtB,IAAAA,CAAC,CAACuB,UAblB;;AAeYvB,IAAAA,CAAC,CAACkB,+BAfd;;AAiBD,GA1EgC;;AA4EjCM,EAAAA,KA5EiC,mBA4EzB;AACN,eAAOvB,YAAP;;;;;;;;AAQD,GArFgC;;AAuFjCwB,EAAAA,UAvFiC,sBAuFtBzB,CAvFsB,EAuFZ;AACnB,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAAC0B,yBADlC;AAEY1B,IAAAA,CAAC,CAAC2B,oBAFd,EAEsC3B,CAAC,CAAC4B,0BAFxC;;AAID,GA5FgC;;AA8FjCC,EAAAA,QA9FiC,oBA8FxB7B,CA9FwB,EA8Fd;AACjB,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAAC0B,yBADlC;AAEY1B,IAAAA,CAAC,CAAC2B,oBAFd,EAEsC3B,CAAC,CAAC8B,wBAFxC;;AAID,GAnGgC;;AAqGjCC,EAAAA,UArGiC,sBAqGtB/B,CArGsB,EAqGZ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACgC,iBADlB;AAEWhC,IAAAA,CAAC,CAACiC,oBAFb;AAGgBjC,IAAAA,CAAC,CAACkC,qBAHlB;;AAKD,GA3GgC;;AA6GjCC,EAAAA,QA7GiC,oBA6GxBnC,CA7GwB,EA6Gd;AACjB,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAAC0B,yBADlC;AAEY1B,IAAAA,CAAC,CAAC2B,oBAFd,EAEsC3B,CAAC,CAACoC,wBAFxC;;AAID,GAlHgC;;AAoHjCC,EAAAA,WApHiC,uBAoHrBrC,CApHqB,EAoHX;AACpB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACsC,sBADlB;AAEgBtC,IAAAA,CAAC,CAACuC,kBAFlB;AAGWvC,IAAAA,CAAC,CAACwC,yBAHb;;AAKD,GA1HgC;;AA4HjCC,EAAAA,QA5HiC,oBA4HxBzC,CA5HwB,EA4Hd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACwC,yBADb;;;AAID,GAjIgC;;AAmIjCE,EAAAA,eAnIiC,6BAmIf;AAChB,eAAOzC,YAAP;;;AAGD,GAvIgC;;AAyIjC0C,EAAAA,aAzIiC,2BAyIjB;AACd,eAAO1C,YAAP;;;AAGD,GA7IgC;;AA+IjC2C,EAAAA,OA/IiC,mBA+IzB5C,CA/IyB,EA+If;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmB,wBADb;AAEkBnB,IAAAA,CAAC,CAAC6C,gBAFpB;;AAID,GApJgC;;AAsJjCC,EAAAA,WAtJiC,yBAsJnB;AACZ,eAAO7C,YAAP;;;AAGD,GA1JgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('checkbox')({\n box: 'box',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-flex;\n align-items: baseline;\n cursor: pointer;\n position: relative;\n user-select: none;\n line-height: ${t.checkboxLineHeight};\n font-size: ${t.checkboxFontSize};\n padding: ${t.checkboxPaddingY} 0;\n\n &:hover .${globalClasses.box} {\n background: ${t.checkboxHoverBg};\n box-shadow: ${t.checkboxShadowHover};\n }\n\n &:active .${globalClasses.box} {\n box-shadow: ${t.checkboxShadowActive};\n background: ${t.checkboxActiveBg};\n }\n `;\n },\n\n rootChecked(t: Theme) {\n return css`\n &:hover .${globalClasses.box} {\n box-shadow: ${t.checkboxCheckedHoverShadow};\n background: ${t.checkboxCheckedHoverBg};\n }\n\n &:active .${globalClasses.box} {\n background: ${t.checkboxCheckedActiveBg};\n box-shadow: ${t.checkboxCheckedActiveShadow};\n }\n `;\n },\n\n rootFallback() {\n return css`\n display: inline-table;\n\n & > * {\n // fix root's :active state in IE11 that gets blocked by nested elements\n pointer-events: none;\n }\n `;\n },\n\n rootWrapperIE11() {\n return css`\n display: inline;\n `;\n },\n\n box(t: Theme) {\n const boxSize = `calc(${t.checkboxBoxSize} - 2 * ${t.checkboxBorderWidthCompensation})`;\n return css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: ${boxSize};\n height: ${boxSize};\n flex: none;\n font-size: ${t.checkboxFontSize};\n color: ${t.checkboxTextColorDefault};\n border: ${t.checkboxBorder};\n border-radius: ${t.checkboxBorderRadius};\n box-shadow: ${t.checkboxShadow};\n background: ${t.checkboxBg};\n align-self: baseline;\n margin: ${t.checkboxBorderWidthCompensation};\n `;\n },\n\n input() {\n return css`\n display: inline-block;\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n `;\n },\n\n boxWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n 0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n `;\n },\n\n boxError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n 0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n `;\n },\n\n boxChecked(t: Theme) {\n return css`\n background: ${t.checkboxCheckedBg};\n color: ${t.checkboxCheckedColor};\n box-shadow: ${t.checkboxCheckedShadow};\n `;\n },\n\n boxFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n 0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n `;\n },\n\n boxDisabled(t: Theme) {\n return css`\n box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n background: ${t.checkboxBgDisabled} !important; // override hover and active\n color: ${t.checkboxTextColorDisabled};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.checkboxTextColorDisabled};\n cursor: default;\n `;\n },\n\n iconFixBaseline() {\n return css`\n margin-top: -2px;\n `;\n },\n\n iconUnchecked() {\n return css`\n color: transparent;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.checkboxTextColorDefault};\n padding-left: ${t.checkboxLabelGap};\n `;\n },\n\n captionIE11() {\n return css`\n display: table-cell;\n `;\n },\n});\n"]}
1
+ {"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxSize","checkboxBoxSize","checkboxBorderWidthCompensation","checkboxTextColorDefault","checkboxBorder","checkboxBorderRadius","checkboxShadow","checkboxBg","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","iconFixBaseline","iconUnchecked","caption","checkboxLabelGap","captionIE11"],"mappings":"oSAAA,oD;;;AAGO,IAAMA,aAAa,GAAG,qBAAO,UAAP,EAAmB;AAC9CC,EAAAA,GAAG,EAAE,KADyC,EAAnB,CAAtB,C;;;AAIA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;;;;;AAKiBD,IAAAA,CAAC,CAACE,kBALnB;AAMeF,IAAAA,CAAC,CAACG,gBANjB;AAOaH,IAAAA,CAAC,CAACI,gBAPf;;AASaR,IAAAA,aAAa,CAACC,GAT3B;AAUkBG,IAAAA,CAAC,CAACK,eAVpB;AAWkBL,IAAAA,CAAC,CAACM,mBAXpB;;;AAccV,IAAAA,aAAa,CAACC,GAd5B;AAekBG,IAAAA,CAAC,CAACO,oBAfpB;AAgBkBP,IAAAA,CAAC,CAACQ,gBAhBpB;;;AAmBD,GArBgC;;AAuBjCC,EAAAA,WAvBiC,uBAuBrBT,CAvBqB,EAuBX;AACpB,eAAOC,YAAP;AACaL,IAAAA,aAAa,CAACC,GAD3B;AAEkBG,IAAAA,CAAC,CAACU,0BAFpB;AAGkBV,IAAAA,CAAC,CAACW,sBAHpB;;;AAMcf,IAAAA,aAAa,CAACC,GAN5B;AAOkBG,IAAAA,CAAC,CAACY,uBAPpB;AAQkBZ,IAAAA,CAAC,CAACa,2BARpB;;;AAWD,GAnCgC;;AAqCjCC,EAAAA,YArCiC,0BAqClB;AACb,eAAOb,YAAP;;;;;;;;AAQD,GA9CgC;;AAgDjCc,EAAAA,eAhDiC,6BAgDf;AAChB,eAAOd,YAAP;;;AAGD,GApDgC;;AAsDjCJ,EAAAA,GAtDiC,eAsD7BG,CAtD6B,EAsDnB;AACZ,QAAMgB,OAAO,aAAWhB,CAAC,CAACiB,eAAb,eAAsCjB,CAAC,CAACkB,+BAAxC,MAAb;AACA,eAAOjB,YAAP;;;;;AAKWe,IAAAA,OALX;AAMYA,IAAAA,OANZ;;AAQehB,IAAAA,CAAC,CAACG,gBARjB;AASWH,IAAAA,CAAC,CAACmB,wBATb;AAUYnB,IAAAA,CAAC,CAACoB,cAVd;AAWmBpB,IAAAA,CAAC,CAACqB,oBAXrB;AAYgBrB,IAAAA,CAAC,CAACsB,cAZlB;AAagBtB,IAAAA,CAAC,CAACuB,UAblB;;AAeYvB,IAAAA,CAAC,CAACkB,+BAfd;;AAiBD,GAzEgC;;AA2EjCM,EAAAA,KA3EiC,mBA2EzB;AACN,eAAOvB,YAAP;;;;;;;;AAQD,GApFgC;;AAsFjCwB,EAAAA,UAtFiC,sBAsFtBzB,CAtFsB,EAsFZ;AACnB,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAAC0B,yBADlC;AAEY1B,IAAAA,CAAC,CAAC2B,oBAFd,EAEsC3B,CAAC,CAAC4B,0BAFxC;;AAID,GA3FgC;;AA6FjCC,EAAAA,QA7FiC,oBA6FxB7B,CA7FwB,EA6Fd;AACjB,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAAC0B,yBADlC;AAEY1B,IAAAA,CAAC,CAAC2B,oBAFd,EAEsC3B,CAAC,CAAC8B,wBAFxC;;AAID,GAlGgC;;AAoGjCC,EAAAA,UApGiC,sBAoGtB/B,CApGsB,EAoGZ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACgC,iBADlB;AAEWhC,IAAAA,CAAC,CAACiC,oBAFb;AAGgBjC,IAAAA,CAAC,CAACkC,qBAHlB;;AAKD,GA1GgC;;AA4GjCC,EAAAA,QA5GiC,oBA4GxBnC,CA5GwB,EA4Gd;AACjB,eAAOC,YAAP;AACgCD,IAAAA,CAAC,CAAC0B,yBADlC;AAEY1B,IAAAA,CAAC,CAAC2B,oBAFd,EAEsC3B,CAAC,CAACoC,wBAFxC;;AAID,GAjHgC;;AAmHjCC,EAAAA,WAnHiC,uBAmHrBrC,CAnHqB,EAmHX;AACpB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACsC,sBADlB;AAEgBtC,IAAAA,CAAC,CAACuC,kBAFlB;AAGWvC,IAAAA,CAAC,CAACwC,yBAHb;;AAKD,GAzHgC;;AA2HjCC,EAAAA,QA3HiC,oBA2HxBzC,CA3HwB,EA2Hd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACwC,yBADb;;;AAID,GAhIgC;;AAkIjCE,EAAAA,eAlIiC,6BAkIf;AAChB,eAAOzC,YAAP;;;AAGD,GAtIgC;;AAwIjC0C,EAAAA,aAxIiC,2BAwIjB;AACd,eAAO1C,YAAP;;;AAGD,GA5IgC;;AA8IjC2C,EAAAA,OA9IiC,mBA8IzB5C,CA9IyB,EA8If;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmB,wBADb;AAEkBnB,IAAAA,CAAC,CAAC6C,gBAFpB;;AAID,GAnJgC;;AAqJjCC,EAAAA,WArJiC,yBAqJnB;AACZ,eAAO7C,YAAP;;;AAGD,GAzJgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('checkbox')({\n box: 'box',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-flex;\n align-items: baseline;\n cursor: pointer;\n position: relative;\n line-height: ${t.checkboxLineHeight};\n font-size: ${t.checkboxFontSize};\n padding: ${t.checkboxPaddingY} 0;\n\n &:hover .${globalClasses.box} {\n background: ${t.checkboxHoverBg};\n box-shadow: ${t.checkboxShadowHover};\n }\n\n &:active .${globalClasses.box} {\n box-shadow: ${t.checkboxShadowActive};\n background: ${t.checkboxActiveBg};\n }\n `;\n },\n\n rootChecked(t: Theme) {\n return css`\n &:hover .${globalClasses.box} {\n box-shadow: ${t.checkboxCheckedHoverShadow};\n background: ${t.checkboxCheckedHoverBg};\n }\n\n &:active .${globalClasses.box} {\n background: ${t.checkboxCheckedActiveBg};\n box-shadow: ${t.checkboxCheckedActiveShadow};\n }\n `;\n },\n\n rootFallback() {\n return css`\n display: inline-table;\n\n & > * {\n // fix root's :active state in IE11 that gets blocked by nested elements\n pointer-events: none;\n }\n `;\n },\n\n rootWrapperIE11() {\n return css`\n display: inline;\n `;\n },\n\n box(t: Theme) {\n const boxSize = `calc(${t.checkboxBoxSize} - 2 * ${t.checkboxBorderWidthCompensation})`;\n return css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: ${boxSize};\n height: ${boxSize};\n flex: none;\n font-size: ${t.checkboxFontSize};\n color: ${t.checkboxTextColorDefault};\n border: ${t.checkboxBorder};\n border-radius: ${t.checkboxBorderRadius};\n box-shadow: ${t.checkboxShadow};\n background: ${t.checkboxBg};\n align-self: baseline;\n margin: ${t.checkboxBorderWidthCompensation};\n `;\n },\n\n input() {\n return css`\n display: inline-block;\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n `;\n },\n\n boxWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n 0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n `;\n },\n\n boxError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n 0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n `;\n },\n\n boxChecked(t: Theme) {\n return css`\n background: ${t.checkboxCheckedBg};\n color: ${t.checkboxCheckedColor};\n box-shadow: ${t.checkboxCheckedShadow};\n `;\n },\n\n boxFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n 0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n `;\n },\n\n boxDisabled(t: Theme) {\n return css`\n box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n background: ${t.checkboxBgDisabled} !important; // override hover and active\n color: ${t.checkboxTextColorDisabled};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.checkboxTextColorDisabled};\n cursor: default;\n `;\n },\n\n iconFixBaseline() {\n return css`\n margin-top: -2px;\n `;\n },\n\n iconUnchecked() {\n return css`\n color: transparent;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.checkboxTextColorDefault};\n padding-left: ${t.checkboxLabelGap};\n `;\n },\n\n captionIE11() {\n return css`\n display: table-cell;\n `;\n },\n});\n"]}
@@ -3,9 +3,6 @@
3
3
  var _constants = require("../CurrencyInput/constants");
4
4
  var _CurrencyHelper = require("../CurrencyInput/CurrencyHelper");
5
5
  var _CommonWrapper = require("../../internal/CommonWrapper");
6
- var _ThemeContext = require("../../lib/theming/ThemeContext");
7
-
8
- var _CurrencyLabel = require("./CurrencyLabel.styles");
9
6
 
10
7
 
11
8
 
@@ -24,18 +21,12 @@ var defaultProps = {
24
21
  var CurrencyLabel = function CurrencyLabel(props) {var
25
22
  value = props.value,fractionDigits = props.fractionDigits,currencySymbol = props.currencySymbol;
26
23
  return /*#__PURE__*/(
27
- _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
28
- function (theme) {
29
- return /*#__PURE__*/(
30
- _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
31
- _react.default.createElement("span", { className: _CurrencyLabel.styles.root(theme) },
32
- _CurrencyHelper.CurrencyHelper.format(value, { fractionDigits: fractionDigits }),
33
- currencySymbol && String.fromCharCode(0xa0) /*   */,
34
- currencySymbol)));
35
-
36
-
24
+ _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
25
+ _react.default.createElement("span", null,
26
+ _CurrencyHelper.CurrencyHelper.format(value, { fractionDigits: fractionDigits }),
27
+ currencySymbol && String.fromCharCode(0xa0) /*   */,
28
+ currencySymbol)));
37
29
 
38
- }));
39
30
 
40
31
 
41
32
  };exports.CurrencyLabel = CurrencyLabel;
@@ -1 +1 @@
1
- {"version":3,"sources":["CurrencyLabel.tsx"],"names":["defaultProps","fractionDigits","CurrencyLabel","props","value","currencySymbol","theme","styles","root","CurrencyHelper","format","String","fromCharCode","__KONTUR_REACT_UI__","propTypes","MAX_SAFE_DIGITS","Error","destructString","fraction","length","Number","isInteger"],"mappings":"kLAAA;;AAEA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;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,0BAAD,CAAc,QAAd;AACG,cAACC,KAAD,EAAW;AACV;AACE,qCAAC,4BAAD,EAAmBH,KAAnB;AACE,+CAAM,SAAS,EAAEI,sBAAOC,IAAP,CAAYF,KAAZ,CAAjB;AACGG,uCAAeC,MAAf,CAAsBN,KAAtB,EAA6B,EAAEH,cAAc,EAAdA,cAAF,EAA7B,CADH;AAEGI,QAAAA,cAAc,IAAIM,MAAM,CAACC,YAAP,CAAoB,IAApB,CAFrB,CAE+C,YAF/C;AAGGP,QAAAA,cAHH,CADF,CADF;;;;AASD,KAXH,CADF;;;AAeD,CAjBM,C;;AAmBPH,aAAa,CAACW,mBAAd,GAAoC,eAApC;;AAEAX,aAAa,CAACF,YAAd,GAA6BA,YAA7B;;AAEAE,aAAa,CAACY,SAAd,GAA0B;AACxBb,EAAAA,cAAc,EAAE,wBAACE,KAAD,EAAqD;AACnE,QAAIA,KAAK,CAACF,cAAN,GAAuBc,0BAA3B,EAA4C;AAC1C,aAAO,IAAIC,KAAJ;AACL,0DAAkDD,0BAAlD,4EADK,CAAP;;;AAID,KANkE;;AAQ9CN,mCAAeQ,cAAf,CAA8BN,MAAM,CAACR,KAAK,CAACC,KAAP,CAApC,KAAsD,EAAEc,QAAQ,EAAE,EAAZ,EARR,CAQ3DA,QAR2D,QAQ3DA,QAR2D;AASnE,QAAIA,QAAQ,CAACC,MAAT,GAAkBhB,KAAK,CAACF,cAA5B,EAA4C;AAC1C,aAAO,IAAIe,KAAJ;AACL,gIADK,CAAP;;;AAID;;AAED,QAAI,CAACI,MAAM,CAACC,SAAP,CAAiBlB,KAAK,CAACF,cAAvB,CAAL,EAA6C;AAC3C,aAAO,IAAIe,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';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './CurrencyLabel.styles';\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 <ThemeContext.Consumer>\n {(theme) => {\n return (\n <CommonWrapper {...props}>\n <span className={styles.root(theme)}>\n {CurrencyHelper.format(value, { fractionDigits })}\n {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\n {currencySymbol}\n </span>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\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"]}
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';\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"]}
@@ -212,6 +212,7 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
212
212
 
213
213
 
214
214
 
215
+
215
216
 
216
217
 
217
218
  renderIcon = function () {var _this$props =
@@ -427,4 +428,4 @@ DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoca
427
428
  _this.shiftSelection(1);
428
429
  }
429
430
  _this.updateValue({ inputMode: inputMode });
430
- };_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, 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' }, /*#__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;
431
+ };_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, 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(_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;
@@ -1 +1 @@
1
- {"version":3,"sources":["DateInput.tsx"],"names":["DateInput","DatePickerLocaleHelper","props","iDateMediator","InternalDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","locale","blurEvent","theme","conditionalHandler","ConditionalHandler","add","Actions","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","InternalDateComponentType","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","size","disabled","iconStyles","styles","icon","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","handleBlur","restored","restore","updateValue","inputMode","onBlur","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","LENGTH_FULLDATE","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","valueFormatted","getString","emitChange","updateFromProps","update","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","fragments","getFragments","width","error","warning","onClick","React","Component","__KONTUR_REACT_UI__","defaultProps","MIN_FULLDATE","MAX_FULLDATE"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CalendarIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n selected: InternalDateComponentType | null;\n valueFormatted: string;\n inputMode: boolean;\n focused: boolean;\n dragged: boolean;\n}\n\nexport interface DateInputProps extends CommonProps {\n autoFocus?: boolean;\n value: string;\n error?: boolean;\n warning?: boolean;\n disabled?: boolean;\n /**\n * Минимальная дата.\n * @default '01.01.1900'\n */\n minDate: string;\n /**\n * Максимальная дата\n * @default '31.12.2099'\n */\n maxDate: string;\n /**\n * Ширина поля\n * @default 125\n */\n width?: string | number;\n withIcon?: boolean;\n /**\n * Размер поля\n * @default 'small'\n */\n size: 'small' | 'large' | 'medium';\n onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n /**\n * Вызывается при изменении `value`\n *\n * @param value - строка в формате `dd.mm.yyyy`.\n */\n onValueChange?: (value: string) => void;\n onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n public static __KONTUR_REACT_UI__ = 'DateInput';\n\n public static defaultProps = {\n value: '',\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n size: 'small',\n width: 125,\n };\n\n private iDateMediator: InternalDateMediator = new InternalDateMediator();\n private inputLikeText: InputLikeText | null = null;\n private dateFragmentsView: DateFragmentsView | null = null;\n private isMouseDown = false;\n private isMouseFocus = false;\n private ignoringDelimiter = false;\n private locale!: DatePickerLocale;\n private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n private theme!: Theme;\n private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n .add(Actions.Separator, () => this.pressDelimiter())\n .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n .add(Actions.Increment, () => this.shiftDateComponent(1))\n .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n .add(Actions.Digit, (e) => this.inputValue(e))\n .add(Actions.ClearSelection, () => this.clearSelected())\n .add(Actions.ClearOneChar, () => this.clearOneChar())\n .add(Actions.FullSelection, () => this.fullSelection())\n .add(Actions.WrongInput, () => this.blink())\n .build();\n\n constructor(props: DateInputProps) {\n super(props);\n\n this.state = {\n valueFormatted: '',\n selected: null,\n inputMode: false,\n focused: false,\n dragged: false,\n };\n }\n\n public componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState) {\n if (\n prevProps.value !== this.props.value ||\n prevProps.minDate !== this.props.minDate ||\n prevProps.maxDate !== this.props.maxDate ||\n this.iDateMediator.isChangedLocale(this.locale)\n ) {\n this.updateFromProps();\n }\n this.selectNode();\n }\n\n public selectNode = () => {\n const type = this.state.selected;\n const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n if (type === null || !this.inputLikeText || !dateFragmentsView) {\n return;\n }\n if (type === InternalDateComponentType.All) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n return;\n }\n const index = this.iDateMediator.getTypesOrder().indexOf(type);\n if (index > -1) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n }\n };\n\n public componentDidMount(): void {\n this.updateFromProps();\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public blur() {\n if (this.inputLikeText) {\n this.inputLikeText.blur();\n }\n }\n\n public focus() {\n if (this.inputLikeText) {\n this.inputLikeText.focus();\n }\n }\n\n public blink() {\n if (this.inputLikeText) {\n this.inputLikeText.blink();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { focused, selected, inputMode, valueFormatted } = this.state;\n const fragments = focused || valueFormatted !== '' ? this.iDateMediator.getFragments() : [];\n\n return (\n <CommonWrapper {...this.props}>\n <InputLikeText\n width={this.props.width}\n ref={this.inputLikeTextRef}\n size={this.props.size}\n disabled={this.props.disabled}\n error={this.props.error}\n warning={this.props.warning}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.props.onClick}\n onKeyDown={this.handleKeyDown}\n onMouseDownCapture={this.handleMouseDownCapture}\n onPaste={this.handlePaste}\n rightIcon={this.renderIcon()}\n onDoubleClickCapture={this.handleDoubleClick}\n onMouseDragStart={this.handleMouseDragStart}\n onMouseDragEnd={this.handleMouseDragEnd}\n value={this.iDateMediator.getInternalString()}\n inputMode={'numeric'}\n >\n <DateFragmentsView\n ref={this.dateFragmentsViewRef}\n fragments={fragments}\n onSelectDateComponent={this.handleSelectDateComponent}\n selected={selected}\n inputMode={inputMode}\n />\n </InputLikeText>\n </CommonWrapper>\n );\n }\n\n private renderIcon = () => {\n const { withIcon, size, disabled = false } = this.props;\n\n if (withIcon) {\n const theme = this.theme;\n const iconStyles = cx({\n [styles.icon(theme)]: true,\n [styles.iconSmall(theme)]: size === 'small',\n [styles.iconMedium(theme)]: size === 'medium',\n [styles.iconLarge(theme)]: size === 'large',\n [styles.iconDisabled(theme)]: disabled,\n });\n return (\n <span className={iconStyles}>\n <CalendarIcon />\n </span>\n );\n }\n return null;\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n this.setState((prevState) => ({\n focused: true,\n selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n }));\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const restored = this.iDateMediator.restore();\n this.updateValue({ focused: false, selected: null, inputMode: false });\n\n if (this.props.onBlur) {\n if (restored) {\n e.persist();\n this.blurEvent = e;\n } else {\n this.props.onBlur(e);\n }\n }\n };\n\n private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n if (this.state.focused && !isFragment) {\n e.preventDefault();\n }\n this.isMouseFocus = !this.state.focused;\n this.isMouseDown = isFragment;\n };\n\n private handleSelectDateComponent = (type: InternalDateComponentType) => {\n if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n this.selectDateComponent(type);\n }\n this.isMouseFocus = false;\n this.isMouseDown = false;\n };\n\n private handleMouseDragStart = () => {\n this.setState({ dragged: true, selected: null });\n };\n\n private handleMouseDragEnd = () => {\n const selection = getSelection();\n if (\n selection &&\n selection.toString().length === LENGTH_FULLDATE &&\n this.state.selected !== InternalDateComponentType.All\n ) {\n this.selectDateComponent(InternalDateComponentType.All);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.conditionalHandler(extractAction(e), e)) {\n e.preventDefault();\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n const pasted = e && e.clipboardData.getData('text').trim();\n if (pasted && this.iDateMediator.validateString(pasted)) {\n this.iDateMediator.paste(pasted);\n this.updateValue();\n }\n };\n\n private handleDoubleClick = () => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private inputLikeTextRef = (el: InputLikeText | null) => {\n this.inputLikeText = el;\n };\n\n private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n this.dateFragmentsView = el;\n };\n\n private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n this.setState({ selected, inputMode: false });\n };\n\n private updateValue = (state: Partial<DateInputState> = {}): void => {\n const valueFormatted = this.iDateMediator.getString();\n\n this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n };\n\n private updateFromProps = (): void => {\n this.iDateMediator.update(this.props, this.locale);\n\n this.updateValue();\n };\n\n private fullSelection = (): void => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private pressDelimiter = (): void => {\n const value = this.iDateMediator.get(this.state.selected);\n if (value !== null && value !== '') {\n if (!this.ignoringDelimiter) {\n this.shiftSelection(1);\n }\n this.ignoringDelimiter = false;\n }\n };\n\n private emitChange = (): void => {\n const value = this.iDateMediator.getInternalString();\n if (this.props.value === value) {\n return;\n }\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n if (this.blurEvent && this.props.onBlur) {\n this.props.onBlur(this.blurEvent);\n this.blurEvent = null;\n }\n };\n\n private clearSelected = (): void => {\n const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n this.iDateMediator.clear(selected);\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private clearOneChar = (): void => {\n const { selected, inputMode } = this.state;\n const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n if (this.iDateMediator.isNull(nextType)) {\n this.shiftSelection(-1);\n return;\n }\n if (selected === InternalDateComponentType.All) {\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n return;\n }\n this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n this.updateValue({\n inputMode: this.iDateMediator.get(nextType) !== null,\n selected: nextType,\n });\n };\n\n private shiftDateComponent = (step: number): void => {\n const { selected } = this.state;\n const changed = this.iDateMediator.shiftDateComponent(selected, step);\n if (!changed) {\n this.blink();\n return;\n }\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private shiftSelection = (step: number): void => {\n const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n if (selected !== this.state.selected) {\n this.setState({ selected, inputMode: false });\n }\n };\n\n private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n let selected = this.state.selected;\n if (selected === InternalDateComponentType.All) {\n selected = this.iDateMediator.getLeftmostType();\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.setState({ selected });\n }\n const inputMode = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n\n if (!inputMode) {\n this.ignoringDelimiter = true;\n this.shiftSelection(1);\n }\n this.updateValue({ inputMode });\n };\n}\n"]}
1
+ {"version":3,"sources":["DateInput.tsx"],"names":["DateInput","DatePickerLocaleHelper","props","iDateMediator","InternalDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","locale","blurEvent","theme","conditionalHandler","ConditionalHandler","add","Actions","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","InternalDateComponentType","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","size","disabled","iconStyles","styles","icon","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","handleBlur","restored","restore","updateValue","inputMode","onBlur","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","LENGTH_FULLDATE","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","valueFormatted","getString","emitChange","updateFromProps","update","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","fragments","getFragments","width","error","warning","onClick","React","Component","__KONTUR_REACT_UI__","defaultProps","MIN_FULLDATE","MAX_FULLDATE"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CalendarIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n selected: InternalDateComponentType | null;\n valueFormatted: string;\n inputMode: boolean;\n focused: boolean;\n dragged: boolean;\n}\n\nexport interface DateInputProps extends CommonProps {\n autoFocus?: boolean;\n value: string;\n error?: boolean;\n warning?: boolean;\n disabled?: boolean;\n /**\n * Минимальная дата.\n * @default '01.01.1900'\n */\n minDate: string;\n /**\n * Максимальная дата\n * @default '31.12.2099'\n */\n maxDate: string;\n /**\n * Ширина поля\n * @default 125\n */\n width?: string | number;\n withIcon?: boolean;\n /**\n * Размер поля\n * @default 'small'\n */\n size: 'small' | 'large' | 'medium';\n onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n /**\n * Вызывается при изменении `value`\n *\n * @param value - строка в формате `dd.mm.yyyy`.\n */\n onValueChange?: (value: string) => void;\n onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n public static __KONTUR_REACT_UI__ = 'DateInput';\n\n public static defaultProps = {\n value: '',\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n size: 'small',\n width: 125,\n };\n\n private iDateMediator: InternalDateMediator = new InternalDateMediator();\n private inputLikeText: InputLikeText | null = null;\n private dateFragmentsView: DateFragmentsView | null = null;\n private isMouseDown = false;\n private isMouseFocus = false;\n private ignoringDelimiter = false;\n private locale!: DatePickerLocale;\n private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n private theme!: Theme;\n private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n .add(Actions.Separator, () => this.pressDelimiter())\n .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n .add(Actions.Increment, () => this.shiftDateComponent(1))\n .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n .add(Actions.Digit, (e) => this.inputValue(e))\n .add(Actions.ClearSelection, () => this.clearSelected())\n .add(Actions.ClearOneChar, () => this.clearOneChar())\n .add(Actions.FullSelection, () => this.fullSelection())\n .add(Actions.WrongInput, () => this.blink())\n .build();\n\n constructor(props: DateInputProps) {\n super(props);\n\n this.state = {\n valueFormatted: '',\n selected: null,\n inputMode: false,\n focused: false,\n dragged: false,\n };\n }\n\n public componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState) {\n if (\n prevProps.value !== this.props.value ||\n prevProps.minDate !== this.props.minDate ||\n prevProps.maxDate !== this.props.maxDate ||\n this.iDateMediator.isChangedLocale(this.locale)\n ) {\n this.updateFromProps();\n }\n this.selectNode();\n }\n\n public selectNode = () => {\n const type = this.state.selected;\n const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n if (type === null || !this.inputLikeText || !dateFragmentsView) {\n return;\n }\n if (type === InternalDateComponentType.All) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n return;\n }\n const index = this.iDateMediator.getTypesOrder().indexOf(type);\n if (index > -1) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n }\n };\n\n public componentDidMount(): void {\n this.updateFromProps();\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public blur() {\n if (this.inputLikeText) {\n this.inputLikeText.blur();\n }\n }\n\n public focus() {\n if (this.inputLikeText) {\n this.inputLikeText.focus();\n }\n }\n\n public blink() {\n if (this.inputLikeText) {\n this.inputLikeText.blink();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { focused, selected, inputMode, valueFormatted } = this.state;\n const fragments = focused || valueFormatted !== '' ? this.iDateMediator.getFragments() : [];\n\n return (\n <CommonWrapper {...this.props}>\n <InputLikeText\n width={this.props.width}\n ref={this.inputLikeTextRef}\n size={this.props.size}\n disabled={this.props.disabled}\n error={this.props.error}\n warning={this.props.warning}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.props.onClick}\n onKeyDown={this.handleKeyDown}\n onMouseDownCapture={this.handleMouseDownCapture}\n onPaste={this.handlePaste}\n rightIcon={this.renderIcon()}\n onDoubleClickCapture={this.handleDoubleClick}\n onMouseDragStart={this.handleMouseDragStart}\n onMouseDragEnd={this.handleMouseDragEnd}\n value={this.iDateMediator.getInternalString()}\n inputMode={'numeric'}\n takeContentWidth\n >\n <DateFragmentsView\n ref={this.dateFragmentsViewRef}\n fragments={fragments}\n onSelectDateComponent={this.handleSelectDateComponent}\n selected={selected}\n inputMode={inputMode}\n />\n </InputLikeText>\n </CommonWrapper>\n );\n }\n\n private renderIcon = () => {\n const { withIcon, size, disabled = false } = this.props;\n\n if (withIcon) {\n const theme = this.theme;\n const iconStyles = cx({\n [styles.icon(theme)]: true,\n [styles.iconSmall(theme)]: size === 'small',\n [styles.iconMedium(theme)]: size === 'medium',\n [styles.iconLarge(theme)]: size === 'large',\n [styles.iconDisabled(theme)]: disabled,\n });\n return (\n <span className={iconStyles}>\n <CalendarIcon />\n </span>\n );\n }\n return null;\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n this.setState((prevState) => ({\n focused: true,\n selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n }));\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const restored = this.iDateMediator.restore();\n this.updateValue({ focused: false, selected: null, inputMode: false });\n\n if (this.props.onBlur) {\n if (restored) {\n e.persist();\n this.blurEvent = e;\n } else {\n this.props.onBlur(e);\n }\n }\n };\n\n private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n if (this.state.focused && !isFragment) {\n e.preventDefault();\n }\n this.isMouseFocus = !this.state.focused;\n this.isMouseDown = isFragment;\n };\n\n private handleSelectDateComponent = (type: InternalDateComponentType) => {\n if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n this.selectDateComponent(type);\n }\n this.isMouseFocus = false;\n this.isMouseDown = false;\n };\n\n private handleMouseDragStart = () => {\n this.setState({ dragged: true, selected: null });\n };\n\n private handleMouseDragEnd = () => {\n const selection = getSelection();\n if (\n selection &&\n selection.toString().length === LENGTH_FULLDATE &&\n this.state.selected !== InternalDateComponentType.All\n ) {\n this.selectDateComponent(InternalDateComponentType.All);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.conditionalHandler(extractAction(e), e)) {\n e.preventDefault();\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n const pasted = e && e.clipboardData.getData('text').trim();\n if (pasted && this.iDateMediator.validateString(pasted)) {\n this.iDateMediator.paste(pasted);\n this.updateValue();\n }\n };\n\n private handleDoubleClick = () => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private inputLikeTextRef = (el: InputLikeText | null) => {\n this.inputLikeText = el;\n };\n\n private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n this.dateFragmentsView = el;\n };\n\n private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n this.setState({ selected, inputMode: false });\n };\n\n private updateValue = (state: Partial<DateInputState> = {}): void => {\n const valueFormatted = this.iDateMediator.getString();\n\n this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n };\n\n private updateFromProps = (): void => {\n this.iDateMediator.update(this.props, this.locale);\n\n this.updateValue();\n };\n\n private fullSelection = (): void => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private pressDelimiter = (): void => {\n const value = this.iDateMediator.get(this.state.selected);\n if (value !== null && value !== '') {\n if (!this.ignoringDelimiter) {\n this.shiftSelection(1);\n }\n this.ignoringDelimiter = false;\n }\n };\n\n private emitChange = (): void => {\n const value = this.iDateMediator.getInternalString();\n if (this.props.value === value) {\n return;\n }\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n if (this.blurEvent && this.props.onBlur) {\n this.props.onBlur(this.blurEvent);\n this.blurEvent = null;\n }\n };\n\n private clearSelected = (): void => {\n const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n this.iDateMediator.clear(selected);\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private clearOneChar = (): void => {\n const { selected, inputMode } = this.state;\n const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n if (this.iDateMediator.isNull(nextType)) {\n this.shiftSelection(-1);\n return;\n }\n if (selected === InternalDateComponentType.All) {\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n return;\n }\n this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n this.updateValue({\n inputMode: this.iDateMediator.get(nextType) !== null,\n selected: nextType,\n });\n };\n\n private shiftDateComponent = (step: number): void => {\n const { selected } = this.state;\n const changed = this.iDateMediator.shiftDateComponent(selected, step);\n if (!changed) {\n this.blink();\n return;\n }\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private shiftSelection = (step: number): void => {\n const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n if (selected !== this.state.selected) {\n this.setState({ selected, inputMode: false });\n }\n };\n\n private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n let selected = this.state.selected;\n if (selected === InternalDateComponentType.All) {\n selected = this.iDateMediator.getLeftmostType();\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.setState({ selected });\n }\n const inputMode = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n\n if (!inputMode) {\n this.ignoringDelimiter = true;\n this.shiftSelection(1);\n }\n this.updateValue({ inputMode });\n };\n}\n"]}
@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
2
2
  import React from 'react';
3
3
  import { Nullable } from '../../typings/utility-types';
4
4
  import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
5
+ export declare const MIN_WIDTH = 120;
5
6
  export interface DatePickerProps<T> extends CommonProps {
6
7
  autoFocus?: boolean;
7
8
  disabled?: boolean;
@@ -13,7 +14,7 @@ export interface DatePickerProps<T> extends CommonProps {
13
14
  size?: 'small' | 'medium' | 'large';
14
15
  value?: T | null;
15
16
  warning?: boolean;
16
- width: number | string;
17
+ width?: number | string;
17
18
  onBlur?: () => void;
18
19
  /**
19
20
  * Вызывается при изменении `value`
@@ -82,7 +83,6 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
82
83
  isHoliday: PropTypes.Validator<(...args: any[]) => any>;
83
84
  };
84
85
  static defaultProps: {
85
- width: number;
86
86
  minDate: string;
87
87
  maxDate: string;
88
88
  isHoliday: (_day: DatePickerValue, isWeekend: boolean) => boolean;
@@ -114,6 +114,7 @@ export declare class DatePicker extends React.Component<DatePickerProps<DatePick
114
114
  close(): void;
115
115
  render(): JSX.Element;
116
116
  renderMain: (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => JSX.Element;
117
+ private getRootStyle;
117
118
  private getInputRef;
118
119
  private parseValueToDate;
119
120
  private handleFocus;
@@ -1,4 +1,4 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DatePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
1
+ "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DatePicker = exports.MIN_WIDTH = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _propTypes = _interopRequireDefault(require("prop-types"));
2
2
  var _react = _interopRequireDefault(require("react"));
3
3
  var _reactDom = require("react-dom");
4
4
 
@@ -14,6 +14,7 @@ var _filterProps = require("../../lib/filterProps");
14
14
  var _CommonWrapper = require("../../internal/CommonWrapper");
15
15
  var _client = require("../../lib/client");
16
16
  var _NativeDateInput = require("../../internal/NativeDateInput");
17
+ var _utils = require("../../lib/utils");
17
18
 
18
19
  var _Picker = require("./Picker");
19
20
  var _DatePicker = require("./DatePicker.styles");
@@ -24,9 +25,10 @@ var INPUT_PASS_PROPS = {
24
25
  warning: true,
25
26
  error: true,
26
27
  size: true,
27
- onKeyDown: true };var
28
+ onKeyDown: true };
28
29
 
29
30
 
31
+ var MIN_WIDTH = 120;exports.MIN_WIDTH = MIN_WIDTH;var
30
32
 
31
33
 
32
34
 
@@ -76,8 +78,8 @@ var INPUT_PASS_PROPS = {
76
78
 
77
79
 
78
80
 
79
- DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DatePicker, _React$Component);function DatePicker() {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.
80
81
 
82
+ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DatePicker, _React$Component);function DatePicker() {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.
81
83
 
82
84
 
83
85
 
@@ -248,7 +250,7 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
248
250
  return /*#__PURE__*/(
249
251
  _react.default.createElement("label", {
250
252
  className: _DatePicker.styles.root(),
251
- style: { width: _this.props.width },
253
+ style: _this.getRootStyle(),
252
254
  onMouseEnter: _this.props.onMouseEnter,
253
255
  onMouseLeave: _this.props.onMouseLeave,
254
256
  onMouseOver: _this.props.onMouseOver }, /*#__PURE__*/
@@ -279,6 +281,11 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
279
281
 
280
282
  };_this.
281
283
 
284
+ getRootStyle = function () {var
285
+ width = _this.props.width;
286
+ return (0, _utils.isNonNullable)(width) ? { width: width } : { minWidth: MIN_WIDTH };
287
+ };_this.
288
+
282
289
  getInputRef = function (ref) {
283
290
  _this.input = ref;
284
291
  };_this.
@@ -351,4 +358,4 @@ DatePicker = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
351
358
  * Минимальная дата в календаре.
352
359
  */minDate: _propTypes.default.string.isRequired, /**
353
360
  * Строка формата `dd.mm.yyyy`
354
- */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func.isRequired };DatePicker.defaultProps = { width: 120, minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} };DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });};
361
+ */value: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired, onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onKeyDown: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, isHoliday: _propTypes.default.func.isRequired };DatePicker.defaultProps = { minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} };DatePicker.validate = function (value, range) {if (range === void 0) {range = {};}if (!value) {return false;}var _range = range,_range$minDate = _range.minDate,minDate = _range$minDate === void 0 ? _constants.MIN_FULLDATE : _range$minDate,_range$maxDate = _range.maxDate,maxDate = _range$maxDate === void 0 ? _constants.MAX_FULLDATE : _range$maxDate;var internalDate = new _InternalDate.InternalDate({ order: _types.InternalDateOrder.DMY, separator: _types.InternalDateSeparator.Dot }).setRangeStart(new _InternalDate.InternalDate({ value: minDate })).setRangeEnd(new _InternalDate.InternalDate({ value: maxDate })).parseValue(value);return internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull, _types.InternalDateValidateCheck.Number, _types.InternalDateValidateCheck.Native, _types.InternalDateValidateCheck.Limits, _types.InternalDateValidateCheck.Range] });};
@@ -1 +1 @@
1
- {"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","DatePicker","state","opened","canUseMobileNativeDatePicker","input","focused","internalDate","parseValueToDate","props","value","minDate","maxDate","renderMain","picker","date","toNativeFormat","menuAlign","undefined","handlePick","handleSelect","enableTodayLink","isHoliday","styles","root","width","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","ref","setState","onFocus","close","onBlur","dateShape","blur","month","year","InternalDateTransformer","dateToInternalString","isWeekend","dateString","componentDidMount","useMobileNativeDatePicker","isMobile","focus","UNSAFE_componentWillReceiveProps","nextProps","render","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","defaultProps","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../internal/Calendar';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\n\nimport { Picker } from './Picker';\nimport { styles } from './DatePicker.styles';\n\nconst INPUT_PASS_PROPS = {\n autoFocus: true,\n disabled: true,\n warning: true,\n error: true,\n size: true,\n onKeyDown: true,\n};\n\nexport interface DatePickerProps<T> extends CommonProps {\n autoFocus?: boolean;\n disabled?: boolean;\n enableTodayLink?: boolean;\n error?: boolean;\n minDate: T;\n maxDate: T;\n menuAlign?: 'left' | 'right';\n size?: 'small' | 'medium' | 'large';\n value?: T | null;\n warning?: boolean;\n width: number | string;\n onBlur?: () => void;\n /**\n * Вызывается при изменении `value`\n *\n * @param value - строка в формате `dd.mm.yyyy`.\n */\n onValueChange: (value: T) => void;\n onFocus?: () => void;\n onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n onMouseEnter?: (e: React.MouseEvent<any>) => void;\n onMouseLeave?: (e: React.MouseEvent<any>) => void;\n onMouseOver?: (e: React.MouseEvent<any>) => void;\n /**\n * Использовать на мобильных устройствах нативный календарь для выбора дат.\n *\n * - На iOS нативный календарь не умеет работать с minDate и maxDate\n */\n useMobileNativeDatePicker?: boolean;\n\n /**\n * Функция для определения праздничных дней\n * @default (_day, isWeekend) => isWeekend\n * @param {T} day - строка в формате `dd.mm.yyyy`\n * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n *\n * @returns {boolean} `true` для выходного или `false` для рабочего дня\n */\n isHoliday: (day: T, isWeekend: boolean) => boolean;\n}\n\nexport interface DatePickerState {\n opened: boolean;\n canUseMobileNativeDatePicker: boolean;\n}\n\ntype DatePickerValue = string;\n\nexport class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {\n public static __KONTUR_REACT_UI__ = 'DatePicker';\n\n public static propTypes = {\n autoFocus: PropTypes.bool,\n\n disabled: PropTypes.bool,\n\n /**\n * Включает кнопку сегодня в календаре\n */\n enableTodayLink: PropTypes.bool,\n\n error: PropTypes.bool,\n\n /**\n * Максимальная дата в календаре.\n */\n maxDate: PropTypes.string.isRequired,\n\n menuAlign: PropTypes.oneOf(['left', 'right'] as Array<'left' | 'right'>),\n\n /**\n * Минимальная дата в календаре.\n */\n minDate: PropTypes.string.isRequired,\n\n /**\n * Строка формата `dd.mm.yyyy`\n */\n value: PropTypes.string,\n\n warning: PropTypes.bool,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n\n onBlur: PropTypes.func,\n\n onValueChange: PropTypes.func.isRequired,\n\n onFocus: PropTypes.func,\n\n onKeyDown: PropTypes.func,\n\n onMouseEnter: PropTypes.func,\n\n onMouseLeave: PropTypes.func,\n\n onMouseOver: PropTypes.func,\n\n isHoliday: PropTypes.func.isRequired,\n };\n\n public static defaultProps = {\n width: 120,\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n isHoliday: (_day: DatePickerValue, isWeekend: boolean) => isWeekend,\n };\n\n public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\n if (!value) {\n return false;\n }\n\n const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n const internalDate = new InternalDate({\n order: InternalDateOrder.DMY,\n separator: InternalDateSeparator.Dot,\n })\n .setRangeStart(new InternalDate({ value: minDate }))\n .setRangeEnd(new InternalDate({ value: maxDate }))\n .parseValue(value);\n\n return internalDate.validate({\n checks: [\n InternalDateValidateCheck.NotNull,\n InternalDateValidateCheck.Number,\n InternalDateValidateCheck.Native,\n InternalDateValidateCheck.Limits,\n InternalDateValidateCheck.Range,\n ],\n });\n };\n\n public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false };\n\n private input: DateInput | null = null;\n private focused = false;\n private internalDate?: InternalDate = this.parseValueToDate(this.props.value);\n private minDate?: InternalDate = this.parseValueToDate(this.props.minDate);\n private maxDate?: InternalDate = this.parseValueToDate(this.props.maxDate);\n\n public componentDidMount() {\n if (this.props.useMobileNativeDatePicker && isMobile) {\n this.setState({\n canUseMobileNativeDatePicker: true,\n });\n }\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>) {\n const { disabled } = nextProps;\n const { opened } = this.state;\n if (disabled && opened) {\n this.close();\n }\n this.internalDate = this.parseValueToDate(nextProps.value);\n this.minDate = this.parseValueToDate(nextProps.minDate);\n this.maxDate = this.parseValueToDate(nextProps.maxDate);\n }\n\n /**\n * @public\n */\n public blur() {\n if (this.input) {\n this.input.blur();\n }\n this.handleBlur();\n }\n\n /**\n * @public\n */\n public focus() {\n if (this.props.disabled) {\n return;\n }\n if (this.input) {\n this.input.focus();\n }\n this.handleFocus();\n }\n\n /**\n * Закрывает выпадашку выбора дня\n * @public\n */\n public close() {\n this.setState({ opened: false });\n }\n\n public render() {\n return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n }\n\n public renderMain = (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => {\n let picker = null;\n const date = this.internalDate ? this.internalDate.toNativeFormat() : null;\n if (this.state.opened) {\n picker = (\n <DropdownContainer getParent={() => findDOMNode(this)} offsetY={2} align={this.props.menuAlign}>\n <Picker\n value={date}\n minDate={(this.minDate && this.minDate.toNativeFormat()) || undefined}\n maxDate={(this.maxDate && this.maxDate.toNativeFormat()) || undefined}\n onPick={this.handlePick}\n onSelect={this.handleSelect}\n enableTodayLink={this.props.enableTodayLink}\n isHoliday={this.isHoliday}\n />\n </DropdownContainer>\n );\n }\n\n return (\n <label\n className={styles.root()}\n style={{ width: this.props.width }}\n onMouseEnter={this.props.onMouseEnter}\n onMouseLeave={this.props.onMouseLeave}\n onMouseOver={this.props.onMouseOver}\n >\n <DateInput\n {...filterProps(props, INPUT_PASS_PROPS)}\n ref={this.getInputRef}\n value={this.props.value || ''}\n width=\"100%\"\n withIcon\n minDate={this.props.minDate}\n maxDate={this.props.maxDate}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onValueChange={this.props.onValueChange}\n />\n {this.state.canUseMobileNativeDatePicker && (\n <NativeDateInput\n onValueChange={this.props.onValueChange}\n value={this.props.value || ''}\n minDate={this.props.minDate}\n maxDate={this.props.maxDate}\n disabled={this.props.disabled}\n />\n )}\n {!this.state.canUseMobileNativeDatePicker && picker}\n </label>\n );\n };\n\n private getInputRef = (ref: DateInput | null) => {\n this.input = ref;\n };\n\n private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\n if (value === undefined || value === null) {\n return undefined;\n }\n const date = new InternalDate({ value });\n if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n return date;\n }\n return undefined;\n }\n\n private handleFocus = () => {\n if (this.focused) {\n return;\n }\n\n this.focused = true;\n\n this.setState({ opened: true });\n\n if (this.props.onFocus) {\n this.props.onFocus();\n }\n };\n\n private handleBlur = () => {\n if (!this.focused) {\n return;\n }\n\n this.focused = false;\n this.close();\n\n if (this.props.onBlur) {\n this.props.onBlur();\n }\n };\n\n private handlePick = (dateShape: CalendarDateShape) => {\n this.handleSelect(dateShape);\n this.blur();\n };\n\n private handleSelect = ({ date, month, year }: CalendarDateShape) => {\n const value = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n return this.props.isHoliday(dateString, isWeekend);\n };\n}\n"]}
1
+ {"version":3,"sources":["DatePicker.tsx"],"names":["INPUT_PASS_PROPS","autoFocus","disabled","warning","error","size","onKeyDown","MIN_WIDTH","DatePicker","state","opened","canUseMobileNativeDatePicker","input","focused","internalDate","parseValueToDate","props","value","minDate","maxDate","renderMain","picker","date","toNativeFormat","menuAlign","undefined","handlePick","handleSelect","enableTodayLink","isHoliday","styles","root","getRootStyle","onMouseEnter","onMouseLeave","onMouseOver","getInputRef","handleBlur","handleFocus","onValueChange","width","minWidth","ref","setState","onFocus","close","onBlur","dateShape","blur","month","year","InternalDateTransformer","dateToInternalString","isWeekend","dateString","componentDidMount","useMobileNativeDatePicker","isMobile","focus","UNSAFE_componentWillReceiveProps","nextProps","render","InternalDate","validate","checks","InternalDateValidateCheck","NotNull","Native","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","number","func","defaultProps","MIN_FULLDATE","MAX_FULLDATE","_day","range","order","InternalDateOrder","DMY","separator","InternalDateSeparator","Dot","setRangeStart","setRangeEnd","parseValue","Number","Limits","Range"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateOrder, InternalDateSeparator, InternalDateValidateCheck } from '../../lib/date/types';\nimport { Nullable } from '../../typings/utility-types';\nimport { CalendarDateShape } from '../../internal/Calendar';\nimport { DateInput } from '../DateInput';\nimport { DropdownContainer } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isMobile } from '../../lib/client';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { Picker } from './Picker';\nimport { styles } from './DatePicker.styles';\n\nconst INPUT_PASS_PROPS = {\n autoFocus: true,\n disabled: true,\n warning: true,\n error: true,\n size: true,\n onKeyDown: true,\n};\n\nexport const MIN_WIDTH = 120;\n\nexport interface DatePickerProps<T> extends CommonProps {\n autoFocus?: boolean;\n disabled?: boolean;\n enableTodayLink?: boolean;\n error?: boolean;\n minDate: T;\n maxDate: T;\n menuAlign?: 'left' | 'right';\n size?: 'small' | 'medium' | 'large';\n value?: T | null;\n warning?: boolean;\n width?: number | string;\n onBlur?: () => void;\n /**\n * Вызывается при изменении `value`\n *\n * @param value - строка в формате `dd.mm.yyyy`.\n */\n onValueChange: (value: T) => void;\n onFocus?: () => void;\n onKeyDown?: (e: React.KeyboardEvent<any>) => void;\n onMouseEnter?: (e: React.MouseEvent<any>) => void;\n onMouseLeave?: (e: React.MouseEvent<any>) => void;\n onMouseOver?: (e: React.MouseEvent<any>) => void;\n /**\n * Использовать на мобильных устройствах нативный календарь для выбора дат.\n *\n * - На iOS нативный календарь не умеет работать с minDate и maxDate\n */\n useMobileNativeDatePicker?: boolean;\n\n /**\n * Функция для определения праздничных дней\n * @default (_day, isWeekend) => isWeekend\n * @param {T} day - строка в формате `dd.mm.yyyy`\n * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n *\n * @returns {boolean} `true` для выходного или `false` для рабочего дня\n */\n isHoliday: (day: T, isWeekend: boolean) => boolean;\n}\n\nexport interface DatePickerState {\n opened: boolean;\n canUseMobileNativeDatePicker: boolean;\n}\n\ntype DatePickerValue = string;\n\nexport class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {\n public static __KONTUR_REACT_UI__ = 'DatePicker';\n\n public static propTypes = {\n autoFocus: PropTypes.bool,\n\n disabled: PropTypes.bool,\n\n /**\n * Включает кнопку сегодня в календаре\n */\n enableTodayLink: PropTypes.bool,\n\n error: PropTypes.bool,\n\n /**\n * Максимальная дата в календаре.\n */\n maxDate: PropTypes.string.isRequired,\n\n menuAlign: PropTypes.oneOf(['left', 'right'] as Array<'left' | 'right'>),\n\n /**\n * Минимальная дата в календаре.\n */\n minDate: PropTypes.string.isRequired,\n\n /**\n * Строка формата `dd.mm.yyyy`\n */\n value: PropTypes.string,\n\n warning: PropTypes.bool,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n\n onBlur: PropTypes.func,\n\n onValueChange: PropTypes.func.isRequired,\n\n onFocus: PropTypes.func,\n\n onKeyDown: PropTypes.func,\n\n onMouseEnter: PropTypes.func,\n\n onMouseLeave: PropTypes.func,\n\n onMouseOver: PropTypes.func,\n\n isHoliday: PropTypes.func.isRequired,\n };\n\n public static defaultProps = {\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n isHoliday: (_day: DatePickerValue, isWeekend: boolean) => isWeekend,\n };\n\n public static validate = (value: Nullable<string>, range: { minDate?: string; maxDate?: string } = {}) => {\n if (!value) {\n return false;\n }\n\n const { minDate = MIN_FULLDATE, maxDate = MAX_FULLDATE } = range;\n const internalDate = new InternalDate({\n order: InternalDateOrder.DMY,\n separator: InternalDateSeparator.Dot,\n })\n .setRangeStart(new InternalDate({ value: minDate }))\n .setRangeEnd(new InternalDate({ value: maxDate }))\n .parseValue(value);\n\n return internalDate.validate({\n checks: [\n InternalDateValidateCheck.NotNull,\n InternalDateValidateCheck.Number,\n InternalDateValidateCheck.Native,\n InternalDateValidateCheck.Limits,\n InternalDateValidateCheck.Range,\n ],\n });\n };\n\n public state: DatePickerState = { opened: false, canUseMobileNativeDatePicker: false };\n\n private input: DateInput | null = null;\n private focused = false;\n private internalDate?: InternalDate = this.parseValueToDate(this.props.value);\n private minDate?: InternalDate = this.parseValueToDate(this.props.minDate);\n private maxDate?: InternalDate = this.parseValueToDate(this.props.maxDate);\n\n public componentDidMount() {\n if (this.props.useMobileNativeDatePicker && isMobile) {\n this.setState({\n canUseMobileNativeDatePicker: true,\n });\n }\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public UNSAFE_componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>) {\n const { disabled } = nextProps;\n const { opened } = this.state;\n if (disabled && opened) {\n this.close();\n }\n this.internalDate = this.parseValueToDate(nextProps.value);\n this.minDate = this.parseValueToDate(nextProps.minDate);\n this.maxDate = this.parseValueToDate(nextProps.maxDate);\n }\n\n /**\n * @public\n */\n public blur() {\n if (this.input) {\n this.input.blur();\n }\n this.handleBlur();\n }\n\n /**\n * @public\n */\n public focus() {\n if (this.props.disabled) {\n return;\n }\n if (this.input) {\n this.input.focus();\n }\n this.handleFocus();\n }\n\n /**\n * Закрывает выпадашку выбора дня\n * @public\n */\n public close() {\n this.setState({ opened: false });\n }\n\n public render() {\n return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n }\n\n public renderMain = (props: CommonWrapperRestProps<DatePickerProps<DatePickerValue>>) => {\n let picker = null;\n const date = this.internalDate ? this.internalDate.toNativeFormat() : null;\n if (this.state.opened) {\n picker = (\n <DropdownContainer getParent={() => findDOMNode(this)} offsetY={2} align={this.props.menuAlign}>\n <Picker\n value={date}\n minDate={(this.minDate && this.minDate.toNativeFormat()) || undefined}\n maxDate={(this.maxDate && this.maxDate.toNativeFormat()) || undefined}\n onPick={this.handlePick}\n onSelect={this.handleSelect}\n enableTodayLink={this.props.enableTodayLink}\n isHoliday={this.isHoliday}\n />\n </DropdownContainer>\n );\n }\n\n return (\n <label\n className={styles.root()}\n style={this.getRootStyle()}\n onMouseEnter={this.props.onMouseEnter}\n onMouseLeave={this.props.onMouseLeave}\n onMouseOver={this.props.onMouseOver}\n >\n <DateInput\n {...filterProps(props, INPUT_PASS_PROPS)}\n ref={this.getInputRef}\n value={this.props.value || ''}\n width=\"100%\"\n withIcon\n minDate={this.props.minDate}\n maxDate={this.props.maxDate}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onValueChange={this.props.onValueChange}\n />\n {this.state.canUseMobileNativeDatePicker && (\n <NativeDateInput\n onValueChange={this.props.onValueChange}\n value={this.props.value || ''}\n minDate={this.props.minDate}\n maxDate={this.props.maxDate}\n disabled={this.props.disabled}\n />\n )}\n {!this.state.canUseMobileNativeDatePicker && picker}\n </label>\n );\n };\n\n private getRootStyle = () => {\n const { width } = this.props;\n return isNonNullable(width) ? { width } : { minWidth: MIN_WIDTH };\n };\n\n private getInputRef = (ref: DateInput | null) => {\n this.input = ref;\n };\n\n private parseValueToDate(value?: Nullable<string>): InternalDate | undefined {\n if (value === undefined || value === null) {\n return undefined;\n }\n const date = new InternalDate({ value });\n if (date.validate({ checks: [InternalDateValidateCheck.NotNull, InternalDateValidateCheck.Native] })) {\n return date;\n }\n return undefined;\n }\n\n private handleFocus = () => {\n if (this.focused) {\n return;\n }\n\n this.focused = true;\n\n this.setState({ opened: true });\n\n if (this.props.onFocus) {\n this.props.onFocus();\n }\n };\n\n private handleBlur = () => {\n if (!this.focused) {\n return;\n }\n\n this.focused = false;\n this.close();\n\n if (this.props.onBlur) {\n this.props.onBlur();\n }\n };\n\n private handlePick = (dateShape: CalendarDateShape) => {\n this.handleSelect(dateShape);\n this.blur();\n };\n\n private handleSelect = ({ date, month, year }: CalendarDateShape) => {\n const value = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n };\n\n private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n return this.props.isHoliday(dateString, isWeekend);\n };\n}\n"]}
@@ -55,6 +55,7 @@ export interface DropdownProps extends CommonProps {
55
55
  }
56
56
  /**
57
57
  * Выпадающее меню.
58
+ *
58
59
  */
59
60
  export declare class Dropdown extends React.Component<DropdownProps> {
60
61
  static __KONTUR_REACT_UI__: string;
@@ -88,6 +88,7 @@ var PASS_PROPS = {
88
88
 
89
89
  /**
90
90
  * Выпадающее меню.
91
+ *
91
92
  */var
92
93
  Dropdown = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Dropdown, _React$Component);function Dropdown() {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.
93
94