@transferwise/components 37.0.0 → 37.0.1-beta.23

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 (371) hide show
  1. package/CHANGELOG.md +264 -0
  2. package/build/es/no-polyfill/accordion/Accordion.js +1 -1
  3. package/build/es/no-polyfill/accordion/AccordionItem/AccordionItem.js +1 -1
  4. package/build/es/no-polyfill/actionOption/ActionOption.js +1 -1
  5. package/build/es/no-polyfill/actionOption/ActionOption.story.js +1 -1
  6. package/build/es/no-polyfill/alert/Alert.js +1 -1
  7. package/build/es/no-polyfill/alert/inlineMarkdown/InlineMarkdown.js +1 -1
  8. package/build/es/no-polyfill/alert/withArrow/withArrow.js +1 -1
  9. package/build/es/no-polyfill/avatar/Avatar.js +1 -1
  10. package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  11. package/build/es/no-polyfill/badge/Badge.js +1 -1
  12. package/build/es/no-polyfill/button/Button.js +1 -2
  13. package/build/es/no-polyfill/card/Card.js +2 -5
  14. package/build/es/no-polyfill/checkbox/Checkbox.js +1 -1
  15. package/build/es/no-polyfill/checkboxButton/CheckboxButton.js +1 -1
  16. package/build/es/no-polyfill/checkboxOption/CheckboxOption.js +1 -1
  17. package/build/es/no-polyfill/chevron/Chevron.js +1 -1
  18. package/build/es/no-polyfill/chip/Chip.js +8 -2
  19. package/build/es/no-polyfill/circularButton/CircularButton.js +1 -1
  20. package/build/es/no-polyfill/common/Option/Option.js +1 -1
  21. package/build/es/no-polyfill/common/Option/OptionDocumentation.js +1 -0
  22. package/build/es/no-polyfill/common/RadioButton/RadioButton.js +1 -1
  23. package/build/es/no-polyfill/common/bottomSheet/BottomSheet.js +4 -6
  24. package/build/es/no-polyfill/common/closeButton/CloseButton.js +1 -1
  25. package/build/es/no-polyfill/common/focusBoundary/FocusBoundary.js +1 -1
  26. package/build/es/no-polyfill/common/focusBoundary/utils/getFocusableElements.js +2 -2
  27. package/build/es/no-polyfill/common/focusBoundary/utils/resetFocus.js +2 -2
  28. package/build/es/no-polyfill/common/historyNavigator/historyNavigator.js +1 -1
  29. package/build/es/no-polyfill/common/hooks/useClientWidth/useClientWidth.js +2 -1
  30. package/build/es/no-polyfill/common/hooks/useConditionalListener/useConditionalListener.js +3 -5
  31. package/build/es/no-polyfill/common/hooks/useHasIntersected/useHasIntersected.js +3 -2
  32. package/build/es/no-polyfill/common/keyCodes.js +1 -0
  33. package/build/es/no-polyfill/common/panel/Panel.js +2 -3
  34. package/build/es/no-polyfill/common/requirements.js +2 -2
  35. package/build/es/no-polyfill/common/responsivePanel/ResponsivePanel.js +1 -1
  36. package/build/es/no-polyfill/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.js +1 -1
  37. package/build/es/no-polyfill/common/textFormat/unformatWithPattern/unformatWithPattern.js +1 -1
  38. package/build/es/no-polyfill/dateInput/DateInput.js +3 -4
  39. package/build/es/no-polyfill/dateInput/DateInput.messages.js +1 -0
  40. package/build/es/no-polyfill/dateLookup/DateLookup.js +1 -1
  41. package/build/es/no-polyfill/dateLookup/dateTrigger/DateTrigger.js +1 -1
  42. package/build/es/no-polyfill/dateLookup/dayCalendar/DayCalendar.js +1 -1
  43. package/build/es/no-polyfill/dateLookup/dayCalendar/table/DayCalendarTable.js +3 -3
  44. package/build/es/no-polyfill/dateLookup/header/Header.js +1 -1
  45. package/build/es/no-polyfill/dateLookup/monthCalendar/MonthCalendar.js +1 -1
  46. package/build/es/no-polyfill/dateLookup/monthCalendar/table/MonthCalendarTable.js +1 -1
  47. package/build/es/no-polyfill/dateLookup/tableLink/TableLink.js +1 -1
  48. package/build/es/no-polyfill/dateLookup/yearCalendar/YearCalendar.js +1 -1
  49. package/build/es/no-polyfill/dateLookup/yearCalendar/table/YearCalendarTable.js +1 -1
  50. package/build/es/no-polyfill/decision/Decision.js +5 -5
  51. package/build/es/no-polyfill/definitionList/DefinitionList.js +1 -1
  52. package/build/es/no-polyfill/dimmer/Dimmer.js +3 -3
  53. package/build/es/no-polyfill/drawer/Drawer.js +1 -1
  54. package/build/es/no-polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js +1 -1
  55. package/build/es/no-polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js +2 -4
  56. package/build/es/no-polyfill/dynamicFieldDefinitionList/utils/text-format.js +1 -1
  57. package/build/es/no-polyfill/emphasis/Emphasis.js +1 -1
  58. package/build/es/no-polyfill/flowNavigation/FlowNavigation.js +1 -1
  59. package/build/es/no-polyfill/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
  60. package/build/es/no-polyfill/flowNavigation/backButton/BackButton.js +1 -1
  61. package/build/es/no-polyfill/header/Header.js +1 -1
  62. package/build/es/no-polyfill/i18n/en.json +3 -2
  63. package/build/es/no-polyfill/i18n/index.js +1 -1
  64. package/build/es/no-polyfill/image/Image.js +4 -5
  65. package/build/es/no-polyfill/info/Info.js +1 -1
  66. package/build/es/no-polyfill/inlineAlert/InlineAlert.js +1 -1
  67. package/build/es/no-polyfill/instructionsList/InstructionsList.js +1 -1
  68. package/build/es/no-polyfill/lab/mobileNav/MobileNav.js +2 -2
  69. package/build/es/no-polyfill/lab/pagination/Pagination.js +1 -1
  70. package/build/es/no-polyfill/lab/pagination/paginationLink/PaginationLink.js +1 -1
  71. package/build/es/no-polyfill/link/Link.js +4 -3
  72. package/build/es/no-polyfill/link/Link.spec.js +1 -0
  73. package/build/es/no-polyfill/link/Link.story.js +1 -0
  74. package/build/es/no-polyfill/loader/Loader.js +7 -3
  75. package/build/es/no-polyfill/logo/Logo.js +1 -1
  76. package/build/es/no-polyfill/markdown/Markdown.js +1 -1
  77. package/build/es/no-polyfill/modal/Modal.js +1 -1
  78. package/build/es/no-polyfill/money/Money.js +1 -1
  79. package/build/es/no-polyfill/moneyInput/MoneyInput.js +1 -2
  80. package/build/es/no-polyfill/navigationOption/NavigationOption.js +1 -1
  81. package/build/es/no-polyfill/navigationOptionsList/NavigationOptionsList.js +1 -1
  82. package/build/es/no-polyfill/nudge/Nudge.js +1 -1
  83. package/build/es/no-polyfill/overlayHeader/OverlayHeader.js +1 -1
  84. package/build/es/no-polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  85. package/build/es/no-polyfill/phoneNumberInput/utils/explodeNumberModel/index.js +2 -1
  86. package/build/es/no-polyfill/phoneNumberInput/utils/filterOptionsForQuery/index.js +1 -0
  87. package/build/es/no-polyfill/phoneNumberInput/utils/findCountryByCode/index.js +1 -1
  88. package/build/es/no-polyfill/phoneNumberInput/utils/findCountryByPrefix/index.js +1 -1
  89. package/build/es/no-polyfill/phoneNumberInput/utils/isOptionAndFitsQuery/isOptionAndFitsQuery.js +1 -0
  90. package/build/es/no-polyfill/phoneNumberInput/utils/setDefaultPrefix/index.js +2 -0
  91. package/build/es/no-polyfill/popover/Popover.js +1 -1
  92. package/build/es/no-polyfill/processIndicator/ProcessIndicator.js +4 -1
  93. package/build/es/no-polyfill/provider/Provider.js +1 -1
  94. package/build/es/no-polyfill/provider/direction/DirectionProvider.js +1 -1
  95. package/build/es/no-polyfill/radio/Radio.js +1 -1
  96. package/build/es/no-polyfill/radioGroup/RadioGroup.js +2 -2
  97. package/build/es/no-polyfill/radioOption/RadioOption.js +1 -1
  98. package/build/es/no-polyfill/select/Select.js +3 -5
  99. package/build/es/no-polyfill/select/option/Option.js +1 -1
  100. package/build/es/no-polyfill/select/searchBox/SearchBox.js +1 -1
  101. package/build/es/no-polyfill/sizeSwapper/SizeSwapper.js +4 -2
  102. package/build/es/no-polyfill/slidingPanel/SlidingPanel.js +2 -2
  103. package/build/es/no-polyfill/snackbar/Snackbar.js +1 -1
  104. package/build/es/no-polyfill/snackbar/SnackbarProvider.js +1 -1
  105. package/build/es/no-polyfill/stepper/Stepper.js +1 -1
  106. package/build/es/no-polyfill/stepper/deviceDetection.js +2 -1
  107. package/build/es/no-polyfill/summary/Summary.js +1 -4
  108. package/build/es/no-polyfill/switch/Switch.js +1 -1
  109. package/build/es/no-polyfill/switch/Switch.story.js +1 -1
  110. package/build/es/no-polyfill/switchOption/SwitchOption.js +1 -1
  111. package/build/es/no-polyfill/switchOption/SwitchOption.story.js +1 -1
  112. package/build/es/no-polyfill/tabs/Tab.js +1 -1
  113. package/build/es/no-polyfill/tabs/Tabs.js +1 -1
  114. package/build/es/no-polyfill/tile/Tile.js +1 -1
  115. package/build/es/no-polyfill/tooltip/Tooltip.js +1 -1
  116. package/build/es/no-polyfill/typeahead/Typeahead.js +1 -2
  117. package/build/es/no-polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  118. package/build/es/no-polyfill/typeahead/typeaheadOption/TypeaheadOption.js +1 -1
  119. package/build/es/no-polyfill/typeahead/util/highlight.js +1 -1
  120. package/build/es/no-polyfill/upload/Upload.js +3 -5
  121. package/build/es/no-polyfill/upload/steps/completeStep/completeStep.js +1 -1
  122. package/build/es/no-polyfill/upload/steps/mediaUploadStep/mediaUploadStep.js +1 -1
  123. package/build/es/no-polyfill/upload/steps/processingStep/processingStep.js +1 -1
  124. package/build/es/no-polyfill/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
  125. package/build/es/no-polyfill/upload/utils/asyncFileRead/asyncFileRead.js +1 -1
  126. package/build/es/no-polyfill/upload/utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.js +1 -1
  127. package/build/es/no-polyfill/upload/utils/index.js +1 -1
  128. package/build/es/no-polyfill/uploadInput/UploadInput.js +4 -6
  129. package/build/es/no-polyfill/uploadInput/UploadInput.spec.js +1 -1
  130. package/build/es/no-polyfill/uploadInput/UploadInput.story.js +1 -1
  131. package/build/es/no-polyfill/uploadInput/types.js +1 -0
  132. package/build/es/no-polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
  133. package/build/es/no-polyfill/uploadInput/uploadButton/UploadButton.spec.js +3 -1
  134. package/build/es/no-polyfill/uploadInput/uploadButton/getAllowedFileTypes.spec.js +1 -1
  135. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItem.js +2 -2
  136. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItem.spec.js +1 -1
  137. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItemBody.js +1 -1
  138. package/build/es/no-polyfill/utilities/{deprecatedProp/deprecatedProp.js → deprecatedProperty/deprecatedProperty.js} +0 -0
  139. package/build/es/no-polyfill/utilities/deprecatedProperty/index.js +1 -0
  140. package/build/es/no-polyfill/utilities/index.js +1 -1
  141. package/build/es/no-polyfill/utilities/logActionRequired.js +1 -1
  142. package/build/es/no-polyfill/withDisplayFormat/WithDisplayFormat.js +2 -2
  143. package/build/es/no-polyfill/withNextPortal/withNextPortal.js +1 -1
  144. package/build/es/no-polyfill/withNormaliser/WithNormalizer.js +3 -0
  145. package/build/es/polyfill/accordion/Accordion.js +1 -1
  146. package/build/es/polyfill/accordion/AccordionItem/AccordionItem.js +1 -1
  147. package/build/es/polyfill/actionOption/ActionOption.js +1 -1
  148. package/build/es/polyfill/actionOption/ActionOption.story.js +1 -1
  149. package/build/es/polyfill/alert/Alert.js +1 -1
  150. package/build/es/polyfill/alert/inlineMarkdown/InlineMarkdown.js +1 -1
  151. package/build/es/polyfill/alert/withArrow/withArrow.js +1 -1
  152. package/build/es/polyfill/avatar/Avatar.js +1 -1
  153. package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  154. package/build/es/polyfill/badge/Badge.js +1 -1
  155. package/build/es/polyfill/button/Button.js +1 -2
  156. package/build/es/polyfill/card/Card.js +2 -5
  157. package/build/es/polyfill/checkbox/Checkbox.js +1 -1
  158. package/build/es/polyfill/checkboxButton/CheckboxButton.js +1 -1
  159. package/build/es/polyfill/checkboxOption/CheckboxOption.js +1 -1
  160. package/build/es/polyfill/chevron/Chevron.js +1 -1
  161. package/build/es/polyfill/chip/Chip.js +8 -2
  162. package/build/es/polyfill/circularButton/CircularButton.js +1 -1
  163. package/build/es/polyfill/common/Option/Option.js +1 -1
  164. package/build/es/polyfill/common/Option/OptionDocumentation.js +1 -0
  165. package/build/es/polyfill/common/RadioButton/RadioButton.js +1 -1
  166. package/build/es/polyfill/common/bottomSheet/BottomSheet.js +4 -6
  167. package/build/es/polyfill/common/closeButton/CloseButton.js +1 -1
  168. package/build/es/polyfill/common/focusBoundary/FocusBoundary.js +1 -1
  169. package/build/es/polyfill/common/focusBoundary/utils/getFocusableElements.js +2 -2
  170. package/build/es/polyfill/common/focusBoundary/utils/resetFocus.js +2 -2
  171. package/build/es/polyfill/common/historyNavigator/historyNavigator.js +1 -1
  172. package/build/es/polyfill/common/hooks/useClientWidth/useClientWidth.js +2 -1
  173. package/build/es/polyfill/common/hooks/useConditionalListener/useConditionalListener.js +3 -5
  174. package/build/es/polyfill/common/hooks/useHasIntersected/useHasIntersected.js +3 -2
  175. package/build/es/polyfill/common/keyCodes.js +1 -0
  176. package/build/es/polyfill/common/panel/Panel.js +2 -3
  177. package/build/es/polyfill/common/requirements.js +2 -2
  178. package/build/es/polyfill/common/responsivePanel/ResponsivePanel.js +1 -1
  179. package/build/es/polyfill/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.js +1 -1
  180. package/build/es/polyfill/common/textFormat/unformatWithPattern/unformatWithPattern.js +1 -1
  181. package/build/es/polyfill/dateInput/DateInput.js +3 -4
  182. package/build/es/polyfill/dateInput/DateInput.messages.js +1 -0
  183. package/build/es/polyfill/dateLookup/DateLookup.js +1 -1
  184. package/build/es/polyfill/dateLookup/dateTrigger/DateTrigger.js +1 -1
  185. package/build/es/polyfill/dateLookup/dayCalendar/DayCalendar.js +1 -1
  186. package/build/es/polyfill/dateLookup/dayCalendar/table/DayCalendarTable.js +3 -3
  187. package/build/es/polyfill/dateLookup/header/Header.js +1 -1
  188. package/build/es/polyfill/dateLookup/monthCalendar/MonthCalendar.js +1 -1
  189. package/build/es/polyfill/dateLookup/monthCalendar/table/MonthCalendarTable.js +1 -1
  190. package/build/es/polyfill/dateLookup/tableLink/TableLink.js +1 -1
  191. package/build/es/polyfill/dateLookup/yearCalendar/YearCalendar.js +1 -1
  192. package/build/es/polyfill/dateLookup/yearCalendar/table/YearCalendarTable.js +1 -1
  193. package/build/es/polyfill/decision/Decision.js +5 -5
  194. package/build/es/polyfill/definitionList/DefinitionList.js +1 -1
  195. package/build/es/polyfill/dimmer/Dimmer.js +3 -3
  196. package/build/es/polyfill/drawer/Drawer.js +1 -1
  197. package/build/es/polyfill/dynamicFieldDefinitionList/DynamicFieldDefinitionList.js +1 -1
  198. package/build/es/polyfill/dynamicFieldDefinitionList/FormattedValue/FormattedValue.js +2 -4
  199. package/build/es/polyfill/dynamicFieldDefinitionList/utils/text-format.js +1 -1
  200. package/build/es/polyfill/emphasis/Emphasis.js +1 -1
  201. package/build/es/polyfill/flowNavigation/FlowNavigation.js +1 -1
  202. package/build/es/polyfill/flowNavigation/animatedLabel/AnimatedLabel.js +1 -1
  203. package/build/es/polyfill/flowNavigation/backButton/BackButton.js +1 -1
  204. package/build/es/polyfill/header/Header.js +1 -1
  205. package/build/es/polyfill/i18n/en.json +3 -2
  206. package/build/es/polyfill/i18n/index.js +1 -1
  207. package/build/es/polyfill/image/Image.js +4 -5
  208. package/build/es/polyfill/info/Info.js +1 -1
  209. package/build/es/polyfill/inlineAlert/InlineAlert.js +1 -1
  210. package/build/es/polyfill/instructionsList/InstructionsList.js +1 -1
  211. package/build/es/polyfill/lab/mobileNav/MobileNav.js +2 -2
  212. package/build/es/polyfill/lab/pagination/Pagination.js +1 -1
  213. package/build/es/polyfill/lab/pagination/paginationLink/PaginationLink.js +1 -1
  214. package/build/es/polyfill/link/Link.js +4 -3
  215. package/build/es/polyfill/link/Link.spec.js +1 -0
  216. package/build/es/polyfill/link/Link.story.js +1 -0
  217. package/build/es/polyfill/loader/Loader.js +7 -3
  218. package/build/es/polyfill/logo/Logo.js +1 -1
  219. package/build/es/polyfill/markdown/Markdown.js +1 -1
  220. package/build/es/polyfill/modal/Modal.js +1 -1
  221. package/build/es/polyfill/money/Money.js +1 -1
  222. package/build/es/polyfill/moneyInput/MoneyInput.js +1 -2
  223. package/build/es/polyfill/navigationOption/NavigationOption.js +1 -1
  224. package/build/es/polyfill/navigationOptionsList/NavigationOptionsList.js +1 -1
  225. package/build/es/polyfill/nudge/Nudge.js +1 -1
  226. package/build/es/polyfill/overlayHeader/OverlayHeader.js +1 -1
  227. package/build/es/polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  228. package/build/es/polyfill/phoneNumberInput/utils/explodeNumberModel/index.js +3 -2
  229. package/build/es/polyfill/phoneNumberInput/utils/filterOptionsForQuery/index.js +1 -0
  230. package/build/es/polyfill/phoneNumberInput/utils/findCountryByCode/index.js +1 -1
  231. package/build/es/polyfill/phoneNumberInput/utils/findCountryByPrefix/index.js +1 -1
  232. package/build/es/polyfill/phoneNumberInput/utils/isOptionAndFitsQuery/isOptionAndFitsQuery.js +1 -0
  233. package/build/es/polyfill/phoneNumberInput/utils/setDefaultPrefix/index.js +2 -0
  234. package/build/es/polyfill/popover/Popover.js +1 -1
  235. package/build/es/polyfill/processIndicator/ProcessIndicator.js +4 -1
  236. package/build/es/polyfill/provider/Provider.js +1 -1
  237. package/build/es/polyfill/provider/direction/DirectionProvider.js +1 -1
  238. package/build/es/polyfill/radio/Radio.js +1 -1
  239. package/build/es/polyfill/radioGroup/RadioGroup.js +2 -2
  240. package/build/es/polyfill/radioOption/RadioOption.js +1 -1
  241. package/build/es/polyfill/select/Select.js +3 -5
  242. package/build/es/polyfill/select/option/Option.js +1 -1
  243. package/build/es/polyfill/select/searchBox/SearchBox.js +1 -1
  244. package/build/es/polyfill/sizeSwapper/SizeSwapper.js +4 -2
  245. package/build/es/polyfill/slidingPanel/SlidingPanel.js +2 -2
  246. package/build/es/polyfill/snackbar/Snackbar.js +1 -1
  247. package/build/es/polyfill/snackbar/SnackbarProvider.js +1 -1
  248. package/build/es/polyfill/stepper/Stepper.js +1 -1
  249. package/build/es/polyfill/stepper/deviceDetection.js +2 -1
  250. package/build/es/polyfill/summary/Summary.js +1 -4
  251. package/build/es/polyfill/switch/Switch.js +1 -1
  252. package/build/es/polyfill/switch/Switch.story.js +1 -1
  253. package/build/es/polyfill/switchOption/SwitchOption.js +1 -1
  254. package/build/es/polyfill/switchOption/SwitchOption.story.js +1 -1
  255. package/build/es/polyfill/tabs/Tab.js +1 -1
  256. package/build/es/polyfill/tabs/Tabs.js +1 -1
  257. package/build/es/polyfill/tile/Tile.js +1 -1
  258. package/build/es/polyfill/tooltip/Tooltip.js +1 -1
  259. package/build/es/polyfill/typeahead/Typeahead.js +1 -2
  260. package/build/es/polyfill/typeahead/typeaheadInput/TypeaheadInput.js +1 -1
  261. package/build/es/polyfill/typeahead/typeaheadOption/TypeaheadOption.js +1 -1
  262. package/build/es/polyfill/typeahead/util/highlight.js +1 -1
  263. package/build/es/polyfill/upload/Upload.js +3 -5
  264. package/build/es/polyfill/upload/steps/completeStep/completeStep.js +1 -1
  265. package/build/es/polyfill/upload/steps/mediaUploadStep/mediaUploadStep.js +1 -1
  266. package/build/es/polyfill/upload/steps/processingStep/processingStep.js +1 -1
  267. package/build/es/polyfill/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
  268. package/build/es/polyfill/upload/utils/asyncFileRead/asyncFileRead.js +1 -1
  269. package/build/es/polyfill/upload/utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.js +2 -2
  270. package/build/es/polyfill/upload/utils/index.js +1 -1
  271. package/build/es/polyfill/uploadInput/UploadInput.js +4 -6
  272. package/build/es/polyfill/uploadInput/UploadInput.spec.js +1 -1
  273. package/build/es/polyfill/uploadInput/UploadInput.story.js +1 -1
  274. package/build/es/polyfill/uploadInput/types.js +1 -0
  275. package/build/es/polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
  276. package/build/es/polyfill/uploadInput/uploadButton/UploadButton.spec.js +3 -1
  277. package/build/es/polyfill/uploadInput/uploadButton/getAllowedFileTypes.spec.js +1 -1
  278. package/build/es/polyfill/uploadInput/uploadItem/UploadItem.js +2 -2
  279. package/build/es/polyfill/uploadInput/uploadItem/UploadItem.spec.js +1 -1
  280. package/build/es/polyfill/uploadInput/uploadItem/UploadItemBody.js +1 -1
  281. package/build/es/polyfill/utilities/{deprecatedProp/deprecatedProp.js → deprecatedProperty/deprecatedProperty.js} +0 -0
  282. package/build/es/polyfill/utilities/deprecatedProperty/index.js +1 -0
  283. package/build/es/polyfill/utilities/index.js +1 -1
  284. package/build/es/polyfill/utilities/logActionRequired.js +1 -1
  285. package/build/es/polyfill/withDisplayFormat/WithDisplayFormat.js +2 -2
  286. package/build/es/polyfill/withNextPortal/withNextPortal.js +1 -1
  287. package/build/es/polyfill/withNormaliser/WithNormalizer.js +3 -0
  288. package/build/i18n/en.json +3 -2
  289. package/build/main.css +1 -1
  290. package/build/styles/accordion/Accordion.css +1 -1
  291. package/build/styles/avatar/Avatar.css +1 -1
  292. package/build/styles/card/Card.css +1 -1
  293. package/build/styles/chip/Chip.css +1 -1
  294. package/build/styles/circularButton/CircularButton.css +1 -1
  295. package/build/styles/common/RadioButton/RadioButton.css +1 -1
  296. package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
  297. package/build/styles/common/closeButton/CloseButton.css +1 -1
  298. package/build/styles/dateLookup/DateLookup.css +1 -1
  299. package/build/styles/dateLookup/dateTrigger/DateTrigger.css +1 -1
  300. package/build/styles/drawer/Drawer.css +1 -1
  301. package/build/styles/emphasis/Emphasis.css +1 -1
  302. package/build/styles/flowNavigation/FlowNavigation.css +1 -1
  303. package/build/styles/flowNavigation/backButton/BackButton.css +1 -1
  304. package/build/styles/info/Info.css +1 -1
  305. package/build/styles/instructionsList/InstructionsList.css +1 -1
  306. package/build/styles/lab/mobileNav/MobileNav.css +1 -1
  307. package/build/styles/lab/pagination/Pagination.css +1 -1
  308. package/build/styles/loader/Loader.css +1 -1
  309. package/build/styles/main.css +1 -1
  310. package/build/styles/moneyInput/MoneyInput.css +1 -1
  311. package/build/styles/navigationOption/NavigationOption.css +1 -1
  312. package/build/styles/nudge/Nudge.css +1 -1
  313. package/build/styles/overlayHeader/OverlayHeader.css +1 -1
  314. package/build/styles/popover/Popover.css +1 -1
  315. package/build/styles/snackbar/Snackbar.css +1 -1
  316. package/build/styles/stepper/Stepper.css +1 -1
  317. package/build/styles/summary/Summary.css +1 -1
  318. package/build/styles/switch/Switch.css +1 -1
  319. package/build/styles/tabs/Tabs.css +1 -1
  320. package/build/styles/tile/Tile.css +1 -1
  321. package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css +1 -1
  322. package/build/styles/uploadInput/UploadInput.css +1 -1
  323. package/build/styles/uploadInput/uploadButton/UploadButton.css +1 -1
  324. package/build/styles/uploadInput/uploadItem/UploadItem.css +1 -1
  325. package/build/types/actionOption/ActionOption.story.d.ts +1 -1
  326. package/build/types/alert/Alert.d.ts +1 -1
  327. package/build/types/badge/Badge.d.ts +1 -1
  328. package/build/types/chip/Chip.d.ts +8 -2
  329. package/build/types/common/bottomSheet/BottomSheet.d.ts +3 -1
  330. package/build/types/common/commonProps.d.ts +1 -1
  331. package/build/types/common/focusBoundary/utils/getFocusableElements.d.ts +1 -1
  332. package/build/types/common/focusBoundary/utils/resetFocus.d.ts +1 -1
  333. package/build/types/common/hooks/useHasIntersected/useHasIntersected.d.ts +4 -1
  334. package/build/types/{link/Link.messages.d.ts → dateInput/DateInput.messages.d.ts} +8 -5
  335. package/build/types/link/Link.d.ts +5 -4
  336. package/build/types/link/Link.spec.d.ts +1 -0
  337. package/build/types/link/Link.story.d.ts +9 -0
  338. package/build/types/loader/Loader.d.ts +6 -1
  339. package/build/types/modal/Modal.d.ts +0 -1
  340. package/build/types/nudge/Nudge.d.ts +1 -0
  341. package/build/types/switch/Switch.story.d.ts +2 -1
  342. package/build/types/switchOption/SwitchOption.story.d.ts +1 -1
  343. package/build/types/test-utils/index.d.ts +17 -5
  344. package/build/types/upload/Upload.d.ts +1 -1
  345. package/build/types/upload/utils/index.d.ts +0 -1
  346. package/build/types/uploadInput/UploadInput.d.ts +8 -4
  347. package/build/types/uploadInput/UploadInput.story.d.ts +11 -10
  348. package/build/types/uploadInput/uploadButton/UploadButton.d.ts +1 -0
  349. package/build/types/uploadInput/uploadItem/UploadItem.d.ts +8 -1
  350. package/build/types/uploadInput/uploadItem/UploadItemBody.d.ts +3 -2
  351. package/build/types/utilities/{deprecatedProp/deprecatedProp.d.ts → deprecatedProperty/deprecatedProperty.d.ts} +2 -2
  352. package/build/types/utilities/deprecatedProperty/index.d.ts +1 -0
  353. package/build/types/utilities/index.d.ts +1 -1
  354. package/build/types/withDisplayFormat/WithDisplayFormat.d.ts +1 -1
  355. package/build/types/withNextPortal/withNextPortal.d.ts +1 -2
  356. package/build/umd/no-polyfill/main.js +1 -1
  357. package/build/umd/polyfill/main.js +1 -1
  358. package/package.json +18 -18
  359. package/build/es/no-polyfill/common/Option/OptionDocs.js +0 -1
  360. package/build/es/no-polyfill/link/Link.messages.js +0 -1
  361. package/build/es/no-polyfill/upload/utils/generateErrorMessage/generateErrorMessage.js +0 -1
  362. package/build/es/no-polyfill/upload/utils/generateErrorMessage/index.js +0 -1
  363. package/build/es/no-polyfill/utilities/deprecatedProp/index.js +0 -1
  364. package/build/es/polyfill/common/Option/OptionDocs.js +0 -1
  365. package/build/es/polyfill/link/Link.messages.js +0 -1
  366. package/build/es/polyfill/upload/utils/generateErrorMessage/generateErrorMessage.js +0 -1
  367. package/build/es/polyfill/upload/utils/generateErrorMessage/index.js +0 -1
  368. package/build/es/polyfill/utilities/deprecatedProp/index.js +0 -1
  369. package/build/types/upload/utils/generateErrorMessage/generateErrorMessage.d.ts +0 -1
  370. package/build/types/upload/utils/generateErrorMessage/index.d.ts +0 -1
  371. package/build/types/utilities/deprecatedProp/index.d.ts +0 -1
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";var AnimatedLabel=function(a){var b=a.activeLabel,c=a.className,d=a.labels,e=d.length-1;return/*#__PURE__*/_jsx("div",{className:classNames("np-animated-label",c),children:d.map(function(a,c){var d=c-1;return/*#__PURE__*/_jsx("div",{className:classNames("text-xs-left",{"np-animated-label--in":c===b,"np-animated-label--out":d===b&&d!==e}),children:a},c)})})};AnimatedLabel.propTypes={activeLabel:PropTypes.number.isRequired,className:PropTypes.string,labels:PropTypes.arrayOf(PropTypes.node).isRequired},AnimatedLabel.defaultProps={className:void 0};export default AnimatedLabel;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";var AnimatedLabel=function(a){var b=a.activeLabel,c=a.className,d=a.labels,e=d.length-1;return/*#__PURE__*/_jsx("div",{className:classNames("np-animated-label",c),children:d.map(function(a,c){var d=c-1;return/*#__PURE__*/_jsx("div",{className:classNames("text-xs-left",{"np-animated-label--in":c===b,"np-animated-label--out":d===b&&d!==e}),children:a},d)})})};AnimatedLabel.propTypes={activeLabel:PropTypes.number.isRequired,className:PropTypes.string,labels:PropTypes.arrayOf(PropTypes.node).isRequired},AnimatedLabel.defaultProps={className:void 0};export default AnimatedLabel;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{ArrowLeft as ArrowLeftIcon}from"@transferwise/icons";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BackButton=function(a){var b=a.label,c=a.className,d=a.onClick;return/*#__PURE__*/_jsxs("button",{type:"button",className:classNames("np-back-button","align-items-center","btn-unstyled",c),onClick:d,children:[/*#__PURE__*/_jsx(ArrowLeftIcon,{size:24}),b]})};BackButton.propTypes={className:PropTypes.string,label:PropTypes.element,onClick:PropTypes.func.isRequired},BackButton.defaultProps={className:void 0,label:void 0};export default BackButton;
1
+ import{ArrowLeft as ArrowLeftIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BackButton=function(a){var b=a.label,c=a.className,d=a.onClick;return/*#__PURE__*/_jsxs("button",{type:"button",className:classNames("np-back-button","align-items-center","btn-unstyled",c),onClick:d,children:[/*#__PURE__*/_jsx(ArrowLeftIcon,{size:24}),b]})};BackButton.propTypes={className:PropTypes.string,label:PropTypes.element,onClick:PropTypes.func.isRequired},BackButton.defaultProps={className:void 0,label:void 0};export default BackButton;
@@ -1 +1 @@
1
- import{forwardRef}from"react";import PropTypes from"prop-types";import classNames from"classnames";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Header=/*#__PURE__*/forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=a.leftContent,g=a.rightContent,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{className:classNames("np-header","d-flex","flex-wrap",d),ref:b,children:[/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","np-header__left","d-flex",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});Header.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},Header.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default Header;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import{Layout}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Header=/*#__PURE__*/forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=a.leftContent,g=a.rightContent,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{ref:b,className:classNames("np-header","d-flex","flex-wrap",d),children:[/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","np-header__left","d-flex",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});Header.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},Header.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default Header;
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "neptune.ClearButton.ariaLabel": "Clear",
3
3
  "neptune.CloseButton.ariaLabel": "Close",
