@transferwise/components 0.0.0-experimental-b3df26d → 0.0.0-experimental-050f154

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 (121) hide show
  1. package/build/expressiveMoneyInput/AmountInput.js +281 -0
  2. package/build/expressiveMoneyInput/AmountInput.js.map +1 -0
  3. package/build/expressiveMoneyInput/AmountInput.mjs +279 -0
  4. package/build/expressiveMoneyInput/AmountInput.mjs.map +1 -0
  5. package/build/expressiveMoneyInput/AnimatedNumber.js +50 -0
  6. package/build/expressiveMoneyInput/AnimatedNumber.js.map +1 -0
  7. package/build/expressiveMoneyInput/AnimatedNumber.mjs +48 -0
  8. package/build/expressiveMoneyInput/AnimatedNumber.mjs.map +1 -0
  9. package/build/expressiveMoneyInput/Chevron.js +33 -0
  10. package/build/expressiveMoneyInput/Chevron.js.map +1 -0
  11. package/build/expressiveMoneyInput/Chevron.mjs +31 -0
  12. package/build/expressiveMoneyInput/Chevron.mjs.map +1 -0
  13. package/build/expressiveMoneyInput/CurrencySelector.js +160 -0
  14. package/build/expressiveMoneyInput/CurrencySelector.js.map +1 -0
  15. package/build/expressiveMoneyInput/CurrencySelector.mjs +157 -0
  16. package/build/expressiveMoneyInput/CurrencySelector.mjs.map +1 -0
  17. package/build/expressiveMoneyInput/ExpressiveMoneyInput.js +114 -0
  18. package/build/expressiveMoneyInput/ExpressiveMoneyInput.js.map +1 -0
  19. package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.js +17 -0
  20. package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.js.map +1 -0
  21. package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.mjs +13 -0
  22. package/build/expressiveMoneyInput/ExpressiveMoneyInput.messages.mjs.map +1 -0
  23. package/build/expressiveMoneyInput/ExpressiveMoneyInput.mjs +110 -0
  24. package/build/expressiveMoneyInput/ExpressiveMoneyInput.mjs.map +1 -0
  25. package/build/expressiveMoneyInput/useFocus.js +37 -0
  26. package/build/expressiveMoneyInput/useFocus.js.map +1 -0
  27. package/build/expressiveMoneyInput/useFocus.mjs +35 -0
  28. package/build/expressiveMoneyInput/useFocus.mjs.map +1 -0
  29. package/build/expressiveMoneyInput/useInputStyle.js +71 -0
  30. package/build/expressiveMoneyInput/useInputStyle.js.map +1 -0
  31. package/build/expressiveMoneyInput/useInputStyle.mjs +69 -0
  32. package/build/expressiveMoneyInput/useInputStyle.mjs.map +1 -0
  33. package/build/expressiveMoneyInput/utils.js +87 -0
  34. package/build/expressiveMoneyInput/utils.js.map +1 -0
  35. package/build/expressiveMoneyInput/utils.mjs +78 -0
  36. package/build/expressiveMoneyInput/utils.mjs.map +1 -0
  37. package/build/i18n/en.json +2 -0
  38. package/build/i18n/en.json.js +2 -0
  39. package/build/i18n/en.json.js.map +1 -1
  40. package/build/i18n/en.json.mjs +2 -0
  41. package/build/i18n/en.json.mjs.map +1 -1
  42. package/build/index.js +2 -0
  43. package/build/index.js.map +1 -1
  44. package/build/index.mjs +1 -0
  45. package/build/index.mjs.map +1 -1
  46. package/build/main.css +65 -7
  47. package/build/prompt/InlinePrompt/InlinePrompt.js +7 -0
  48. package/build/prompt/InlinePrompt/InlinePrompt.js.map +1 -1
  49. package/build/prompt/InlinePrompt/InlinePrompt.mjs +8 -1
  50. package/build/prompt/InlinePrompt/InlinePrompt.mjs.map +1 -1
  51. package/build/styles/expressiveMoneyInput/AmountInput.css +32 -0
  52. package/build/styles/expressiveMoneyInput/Chevron.css +12 -0
  53. package/build/styles/expressiveMoneyInput/CurrencySelector.css +6 -0
  54. package/build/styles/expressiveMoneyInput/ExpressiveMoneyInput.css +58 -0
  55. package/build/styles/main.css +65 -7
  56. package/build/styles/prompt/InlinePrompt/InlinePrompt.css +7 -7
  57. package/build/types/expressiveMoneyInput/AmountInput.d.ts +13 -0
  58. package/build/types/expressiveMoneyInput/AmountInput.d.ts.map +1 -0
  59. package/build/types/expressiveMoneyInput/AnimatedNumber.d.ts +9 -0
  60. package/build/types/expressiveMoneyInput/AnimatedNumber.d.ts.map +1 -0
  61. package/build/types/expressiveMoneyInput/Chevron.d.ts +6 -0
  62. package/build/types/expressiveMoneyInput/Chevron.d.ts.map +1 -0
  63. package/build/types/expressiveMoneyInput/CurrencySelector.d.ts +30 -0
  64. package/build/types/expressiveMoneyInput/CurrencySelector.d.ts.map +1 -0
  65. package/build/types/expressiveMoneyInput/ExpressiveMoneyInput.d.ts +33 -0
  66. package/build/types/expressiveMoneyInput/ExpressiveMoneyInput.d.ts.map +1 -0
  67. package/build/types/expressiveMoneyInput/ExpressiveMoneyInput.messages.d.ts +12 -0
  68. package/build/types/expressiveMoneyInput/ExpressiveMoneyInput.messages.d.ts.map +1 -0
  69. package/build/types/expressiveMoneyInput/index.d.ts +3 -0
  70. package/build/types/expressiveMoneyInput/index.d.ts.map +1 -0
  71. package/build/types/expressiveMoneyInput/useFocus.d.ts +7 -0
  72. package/build/types/expressiveMoneyInput/useFocus.d.ts.map +1 -0
  73. package/build/types/expressiveMoneyInput/useInputStyle.d.ts +10 -0
  74. package/build/types/expressiveMoneyInput/useInputStyle.d.ts.map +1 -0
  75. package/build/types/expressiveMoneyInput/useSelectionRange.d.ts +10 -0
  76. package/build/types/expressiveMoneyInput/useSelectionRange.d.ts.map +1 -0
  77. package/build/types/expressiveMoneyInput/utils.d.ts +22 -0
  78. package/build/types/expressiveMoneyInput/utils.d.ts.map +1 -0
  79. package/build/types/index.d.ts +2 -0
  80. package/build/types/index.d.ts.map +1 -1
  81. package/build/types/prompt/InlinePrompt/InlinePrompt.d.ts +3 -2
  82. package/build/types/prompt/InlinePrompt/InlinePrompt.d.ts.map +1 -1
  83. package/build/types/test-utils/index.d.ts +4 -0
  84. package/build/types/test-utils/index.d.ts.map +1 -1
  85. package/build/types/withDisplayFormat/WithDisplayFormat.d.ts.map +1 -1
  86. package/build/withDisplayFormat/WithDisplayFormat.js +1 -0
  87. package/build/withDisplayFormat/WithDisplayFormat.js.map +1 -1
  88. package/build/withDisplayFormat/WithDisplayFormat.mjs +1 -0
  89. package/build/withDisplayFormat/WithDisplayFormat.mjs.map +1 -1
  90. package/package.json +1 -1
  91. package/src/expressiveMoneyInput/AmountInput.css +32 -0
  92. package/src/expressiveMoneyInput/AmountInput.less +43 -0
  93. package/src/expressiveMoneyInput/AmountInput.tsx +353 -0
  94. package/src/expressiveMoneyInput/AnimatedNumber.tsx +40 -0
  95. package/src/expressiveMoneyInput/Chevron.css +12 -0
  96. package/src/expressiveMoneyInput/Chevron.less +13 -0
  97. package/src/expressiveMoneyInput/Chevron.tsx +35 -0
  98. package/src/expressiveMoneyInput/CurrencySelector.css +6 -0
  99. package/src/expressiveMoneyInput/CurrencySelector.less +7 -0
  100. package/src/expressiveMoneyInput/CurrencySelector.tsx +218 -0
  101. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +58 -0
  102. package/src/expressiveMoneyInput/ExpressiveMoneyInput.less +13 -0
  103. package/src/expressiveMoneyInput/ExpressiveMoneyInput.messages.ts +13 -0
  104. package/src/expressiveMoneyInput/ExpressiveMoneyInput.story.tsx +290 -0
  105. package/src/expressiveMoneyInput/ExpressiveMoneyInput.tsx +118 -0
  106. package/src/expressiveMoneyInput/index.ts +2 -0
  107. package/src/expressiveMoneyInput/useFocus.ts +35 -0
  108. package/src/expressiveMoneyInput/useInputStyle.ts +85 -0
  109. package/src/expressiveMoneyInput/useSelectionRange.ts +23 -0
  110. package/src/expressiveMoneyInput/utils.spec.ts +114 -0
  111. package/src/expressiveMoneyInput/utils.ts +116 -0
  112. package/src/i18n/en.json +2 -0
  113. package/src/index.ts +2 -0
  114. package/src/main.css +65 -7
  115. package/src/main.less +1 -0
  116. package/src/prompt/InlinePrompt/InlinePrompt.css +7 -7
  117. package/src/prompt/InlinePrompt/InlinePrompt.less +7 -7
  118. package/src/prompt/InlinePrompt/InlinePrompt.story.tsx +49 -0
  119. package/src/prompt/InlinePrompt/InlinePrompt.tsx +12 -2
  120. package/src/ssr.spec.tsx +1 -0
  121. package/src/withDisplayFormat/WithDisplayFormat.tsx +1 -0
@@ -237,6 +237,7 @@ class WithDisplayFormat<T extends TextElementProps> extends React.Component<
237
237
  handleOnFocus: React.FocusEventHandler<HTMLTextElement> = (event) => {
238
238
  const { displayPattern, onFocus } = this.props;
239
239
  if (onFocus) {
240
+ this.handleOnChange(event);
240
241
  onFocus(unformatWithPattern(event.target.value, displayPattern));
241
242
  }
242
243
  };