@invoicebox/ui 0.1.0-alpha.294 → 0.1.0-alpha.296

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 (294) hide show
  1. package/README.md +28 -28
  2. package/dist/breakpoints/index.d.ts +7 -7
  3. package/dist/components/_helpers/StoryBorderWrapper/index.d.ts +2 -2
  4. package/dist/components/_helpers/selectOptions.d.ts +4 -4
  5. package/dist/components/common/AppCardLink/components/ApkRu.d.ts +4 -4
  6. package/dist/components/common/AppCardLink/components/AppGalleryRu.d.ts +4 -4
  7. package/dist/components/common/AppCardLink/components/GooglePlayRu.d.ts +4 -4
  8. package/dist/components/common/AppCardLink/components/RuStoreRu.d.ts +4 -4
  9. package/dist/components/common/AppCardLink/constants.d.ts +4 -4
  10. package/dist/components/common/AppCardLink/index.d.ts +8 -8
  11. package/dist/components/common/AppCardLink/index.stories.d.ts +10 -10
  12. package/dist/components/common/AppCardLink/styles.d.ts +2 -2
  13. package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +8 -8
  14. package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +5 -5
  15. package/dist/components/common/Arrow/components/Svg/index.d.ts +6 -6
  16. package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +6 -6
  17. package/dist/components/common/Arrow/index.d.ts +10 -10
  18. package/dist/components/common/Arrow/index.stories.d.ts +6 -6
  19. package/dist/components/common/Arrow/palette.d.ts +6 -6
  20. package/dist/components/common/BgCard/index.d.ts +6 -6
  21. package/dist/components/common/BgCard/index.stories.d.ts +5 -5
  22. package/dist/components/common/BgCard/palette.d.ts +5 -5
  23. package/dist/components/common/BgCard/styles.d.ts +6 -6
  24. package/dist/components/common/Calendar/docs.stories.d.ts +6 -6
  25. package/dist/components/common/Calendar/index.d.ts +18 -18
  26. package/dist/components/common/Calendar/index.stories.d.ts +7 -7
  27. package/dist/components/common/Calendar/palette.d.ts +11 -11
  28. package/dist/components/common/Calendar/styles.d.ts +14 -14
  29. package/dist/components/common/Chip/index.d.ts +9 -9
  30. package/dist/components/common/Chip/index.stories.d.ts +5 -5
  31. package/dist/components/common/Chip/styles.d.ts +7 -7
  32. package/dist/components/common/Divider/index.d.ts +7 -7
  33. package/dist/components/common/Divider/index.stories.d.ts +6 -6
  34. package/dist/components/common/Divider/palette.d.ts +5 -5
  35. package/dist/components/common/Divider/styles.d.ts +6 -6
  36. package/dist/components/common/Drawer/index.d.ts +13 -13
  37. package/dist/components/common/Drawer/index.js +83 -16
  38. package/dist/components/common/Drawer/index.stories.d.ts +7 -7
  39. package/dist/components/common/Drawer/palette.d.ts +8 -8
  40. package/dist/components/common/Drawer/styles.d.ts +24 -703
  41. package/dist/components/common/Drawer/styles.js +48 -35
  42. package/dist/components/common/Dropdown/index.d.ts +16 -16
  43. package/dist/components/common/Dropdown/index.js +63 -13
  44. package/dist/components/common/Dropdown/index.stories.d.ts +6 -6
  45. package/dist/components/common/Dropdown/palette.d.ts +6 -6
  46. package/dist/components/common/Dropdown/styles.d.ts +17 -15
  47. package/dist/components/common/Dropdown/styles.js +17 -3
  48. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.d.ts +17 -17
  49. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.d.ts +12 -12
  50. package/dist/components/common/EntityAutocompleteOptionsDrawer/palette.d.ts +5 -5
  51. package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.d.ts +9 -9
  52. package/dist/components/common/Flag/components/ArmFlag/index.d.ts +1 -1
  53. package/dist/components/common/Flag/components/ArmFlag/index.stories.d.ts +5 -5
  54. package/dist/components/common/Flag/components/AzeFlag/index.d.ts +1 -1
  55. package/dist/components/common/Flag/components/AzeFlag/index.stories.d.ts +5 -5
  56. package/dist/components/common/Flag/components/BlrFlag/index.d.ts +1 -1
  57. package/dist/components/common/Flag/components/BlrFlag/index.stories.d.ts +5 -5
  58. package/dist/components/common/Flag/components/ChnFlag/index.d.ts +1 -1
  59. package/dist/components/common/Flag/components/ChnFlag/index.stories.d.ts +5 -5
  60. package/dist/components/common/Flag/components/EngFlag/index.d.ts +1 -1
  61. package/dist/components/common/Flag/components/EngFlag/index.stories.d.ts +5 -5
  62. package/dist/components/common/Flag/components/EspFlag/index.d.ts +1 -1
  63. package/dist/components/common/Flag/components/EspFlag/index.stories.d.ts +5 -5
  64. package/dist/components/common/Flag/components/KazFlag/index.d.ts +1 -1
  65. package/dist/components/common/Flag/components/KazFlag/index.stories.d.ts +5 -5
  66. package/dist/components/common/Flag/components/KgzFlag/index.d.ts +1 -1
  67. package/dist/components/common/Flag/components/KgzFlag/index.stories.d.ts +5 -5
  68. package/dist/components/common/Flag/components/MdaFlag/index.d.ts +1 -1
  69. package/dist/components/common/Flag/components/MdaFlag/index.stories.d.ts +5 -5
  70. package/dist/components/common/Flag/components/RusFlag/index.d.ts +1 -1
  71. package/dist/components/common/Flag/components/RusFlag/index.stories.d.ts +5 -5
  72. package/dist/components/common/Flag/components/TjkFlag/index.d.ts +1 -1
  73. package/dist/components/common/Flag/components/TjkFlag/index.stories.d.ts +5 -5
  74. package/dist/components/common/Flag/components/UnknownFlag/index.d.ts +1 -1
  75. package/dist/components/common/Flag/components/UnknownFlag/index.stories.d.ts +5 -5
  76. package/dist/components/common/Flag/components/UzbFlag/index.d.ts +1 -1
  77. package/dist/components/common/Flag/components/UzbFlag/index.stories.d.ts +5 -5
  78. package/dist/components/common/Flag/index.d.ts +11 -11
  79. package/dist/components/common/Flag/index.stories.d.ts +6 -6
  80. package/dist/components/common/Flag/styles.d.ts +4 -4
  81. package/dist/components/common/InvoiceboxLogo/components/LogoDarkRu.d.ts +6 -6
  82. package/dist/components/common/InvoiceboxLogo/index.d.ts +5 -5
  83. package/dist/components/common/InvoiceboxLogo/index.stories.d.ts +10 -10
  84. package/dist/components/common/InvoiceboxSpinner/index.d.ts +7 -7
  85. package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +10 -10
  86. package/dist/components/common/InvoiceboxSpinner/palette.d.ts +6 -6
  87. package/dist/components/common/InvoiceboxSpinner/styles.d.ts +4 -4
  88. package/dist/components/common/PointsLoader/index.d.ts +1 -1
  89. package/dist/components/common/PointsLoader/index.stories.d.ts +9 -9
  90. package/dist/components/common/PointsLoader/palette.d.ts +6 -6
  91. package/dist/components/common/PointsLoader/styles.d.ts +6 -6
  92. package/dist/components/common/QRCode/index.d.ts +16 -16
  93. package/dist/components/common/QRCode/index.stories.d.ts +5 -5
  94. package/dist/components/common/ReadOnlyLabelValueField/index.d.ts +8 -8
  95. package/dist/components/common/ReadOnlyLabelValueField/index.stories.d.ts +5 -5
  96. package/dist/components/common/ReadOnlyLabelValueField/palette.d.ts +5 -5
  97. package/dist/components/common/ReadOnlyLabelValueField/styles.d.ts +6 -6
  98. package/dist/components/common/Scrollbar/index.d.ts +8 -8
  99. package/dist/components/common/Scrollbar/index.stories.d.ts +13 -13
  100. package/dist/components/common/Scrollbar/palette.d.ts +5 -5
  101. package/dist/components/common/Scrollbar/styles.d.ts +7 -7
  102. package/dist/components/common/SecondaryButton/index.d.ts +17 -17
  103. package/dist/components/common/SecondaryButton/index.stories.d.ts +11 -11
  104. package/dist/components/common/SecondaryButton/palette.d.ts +8 -8
  105. package/dist/components/common/SecondaryButton/styles.d.ts +13 -13
  106. package/dist/components/common/Skeleton/index.d.ts +8 -8
  107. package/dist/components/common/Skeleton/index.stories.d.ts +11 -11
  108. package/dist/components/common/Skeleton/palette.d.ts +6 -6
  109. package/dist/components/common/Skeleton/styles.d.ts +10 -10
  110. package/dist/components/common/Toast/docs.stories.d.ts +6 -6
  111. package/dist/components/common/Toast/index.d.ts +6 -6
  112. package/dist/components/common/Toast/index.stories.d.ts +11 -11
  113. package/dist/components/common/Toast/palette.d.ts +7 -7
  114. package/dist/components/common/Toast/styles.d.ts +7 -7
  115. package/dist/components/common/Typography/docs.stories.d.ts +6 -6
  116. package/dist/components/common/Typography/index.d.ts +31 -31
  117. package/dist/components/common/Typography/index.stories.d.ts +11 -11
  118. package/dist/components/common/Typography/styles.d.ts +5 -5
  119. package/dist/components/common/Typography/typography.d.ts +23 -23
  120. package/dist/components/common/WarningIcon/components/Icon.d.ts +6 -6
  121. package/dist/components/common/WarningIcon/index.d.ts +7 -7
  122. package/dist/components/common/WarningIcon/index.stories.d.ts +5 -5
  123. package/dist/components/common/WarningIcon/palette.d.ts +5 -5
  124. package/dist/components/common/WarningIcon/styles.d.ts +10 -10
  125. package/dist/components/common/_helpers/selectOptions.d.ts +9 -9
  126. package/dist/components/form/Autocomplete/components/Autocomplete/index.d.ts +38 -38
  127. package/dist/components/form/Autocomplete/components/Autocomplete/index.js +3 -1
  128. package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.d.ts +8 -8
  129. package/dist/components/form/Autocomplete/components/Autocomplete/styles.d.ts +14 -14
  130. package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.d.ts +6 -6
  131. package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/index.stories.d.ts +5 -5
  132. package/dist/components/form/Autocomplete/components/AutocompleteDefaultOption/palette.d.ts +5 -5
  133. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.d.ts +11 -11
  134. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.stories.d.ts +6 -6
  135. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/palette.d.ts +8 -8
  136. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.d.ts +18 -18
  137. package/dist/components/form/Autocomplete/index.d.ts +4 -4
  138. package/dist/components/form/CodeInput/index.d.ts +11 -11
  139. package/dist/components/form/CodeInput/index.stories.d.ts +6 -6
  140. package/dist/components/form/CodeInput/palette.d.ts +6 -6
  141. package/dist/components/form/CodeInput/styles.d.ts +10 -10
  142. package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts +13 -13
  143. package/dist/components/form/CountrySelect/components/CountryItem/index.stories.d.ts +5 -5
  144. package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts +9 -9
  145. package/dist/components/form/CountrySelect/index.d.ts +22 -22
  146. package/dist/components/form/CountrySelect/index.js +3 -1
  147. package/dist/components/form/CountrySelect/index.stories.d.ts +5 -5
  148. package/dist/components/form/CountrySelect/logic.d.ts +5 -5
  149. package/dist/components/form/CountrySelect/palette.d.ts +9 -9
  150. package/dist/components/form/CountrySelect/stlyes.d.ts +8 -8
  151. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.d.ts +12 -12
  152. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.stories.d.ts +5 -5
  153. package/dist/components/form/CurrencyInput/CoreCurrencyInput/styles.d.ts +15 -15
  154. package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.d.ts +6 -6
  155. package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.stories.d.ts +5 -5
  156. package/dist/components/form/CurrencyInput/CurrencyInputString/index.d.ts +6 -6
  157. package/dist/components/form/CurrencyInput/CurrencyInputString/index.stories.d.ts +5 -5
  158. package/dist/components/form/CurrencyInput/README.md +24 -24
  159. package/dist/components/form/DateInput/components/CalendarIcon/index.d.ts +1 -1
  160. package/dist/components/form/DateInput/components/CalendarIcon/index.stories.d.ts +5 -5
  161. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.d.ts +9 -9
  162. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.stories.d.ts +6 -6
  163. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/styles.d.ts +2 -2
  164. package/dist/components/form/DateInput/docs.stories.d.ts +6 -6
  165. package/dist/components/form/DateInput/index.d.ts +17 -17
  166. package/dist/components/form/DateInput/index.js +3 -1
  167. package/dist/components/form/DateInput/index.stories.d.ts +6 -6
  168. package/dist/components/form/DateInput/logic.d.ts +12 -12
  169. package/dist/components/form/DateInput/palette.d.ts +5 -5
  170. package/dist/components/form/DateInput/styles.d.ts +8 -8
  171. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts +14 -14
  172. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.d.ts +6 -6
  173. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.d.ts +3 -3
  174. package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.d.ts +8 -8
  175. package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.d.ts +7 -7
  176. package/dist/components/form/DateTimeInput/components/TimePicker/index.d.ts +9 -9
  177. package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.d.ts +5 -5
  178. package/dist/components/form/DateTimeInput/components/TimePicker/palette.d.ts +10 -10
  179. package/dist/components/form/DateTimeInput/components/TimePicker/styles.d.ts +22 -22
  180. package/dist/components/form/DateTimeInput/hooks/useStringValue.d.ts +1 -1
  181. package/dist/components/form/DateTimeInput/hooks/useTimePickerHeight.d.ts +6 -6
  182. package/dist/components/form/DateTimeInput/index.d.ts +19 -19
  183. package/dist/components/form/DateTimeInput/index.js +3 -1
  184. package/dist/components/form/DateTimeInput/index.stories.d.ts +6 -6
  185. package/dist/components/form/DateTimeInput/palette.d.ts +10 -10
  186. package/dist/components/form/DateTimeInput/styles.d.ts +19 -19
  187. package/dist/components/form/InputLabel/index.d.ts +13 -13
  188. package/dist/components/form/InputLabel/index.stories.d.ts +5 -5
  189. package/dist/components/form/InputLabel/palette.d.ts +9 -9
  190. package/dist/components/form/InputLabel/styles.d.ts +16 -16
  191. package/dist/components/form/ModernPlaceholder/index.d.ts +12 -12
  192. package/dist/components/form/ModernPlaceholder/styles.d.ts +10 -10
  193. package/dist/components/form/PhoneInput/constants.d.ts +3 -3
  194. package/dist/components/form/PhoneInput/externalPhoneLogic.d.ts +7 -7
  195. package/dist/components/form/PhoneInput/hooks/useValidateInitialValue.d.ts +5 -5
  196. package/dist/components/form/PhoneInput/index.d.ts +27 -27
  197. package/dist/components/form/PhoneInput/index.stories.d.ts +7 -7
  198. package/dist/components/form/PhoneInput/phoneInputLogic.d.ts +32 -32
  199. package/dist/components/form/PhoneInput/styles.d.ts +4 -4
  200. package/dist/components/form/PhoneInput/types.d.ts +18 -18
  201. package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +6 -6
  202. package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +4 -4
  203. package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +9 -9
  204. package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +4 -4
  205. package/dist/components/form/PositiveIntegerInput/index.d.ts +13 -13
  206. package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +5 -5
  207. package/dist/components/form/PositiveIntegerInput/styles.d.ts +6 -6
  208. package/dist/components/form/PureInput/index.d.ts +32 -32
  209. package/dist/components/form/PureInput/index.stories.d.ts +5 -5
  210. package/dist/components/form/PureInput/palette.d.ts +11 -11
  211. package/dist/components/form/PureInput/styles.d.ts +28 -28
  212. package/dist/components/form/ResetButton/CrossIcon/index.d.ts +1 -1
  213. package/dist/components/form/ResetButton/CrossIcon/index.stories.d.ts +5 -5
  214. package/dist/components/form/ResetButton/index.d.ts +5 -5
  215. package/dist/components/form/ResetButton/index.stories.d.ts +5 -5
  216. package/dist/components/form/ResetButton/palette.d.ts +5 -5
  217. package/dist/components/form/ResetButton/styles.d.ts +4 -4
  218. package/dist/components/form/SearchInput/components/SearchIcon/index.d.ts +1 -1
  219. package/dist/components/form/SearchInput/components/SearchIcon/index.stories.d.ts +5 -5
  220. package/dist/components/form/SearchInput/index.d.ts +15 -15
  221. package/dist/components/form/SearchInput/index.stories.d.ts +5 -5
  222. package/dist/components/form/SearchInput/palette.d.ts +5 -5
  223. package/dist/components/form/SearchInput/styles.d.ts +7 -7
  224. package/dist/components/form/Select/components/Input/index.d.ts +17 -17
  225. package/dist/components/form/Select/components/Input/index.stories.d.ts +5 -5
  226. package/dist/components/form/Select/components/Input/styles.d.ts +5 -5
  227. package/dist/components/form/Select/components/Loader/index.d.ts +2 -2
  228. package/dist/components/form/Select/components/Loader/styles.d.ts +4 -4
  229. package/dist/components/form/Select/hooks/useOptionGroups.d.ts +5 -5
  230. package/dist/components/form/Select/index.d.ts +34 -34
  231. package/dist/components/form/Select/index.js +13 -11
  232. package/dist/components/form/Select/index.stories.d.ts +12 -12
  233. package/dist/components/form/Select/palette.d.ts +6 -6
  234. package/dist/components/form/Select/styles.d.ts +22 -22
  235. package/dist/components/form/TagsInput/assets/CrossIcon.d.ts +6 -6
  236. package/dist/components/form/TagsInput/index.d.ts +14 -14
  237. package/dist/components/form/TagsInput/index.stories.d.ts +5 -5
  238. package/dist/components/form/TagsInput/palette.d.ts +6 -6
  239. package/dist/components/form/TagsInput/styles.d.ts +19 -19
  240. package/dist/components/form/TextInput/index.d.ts +22 -22
  241. package/dist/components/form/TextInput/index.stories.d.ts +5 -5
  242. package/dist/components/form/TextInput/styles.d.ts +3 -3
  243. package/dist/components/form/Toggle/index.d.ts +9 -9
  244. package/dist/components/form/Toggle/index.stories.d.ts +5 -5
  245. package/dist/components/form/Toggle/palette.d.ts +10 -10
  246. package/dist/components/form/Toggle/styles.d.ts +24 -24
  247. package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.d.ts +1 -1
  248. package/dist/components/form/common/DrawerHeader/components/Cross24Icon/index.stories.d.ts +5 -5
  249. package/dist/components/form/common/DrawerHeader/index.d.ts +8 -8
  250. package/dist/components/form/common/DrawerHeader/index.stories.d.ts +5 -5
  251. package/dist/components/form/common/DrawerHeader/palette.d.ts +7 -7
  252. package/dist/components/form/common/DrawerHeader/styles.d.ts +11 -11
  253. package/dist/components/form/constants.d.ts +14 -14
  254. package/dist/esm/components/common/Drawer/index.js +84 -17
  255. package/dist/esm/components/common/Drawer/styles.js +47 -34
  256. package/dist/esm/components/common/Dropdown/index.js +64 -14
  257. package/dist/esm/components/common/Dropdown/styles.js +16 -2
  258. package/dist/esm/components/form/Autocomplete/components/Autocomplete/index.js +3 -1
  259. package/dist/esm/components/form/CountrySelect/index.js +4 -2
  260. package/dist/esm/components/form/CurrencyInput/README.md +24 -24
  261. package/dist/esm/components/form/DateInput/index.js +3 -1
  262. package/dist/esm/components/form/DateTimeInput/index.js +3 -1
  263. package/dist/esm/components/form/Select/index.js +13 -11
  264. package/dist/esm/hooks/useOutsideClick/index.js +15 -4
  265. package/dist/hooks/useInputFocus/index.d.ts +11 -11
  266. package/dist/hooks/useInputFocus/index.stories.d.ts +4 -4
  267. package/dist/hooks/useLoadingSubmit/index.d.ts +6 -6
  268. package/dist/hooks/useLoadingSubmit/index.stories.d.ts +4 -4
  269. package/dist/hooks/useMedia/index.d.ts +4 -4
  270. package/dist/hooks/useMedia/index.stories.d.ts +4 -4
  271. package/dist/hooks/useModal/index.d.ts +1 -1
  272. package/dist/hooks/useModal/index.stories.d.ts +4 -4
  273. package/dist/hooks/useOutsideClick/index.d.ts +2 -2
  274. package/dist/hooks/useOutsideClick/index.js +14 -4
  275. package/dist/hooks/useOutsideClick/index.stories.d.ts +4 -4
  276. package/dist/hooks/useUnupdatableHandler/index.d.ts +1 -1
  277. package/dist/hooks/useUnupdatableHandler/index.stories.d.ts +4 -4
  278. package/dist/index.d.ts +72 -72
  279. package/dist/palette/colors.stories.d.ts +4 -4
  280. package/dist/palette/constants.d.ts +2 -2
  281. package/dist/palette/context.d.ts +65 -65
  282. package/dist/palette/index.d.ts +4 -4
  283. package/dist/palette/index.stories.d.ts +4 -4
  284. package/dist/palette/provider.d.ts +10 -10
  285. package/dist/palette/types.d.ts +12 -12
  286. package/dist/palette/useComponentPalette.d.ts +2 -2
  287. package/dist/palette/usePalette.d.ts +32 -32
  288. package/dist/utils/hexToRgba.d.ts +1 -1
  289. package/dist/utils/transformColorByHsl.d.ts +7 -7
  290. package/dist/validate/index.d.ts +11 -11
  291. package/dist/validate/types.d.ts +1 -1
  292. package/dist/validate/utils/vatNumberValidateHelpers.d.ts +23 -23
  293. package/dist/validate/utils/websiteValidate.test.d.ts +1 -1
  294. package/package.json +77 -77