4
- "neptune.Link.ariaLabel": "Open link",
5
- "neptune.Link.ariaLabelNewTab": "Open link in a new tab",
4
+ "neptune.DateInput.day.label": "Day",
5
+ "neptune.DateInput.month.label": "Month",
6
+ "neptune.DateInput.year.label": "Year",
6
7
  "neptune.MoneyInput.Select.placeholder": "Select an option...",
7
8
  "neptune.Pagination.ariaLabel": "Pagination navigation",
8
9
  "neptune.PaginationLink.ariaLabel.active": "Go to page {pageNumber}",
@@ -1 +1 @@
1
- import en from"./en.json";import de from"./de.json";import es from"./es.json";import fr from"./fr.json";import hu from"./hu.json";import id from"./id.json";import it from"./it.json";import ja from"./ja.json";import pl from"./pl.json";import pt from"./pt.json";import ro from"./ro.json";import ru from"./ru.json";import tr from"./tr.json";import uk from"./uk.json";import zh from"./zh.json";var translations={de:de,en:en,es:es,fr:fr,hu:hu,id:id,it:it,ja:ja,pl:pl,pt:pt,ro:ro,ru:ru,tr:tr,uk:uk,zh:zh};export default translations;
1
+ import de from"./de.json";import en from"./en.json";import es from"./es.json";import fr from"./fr.json";import hu from"./hu.json";import id from"./id.json";import it from"./it.json";import ja from"./ja.json";import pl from"./pl.json";import pt from"./pt.json";import ro from"./ro.json";import ru from"./ru.json";import tr from"./tr.json";import uk from"./uk.json";import zh from"./zh.json";var translations={de:de,en:en,es:es,fr:fr,hu:hu,id:id,it:it,ja:ja,pl:pl,pt:pt,ro:ro,ru:ru,tr:tr,uk:uk,zh:zh};export default translations;
@@ -1,13 +1,12 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useRef}from"react";import PropTypes from"prop-types";import classnames from"classnames";import{useHasIntersected}from"../common/hooks";/**
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import classnames from"classnames";import PropTypes from"prop-types";import{useRef}from"react";import{useHasIntersected}from"../common/hooks";/**
2
2
  * Image component provides a wrapper for image tag. Optional lazy loading functionalities can also be enabled passing prop loading = "lazy.
3
3
  * Once element intersects viewport image loads.
4
4
  *
5
5
  * @param {string} [alt=""] - string that contains the alt text. Required.
6
6
  * @param {string} [src=""] - string that contains the src text. Required.
7
7
  * @param {string} [id=""] - string that contains the id text.
8
- * @param {function} [onLoad=()=>{}] - function that contains load callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
9
- * @param {function} [onError=()=>{}] - function that contains error callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
8
+ * @param {Function} [onLoad=()=>{}] - function that contains load callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
9
+ * @param {Function} [onError=()=>{}] - function that contains error callback. Doesn't fire on SSR https://github.com/facebook/react/issues/15446
10
10
  * @param {boolean} [loading="lazy"] - This attribute follows the loading API attribute. If set to eager image will load immediately just like a normal image tag otherwise it will lazy load.
11
- *
12
11
  * @usage `<Image alt="alt" src="src" id="id1" onLoad={()=>{}} onError={())=>{}} loading="lazy" />`
13
- * */import{jsx as _jsx}from"react/jsx-runtime";export var EmptyTransparentImage="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";var Image=function(a){var b=a.id,c=a.src,d=a.alt,e=a.onLoad,f=a.onError,g=a.className,h=a.loading,i=a.stretch,j=a.shrink,k=useRef(),l=useHasIntersected({elRef:k,loading:h}),m=_slicedToArray(l,1),n=m[0],o=c,p=e;return"lazy"!==h||n||(o=EmptyTransparentImage,p=null),/*#__PURE__*/_jsx("img",{id:b,alt:d,src:o,className:classnames(["tw-image",{"tw-image__stretch":i,"tw-image__shrink":j},g]),ref:k,onLoad:p,onError:f})};Image.propTypes={id:PropTypes.string,src:PropTypes.string.isRequired,alt:PropTypes.string.isRequired,onLoad:PropTypes.func,onError:PropTypes.func,className:PropTypes.string,loading:PropTypes.oneOf(["lazy","eager"]),stretch:PropTypes.bool,shrink:PropTypes.bool},Image.defaultProps={id:null,className:"",onLoad:function onLoad(){},onError:function onError(){},loading:"eager",stretch:!0,shrink:!0};export default Image;
12
+ */import{jsx as _jsx}from"react/jsx-runtime";export var EmptyTransparentImage="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";var Image=function(a){var b=a.id,c=a.src,d=a.alt,e=a.onLoad,f=a.onError,g=a.className,h=a.loading,i=a.stretch,j=a.shrink,k=useRef(),l=useHasIntersected({elRef:k,loading:h}),m=_slicedToArray(l,1),n=m[0],o=c,p=e;return"lazy"!==h||n||(o=EmptyTransparentImage,p=null),/*#__PURE__*/_jsx("img",{ref:k,id:b,alt:d,src:o,className:classnames(["tw-image",{"tw-image__stretch":i,"tw-image__shrink":j},g]),onLoad:p,onError:f})};Image.propTypes={id:PropTypes.string,src:PropTypes.string.isRequired,alt:PropTypes.string.isRequired,onLoad:PropTypes.func,onError:PropTypes.func,className:PropTypes.string,loading:PropTypes.oneOf(["lazy","eager"]),stretch:PropTypes.bool,shrink:PropTypes.bool},Image.defaultProps={id:null,className:"",onLoad:function onLoad(){},onError:function onError(){},loading:"eager",stretch:!0,shrink:!0};export default Image;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useState}from"react";import PropTypes from"prop-types";import classNames from"classnames";import{HelpCircle as HelpCircleIcon}from"@transferwise/icons";import Popover from"../popover";import Modal from"../modal";import{Size,Position}from"../common";import{InfoPresentation}from"./infoPresentations";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Info=function(a){var b=a.className,c=a.content,d=a.onClick,e=a.presentation,f=a.size,g=a.title,h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=e===InfoPresentation.MODAL,m=f===Size.SMALL,n={"aria-label":a["aria-label"],className:"btn-unstyled",children:/*#__PURE__*/_jsx(HelpCircleIcon,{size:m?16:24})};return/*#__PURE__*/_jsx("span",{className:classNames(b,"np-info",{"np-info__small":m,"np-info__large":!m}),children:l?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("button",_objectSpread({type:"button",onClick:function onClick(){k(!j),d&&d()}},n)),/*#__PURE__*/_jsx(Modal,{body:c,onClose:function onClose(){return k(!1)},open:j,title:g})]}):/*#__PURE__*/_jsx(Popover,{content:c,preferredPlacement:Position.BOTTOM,title:g,children:/*#__PURE__*/_jsx("button",_objectSpread(_objectSpread({type:"button"},n),{},{onClick:function onClick(){d&&d()}}))})})};Info.propTypes={"aria-label":PropTypes.string.isRequired,/** Extra classes applied to Info */className:PropTypes.string,/** Content displayed inside a Popover a Modal */content:PropTypes.node,onClick:PropTypes.func,/** Decides whether to display content in a Popover or a Modal */presentation:PropTypes.oneOf(["MODAL","POPOVER"]),/** Decides the size of help Icon */size:PropTypes.oneOf(["sm","lg"]),/** Title displayed inside a Popover a Modal */title:PropTypes.node},Info.defaultProps={className:void 0,content:void 0,onClick:void 0,presentation:InfoPresentation.POPOVER,size:Size.SMALL,title:void 0};export default Info;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{HelpCircle as HelpCircleIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{useState}from"react";import{Size,Position}from"../common";import Modal from"../modal";import Popover from"../popover";import{InfoPresentation}from"./infoPresentations";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Info=function(a){var b=a.className,c=a.content,d=a.onClick,e=a.presentation,f=a.size,g=a.title,h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=e===InfoPresentation.MODAL,m=f===Size.SMALL,n={"aria-label":a["aria-label"],className:"btn-unstyled",children:/*#__PURE__*/_jsx(HelpCircleIcon,{size:m?16:24})};return/*#__PURE__*/_jsx("span",{className:classNames(b,"np-info",{"np-info__small":m,"np-info__large":!m}),children:l?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("button",_objectSpread({type:"button",onClick:function onClick(){k(!j),d&&d()}},n)),/*#__PURE__*/_jsx(Modal,{body:c,open:j,title:g,onClose:function onClose(){return k(!1)}})]}):/*#__PURE__*/_jsx(Popover,{content:c,preferredPlacement:Position.BOTTOM,title:g,children:/*#__PURE__*/_jsx("button",_objectSpread(_objectSpread({type:"button"},n),{},{onClick:function onClick(){d&&d()}}))})})};Info.propTypes={"aria-label":PropTypes.string.isRequired,/** Extra classes applied to Info */className:PropTypes.string,/** Content displayed inside a Popover a Modal */content:PropTypes.node,onClick:PropTypes.func,/** Decides whether to display content in a Popover or a Modal */presentation:PropTypes.oneOf(["MODAL","POPOVER"]),/** Decides the size of help Icon */size:PropTypes.oneOf(["sm","lg"]),/** Title displayed inside a Popover a Modal */title:PropTypes.node},Info.defaultProps={className:void 0,content:void 0,onClick:void 0,presentation:InfoPresentation.POPOVER,size:Size.SMALL,title:void 0};export default Info;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import classNames from"classnames";import{Sentiment}from"../common";import withArrow,{AlertArrowPosition}from"../alert/withArrow";import{jsx as _jsx}from"react/jsx-runtime";var typeClassMap=_defineProperty({},Sentiment.ERROR,"danger"),InlineAlert=function(a){var b=withArrow(function(a){var b=a.children,c=a.className,d=a.type,e="alert-".concat(typeClassMap[d]||d);return/*#__PURE__*/_jsx("div",{role:"alert",className:classNames("alert alert-detach p-x-2 p-y-1",e,c),children:b})},AlertArrowPosition.TOP_LEFT);return/*#__PURE__*/_jsx(b,_objectSpread({},a))};InlineAlert.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,type:PropTypes.oneOf(["success","error","warning","info"])},InlineAlert.defaultProps={className:void 0,type:Sentiment.INFO};export default InlineAlert;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import PropTypes from"prop-types";import withArrow,{AlertArrowPosition}from"../alert/withArrow";import{Sentiment}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var typeClassMap=_defineProperty({},Sentiment.ERROR,"danger"),InlineAlert=function(a){var b=withArrow(function(a){var b=a.children,c=a.className,d=a.type,e="alert-".concat(typeClassMap[d]||d);return/*#__PURE__*/_jsx("div",{role:"alert",className:classNames("alert alert-detach p-x-2 p-y-1",e,c),children:b})},AlertArrowPosition.TOP_LEFT);return/*#__PURE__*/_jsx(b,_objectSpread({},a))};InlineAlert.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,type:PropTypes.oneOf(["success","error","warning","info"])},InlineAlert.defaultProps={className:void 0,type:Sentiment.INFO};export default InlineAlert;
@@ -1,3 +1,3 @@
1
- import PropTypes from"prop-types";import{CrossCircle as CrossCircleIcon,CheckCircle as CheckCircleIcon}from"@transferwise/icons";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var InstructionsList=function(a){var b=a.dos,c=a.donts;return/*#__PURE__*/_jsxs("div",{className:"tw-instructions",children:[b.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
1
+ import{CrossCircle as CrossCircleIcon,CheckCircle as CheckCircleIcon}from"@transferwise/icons";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var InstructionsList=function(a){var b=a.dos,c=a.donts;return/*#__PURE__*/_jsxs("div",{className:"tw-instructions",children:[b.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
2
2
  _jsxs("div",{className:"instruction m-t-1",children:[/*#__PURE__*/_jsx(CheckCircleIcon,{size:24,className:"do"}),/*#__PURE__*/_jsx("p",{className:"m-l-2 m-b-0 text-primary",children:a})]},b))}),c.map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
3
3
  _jsxs("div",{className:"instruction m-t-1",children:[/*#__PURE__*/_jsx(CrossCircleIcon,{size:24,className:"dont"}),/*#__PURE__*/_jsx("p",{className:"m-l-2 m-b-0 text-primary",children:a})]},b))})]})};InstructionsList.defaultProps={dos:[],donts:[]},InstructionsList.propTypes={dos:PropTypes.arrayOf(PropTypes.node),donts:PropTypes.arrayOf(PropTypes.node)};export default InstructionsList;
@@ -1,4 +1,4 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useCallback,useState}from"react";import classNames from"classnames";import PropTypes from"prop-types";import{isIpadOsSafari,isMobileSafari}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function useMobileNavRef(){var a=useState(null),b=_slicedToArray(a,2),c=b[0],d=b[1],e=useCallback(function(a){null!==a&&d(a)},[]);return[c,e]}var mobileNavType={CALL_TO_ACTION:"call-to-action"},MobileNav=function(a){var b=a.items,c=a.activeItemPath,d=useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1],h=useMobileNavRef(),i=_slicedToArray(h,2),j=i[0],k=i[1];return useEffect(function(){/**
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import classNames from"classnames";import PropTypes from"prop-types";import{useEffect,useCallback,useState}from"react";import{isIpadOsSafari,isMobileSafari}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function useMobileNavReference(){var a=useState(null),b=_slicedToArray(a,2),c=b[0],d=b[1],e=useCallback(function(a){null!==a&&d(a)},[]);return[c,e]}var mobileNavType={CALL_TO_ACTION:"call-to-action"},MobileNav=function(a){var b=a.items,c=a.activeItemPath,d=useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1],h=useMobileNavReference(),i=_slicedToArray(h,2),j=i[0],k=i[1];return useEffect(function(){/**
2
2
  * This attempts to reposition the Mobile Nav when iOS Safari "Open in App" Banner is visible.
3
3
  * The Banner appears due to Universal Links. https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.html
4
4
  * Essentially when a path matches in https://wise.com/.well-known/apple-app-site-association the banner is shown.
@@ -6,4 +6,4 @@ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffec
6
6
  * Luckily window.innerHeight changes when the banner is in view so we use this to calculate if we need to adjust the mobile nav positioning.
7
7
  */var a,b=function(){a&&window.cancelAnimationFrame(a),a=window.requestAnimationFrame(function(){// Banner only possible at top of page or at negative page scroll
8
8
  if(0<window.scrollY)return void g(!1);var a=j.getBoundingClientRect(),b=a.bottom,c=f?44:0,d=Math.floor(b)+c+window.scrollY>window.innerHeight;// measure position of mobile nav relative to the viewport
9
- d?0===window.scrollY&&g(!0):g(!1)})},c=window.innerHeight,d=function(){document.hidden?c=window.innerHeight:(c!==window.innerHeight&&g(!1),b())};return(isMobileSafari()||isIpadOsSafari())&&null!==j&&(b(),window.addEventListener("resize",b),window.addEventListener("scroll",b),document.addEventListener("visibilitychange",d)),function(){window.removeEventListener("resize",b),window.removeEventListener("scroll",b),document.removeEventListener("visibilitychange",d)}},[j,f]),/*#__PURE__*/_jsx("div",{ref:k,className:classNames("mobileNav",{"mobileNav--with-open-in-app-banner":f}),children:/*#__PURE__*/_jsx("ul",{className:"mobileNav__items",children:b.map(function(a){return/*#__PURE__*/_jsx("li",{className:classNames("mobileNavItem",{"mobileNavItem--call-to-action":a.type===mobileNavType.CALL_TO_ACTION,"mobileNavItem--active":c===a.path}),children:a.path&&/*#__PURE__*/_jsxs("a",{className:"mobileNavItem__link",onClick:a.onClick,href:a.path,children:[/*#__PURE__*/_jsx("span",{className:"mobileNavItem__icon",children:a.icon}),/*#__PURE__*/_jsx("span",{className:"mobileNavItem__label",children:a.label})]})},a.path)})})})};MobileNav.mobileNavType=mobileNavType,MobileNav.propTypes={activeItemPath:PropTypes.string,items:PropTypes.arrayOf(PropTypes.shape({icon:PropTypes.node.isRequired,label:PropTypes.string.isRequired,path:PropTypes.string.isRequired,type:PropTypes.oneOf([mobileNavType.CALL_TO_ACTION]),hidden:PropTypes.bool})).isRequired},MobileNav.defaultProps={activeItemPath:null};export default MobileNav;
9
+ d?0===window.scrollY&&g(!0):g(!1)})},c=window.innerHeight,d=function(){document.hidden?c=window.innerHeight:(c!==window.innerHeight&&g(!1),b())};return(isMobileSafari()||isIpadOsSafari())&&null!==j&&(b(),window.addEventListener("resize",b),window.addEventListener("scroll",b),document.addEventListener("visibilitychange",d)),function(){window.removeEventListener("resize",b),window.removeEventListener("scroll",b),document.removeEventListener("visibilitychange",d)}},[j,f]),/*#__PURE__*/_jsx("div",{ref:k,className:classNames("mobileNav",{"mobileNav--with-open-in-app-banner":f}),children:/*#__PURE__*/_jsx("ul",{className:"mobileNav__items",children:b.map(function(a){return/*#__PURE__*/_jsx("li",{className:classNames("mobileNavItem",{"mobileNavItem--call-to-action":a.type===mobileNavType.CALL_TO_ACTION,"mobileNavItem--active":c===a.path}),children:a.path&&/*#__PURE__*/_jsxs("a",{className:"mobileNavItem__link",href:a.path,onClick:a.onClick,children:[/*#__PURE__*/_jsx("span",{className:"mobileNavItem__icon",children:a.icon}),/*#__PURE__*/_jsx("span",{className:"mobileNavItem__label",children:a.label})]})},a.path)})})})};MobileNav.mobileNavType=mobileNavType,MobileNav.propTypes={activeItemPath:PropTypes.string,items:PropTypes.arrayOf(PropTypes.shape({icon:PropTypes.node.isRequired,label:PropTypes.string.isRequired,path:PropTypes.string.isRequired,type:PropTypes.oneOf([mobileNavType.CALL_TO_ACTION]),hidden:PropTypes.bool})).isRequired},MobileNav.defaultProps={activeItemPath:null};export default MobileNav;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{useIntl}from"react-intl";import{ChevronLeft,ChevronRight}from"@transferwise/icons";import PaginationLink from"./paginationLink";import messages from"./Pagination.messages";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Type={NUMBERS_ONLY:"numbersOnly",ARROWS_ONLY:"arrowsOnly",FULL:"full"},Pagination=function(a){var b=a.type,c=a.numberOfPages,d=a.currentPageIndex,e=a.onClick,f=a.canFetchMorePages,g=a.className,h=b!==Type.NUMBERS_ONLY,i=[];if(b!==Type.ARROWS_ONLY){switch(d){case 0:i.push({index:0,active:!0}),1<c&&i.push({index:1}),2<c&&i.push({index:2});break;case c-1:2<c&&i.push({index:c-3}),1<c&&i.push({index:c-2}),i.push({index:c-1,active:!0});break;default:i.push({index:d-1},{index:d,active:!0},{index:d+1});}var k=i[0].index;0<k&&(2<k?i.unshift({label:"...",index:k-1}):2===k&&i.unshift({index:1}),i.unshift({index:0}));var l=i[i.length-1].index;l<c-1&&(l<c-3?i.push({label:"...",index:l+1}):l===c-3&&i.push({index:c-2}),i.push({index:c-1})),f&&i.push({label:"...",index:c})}var j=useIntl();return/*#__PURE__*/_jsx("nav",{role:"navigation","aria-label":j.formatMessage(messages.ariaLabel),children:/*#__PURE__*/_jsxs("ul",{className:classNames("tw-pagination",g),children:[h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d-1,onClick:e,disabled:0===d,children:/*#__PURE__*/_jsx(ChevronLeft,{})}),i.map(function(a){var b=a.label||a.index+1;return/*#__PURE__*/_jsx(PaginationLink,{pageNumber:a.index,onClick:e,active:a.active,children:b},a.index)}),h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d+1,onClick:e,disabled:!f&&d===c-1,children:/*#__PURE__*/_jsx(ChevronRight,{})})]})})};Pagination.propTypes={type:PropTypes.oneOf(["numbersOnly","arrowsOnly","full"]),numberOfPages:PropTypes.number.isRequired,currentPageIndex:PropTypes.number.isRequired,onClick:PropTypes.func.isRequired,canFetchMorePages:PropTypes.bool,className:PropTypes.string},Pagination.defaultProps={type:Type.FULL,canFetchMorePages:!1,className:void 0};export{Type as PaginationType};export default Pagination;
1
+ import{ChevronLeft,ChevronRight}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{useIntl}from"react-intl";import messages from"./Pagination.messages";import PaginationLink from"./paginationLink";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Type={NUMBERS_ONLY:"numbersOnly",ARROWS_ONLY:"arrowsOnly",FULL:"full"},Pagination=function(a){var b=a.type,c=a.numberOfPages,d=a.currentPageIndex,e=a.onClick,f=a.canFetchMorePages,g=a.className,h=b!==Type.NUMBERS_ONLY,i=[];if(b!==Type.ARROWS_ONLY){switch(d){case 0:i.push({index:0,active:!0}),1<c&&i.push({index:1}),2<c&&i.push({index:2});break;case c-1:2<c&&i.push({index:c-3}),1<c&&i.push({index:c-2}),i.push({index:c-1,active:!0});break;default:i.push({index:d-1},{index:d,active:!0},{index:d+1});}var k=i[0].index;0<k&&(2<k?i.unshift({label:"...",index:k-1}):2===k&&i.unshift({index:1}),i.unshift({index:0}));var l=i[i.length-1].index;l<c-1&&(l<c-3?i.push({label:"...",index:l+1}):l===c-3&&i.push({index:c-2}),i.push({index:c-1})),f&&i.push({label:"...",index:c})}var j=useIntl();return/*#__PURE__*/_jsx("nav",{role:"navigation","aria-label":j.formatMessage(messages.ariaLabel),children:/*#__PURE__*/_jsxs("ul",{className:classNames("tw-pagination",g),children:[h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d-1,disabled:0===d,onClick:e,children:/*#__PURE__*/_jsx(ChevronLeft,{})}),i.map(function(a){var b=a.label||a.index+1;return/*#__PURE__*/_jsx(PaginationLink,{pageNumber:a.index,active:a.active,onClick:e,children:b},a.index)}),h&&/*#__PURE__*/_jsx(PaginationLink,{pageNumber:d+1,disabled:!f&&d===c-1,onClick:e,children:/*#__PURE__*/_jsx(ChevronRight,{})})]})})};Pagination.propTypes={type:PropTypes.oneOf(["numbersOnly","arrowsOnly","full"]),numberOfPages:PropTypes.number.isRequired,currentPageIndex:PropTypes.number.isRequired,onClick:PropTypes.func.isRequired,canFetchMorePages:PropTypes.bool,className:PropTypes.string},Pagination.defaultProps={type:Type.FULL,canFetchMorePages:!1,className:void 0};export{Type as PaginationType};export default Pagination;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{useIntl}from"react-intl";import messages from"./PaginationLink.messages";import{jsx as _jsx}from"react/jsx-runtime";var PaginationLink=function(a){var b=a.disabled,c=a.active,d=a.pageNumber,f=a.onClick,g=a.children,h=useIntl(),i=function(a){a.preventDefault(),b||c||f(d)},j=h.formatMessage(c?messages.ariaLabelActive:messages.ariaLabelInactive,{pageNumber:d});return/*#__PURE__*/_jsx("li",{children:/*#__PURE__*/_jsx("a",{href:"/",onClick:i,onKeyDown:function handleKeyDown(a){"Enter"===a.key&&i(a)},"aria-label":j,"aria-current":c,className:classNames({disabled:b,active:c}),children:g})})};PaginationLink.propTypes={disabled:PropTypes.bool,active:PropTypes.bool,onClick:PropTypes.func.isRequired,pageNumber:PropTypes.number.isRequired,children:PropTypes.node.isRequired},PaginationLink.defaultProps={disabled:!1,active:!1};export default PaginationLink;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import{useIntl}from"react-intl";import messages from"./PaginationLink.messages";import{jsx as _jsx}from"react/jsx-runtime";var PaginationLink=function(a){var b=a.disabled,c=a.active,d=a.pageNumber,e=a.onClick,f=a.children,g=useIntl(),h=function(a){a.preventDefault(),b||c||e(d)},i=g.formatMessage(c?messages.ariaLabelActive:messages.ariaLabelInactive,{pageNumber:d});return/*#__PURE__*/_jsx("li",{children:/*#__PURE__*/_jsx("a",{href:"/","aria-label":i,"aria-current":c,className:classNames({disabled:b,active:c}),onClick:h,onKeyDown:function handleKeyDown(a){"Enter"===a.key&&h(a)},children:f})})};PaginationLink.propTypes={disabled:PropTypes.bool,active:PropTypes.bool,onClick:PropTypes.func.isRequired,pageNumber:PropTypes.number.isRequired,children:PropTypes.node.isRequired},PaginationLink.defaultProps={disabled:!1,active:!1};export default PaginationLink;
@@ -1,5 +1,6 @@
1
- import classNames from"classnames";import{useIntl}from"react-intl";import{NavigateAway as NavigateAwayIcon}from"@transferwise/icons";import messages from"./Link.messages";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
1
+ import{NavigateAway as NavigateAwayIcon}from"@transferwise/icons";import classNames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
2
2
  * Standard Link component with navigate away icon