@@ -1,18 +1,18 @@
1
- /// <reference types="react" />
2
- export declare const OrganizationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
- $recalculateWidthAndBorder?: boolean | undefined;
5
- $hoverBg: string;
6
- }>> & string;
7
- export declare const OrganizationName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TTypographyProps>, import("styled-components/dist/types").BaseObject>, {
8
- $color: string;
9
- }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
10
- export declare const OrganizationDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TTypographyProps>, import("styled-components/dist/types").BaseObject>, {
11
- $color: string;
12
- }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
13
- export declare const OrganizationLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TTypographyProps>, import("styled-components/dist/types").BaseObject>, {
14
- $color: string;
15
- }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
16
- export declare const OrganizationVatNumber: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
17
- export declare const OrganizationProperties: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
18
- export declare const Feature: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1
+ /// <reference types="react" />
2
+ export declare const OrganizationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ $recalculateWidthAndBorder?: boolean | undefined;
5
+ $hoverBg: string;
6
+ }>> & string;
7
+ export declare const OrganizationName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TTypographyProps>, import("styled-components/dist/types").BaseObject>, {
8
+ $color: string;
9
+ }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
10
+ export declare const OrganizationDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TTypographyProps>, import("styled-components/dist/types").BaseObject>, {
11
+ $color: string;
12
+ }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
13
+ export declare const OrganizationLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TTypographyProps>, import("styled-components/dist/types").BaseObject>, {
14
+ $color: string;
15
+ }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
16
+ export declare const OrganizationVatNumber: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
17
+ export declare const OrganizationProperties: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
18
+ export declare const Feature: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,4 +1,4 @@
1
- export { Autocomplete } from './components/Autocomplete';
2
- export type { TProps } from './components/Autocomplete';
3
- export { AutocompleteDefaultOption } from './components/AutocompleteDefaultOption';
4
- export { OrganizationAutocompleteItem } from './components/OrganizationAutocompleteItem';
1
+ export { Autocomplete } from './components/Autocomplete';
2
+ export type { TProps } from './components/Autocomplete';
3
+ export { AutocompleteDefaultOption } from './components/AutocompleteDefaultOption';
4
+ export { OrganizationAutocompleteItem } from './components/OrganizationAutocompleteItem';
@@ -1,11 +1,11 @@
1
- import { FC } from 'react';
2
- export type TProps = {
3
- value: string;
4
- onChange: (value: string) => void;
5
- codeLength: number;
6
- hasError?: boolean;
7
- isLarge?: boolean;
8
- disabled?: boolean;
9
- autoFocus?: boolean;
10
- };
11
- export declare const CodeInput: FC<TProps>;
1
+ import { FC } from 'react';
2
+ export type TProps = {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ codeLength: number;
6
+ hasError?: boolean;
7
+ isLarge?: boolean;
8
+ disabled?: boolean;
9
+ autoFocus?: boolean;
10
+ };
11
+ export declare const CodeInput: FC<TProps>;
@@ -1,6 +1,6 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CodeInput, TProps } from '.';
3
- declare const meta: Meta<typeof CodeInput>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;
6
- export declare const Live: StoryObj<TProps>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CodeInput, TProps } from '.';
3
+ declare const meta: Meta<typeof CodeInput>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps>;
6
+ export declare const Live: StoryObj<TProps>;
@@ -1,6 +1,6 @@
1
- import { TAbstractPalette } from '../../../palette';
2
- export type TCodeInputPalette = {
3
- errorBorder: string;
4
- defaultBorder: string;
5
- };
6
- export declare const generateCodeInputPalette: (abstractPalette: TAbstractPalette) => TCodeInputPalette;
1
+ import { TAbstractPalette } from '../../../palette';
2
+ export type TCodeInputPalette = {
3
+ errorBorder: string;
4
+ defaultBorder: string;
5
+ };
6
+ export declare const generateCodeInputPalette: (abstractPalette: TAbstractPalette) => TCodeInputPalette;
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- export declare const CodeInputItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
3
- $errorBorder: string;
4
- $defaultBorder: string;
5
- $hasError?: boolean | undefined;
6
- disabled: boolean;
7
- }>> & string;
8
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
9
- $isLarge: boolean;
10
- }>> & string;
1
+ /// <reference types="react" />
2
+ export declare const CodeInputItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
3
+ $errorBorder: string;
4
+ $defaultBorder: string;
5
+ $hasError?: boolean | undefined;
6
+ disabled: boolean;
7
+ }>> & string;
8
+ export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
9
+ $isLarge: boolean;
10
+ }>> & string;
@@ -1,13 +1,13 @@
1
- import { TFlagKey } from '../../../../common/Flag';
2
- import { TCountrySelectPalette } from '../../palette';
3
- export type TProps<TValue> = {
4
- countryLabel: string;
5
- onSelect: (value: TValue) => void;
6
- value: TValue;
7
- isSelected: boolean;
8
- description: string;
9
- selectedLabel: string;
10
- palette: TCountrySelectPalette;
11
- flag?: TFlagKey;
12
- };
13
- export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
1
+ import { TFlagKey } from '../../../../common/Flag';
2
+ import { TCountrySelectPalette } from '../../palette';
3
+ export type TProps<TValue> = {
4
+ countryLabel: string;
5
+ onSelect: (value: TValue) => void;
6
+ value: TValue;
7
+ isSelected: boolean;
8
+ description: string;
9
+ selectedLabel: string;
10
+ palette: TCountrySelectPalette;
11
+ flag?: TFlagKey;
12
+ };
13
+ export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CountryItem, TProps } from '.';
3
- declare const meta: Meta<typeof CountryItem>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps<string>>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CountryItem, TProps } from '.';
3
+ declare const meta: Meta<typeof CountryItem>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps<string>>;
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
- import { TCountrySelectPalette } from '../../palette';
3
- export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
- $isSelected: boolean;
5
- $palette: TCountrySelectPalette;
6
- }>> & string;
7
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
8
- $palette: TCountrySelectPalette;
9
- }>> & string;
1
+ /// <reference types="react" />
2
+ import { TCountrySelectPalette } from '../../palette';
3
+ export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ $isSelected: boolean;
5
+ $palette: TCountrySelectPalette;
6
+ }>> & string;
7
+ export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
8
+ $palette: TCountrySelectPalette;
9
+ }>> & string;
@@ -1,22 +1,22 @@
1
- import { FC } from 'react';
2
- import { TProps as TCountryItemProps } from './components/CountryItem';
3
- import { TProps as TSearchInputProps } from '../SearchInput';
4
- import { TFlagKey } from '../../common/Flag';
5
- import { TDropdownProps } from '../../../index';
6
- type TOption = {
7
- value: string;
8
- label: string;
9
- description: string;
10
- flag?: TFlagKey;
11
- };
12
- type TFieldProps = {
13
- value: TOption['value'];
14
- onChange: (value: TOption['value']) => void;
15
- };
16
- type TControlProps<T> = Pick<TSearchInputProps, 'placeholder'> & Pick<TCountryItemProps<T>, 'selectedLabel'> & {
17
- options: TOption[];
18
- disabled?: boolean;
19
- } & Pick<TDropdownProps, 'positionVertical' | 'positionLeft' | 'positionRight' | 'minWidth'>;
20
- export type TProps = TFieldProps & TControlProps<string>;
21
- export declare const CountrySelect: FC<TProps>;
22
- export {};
1
+ import { FC } from 'react';
2
+ import { TProps as TCountryItemProps } from './components/CountryItem';
3
+ import { TProps as TSearchInputProps } from '../SearchInput';
4
+ import { TFlagKey } from '../../common/Flag';
5
+ import { TDropdownProps } from '../../../index';
6
+ type TOption = {
7
+ value: string;
8
+ label: string;
9
+ description: string;
10
+ flag?: TFlagKey;
11
+ };
12
+ type TFieldProps = {
13
+ value: TOption['value'];
14
+ onChange: (value: TOption['value']) => void;
15
+ };
16
+ type TControlProps<T> = Pick<TSearchInputProps, 'placeholder'> & Pick<TCountryItemProps<T>, 'selectedLabel'> & {
17
+ options: TOption[];
18
+ disabled?: boolean;
19
+ } & Pick<TDropdownProps, 'positionVertical' | 'positionLeft' | 'positionRight' | 'minWidth' | 'width' | 'isAutoPosition' | 'isTopPosition'>;
20
+ export type TProps = TFieldProps & TControlProps<string>;
21
+ export declare const CountrySelect: FC<TProps>;
22
+ export {};
@@ -66,7 +66,8 @@ var CountrySelect = exports.CountrySelect = function CountrySelect(_ref) {
66
66
  return !flag;
67
67
  });