3
3
  *
4
- * Docs link: https://transferwise.github.io/neptune-web/components/content/Link
5
- */function Link(a){var b=a.className,c=a.children,d=a.href,e=a.target,f=a["aria-label"],g=useIntl(),h=g.formatMessage,i="_blank"===e;return/*#__PURE__*/_jsxs("a",{href:d,target:e,className:classNames("np-link d-inline-flex",b),"aria-label":function getAriaLabel(){return f||h(i?messages.ariaLabelNewTab:messages.ariaLabel)}(),rel:i?"noreferrer":void 0,children:[c,i&&/*#__PURE__*/_jsx(NavigateAwayIcon,{className:"m-l-05"})]})}export default Link;
4
+ * Documentation: https://transferwise.github.io/neptune-web/components/content/Link
5
+ *
6
+ */var Link=function(a){var b=a.className,c=a.children,d=a.href,e=a.target,f=a["aria-label"],g="_blank"===e;return/*#__PURE__*/_jsxs("a",{href:d,target:e,className:classNames("np-link d-inline-flex",b),"aria-label":f,rel:g?"noreferrer":void 0,children:[c,g&&/*#__PURE__*/_jsx(NavigateAwayIcon,{className:"m-l-05"})]})};export default Link;
@@ -0,0 +1 @@
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"@testing-library/jest-dom";import{render,screen}from"../test-utils";import Link from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Link",function(){var a={className:"a-class",href:"/test"};it("renders Link component",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{children:"link text"})));var b=screen.getByRole("link",{name:"link text"});expect(b).toHaveAttribute("href",a.href),expect(b).toHaveClass(a.className),expect(b).not.toHaveAttribute("target"),expect(b).not.toHaveAttribute("rel")}),it("renders target and rel attributes when target is _blank",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{target:"_blank",children:"link text"})));var b=screen.getByText("link text");expect(b).toHaveAttribute("target","_blank"),expect(b).toHaveAttribute("rel","noreferrer")}),it("renders with the provided aria-label",function(){render(/*#__PURE__*/_jsx(Link,_objectSpread(_objectSpread({},a),{},{"aria-label":"make me accessible",children:"link text"})));var b=screen.getByText("link text");expect(b).toHaveAttribute("aria-label","make me accessible")})});
@@ -0,0 +1 @@
1
+ import Link from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:Link,title:"Link"};export var Basic=function(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs("p",{children:["Lorem Ipsum is simply dummy text of the printing and typesetting industry"," ",/*#__PURE__*/_jsx(Link,{"aria-label":"Click here for more details",href:"#",children:"content"}),". Lorem Ipsum has been the industry standard dummy text ever since the 1500s."]}),/*#__PURE__*/_jsxs("p",{children:["Lorem Ipsum is simply dummy text of the printing and typesetting industry"," ",/*#__PURE__*/_jsx(Link,{href:"https://wise.com",target:"_blank",children:"https://wise.com"}),". Lorem Ipsum has been the industry standard dummy text ever since the 1500s."]})]})};
@@ -2,6 +2,10 @@ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutPropert
2
2
  * Loader component