68
68
  }, []);
69
- var wrapperRef = (0, _useOutsideClick.useOutsideClick)(handleDropdownClose);
69
+ var dropdownRef = (0, _react.useRef)(null);
70
+ var wrapperRef = (0, _useOutsideClick.useOutsideClick)(handleDropdownClose, [dropdownRef]);
70
71
  var sortedOptions = (0, _react.useMemo)(function () {
71
72
  return [selectedOption].concat(_toConsumableArray(options.filter(function (option) {
72
73
  return option !== selectedOption;
@@ -93,6 +94,7 @@ var CountrySelect = exports.CountrySelect = function CountrySelect(_ref) {
93
94
  }), !disabled && /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
94
95
  isOpen: isOpen
95
96
  })), /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, _extends({
97
+ ref: dropdownRef,
96
98
  isOpen: isOpen,
97
99
  onCloseTransitionEnd: handleClear,
98
100
  zIndex: 6,
@@ -1,5 +1,5 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CountrySelect, TProps } from '.';
3
- declare const meta: Meta<typeof CountrySelect>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CountrySelect, TProps } from '.';
3
+ declare const meta: Meta<typeof CountrySelect>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps>;
@@ -1,5 +1,5 @@
1
- declare class Logic {
2
- isSearchMatchOption(search: string, optionLabel: string): boolean;
3
- }
4
- export declare const logic: Logic;
5
- export {};
1
+ declare class Logic {
2
+ isSearchMatchOption(search: string, optionLabel: string): boolean;
3
+ }
4
+ export declare const logic: Logic;
5
+ export {};
@@ -1,9 +1,9 @@
1
- import { TAbstractPalette } from '../../../palette';
2
- export type TCountrySelectPalette = {
3
- title: string;
4
- border: string;
5
- countryBg: string;
6
- countryHoverBg: string;
7
- countryDescription: string;
8
- };
9
- export declare const generateCountrySelectPalette: (abstractPalette: TAbstractPalette) => TCountrySelectPalette;
1
+ import { TAbstractPalette } from '../../../palette';
2
+ export type TCountrySelectPalette = {
3
+ title: string;
4
+ border: string;
5
+ countryBg: string;
6
+ countryHoverBg: string;
7
+ countryDescription: string;
8
+ };
9
+ export declare const generateCountrySelectPalette: (abstractPalette: TAbstractPalette) => TCountrySelectPalette;
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
2
- import { TCountrySelectPalette } from './palette';
3
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
5
- export declare const ListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const CountrySearchWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
- $palette: TCountrySelectPalette;
8
- }>> & string;
1
+ /// <reference types="react" />
2
+ import { TCountrySelectPalette } from './palette';
3
+ export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
5
+ export declare const ListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
+ export declare const CountrySearchWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
+ $palette: TCountrySelectPalette;
8
+ }>> & string;
@@ -1,12 +1,12 @@
1
- import { FC } from 'react';
2
- import { TProps as TInputLabelProps } from '../../InputLabel';
3
- import { TSizes } from '../../constants';
4
- import { CurrencyInputProps } from 'react-currency-input-field';
5
- export type TProps = Pick<CurrencyInputProps, 'allowNegativeValue' | 'onValueChange' | 'value' | 'defaultValue' | 'allowDecimals' | 'onBlur'> & Pick<TInputLabelProps, 'label' | 'disabled'> & {
6
- hasError?: boolean;
7
- required?: boolean;
8
- } & {
9
- size?: TSizes;
10
- useModernStyles?: boolean;
11
- };
12
- export declare const CoreCurrencyInput: FC<TProps>;
1
+ import { FC } from 'react';
2
+ import { TProps as TInputLabelProps } from '../../InputLabel';
3
+ import { TSizes } from '../../constants';
4
+ import { CurrencyInputProps } from 'react-currency-input-field';
5
+ export type TProps = Pick<CurrencyInputProps, 'allowNegativeValue' | 'onValueChange' | 'value' | 'defaultValue' | 'allowDecimals' | 'onBlur'> & Pick<TInputLabelProps, 'label' | 'disabled'> & {
6
+ hasError?: boolean;
7
+ required?: boolean;
8
+ } & {
9
+ size?: TSizes;
10
+ useModernStyles?: boolean;
11
+ };
12
+ export declare const CoreCurrencyInput: FC<TProps>;
@@ -1,5 +1,5 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CoreCurrencyInput, TProps } from './index';
3
- declare const meta: Meta<typeof CoreCurrencyInput>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CoreCurrencyInput, TProps } from './index';
3
+ declare const meta: Meta<typeof CoreCurrencyInput>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps>;
@@ -1,15 +1,15 @@
1
- /// <reference types="react" />
2
- export declare const StyledCurrencyInputFromLibrary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
3
- $paddingLeft: number;
4
- $paddingRight: number;
5
- $paddingTop: number;
6
- $paddingBottom: number;
7
- $borderRadius: number;
8
- $hasError: boolean;
9
- $inFocus: boolean;
10
- $hasBorder: boolean;
11
- $palette: import("../../PureInput/palette").TPureInputPalette;
12
- $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
13
- $useModernStyles?: boolean | undefined;
14
- }>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
15
- export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1
+ /// <reference types="react" />
2
+ export declare const StyledCurrencyInputFromLibrary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
3
+ $paddingLeft: number;
4
+ $paddingRight: number;
5
+ $paddingTop: number;
6
+ $paddingBottom: number;
7
+ $borderRadius: number;
8
+ $hasError: boolean;
9
+ $inFocus: boolean;
10
+ $hasBorder: boolean;
11
+ $palette: import("../../PureInput/palette").TPureInputPalette;
12
+ $variant?: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints" | undefined;
13
+ $useModernStyles?: boolean | undefined;
14
+ }>> & string & ({} | Omit<import("react").ComponentClass<any, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<any>, keyof import("react").Component<any, {}, any>>);
15
+ export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,6 +1,6 @@
1
- import { FC } from 'react';
2
- import { TProps as TCoreCurrencyInputProps } from '../CoreCurrencyInput';
3
- export type TProps = Omit<TCoreCurrencyInputProps, 'value' | 'onValueChange'> & {
4
- onChange: (value?: number) => void;
5
- };
6
- export declare const CurrencyInputNumber: FC<TProps>;
1
+ import { FC } from 'react';
2
+ import { TProps as TCoreCurrencyInputProps } from '../CoreCurrencyInput';
3
+ export type TProps = Omit<TCoreCurrencyInputProps, 'value' | 'onValueChange'> & {
4
+ onChange: (value?: number) => void;
5
+ };
6
+ export declare const CurrencyInputNumber: FC<TProps>;
@@ -1,5 +1,5 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CurrencyInputNumber, TProps } from './index';
3
- declare const meta: Meta<typeof CurrencyInputNumber>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CurrencyInputNumber, TProps } from './index';
3
+ declare const meta: Meta<typeof CurrencyInputNumber>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps>;
@@ -1,6 +1,6 @@
1
- import { FC } from 'react';
2
- import { TProps as TCoreCurrencyInputProps } from '../CoreCurrencyInput';
3
- export type TProps = Omit<TCoreCurrencyInputProps, 'defaultValue' | 'onValueChange'> & {
4
- onChange: (value?: string) => void;
5
- };
6
- export declare const CurrencyInputString: FC<TProps>;
1
+ import { FC } from 'react';
2
+ import { TProps as TCoreCurrencyInputProps } from '../CoreCurrencyInput';
3
+ export type TProps = Omit<TCoreCurrencyInputProps, 'defaultValue' | 'onValueChange'> & {
4
+ onChange: (value?: string) => void;
5
+ };
6
+ export declare const CurrencyInputString: FC<TProps>;
@@ -1,5 +1,5 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CurrencyInputString, TProps } from './index';
3
- declare const meta: Meta<typeof CurrencyInputString>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CurrencyInputString, TProps } from './index';
3
+ declare const meta: Meta<typeof CurrencyInputString>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<TProps>;
@@ -1,24 +1,24 @@
1
- # Компоненты для ввода валюты
2
-
3
- ## CoreCurrencyInput
4
-
5
- Служебный компонент, необходим для реализации иных компонентов. Недопустимо его прямое использование в компонентах вне текущей директории.
6
-
7
- ## CurrencyInputNumber
8
-
9
- Компонент реализует неконтролируемый инпут. Возвращает в onChange число.
10
-
11
- ## CurrencyInputString
12
-
13
- Компонент реализует контролируемый инпут. Возвращает в onChange строку.
14
-
15
- ## Причины разной реализации инпута валюты
16
-
17
- Мы не можем сделать инпут CurrencyInputNumber контролируемым т.к. нам нужно сохранять разделения разрядов и делитель целой и дробной части - это хранится
18
- в строке. И вы будем вынуждены каждый раз в сабмите конвертировать число в строку.
19
-
20
- CurrencyInputNumber необходим для типовых сценариев, когда мы хотим что-то ввести в инпут и на выходе (в сабмите) получать число.
21
- Обратная стороны заключается в том, что мы не можем влияя на форму, менять значение инпута т.к. инпут неконтролируемый.
22
- Для влияния на значение придётся обновить defaultValue и вызвать перерендер.
23
-
24
- CurrencyInputString необходим для сценариев когда мы хотим влияя на форму изменять значение инпута без сложностей. Недостатком является строка на выходе (в сабмите).
1
+ # Компоненты для ввода валюты
2
+
3
+ ## CoreCurrencyInput
4
+
5
+ Служебный компонент, необходим для реализации иных компонентов. Недопустимо его прямое использование в компонентах вне текущей директории.
6
+
7
+ ## CurrencyInputNumber
8
+
9
+ Компонент реализует неконтролируемый инпут. Возвращает в onChange число.
10
+
11
+ ## CurrencyInputString
12
+
13
+ Компонент реализует контролируемый инпут. Возвращает в onChange строку.
14
+
15
+ ## Причины разной реализации инпута валюты
16
+
17
+ Мы не можем сделать инпут CurrencyInputNumber контролируемым т.к. нам нужно сохранять разделения разрядов и делитель целой и дробной части - это хранится
18
+ в строке. И вы будем вынуждены каждый раз в сабмите конвертировать число в строку.
19
+
20
+ CurrencyInputNumber необходим для типовых сценариев, когда мы хотим что-то ввести в инпут и на выходе (в сабмите) получать число.
21
+ Обратная стороны заключается в том, что мы не можем влияя на форму, менять значение инпута т.к. инпут неконтролируемый.
22
+ Для влияния на значение придётся обновить defaultValue и вызвать перерендер.
23
+
24
+ CurrencyInputString необходим для сценариев когда мы хотим влияя на форму изменять значение инпута без сложностей. Недостатком является строка на выходе (в сабмите).
@@ -1 +1 @@
1
- export declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { CalendarIcon } from '.';
3
- declare const meta: Meta<typeof CalendarIcon>;
4
- export default meta;
5
- export declare const Default: StoryObj<typeof CalendarIcon>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CalendarIcon } from '.';
3
+ declare const meta: Meta<typeof CalendarIcon>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<typeof CalendarIcon>;
@@ -1,9 +1,9 @@
1
- import { FC } from 'react';
2
- import { TProps as TCalendarProps } from '../../../../common/Calendar';
3
- export type TProps = Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
4
- isOpen: boolean;
5
- onClose: () => void;
6
- value: Date | null;
7
- onChange: (newValue: Date) => void;
8
- };
9
- export declare const MobileDrawerDateCalendar: FC<TProps>;
1
+ import { FC } from 'react';
2
+ import { TProps as TCalendarProps } from '../../../../common/Calendar';
3
+ export type TProps = Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
4
+ isOpen: boolean;
5
+ onClose: () => void;
6
+ value: Date | null;
7
+ onChange: (newValue: Date) => void;
8
+ };
9
+ export declare const MobileDrawerDateCalendar: FC<TProps>;
@@ -1,6 +1,6 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MobileDrawerDateCalendar, TProps } from '.';
3
- import 'react-calendar/dist/Calendar.css';
4
- declare const meta: Meta<typeof MobileDrawerDateCalendar>;
5
- export default meta;
6
- export declare const Default: StoryObj<TProps>;
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MobileDrawerDateCalendar, TProps } from '.';
3
+ import 'react-calendar/dist/Calendar.css';
4
+ declare const meta: Meta<typeof MobileDrawerDateCalendar>;
5
+ export default meta;
6
+ export declare const Default: StoryObj<TProps>;
@@ -1,2 +1,2 @@
1
- /// <reference types="react" />
2
- export declare const MobileCalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1
+ /// <reference types="react" />
2
+ export declare const MobileCalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,6 +1,6 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- };
5
- export default meta;
6
- export declare const Installation: StoryObj;
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ };
5
+ export default meta;
6
+ export declare const Installation: StoryObj;
@@ -1,17 +1,17 @@
1
- import { FC } from 'react';
2
- import { TProps as TInputLabelProps } from '../InputLabel';
3
- import { TProps as TPureInputProps } from '../PureInput';
4
- import { TProps as TCalendarProps } from '../../common/Calendar';
5
- import { TSizes } from '../constants';
6
- import { TDropdownProps } from '../../../index';
7
- export type TProps = {
8
- value: Date | null;
9
- onChange: (value: Date) => void;
10
- placeholder?: string;
11
- dropdownProps?: Pick<TDropdownProps, 'isAutoPosition' | 'positionLeft' | 'positionRight' | 'positionVertical'>;
12
- useModernStyles?: boolean;
13
- required?: boolean;
14
- } & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
15
- size?: TSizes;
16
- };
17
- export declare const DateInput: FC<TProps>;
1
+ import { FC } from 'react';
2
+ import { TProps as TInputLabelProps } from '../InputLabel';
3
+ import { TProps as TPureInputProps } from '../PureInput';
4
+ import { TProps as TCalendarProps } from '../../common/Calendar';
5
+ import { TSizes } from '../constants';
6
+ import { TDropdownProps } from '../../../index';
7
+ export type TProps = {
8
+ value: Date | null;
9
+ onChange: (value: Date) => void;
10
+ placeholder?: string;
11
+ dropdownProps?: Pick<TDropdownProps, 'isAutoPosition' | 'positionLeft' | 'positionRight' | 'positionVertical'>;
12
+ useModernStyles?: boolean;
13
+ required?: boolean;
14
+ } & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'> & {
15
+ size?: TSizes;
16
+ };
17
+ export declare const DateInput: FC<TProps>;