3
3
  *
4
4
  * Docs link: https://transferwise.github.io/neptune-web/components/progress/Loader
5
- */function Loader(a){var b=a.small,c=a.size,d=void 0===c?Size.EXTRA_LARGE:c,e=a.classNames,f=void 0===e?{}:e,g=_objectWithoutProperties(a,_excluded),h=function(a){return f[a]||a},i=void 0!==b&&b?Size.EXTRA_SMALL:d;return/*#__PURE__*/_jsx("div",{className:classnames(h("tw-loader"),h("tw-loader--".concat(i))),"data-testid":g["data-testid"],children:[,,,,,]// @ts-expect-error
6
- .fill().map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
7
- _jsx("div",{className:h("tw-loader__stripe")},b))})})}export default Loader;
5
+ *
6
+ * @param root0
7
+ * @param root0.small
8
+ * @param root0.size
9
+ * @param root0.classNames
10
+ */var Loader=function(a){var b=a.small,c=a.size,d=void 0===c?Size.EXTRA_LARGE:c,e=a.classNames,f=void 0===e?{}:e,g=_objectWithoutProperties(a,_excluded),h=function(a){return f[a]||a},i=void 0!==b&&b?Size.EXTRA_SMALL:d;return/*#__PURE__*/_jsx("div",{className:classnames(h("tw-loader"),h("tw-loader--".concat(i))),"data-testid":g["data-testid"],children:[,,,,,].fill(void 0).map(function(a,b){return/*#__PURE__*/ (// eslint-disable-next-line react/no-array-index-key
11
+ _jsx("div",{className:h("tw-loader__stripe")},b))})})};export default Loader;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{LogoType}from"./logoTypes";import{jsx as _jsx}from"react/jsx-runtime";var baseUrl="https://wise.com/public-resources/assets/logos/wise/",logoPaths={WISE:"brand_logo.svg",WISE_BUSINESS:"brand_logo_business.svg",WISE_INVERSE:"brand_logo_inverse.svg",WISE_BUSINESS_INVERSE:"brand_logo_business_inverse.svg"},Logo=function(a){var b=a.className,c=a.inverse,d=a.type,e=logoPaths["".concat(d).concat(c?"_INVERSE":"")];return/*#__PURE__*/_jsx("img",{className:classNames("np-logo",b),alt:d===LogoType.WISE?"Wise":"Wise business",src:"".concat(baseUrl).concat(e)})};Logo.propTypes={/** Extra classes applied to Logo */className:PropTypes.string,/** If true, will use dark colours for dark on light theme */inverse:PropTypes.bool,/** What type of logo to display */type:PropTypes.oneOf(["WISE","WISE_BUSINESS"])},Logo.defaultProps={className:void 0,inverse:!1,type:LogoType.WISE};export default Logo;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import{LogoType}from"./logoTypes";import{jsx as _jsx}from"react/jsx-runtime";var baseUrl="https://wise.com/public-resources/assets/logos/wise/",logoPaths={WISE:"brand_logo.svg",WISE_BUSINESS:"brand_logo_business.svg",WISE_INVERSE:"brand_logo_inverse.svg",WISE_BUSINESS_INVERSE:"brand_logo_business_inverse.svg"},Logo=function(a){var b=a.className,c=a.inverse,d=a.type,e=logoPaths["".concat(d).concat(c?"_INVERSE":"")];return/*#__PURE__*/_jsx("img",{className:classNames("np-logo",b),alt:d===LogoType.WISE?"Wise":"Wise business",src:"".concat(baseUrl).concat(e)})};Logo.propTypes={/** Extra classes applied to Logo */className:PropTypes.string,/** If true, will use dark colours for dark on light theme */inverse:PropTypes.bool,/** What type of logo to display */type:PropTypes.oneOf(["WISE","WISE_BUSINESS"])},Logo.defaultProps={className:void 0,inverse:!1,type:LogoType.WISE};export default Logo;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import commonmark from"commonmark";import difference from"lodash.difference";import{logActionRequired}from"../utilities";import{MarkdownNodeType}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var g=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g(c);return writer.render(a)}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"]))},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null};export default Markdown;
1
+ import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var g=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g(c);return writer.render(a)}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"]))},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null};export default Markdown;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","closeOnClick","scroll","position"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import Dimmer from"../dimmer";import CloseButton from"../common/closeButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=a.body,d=a.footer,e=a.onClose,f=a.className,g=a.open,h=a.size,i=a.closeOnClick,j=a.scroll,k=a.position,l=_objectWithoutProperties(a,_excluded),m=function(a){return-1!==f.split(" ").indexOf(a)},n=m("compact"),o=m("no-divider");return/*#__PURE__*/_jsx(Dimmer,{open:g,scrollable:j===Scroll.CONTENT,onClose:e,className:classNames("d-flex","justify-content-center"),children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:g,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal",{"tw-modal--content":j===Scroll.CONTENT,"align-self-center":k===Position.CENTER},"fade","outline-none",f)},l),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(h),h)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":n,"tw-modal-no-title":!b}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!b||o}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:b}),/*#__PURE__*/_jsx(CloseButton,{onClick:e})]}),/*#__PURE__*/_jsx("div",{className:"tw-modal-body",children:c}),d&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":o}),children:d})]})})}))})})};Modal.propTypes={title:PropTypes.node,body:PropTypes.node.isRequired,footer:PropTypes.node,size:PropTypes.oneOf(["sm","md","lg","xl"]),onClose:PropTypes.func.isRequired,className:PropTypes.string,open:PropTypes.bool.isRequired,closeOnClick:PropTypes.bool,scroll:PropTypes.oneOf(["content","viewport"]),position:PropTypes.oneOf(["top","center"])},Modal.defaultProps={title:null,footer:null,size:Size.MEDIUM,className:"",closeOnClick:!0,scroll:Scroll.VIEWPORT,position:Position.CENTER};export default Modal;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import PropTypes from"prop-types";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import CloseButton from"../common/closeButton";import Dimmer from"../dimmer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=a.body,d=a.footer,e=a.onClose,f=a.className,g=a.open,h=a.size,i=a.scroll,j=a.position,k=_objectWithoutProperties(a,_excluded),l=function(a){return f.split(" ").includes(a)},m=l("compact"),n=l("no-divider");return/*#__PURE__*/_jsx(Dimmer,{open:g,scrollable:i===Scroll.CONTENT,className:classNames("d-flex","justify-content-center"),onClose:e,children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:g,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal",{"tw-modal--content":i===Scroll.CONTENT,"align-self-center":j===Position.CENTER},"fade","outline-none",f)},k),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(h),h)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":m,"tw-modal-no-title":!b}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!b||n}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:b}),/*#__PURE__*/_jsx(CloseButton,{onClick:e})]}),/*#__PURE__*/_jsx("div",{className:"tw-modal-body",children:c}),d&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":n}),children:d})]})})}))})})};Modal.propTypes={title:PropTypes.node,body:PropTypes.node.isRequired,footer:PropTypes.node,size:PropTypes.oneOf(["sm","md","lg","xl"]),onClose:PropTypes.func.isRequired,className:PropTypes.string,open:PropTypes.bool.isRequired,scroll:PropTypes.oneOf(["content","viewport"]),position:PropTypes.oneOf(["top","center"])},Modal.defaultProps={title:null,footer:null,size:Size.MEDIUM,className:"",scroll:Scroll.VIEWPORT,position:Position.CENTER};export default Modal;
@@ -1 +1 @@
1
- import{useIntl}from"react-intl";import PropTypes from"prop-types";import{formatMoney}from"@transferwise/formatting";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var Money=function(a){var b=a.amount,c=a.currency,d=useIntl(),e=d.locale;return/*#__PURE__*/_jsx(_Fragment,{children:formatMoney(b,c,e)})};Money.propTypes={amount:PropTypes.number.isRequired,currency:PropTypes.string.isRequired};export default Money;
1
+ import{formatMoney}from"@transferwise/formatting";import PropTypes from"prop-types";import{useIntl}from"react-intl";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsx as _jsx}from"react/jsx-runtime";var Money=function(a){var b=a.amount,c=a.currency,d=useIntl(),e=d.locale;return/*#__PURE__*/_jsx(_Fragment,{children:formatMoney(b,c,e)})};Money.propTypes={amount:PropTypes.number.isRequired,currency:PropTypes.string.isRequired};export default Money;
@@ -1,5 +1,4 @@
1
- import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{Component}from"react";import{injectIntl}from"react-intl";import PropTypes from"prop-types";import classNames from"classnames";import{isEmpty,isNumber,isNull}from"@transferwise/neptune-validation";import Select from"../select";import{Size}from"../common/propsValues/size";import keyCodes from"../common/keyCodes";import{Key as keyValues}from"../common/key";import messages from"./MoneyInput.messages";import{formatAmount,parseAmount}from"./currencyFormatting";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Currency=PropTypes.shape({header:PropTypes.string,value:PropTypes.string,label:PropTypes.string,currency:PropTypes.string,note:PropTypes.string,searchable:PropTypes.string}),CUSTOM_ACTION="CUSTOM_ACTION",isNumberOrNull=function(a){return isNumber(a)||isNull(a)},formatAmountIfSet=function(a,b,c){return"number"==typeof a?formatAmount(a,b,c):""},inputKeyCodeAllowlist=[keyCodes.BACKSPACE,keyCodes.DELETE,keyCodes.COMMA,keyCodes.PERIOD,keyCodes.DOWN,keyCodes.UP,keyCodes.LEFT,keyCodes.RIGHT,keyCodes.ENTER,keyCodes.ESCAPE,keyCodes.TAB],inputKeyAllowlist=[keyValues.PERIOD,keyValues.COMMA],MoneyInput=/*#__PURE__*/function(a){function b(a){var d;_classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"isInputAllowedForKeyEvent",function(a){var b=a.keyCode,c=a.metaKey,d=a.key,e=a.ctrlKey,f=isNumber(parseInt(d,10));return f||c||e||inputKeyCodeAllowlist.includes(b)||inputKeyAllowlist.includes(d)}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){d.isInputAllowedForKeyEvent(a)||a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"handlePaste",function(a){var b=(a.clipboardData||window.clipboardData).getData("text"),c=d.state.locale,e=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,c);isNumberOrNull(e)&&(d.setState({formattedAmount:formatAmountIfSet(e,d.props.selectedCurrency.currency,c)}),d.props.onAmountChange(e)),a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"onAmountChange",function(a){var b=a.target.value;d.setState({formattedAmount:b});var c=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,d.state.locale);isNumberOrNull(c)&&d.props.onAmountChange(c)}),_defineProperty(_assertThisInitialized(d),"onAmountBlur",function(){d.amountFocused=!1,d.setAmount()}),_defineProperty(_assertThisInitialized(d),"onAmountFocus",function(){d.amountFocused=!0}),_defineProperty(_assertThisInitialized(d),"handleSelectChange",function(a){d.handleSearchChange(""),d.props.onCustomAction&&a.value===CUSTOM_ACTION?d.props.onCustomAction():d.props.onCurrencyChange(a)}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({searchQuery:a}),d.props.onSearchChange&&d.props.onSearchChange({searchQuery:a,filteredOptions:filterOptionsForQuery(d.props.currencies,a)})}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a});var e=d.props.intl.locale;return d.formatMessage=d.props.intl.formatMessage,d.state={searchQuery:"",formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,e),locale:e},d}// eslint-disable-next-line
2
- _inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(a){var b;if(this.setState({locale:null===a||void 0===a||null===(b=a.intl)||void 0===b?void 0:b.locale}),!this.amountFocused){var c;this.setState({formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,null===a||void 0===a||null===(c=a.intl)||void 0===c?void 0:c.locale)})}}},{key:"getSelectOptions",value:function getSelectOptions(){var a=_toConsumableArray(filterOptionsForQuery(this.props.currencies,this.state.searchQuery));return this.props.onCustomAction&&a.push({value:CUSTOM_ACTION,label:this.props.customActionLabel}),a}},{key:"setAmount",value:function setAmount(){var a=this;this.setState(function(b){var c=parseAmount(b.formattedAmount,a.props.selectedCurrency.currency,a.state.locale);return isNumberOrNull(c)?{formattedAmount:formatAmountIfSet(c,a.props.selectedCurrency.currency,b.locale)}:{formattedAmount:b.formattedAmount}})}},{key:"render",value:function render(){var a=this.props,b=a.selectedCurrency,c=a.onCurrencyChange,d=a.size,e=a.addon,f=this.getSelectOptions(),g=!this.state.searchQuery&&(1===f.length&&f[0].currency===b.currency||!c),h=!this.props.onAmountChange;return/*#__PURE__*/_jsxs("div",{className:classNames(this.style("tw-money-input"),this.style("input-group"),this.style("input-group-".concat(d))),children:[/*#__PURE__*/_jsx("input",{id:this.props.id,value:this.state.formattedAmount,type:"text",inputMode:"decimal",className:classNames(this.style("form-control")),onKeyDown:this.handleKeyDown,onChange:this.onAmountChange,onFocus:this.onAmountFocus,onBlur:this.onAmountBlur,onPaste:this.handlePaste,disabled:h,placeholder:formatAmountIfSet(this.props.placeholder,this.props.selectedCurrency.currency,this.state.locale),autoComplete:"off"}),e&&/*#__PURE__*/_jsx("span",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),h?this.style("tw-money-input--disabled"):""),children:e}),g?/*#__PURE__*/_jsxs("div",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),this.style("tw-money-input__fixed-currency"),h?this.style("tw-money-input--disabled"):""),children:["lg"===d&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("i",{className:classNames(this.style("tw-money-input__keyline"))}),/*#__PURE__*/_jsx("i",{className:classNames(this.style("currency-flag"),this.style("currency-flag-".concat(b.currency.toLowerCase())),this.style("hidden-xs"),this.style("m-r-2"))})]}),/*#__PURE__*/_jsx("span",{className:"lg"===d?this.style("m-r-1"):"",children:b.currency.toUpperCase()})]}):/*#__PURE__*/_jsx("div",{className:classNames(this.style("input-group-btn"),this.style("amount-currency-select-btn")),children:/*#__PURE__*/_jsx(Select,{classNames:this.props.classNames,options:f,selected:_objectSpread(_objectSpread({},b),{},{note:null}),onChange:this.handleSelectChange,placeholder:this.formatMessage(messages.selectPlaceholder),searchPlaceholder:this.props.searchPlaceholder,onSearchChange:this.handleSearchChange,searchValue:this.state.searchQuery,size:d,required:!0,dropdownRight:"xs",dropdownWidth:"lg",inverse:!0})})]})}}]),b}(Component);function filterOptionsForQuery(a,b){if(!b)return a;var c=removeDuplicateValueOptions(a).filter(function(a){return isCurrencyOptionAndFitsQuery(a,b)});return sortOptionsLabelsToFirst(c,b)}function removeDuplicateValueOptions(a){var b=[],c=[];return a.forEach(function(a){a.value&&-1===c.indexOf(a.value)&&(b.push(a),c.push(a.value))}),b}function isCurrencyOptionAndFitsQuery(a,b){return!!a.value&&(contains(a.label,b)||contains(a.searchable,b)||contains(a.note,b))}function contains(a,b){return a&&-1!==a.toLowerCase().indexOf(b.toLowerCase())}function sortOptionsLabelsToFirst(a,b){return a.sort(function(a,c){var d=contains(a.label,b),e=contains(c.label,b);return d&&e?0:d?-1:e?1:0})}MoneyInput.propTypes={id:PropTypes.string,currencies:PropTypes.arrayOf(Currency).isRequired,selectedCurrency:Currency.isRequired,onCurrencyChange:PropTypes.func,placeholder:PropTypes.number,amount:PropTypes.number,size:PropTypes.oneOf(["sm","md","lg"]),onAmountChange:PropTypes.func,addon:PropTypes.node,searchPlaceholder:PropTypes.string,/**
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{isEmpty,isNumber,isNull}from"@transferwise/neptune-validation";import classNames from"classnames";import PropTypes from"prop-types";import{Component}from"react";import{injectIntl}from"react-intl";import{Key as keyValues}from"../common/key";import keyCodes from"../common/keyCodes";import{Size}from"../common/propsValues/size";import Select from"../select";import messages from"./MoneyInput.messages";import{formatAmount,parseAmount}from"./currencyFormatting";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Currency=PropTypes.shape({header:PropTypes.string,value:PropTypes.string,label:PropTypes.string,currency:PropTypes.string,note:PropTypes.string,searchable:PropTypes.string}),CUSTOM_ACTION="CUSTOM_ACTION",isNumberOrNull=function(a){return isNumber(a)||isNull(a)},formatAmountIfSet=function(a,b,c){return"number"==typeof a?formatAmount(a,b,c):""},inputKeyCodeAllowlist=new Set([keyCodes.BACKSPACE,keyCodes.DELETE,keyCodes.COMMA,keyCodes.PERIOD,keyCodes.DOWN,keyCodes.UP,keyCodes.LEFT,keyCodes.RIGHT,keyCodes.ENTER,keyCodes.ESCAPE,keyCodes.TAB]),inputKeyAllowlist=new Set([keyValues.PERIOD,keyValues.COMMA]),MoneyInput=/*#__PURE__*/function(a){function b(a){var d;_classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"isInputAllowedForKeyEvent",function(a){var b=a.keyCode,c=a.metaKey,d=a.key,e=a.ctrlKey,f=isNumber(parseInt(d,10));return f||c||e||inputKeyCodeAllowlist.has(b)||inputKeyAllowlist.has(d)}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){d.isInputAllowedForKeyEvent(a)||a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"handlePaste",function(a){var b=(a.clipboardData||window.clipboardData).getData("text"),c=d.state.locale,e=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,c);isNumberOrNull(e)&&(d.setState({formattedAmount:formatAmountIfSet(e,d.props.selectedCurrency.currency,c)}),d.props.onAmountChange(e)),a.preventDefault()}),_defineProperty(_assertThisInitialized(d),"onAmountChange",function(a){var b=a.target.value;d.setState({formattedAmount:b});var c=isEmpty(b)?null:parseAmount(b,d.props.selectedCurrency.currency,d.state.locale);isNumberOrNull(c)&&d.props.onAmountChange(c)}),_defineProperty(_assertThisInitialized(d),"onAmountBlur",function(){d.amountFocused=!1,d.setAmount()}),_defineProperty(_assertThisInitialized(d),"onAmountFocus",function(){d.amountFocused=!0}),_defineProperty(_assertThisInitialized(d),"handleSelectChange",function(a){d.handleSearchChange(""),d.props.onCustomAction&&a.value===CUSTOM_ACTION?d.props.onCustomAction():d.props.onCurrencyChange(a)}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({searchQuery:a}),d.props.onSearchChange&&d.props.onSearchChange({searchQuery:a,filteredOptions:filterOptionsForQuery(d.props.currencies,a)})}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a});var e=d.props.intl.locale;return d.formatMessage=d.props.intl.formatMessage,d.state={searchQuery:"",formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,e),locale:e},d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(a){var b;if(this.setState({locale:null===a||void 0===a||null===(b=a.intl)||void 0===b?void 0:b.locale}),!this.amountFocused){var c;this.setState({formattedAmount:formatAmountIfSet(a.amount,a.selectedCurrency.currency,null===a||void 0===a||null===(c=a.intl)||void 0===c?void 0:c.locale)})}}},{key:"getSelectOptions",value:function getSelectOptions(){var a=_toConsumableArray(filterOptionsForQuery(this.props.currencies,this.state.searchQuery));return this.props.onCustomAction&&a.push({value:CUSTOM_ACTION,label:this.props.customActionLabel}),a}},{key:"setAmount",value:function setAmount(){var a=this;this.setState(function(b){var c=parseAmount(b.formattedAmount,a.props.selectedCurrency.currency,a.state.locale);return isNumberOrNull(c)?{formattedAmount:formatAmountIfSet(c,a.props.selectedCurrency.currency,b.locale)}:{formattedAmount:b.formattedAmount}})}},{key:"render",value:function render(){var a=this.props,b=a.selectedCurrency,c=a.onCurrencyChange,d=a.size,e=a.addon,f=this.getSelectOptions(),g=!this.state.searchQuery&&(1===f.length&&f[0].currency===b.currency||!c),h=!this.props.onAmountChange;return/*#__PURE__*/_jsxs("div",{className:classNames(this.style("tw-money-input"),this.style("input-group"),this.style("input-group-".concat(d))),children:[/*#__PURE__*/_jsx("input",{id:this.props.id,value:this.state.formattedAmount,type:"text",inputMode:"decimal",className:classNames(this.style("form-control")),disabled:h,placeholder:formatAmountIfSet(this.props.placeholder,this.props.selectedCurrency.currency,this.state.locale),autoComplete:"off",onKeyDown:this.handleKeyDown,onChange:this.onAmountChange,onFocus:this.onAmountFocus,onBlur:this.onAmountBlur,onPaste:this.handlePaste}),e&&/*#__PURE__*/_jsx("span",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),h?this.style("tw-money-input--disabled"):""),children:e}),g?/*#__PURE__*/_jsxs("div",{className:classNames(this.style("input-group-addon"),this.style("input-".concat(d)),this.style("tw-money-input__fixed-currency"),h?this.style("tw-money-input--disabled"):""),children:["lg"===d&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("i",{className:classNames(this.style("tw-money-input__keyline"))}),/*#__PURE__*/_jsx("i",{className:classNames(this.style("currency-flag"),this.style("currency-flag-".concat(b.currency.toLowerCase())),this.style("hidden-xs"),this.style("m-r-2"))})]}),/*#__PURE__*/_jsx("span",{className:"lg"===d?this.style("m-r-1"):"",children:b.currency.toUpperCase()})]}):/*#__PURE__*/_jsx("div",{className:classNames(this.style("input-group-btn"),this.style("amount-currency-select-btn")),children:/*#__PURE__*/_jsx(Select,{classNames:this.props.classNames,options:f,selected:_objectSpread(_objectSpread({},b),{},{note:null}),placeholder:this.formatMessage(messages.selectPlaceholder),searchPlaceholder:this.props.searchPlaceholder,searchValue:this.state.searchQuery,size:d,required:!0,dropdownRight:"xs",dropdownWidth:"lg",inverse:!0,onChange:this.handleSelectChange,onSearchChange:this.handleSearchChange})})]})}}]),b}(Component);function filterOptionsForQuery(a,b){if(!b)return a;var c=removeDuplicateValueOptions(a).filter(function(a){return isCurrencyOptionAndFitsQuery(a,b)});return sortOptionsLabelsToFirst(c,b)}function removeDuplicateValueOptions(a){var b=[],c=[];return a.forEach(function(a){a.value&&!c.includes(a.value)&&(b.push(a),c.push(a.value))}),b}function isCurrencyOptionAndFitsQuery(a,b){return!!a.value&&(contains(a.label,b)||contains(a.searchable,b)||contains(a.note,b))}function contains(a,b){return a&&a.toLowerCase().includes(b.toLowerCase())}function sortOptionsLabelsToFirst(a,b){return a.sort(function(a,c){var d=contains(a.label,b),e=contains(c.label,b);return d&&e?0:d?-1:e?1:0})}MoneyInput.propTypes={id:PropTypes.string,currencies:PropTypes.arrayOf(Currency).isRequired,selectedCurrency:Currency.isRequired,onCurrencyChange:PropTypes.func,placeholder:PropTypes.number,amount:PropTypes.number,size:PropTypes.oneOf(["sm","md","lg"]),onAmountChange:PropTypes.func,addon:PropTypes.node,searchPlaceholder:PropTypes.string,/**
3
2
  * Allows the consumer to react to searching, while the search itself is handled internally. Called with `{ searchQuery: string, filteredOptions: Currency[] }`
4
3
  */onSearchChange:PropTypes.func,customActionLabel:PropTypes.node,onCustomAction:PropTypes.func,classNames:PropTypes.objectOf(PropTypes.string)},MoneyInput.defaultProps={id:null,size:Size.LARGE,addon:null,searchPlaceholder:"",onSearchChange:void 0,onCurrencyChange:null,placeholder:null,amount:null,onAmountChange:null,customActionLabel:"",onCustomAction:null,classNames:{}};// this export is necessary for react-to-typescript-definitions
5
4
  // to be able to properly generate TS types, this is due to us wrapping this component in `injectIntl` before exporting
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import PropTypes from"prop-types";import requiredIf from"react-required-if";import classNames from"classnames";import Chevron from"../chevron";import Option from"../common/Option";import{Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a.as,c=a.media,d=a.href,e=a.target,f=a.title,g=a.content,h=a.onClick,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes,l=a.showMediaCircle,m=a.className,n={as:b,media:c,href:d,target:e,title:f,content:g,complex:i,disabled:j,showMediaAtAllSizes:k,showMediaCircle:l,className:classNames("tw-navigation-option",m)};return d&&(n.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},n),{},{onClick:function onClick(a){j||h(a)},button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:j,className:"d-block"})}))};NavigationOption.propTypes={as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a.as,c=a.media,d=a.href,e=a.target,f=a.title,g=a.content,h=a.onClick,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes,l=a.showMediaCircle,m=a.className,n={as:b,media:c,href:d,target:e,title:f,content:g,complex:i,disabled:j,showMediaAtAllSizes:k,showMediaCircle:l,className:classNames("tw-navigation-option",m)};return d&&(n.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},n),{},{button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:j,className:"d-block"}),onClick:function onClick(a){j||h(a)}}))};NavigationOption.propTypes={as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;
@@ -1 +1 @@
1
- import{Children}from"react";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";export default function NavigationOptionList(a){var b=a.children;return/*#__PURE__*/_jsx("ul",{className:"tw-navigation-options-list",children:Children.map(b,function(a){return/*#__PURE__*/_jsx("li",{className:"tw-navigation-options-list__item",children:a},a.key)})})}NavigationOptionList.propTypes={children:PropTypes.node.isRequired};
1
+ import PropTypes from"prop-types";import{Children}from"react";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOptionList=function(a){var b=a.children;return/*#__PURE__*/_jsx("ul",{className:"tw-navigation-options-list",children:Children.map(b,function(a){return/*#__PURE__*/_jsx("li",{className:"tw-navigation-options-list__item",children:a},a.key)})})};NavigationOptionList.propTypes={children:PropTypes.node.isRequired};export default NavigationOptionList;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import classNames from"classnames";import{Cross as CrossIcon}from"@transferwise/icons";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Nudge=function(a){var b=a.media,c=a.title,d=a.link,e=a.href,f=a.onDismiss,g=a.id,h=a.className,i=useDirection(),j=i.isRTL;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-nudge media",h),id:g,children:[/*#__PURE__*/_jsx("div",{className:classNames({"media-left":!j,"media-right":j}),children:b}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"tw-nudge__title media-heading h5",children:c}),/*#__PURE__*/_jsx("a",{href:e,className:"tw-nudge__link",children:d})]}),/*#__PURE__*/_jsx("div",{className:classNames({"media-right":!j,"media-left":j}),children:/*#__PURE__*/_jsx("button",{type:"button",className:"close",onClick:f,"aria-label":"close",children:/*#__PURE__*/_jsx(CrossIcon,{})})})]})};Nudge.propTypes={media:PropTypes.node.isRequired,title:PropTypes.node.isRequired,link:PropTypes.node.isRequired,href:PropTypes.string.isRequired,onDismiss:PropTypes.func.isRequired,id:PropTypes.string,className:PropTypes.string},Nudge.defaultProps={id:null,className:null};export default Nudge;
1
+ import classNames from"classnames";import PropTypes from"prop-types";import CloseButton from"../common/closeButton";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Nudge=function(a){var b=a.media,c=a.title,d=a.link,e=a.href,f=a.onClick,g=a.onDismiss,h=a.id,i=a.className,j=useDirection(),k=j.isRTL;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-nudge media",i),id:h,children:[/*#__PURE__*/_jsx("div",{className:classNames({"media-left":!k,"media-right":k}),children:b}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"tw-nudge__title media-heading h5",children:c}),/*#__PURE__*/_jsx("a",{href:e,className:"tw-nudge__link",onClick:f,children:d})]}),/*#__PURE__*/_jsx("div",{className:classNames({"media-right":!k,"media-left":k}),children:/*#__PURE__*/_jsx(CloseButton,{size:16,onClick:g})})]})};Nudge.propTypes={media:PropTypes.node.isRequired,title:PropTypes.node.isRequired,link:PropTypes.node.isRequired,href:PropTypes.string.isRequired,onClick:PropTypes.func,onDismiss:PropTypes.func.isRequired,id:PropTypes.string,className:PropTypes.string},Nudge.defaultProps={id:null,className:null,onClick:void 0};export default Nudge;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import Header from"../header";import CloseButton from"../common/closeButton";import Logo from"../logo";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var OverlayHeader=function(a){var b=a.avatar,c=a.onClose,d=a.logo,e=c&&/*#__PURE__*/_jsx(CloseButton,{onClick:c});return/*#__PURE__*/_jsx(Header,{className:"np-overlay-header p-a-3",leftContent:d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[b,b&&e&&/*#__PURE__*/_jsx("span",{className:"separator"}),e]})})};OverlayHeader.defaultProps={avatar:null,logo:/*#__PURE__*/_jsx(Logo,{}),onClose:null},OverlayHeader.propTypes={/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Function called when the close is clicked */onClose:PropTypes.func};export default OverlayHeader;
1
+ import PropTypes from"prop-types";import CloseButton from"../common/closeButton";import Header from"../header";import Logo from"../logo";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var OverlayHeader=function(a){var b=a.avatar,c=a.onClose,d=a.logo,e=c&&/*#__PURE__*/_jsx(CloseButton,{onClick:c});return/*#__PURE__*/_jsx(Header,{className:"np-overlay-header p-a-3",leftContent:d,rightContent:/*#__PURE__*/_jsxs(_Fragment,{children:[b,b&&e&&/*#__PURE__*/_jsx("span",{className:"separator"}),e]})})};OverlayHeader.defaultProps={avatar:null,logo:/*#__PURE__*/_jsx(Logo,{}),onClose:null},OverlayHeader.propTypes={/** An Avatar */avatar:PropTypes.element,logo:PropTypes.node,/** Function called when the close is clicked */onClose:PropTypes.func};export default OverlayHeader;
@@ -1 +1 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useState,useEffect}from"react";import{useIntl}from"react-intl";import PropTypes from"prop-types";import{isArray}from"@transferwise/neptune-validation";import classNames from"classnames";import{Size}from"../common";import{useDirection}from"../common/hooks";import Select from"../select";import{explodeNumberModel,filterOptionsForQuery,isValidPhoneNumber,cleanNumber,setDefaultPrefix,isStringNumeric,sortArrayByProperty,groupCountriesByPrefix}from"./utils";import countries from"./data/countries";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ALLOWED_PHONE_CHARS=/^$|^[\d-\s]+$/,PhoneNumberInput=function(a){var b=a.onChange,c=a.searchPlaceholder,d=a.disabled,e=a.required,f=a.size,g=a.placeholder,h=a.onFocus,i=a.onBlur,j=a.countryCode,k=useIntl(),l=k.locale,m=useDirection(),n=m.isRTL,o=function(){var b=a.initialValue,c=b?cleanNumber(b):null;return c&&isValidPhoneNumber(c)?c:null},p=useState(o()),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useState(o()),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(""),y=_slicedToArray(x,2),z=y[0],A=y[1],B=groupCountriesByPrefix(sortArrayByProperty(countries,"iso3")),C=groupCountriesByPrefix(sortArrayByProperty(countries,"phone")),D=function(a){var b=setDefaultPrefix(l,j),c="";if(a){var d=explodeNumberModel(a);b=d.prefix,c=d.suffix}return{prefix:b,suffix:c}},E=function getSelectOptions(){var a=filterOptionsForQuery(isStringNumeric(z)?C:B,z);return a.map(function(a){var b=a.phone,c=a.iso3,d=a.iso2,e="";return c?e=isArray(c)?c.join(", "):c:d&&(e=isArray(d)?d.join(", "):d),{value:b,label:b,note:e}})}();useEffect(function(){var a=isValidPhoneNumber(r)?cleanNumber(r):null;a!==v&&(b(a),w({newbroadcastValue:a}))},[r]);var F=D(r),G=F.prefix,H=F.suffix;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-telephone",{"tw-telephone--rtl":n}),children:[/*#__PURE__*/_jsx("div",{className:"tw-telephone__country-select",children:/*#__PURE__*/_jsx(Select,{options:E,selected:{value:G,label:G},onChange:function handleChangeSelect(a){var b=D(r),c=b.suffix,d=a.value;A(""),s(d+c)},placeholder:"Select an option...",searchPlaceholder:c,onSearchChange:function onSearchChange(a){return A(a)},searchValue:z,required:e,disabled:d,size:f})}),/*#__PURE__*/_jsx("div",{className:"tw-telephone__number-input",children:/*#__PURE__*/_jsx("div",{className:"input-group input-group-".concat(f),children:/*#__PURE__*/_jsx("input",{name:"phoneNumber",inputMode:"numeric",value:H,type:"text",className:"form-control",disabled:d,onChange:function handleInputChange(a){var b=a.target.value;if(ALLOWED_PHONE_CHARS.test(b)){var c=D(r),d=c.prefix;s(d+b)}},onPaste:function handlePaste(a){if(a.nativeEvent.clipboardData){var b=(a.nativeEvent.clipboardData.getData("text/plain")||"").replace(/(\s|-)+/g,""),c=E.find(function(a){var c=a.value;return new RegExp("^\\".concat(c)).test(b)});c&&ALLOWED_PHONE_CHARS.test(b.replace(c.value,""))&&s(b)}},onFocus:h,onBlur:i,required:e,placeholder:g})})})]})};PhoneNumberInput.propTypes={required:PropTypes.bool,disabled:PropTypes.bool,initialValue:PropTypes.string,onChange:PropTypes.func.isRequired,onFocus:PropTypes.func,onBlur:PropTypes.func,countryCode:PropTypes.string,searchPlaceholder:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),placeholder:PropTypes.string},PhoneNumberInput.defaultProps={required:!1,disabled:!1,initialValue:null,onFocus:function onFocus(){},onBlur:function onBlur(){},countryCode:null,searchPlaceholder:"Prefix",size:Size.MEDIUM,placeholder:""};export default PhoneNumberInput;
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isArray}from"@transferwise/neptune-validation";import classNames from"classnames";import PropTypes from"prop-types";import{useState,useEffect}from"react";import{useIntl}from"react-intl";import{Size}from"../common";import{useDirection}from"../common/hooks";import Select from"../select";import countries from"./data/countries";import{explodeNumberModel,filterOptionsForQuery,isValidPhoneNumber,cleanNumber,setDefaultPrefix,isStringNumeric,sortArrayByProperty,groupCountriesByPrefix}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ALLOWED_PHONE_CHARS=/^$|^[\d-\s]+$/,PhoneNumberInput=function(a){var b=a.onChange,c=a.searchPlaceholder,d=a.disabled,e=a.required,f=a.size,g=a.placeholder,h=a.onFocus,i=a.onBlur,j=a.countryCode,k=useIntl(),l=k.locale,m=useDirection(),n=m.isRTL,o=function(){var b=a.initialValue,c=b?cleanNumber(b):null;return c&&isValidPhoneNumber(c)?c:null},p=useState(o()),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useState(o()),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(""),y=_slicedToArray(x,2),z=y[0],A=y[1],B=groupCountriesByPrefix(sortArrayByProperty(countries,"iso3")),C=groupCountriesByPrefix(sortArrayByProperty(countries,"phone")),D=function(a){var b=setDefaultPrefix(l,j),c="";if(a){var d=explodeNumberModel(a);b=d.prefix,c=d.suffix}return{prefix:b,suffix:c}},E=function getSelectOptions(){var a=filterOptionsForQuery(isStringNumeric(z)?C:B,z);return a.map(function(a){var b=a.phone,c=a.iso3,d=a.iso2,e="";return c?e=isArray(c)?c.join(", "):c:d&&(e=isArray(d)?d.join(", "):d),{value:b,label:b,note:e}})}();useEffect(function(){var a=isValidPhoneNumber(r)?cleanNumber(r):null;a!==v&&(b(a),w({newbroadcastValue:a}))},[r]);var F=D(r),G=F.prefix,H=F.suffix;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-telephone",{"tw-telephone--rtl":n}),children:[/*#__PURE__*/_jsx("div",{className:"tw-telephone__country-select",children:/*#__PURE__*/_jsx(Select,{options:E,selected:{value:G,label:G},placeholder:"Select an option...",searchPlaceholder:c,searchValue:z,required:e,disabled:d,size:f,onChange:function handleChangeSelect(a){var b=D(r),c=b.suffix,d=a.value;A(""),s(d+c)},onSearchChange:function onSearchChange(a){return A(a)}})}),/*#__PURE__*/_jsx("div",{className:"tw-telephone__number-input",children:/*#__PURE__*/_jsx("div",{className:"input-group input-group-".concat(f),children:/*#__PURE__*/_jsx("input",{name:"phoneNumber",inputMode:"numeric",value:H,type:"text",className:"form-control",disabled:d,required:e,placeholder:g,onChange:function handleInputChange(a){var b=a.target.value;if(ALLOWED_PHONE_CHARS.test(b)){var c=D(r),d=c.prefix;s(d+b)}},onPaste:function handlePaste(a){if(a.nativeEvent.clipboardData){var b=(a.nativeEvent.clipboardData.getData("text/plain")||"").replace(/(\s|-)+/g,""),c=E.find(function(a){var c=a.value;return new RegExp("^\\".concat(c)).test(b)});c&&ALLOWED_PHONE_CHARS.test(b.replace(c.value,""))&&s(b)}},onFocus:h,onBlur:i})})})]})};PhoneNumberInput.propTypes={required:PropTypes.bool,disabled:PropTypes.bool,initialValue:PropTypes.string,onChange:PropTypes.func.isRequired,onFocus:PropTypes.func,onBlur:PropTypes.func,countryCode:PropTypes.string,searchPlaceholder:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),placeholder:PropTypes.string},PhoneNumberInput.defaultProps={required:!1,disabled:!1,initialValue:null,onFocus:function onFocus(){},onBlur:function onBlur(){},countryCode:null,searchPlaceholder:"Prefix",size:Size.MEDIUM,placeholder:""};export default PhoneNumberInput;
@@ -1,6 +1,7 @@
1
1
  import{findCountryByPrefix}from"../findCountryByPrefix";/**
2
2
  * Given a sting in a valid format ex:'+447573135343' it returns an object of shape
3
3
  * {prefix=+44 ,suffix=7573135343}
4
+ *
4
5
  * @param {string} number - a string that defines a phone number.
5
6
  * @returns {{prefix: (string|*), suffix: string, format: string}}
6
- */export var explodeNumberModel=function(a){var b="",c="",d="",e=findCountryByPrefix(a);return e?(b=e.phone,c=a.substring(e.phone.length),d=e.phoneFormat||""):(b="",c=a.substring(1),d=""),{prefix:b,suffix:c,format:d}};
7
+ */export var explodeNumberModel=function(a){var b="",c="",d="",e=findCountryByPrefix(a);return e?(b=e.phone,c=a.slice(e.phone.length),d=e.phoneFormat||""):(b="",c=a.slice(1),d=""),{prefix:b,suffix:c,format:d}};
@@ -1,5 +1,6 @@
1
1
  import{isOptionAndFitsQuery}from"../isOptionAndFitsQuery";/**
2
2
  * Filters a set of options based on search string
3
+ *
3
4
  * @param options
4
5
  * @param query
5
6
  * @returns {*}
@@ -1 +1 @@
1
- import countries from"../../data/countries";import{longestMatchingPrefix}from"../longestMatchingPrefix";export var findCountryByCode=function(a){var b;return a&&2===a.length&&(b=countries.filter(function(b){return a.toUpperCase()===b.iso2})),b&&b.length?longestMatchingPrefix(b):null};
1
+ import countries from"../../data/countries";import{longestMatchingPrefix}from"../longestMatchingPrefix";export var findCountryByCode=function(a){var b;return a&&2===a.length&&(b=countries.filter(function(b){return a.toUpperCase()===b.iso2})),b&&0<b.length?longestMatchingPrefix(b):null};
@@ -1 +1 @@
1
- import countries from"../../data/countries";import{longestMatchingPrefix}from"../longestMatchingPrefix";export var findCountryByPrefix=function(a){var b=null;return a&&1<a.length&&(b=countries.filter(function(b){return 0===a.indexOf(b.phone)})),b&&b.length?longestMatchingPrefix(b):null};
1
+ import countries from"../../data/countries";import{longestMatchingPrefix}from"../longestMatchingPrefix";export var findCountryByPrefix=function(a){var b=null;return a&&1<a.length&&(b=countries.filter(function(b){return 0===a.indexOf(b.phone)})),b&&0<b.length?longestMatchingPrefix(b):null};
@@ -1,5 +1,6 @@
1
1
  import{isArray}from"@transferwise/neptune-validation";/**
2
2
  * Checks if query is contained into object properties.
3
+ *
3
4
  * @param {object} option - the select option
4
5
  * @param {string} query - the current search query
5
6
  * @returns {boolean}
@@ -2,7 +2,9 @@ import{getCountryFromLocale}from"../../../common/locale";import{findCountryByCod
2
2
  * Default phone code, the UK one `+44`
3
3
  */var DEFAULT_PHONE_CODE="+44";/**
4
4
  * Given a valid locale it returns the correspondent prefix if found or +44 otherwise.
5
+ *
5
6
  * @param {string} locale - a string that represent the locale ex:'es-ES'
7
+ * @param countryCode
6
8
  * @returns {string}
7
9
  */export var setDefaultPrefix=function(a,b){var c=findCountryByCode(b)||// when `locale` code has explicit region: `en-GB`, `en-US`, `ar-AE`
8
10
  findCountryByCode(getCountryFromLocale(a))||// when `locale` code is only two chars value: `fr`, `es`
@@ -1,4 +1,4 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _deprecatedPlacements;import{useRef,useState,cloneElement}from"react";import PropTypes from"prop-types";import classnames from"classnames";import{Position}from"../common";import ResponsivePanel from"../common/responsivePanel";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Popover=function(a){var b=a.children,c=a.className,d=a.content,e=a.preferredPlacement,f=a.title;logActionRequired({preferredPlacement:e});var g=useRef(null),h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1];return/*#__PURE__*/_jsxs("span",{className:classnames("np-popover",c),children:[/*#__PURE__*/_jsx("span",{className:"d-inline-block",ref:g,children:/*#__PURE__*/cloneElement(b,{onClick:function onClick(){var a;null!==b&&void 0!==b&&null!==(a=b.props)&&void 0!==a&&a.onClick&&b.props.onClick(),k(!j)}})}),/*#__PURE__*/_jsx(ResponsivePanel,{open:j,anchorRef:g,position:deprecatedPlacements[e]||e,onClose:function onClose(){return k(!1)},arrow:!0,className:"np-popover__container",children:/*#__PURE__*/_jsxs("div",{className:"np-popover__content","aria-hidden":!j,role:"tooltip",children:[f&&/*#__PURE__*/_jsx("div",{role:"heading","aria-level":1,className:"np-popover__title m-b-1",children:f}),d]})})]})},logActionRequired=function(a){var b=a.preferredPlacement;logActionRequiredIf("Popover has deprecated ".concat(b," value for the 'preferredPlacement' prop. Please use ").concat(deprecatedPlacements[b]," instead."),deprecatedPlacements[b])};Popover.defaultProps={className:void 0,preferredPlacement:Position.RIGHT,title:void 0},Popover.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,content:PropTypes.node.isRequired,/**
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _deprecatedPlacements;import classnames from"classnames";import PropTypes from"prop-types";import{useRef,useState,cloneElement}from"react";import{Position}from"../common";import ResponsivePanel from"../common/responsivePanel";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Popover=function(a){var b=a.children,c=a.className,d=a.content,e=a.preferredPlacement,f=a.title;logActionRequired({preferredPlacement:e});var g=useRef(null),h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1];return/*#__PURE__*/_jsxs("span",{className:classnames("np-popover",c),children:[/*#__PURE__*/_jsx("span",{ref:g,className:"d-inline-block",children:/*#__PURE__*/cloneElement(b,{onClick:function onClick(){var a;null!==b&&void 0!==b&&null!==(a=b.props)&&void 0!==a&&a.onClick&&b.props.onClick(),k(!j)}})}),/*#__PURE__*/_jsx(ResponsivePanel,{open:j,anchorRef:g,position:deprecatedPlacements[e]||e,arrow:!0,className:"np-popover__container",onClose:function onClose(){return k(!1)},children:/*#__PURE__*/_jsxs("div",{className:"np-popover__content","aria-hidden":!j,role:"tooltip",children:[f&&/*#__PURE__*/_jsx("div",{role:"heading","aria-level":1,className:"np-popover__title m-b-1",children:f}),d]})})]})},logActionRequired=function(a){var b=a.preferredPlacement;logActionRequiredIf("Popover has deprecated ".concat(b," value for the 'preferredPlacement' prop. Please use ").concat(deprecatedPlacements[b]," instead."),deprecatedPlacements[b])};Popover.defaultProps={className:void 0,preferredPlacement:Position.RIGHT,title:void 0},Popover.propTypes={children:PropTypes.node.isRequired,className:PropTypes.string,content:PropTypes.node.isRequired,/**
2
2
  * `'left-top'` / `'right-top'` are deprecated use `Position.TOP` / `'top'` instead,
3
3
  * `'bottom-right'` / `'bottom-left'` are deprecated use `Position.BOTTOM` / `'bottom'` instead
4
4
  */preferredPlacement:PropTypes.oneOf(["top","right","bottom","left","left-top","right-top","bottom-right","bottom-left"]),title:PropTypes.node};var deprecatedPlacements=(_deprecatedPlacements={},_defineProperty(_deprecatedPlacements,Position.BOTTOM_LEFT,Position.BOTTOM),_defineProperty(_deprecatedPlacements,Position.BOTTOM_RIGHT,Position.BOTTOM),_defineProperty(_deprecatedPlacements,Position.LEFT_TOP,Position.TOP),_defineProperty(_deprecatedPlacements,Position.RIGHT_TOP,Position.TOP),_deprecatedPlacements);export default Popover;
@@ -1,9 +1,12 @@
1
- import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{Component}from"react";import PropTypes from"prop-types";import classNames from"classnames";import{Status,Size}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var radius={xs:11,sm:22,xl:61};export var ANIMATION_DURATION_IN_MS=1500;var ProcessIndicator=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"runCallBack",function(a){var b=d.props.onAnimationCompleted;b&&(d.timeouts=setTimeout(function(){b(a)},ANIMATION_DURATION_IN_MS))}),d.state={status:a.status,size:a.size},d.interval=null,d.timeout=null,d}/**
1
+ import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import classNames from"classnames";import PropTypes from"prop-types";import{Component}from"react";import{Status,Size}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var radius={xs:11,sm:22,xl:61};export var ANIMATION_DURATION_IN_MS=1500;var ProcessIndicator=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"runCallBack",function(a){var b=d.props.onAnimationCompleted;b&&(d.timeouts=setTimeout(function(){b(a)},ANIMATION_DURATION_IN_MS))}),d.state={status:a.status,size:a.size},d.interval=null,d.timeout=null,d}/**
2
2
  * Create interval for animation duration (1500ms)
3
3
  * Update state only at the end of every interval
4
4
  * (end of animation loop) if props changed before end of animation
5
5
  */_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentDidMount",value:function componentDidMount(){var a=this;this.interval=setInterval(function(){var b=a.state.status,c=a.state.size,d=a.props.status,e=a.props.size;b!==d&&a.setState({status:d},a.runCallBack(d)),c!==e&&a.setState({size:e})},ANIMATION_DURATION_IN_MS)}/**
6
6
  * Only trigger render if comopnent's state got
7
7
  * updated from interval callback
8
+ *
9
+ * @param nextProps
10
+ * @param nextState
8
11
  */},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(a,b){var c=a.status===b.status,d=a.size===b.size;return c&&d}// Clear interval before destroying component
9
12
  },{key:"componentWillUnmount",value:function componentWillUnmount(){clearInterval(this.interval),clearTimeout(this.timeout)}},{key:"render",value:function render(){var a,b=this.props,c=b.className,d=b["data-testid"],e=this.state,f=e.size,g=e.status,h=classNames("process process-".concat(f),c,(a={},_defineProperty(a,"process-danger",g===Status.FAILED),_defineProperty(a,"process-stopped",g===Status.HIDDEN),_defineProperty(a,"process-success",g===Status.SUCCEEDED),a));return/*#__PURE__*/_jsxs("span",{className:h,"data-testid":d,children:[/*#__PURE__*/_jsxs("span",{className:"process-icon-container",children:[/*#__PURE__*/_jsx("span",{className:"process-icon-horizontal"}),/*#__PURE__*/_jsx("span",{className:"process-icon-vertical"})]}),/*#__PURE__*/_jsx("svg",{xmlns:"http://www.w3.org/2000/svg",children:/*#__PURE__*/_jsx("circle",{className:"process-circle",cx:"50%",cy:"50%",r:radius[this.state.size],fillOpacity:"0.0"})})]})}}]),b}(Component);ProcessIndicator.propTypes={status:PropTypes.oneOf(["processing","failed","succeeded","hidden"]),size:PropTypes.oneOf(["xs","sm","xl"]),onAnimationCompleted:PropTypes.func,className:PropTypes.string,"data-testid":PropTypes.string},ProcessIndicator.defaultProps={status:Status.PROCESSING,size:Size.SMALL,onAnimationCompleted:null,className:void 0,"data-testid":null};export default ProcessIndicator;
@@ -1 +1 @@
1
- import PropTypes from"prop-types";import{IntlProvider}from"react-intl";import{DirectionProvider}from"./direction";import en from"../i18n/en.json";import{DEFAULT_LOCALE,adjustLocale}from"../common/locale";import{jsx as _jsx}from"react/jsx-runtime";function Provider(a){var b,c=a.i18n,d=a.children,e=c.locale,f=c.messages,g=c.defaultRichTextElements,h=adjustLocale(e);return null===h?(console.warn("Unsupported locale value was provided: '".concat(e,"', defaulting to '").concat(DEFAULT_LOCALE,"'")),b={locale:DEFAULT_LOCALE,messages:en}):b={locale:h,messages:f},/*#__PURE__*/_jsx(DirectionProvider,{locale:b.locale,children:/*#__PURE__*/_jsx(IntlProvider,{defaultLocale:DEFAULT_LOCALE,locale:b.locale,messages:b.messages,defaultRichTextElements:g,children:d})})}Provider.propTypes={i18n:PropTypes.shape({locale:PropTypes.string.isRequired,messages:PropTypes.shape({}).isRequired,defaultRichTextElements:PropTypes.shape({})}).isRequired,children:PropTypes.node},Provider.defaultProps={children:void 0};export default Provider;
1
+ import PropTypes from"prop-types";import{IntlProvider}from"react-intl";import{DEFAULT_LOCALE,adjustLocale}from"../common/locale";import en from"../i18n/en.json";import{DirectionProvider}from"./direction";import{jsx as _jsx}from"react/jsx-runtime";var Provider=function(a){var b,c=a.i18n,d=a.children,e=c.locale,f=c.messages,g=c.defaultRichTextElements,h=adjustLocale(e);return null===h?(console.warn("Unsupported locale value was provided: '".concat(e,"', defaulting to '").concat(DEFAULT_LOCALE,"'")),b={locale:DEFAULT_LOCALE,messages:en}):b={locale:h,messages:f},/*#__PURE__*/_jsx(DirectionProvider,{locale:b.locale,children:/*#__PURE__*/_jsx(IntlProvider,{defaultLocale:DEFAULT_LOCALE,locale:b.locale,messages:b.messages,defaultRichTextElements:g,children:d})})};Provider.propTypes={i18n:PropTypes.shape({locale:PropTypes.string.isRequired,messages:PropTypes.shape({}).isRequired,defaultRichTextElements:PropTypes.shape({})}).isRequired,children:PropTypes.node},Provider.defaultProps={children:void 0};export default Provider;
@@ -1 +1 @@
1
- import{createContext}from"react";import PropTypes from"prop-types";import{DEFAULT_LOCALE,SUPPORTED_RTL}from"../../common/locale";import{jsx as _jsx}from"react/jsx-runtime";export var DirectionContext=/*#__PURE__*/createContext("ltr");export var DirectionProvider=function(a){var b=a.locale,c=a.children;return/*#__PURE__*/_jsx(DirectionContext.Provider,{value:-1<SUPPORTED_RTL.indexOf(b)?"rtl":"ltr",children:c})};DirectionProvider.propTypes={children:PropTypes.node,locale:PropTypes.string},DirectionProvider.defaultProps={children:null,locale:DEFAULT_LOCALE};
1
+ import PropTypes from"prop-types";import{createContext}from"react";import{DEFAULT_LOCALE,SUPPORTED_RTL}from"../../common/locale";import{jsx as _jsx}from"react/jsx-runtime";export var DirectionContext=/*#__PURE__*/createContext("ltr");export var DirectionProvider=function(a){var b=a.locale,c=a.children;return/*#__PURE__*/_jsx(DirectionContext.Provider,{value:SUPPORTED_RTL.includes(b)?"rtl":"ltr",children:c})};DirectionProvider.propTypes={children:PropTypes.node,locale:PropTypes.string},DirectionProvider.defaultProps={children:null,locale:DEFAULT_LOCALE};
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","id","disabled","avatar","secondary"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import classNames from"classnames";import RadioButton from"../common/RadioButton";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Radio=function(a){var b=a.label,c=a.id,d=a.disabled,e=a.avatar,f=a.secondary,g=_objectWithoutProperties(a,_excluded),h=useDirection(),i=h.isRTL;return/*#__PURE__*/_jsx("div",{className:classNames("radio np-radio",{"radio-lg":f,disabled:d}),disabled:d,children:/*#__PURE__*/_jsxs("label",{htmlFor:c,children:[/*#__PURE__*/_jsx("span",{className:classNames("np-radio-button",{"p-r-2":!i,"p-l-2":i}),children:/*#__PURE__*/_jsx(RadioButton,_objectSpread({id:c,disabled:d},g))}),/*#__PURE__*/_jsxs("span",{className:"np-radio__text",children:[b,f&&/*#__PURE__*/_jsx("small",{children:f})]}),e&&/*#__PURE__*/_jsx("span",{className:classNames("np-radio__avatar",{"m-l-auto":!i,"m-r-auto":i}),children:e})]})})};Radio.propTypes={avatar:PropTypes.element,checked:PropTypes.bool,disabled:PropTypes.bool,id:PropTypes.string,label:PropTypes.string.isRequired,name:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,secondary:PropTypes.string,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string])},Radio.defaultProps={avatar:void 0,checked:!1,disabled:!1,id:null,secondary:null,value:""};export default Radio;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","id","disabled","avatar","secondary"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import PropTypes from"prop-types";import RadioButton from"../common/RadioButton";import{useDirection}from"../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Radio=function(a){var b=a.label,c=a.id,d=a.disabled,e=a.avatar,f=a.secondary,g=_objectWithoutProperties(a,_excluded),h=useDirection(),i=h.isRTL;return/*#__PURE__*/_jsx("div",{className:classNames("radio np-radio",{"radio-lg":f,disabled:d}),disabled:d,children:/*#__PURE__*/_jsxs("label",{htmlFor:c,children:[/*#__PURE__*/_jsx("span",{className:classNames("np-radio-button",{"p-r-2":!i,"p-l-2":i}),children:/*#__PURE__*/_jsx(RadioButton,_objectSpread({id:c,disabled:d},g))}),/*#__PURE__*/_jsxs("span",{className:"np-radio__text",children:[b,f&&/*#__PURE__*/_jsx("small",{children:f})]}),e&&/*#__PURE__*/_jsx("span",{className:classNames("np-radio__avatar",{"m-l-auto":!i,"m-r-auto":i}),children:e})]})})};Radio.propTypes={avatar:PropTypes.element,checked:PropTypes.bool,disabled:PropTypes.bool,id:PropTypes.string,label:PropTypes.string.isRequired,name:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,secondary:PropTypes.string,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string])},Radio.defaultProps={avatar:void 0,checked:!1,disabled:!1,id:null,secondary:null,value:""};export default Radio;
@@ -1,2 +1,2 @@
1
- import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{Component}from"react";import PropTypes from"prop-types";import Radio from"../radio";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var RadioGroup=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"handleOnChange",function(a){var b=d.props.onChange;d.setState({selectedValue:a},b&&b(a))}),d.state={selectedValue:a.selectedValue},d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"render",value:function render(){var a=this,b=this.props,c=b.radios,d=b.name,e=this.state.selectedValue;return c&&1<c.length?/*#__PURE__*/_jsx(_Fragment,{children:c.map(function(b,c){var f=b.id,g=b.avatar,h=b.value,i=b.label,j=b.disabled,k=b.secondary,l=b.readOnly;return/*#__PURE__*/_jsx(Radio,{id:f,value:h// eslint-disable-next-line react/no-array-index-key
2
- ,label:i,name:d,disabled:j,checked:e===h,secondary:k,onChange:function onChange(b){return a.handleOnChange(b)},readOnly:l,avatar:g},c)})}):null}}]),b}(Component);RadioGroup.propTypes={radios:PropTypes.arrayOf(PropTypes.shape({id:PropTypes.string,avatar:PropTypes.element,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),secondary:PropTypes.string,label:PropTypes.string.isRequired,disabled:PropTypes.bool,readOnly:PropTypes.bool})).isRequired,onChange:PropTypes.func.isRequired,selectedValue:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),name:PropTypes.string.isRequired},RadioGroup.defaultProps={selectedValue:null};export default RadioGroup;
1
+ import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import PropTypes from"prop-types";import{Component}from"react";import Radio from"../radio";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var RadioGroup=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"handleOnChange",function(a){var b=d.props.onChange;d.setState({selectedValue:a},b&&b(a))}),d.state={selectedValue:a.selectedValue},d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"render",value:function render(){var a=this,b=this.props,c=b.radios,d=b.name,e=this.state.selectedValue;return c&&1<c.length?/*#__PURE__*/_jsx(_Fragment,{children:c.map(function(b,c){var f=b.id,g=b.avatar,h=b.value,i=b.label,j=b.disabled,k=b.secondary,l=b.readOnly;return/*#__PURE__*/_jsx(Radio// eslint-disable-next-line react/no-array-index-key
2
+ ,{id:f,value:h,label:i,name:d,disabled:j,checked:e===h,secondary:k,readOnly:l,avatar:g,onChange:function onChange(b){return a.handleOnChange(b)}},c)})}):null}}]),b}(Component);RadioGroup.propTypes={radios:PropTypes.arrayOf(PropTypes.shape({id:PropTypes.string,avatar:PropTypes.element,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),secondary:PropTypes.string,label:PropTypes.string.isRequired,disabled:PropTypes.bool,readOnly:PropTypes.bool})).isRequired,onChange:PropTypes.func.isRequired,selectedValue:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),name:PropTypes.string.isRequired},RadioGroup.defaultProps={selectedValue:null};export default RadioGroup;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import Option from"../common/Option";import RadioButton from"../common/RadioButton";import{jsx as _jsx}from"react/jsx-runtime";var RadioOption=function(a){var b=a.media,c=a.title,d=a.content,e=a.id,f=a.name,g=a.checked,h=a.onChange,i=a.complex,j=a.disabled,k=a.value,l=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{media:b,title:c,content:d,name:f,complex:i,disabled:j,showMediaAtAllSizes:l}),{},{button:/*#__PURE__*/_jsx(RadioButton,{id:e,name:f,checked:g,onChange:h,disabled:j,value:k})}))};RadioOption.propTypes={media:PropTypes.node,id:PropTypes.string.isRequired,name:PropTypes.string.isRequired,title:PropTypes.node.isRequired,content:PropTypes.node,checked:PropTypes.bool,onChange:PropTypes.func.isRequired,complex:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,showMediaAtAllSizes:PropTypes.bool},RadioOption.defaultProps={media:null,content:null,checked:!1,complex:!1,disabled:!1,showMediaAtAllSizes:!1,value:""};export default RadioOption;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import Option from"../common/Option";import RadioButton from"../common/RadioButton";import{jsx as _jsx}from"react/jsx-runtime";var RadioOption=function(a){var b=a.media,c=a.title,d=a.content,e=a.id,f=a.name,g=a.checked,h=a.onChange,i=a.complex,j=a.disabled,k=a.value,l=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{media:b,title:c,content:d,name:f,complex:i,disabled:j,showMediaAtAllSizes:l}),{},{button:/*#__PURE__*/_jsx(RadioButton,{id:e,name:f,checked:g,disabled:j,value:k,onChange:h})}))};RadioOption.propTypes={media:PropTypes.node,id:PropTypes.string.isRequired,name:PropTypes.string.isRequired,title:PropTypes.node.isRequired,content:PropTypes.node,checked:PropTypes.bool,onChange:PropTypes.func.isRequired,complex:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,showMediaAtAllSizes:PropTypes.bool},RadioOption.defaultProps={media:null,content:null,checked:!1,complex:!1,disabled:!1,showMediaAtAllSizes:!1,value:""};export default RadioOption;