@transferwise/components 0.0.0-experimental-7627eab → 0.0.0-experimental-3243eb8

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 (50) hide show
  1. package/build/index.esm.js +19 -6
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +20 -8
  4. package/build/index.js.map +1 -1
  5. package/build/types/emphasis/Emphasis.d.ts +1 -1
  6. package/build/types/emphasis/Emphasis.d.ts.map +1 -1
  7. package/build/types/emphasis/EmphasisHtmlTransformer.d.ts +1 -1
  8. package/build/types/emphasis/EmphasisHtmlTransformer.d.ts.map +1 -1
  9. package/build/types/emphasis/index.d.ts +0 -1
  10. package/build/types/emphasis/index.d.ts.map +1 -1
  11. package/build/types/index.d.ts +0 -5
  12. package/build/types/index.d.ts.map +1 -1
  13. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  14. package/build/types/loader/Loader.d.ts +3 -3
  15. package/build/types/loader/Loader.d.ts.map +1 -1
  16. package/build/types/loader/index.d.ts +2 -2
  17. package/build/types/loader/index.d.ts.map +1 -1
  18. package/build/types/money/Money.d.ts +11 -8
  19. package/build/types/money/Money.d.ts.map +1 -1
  20. package/build/types/money/index.d.ts +1 -2
  21. package/build/types/money/index.d.ts.map +1 -1
  22. package/build/types/navigationOptionsList/NavigationOptionsList.d.ts +10 -7
  23. package/build/types/navigationOptionsList/NavigationOptionsList.d.ts.map +1 -1
  24. package/build/types/navigationOptionsList/index.d.ts +1 -2
  25. package/build/types/navigationOptionsList/index.d.ts.map +1 -1
  26. package/build/types/slidingPanel/SlidingPanel.d.ts.map +1 -1
  27. package/package.json +1 -2
  28. package/src/avatar/{Avatar.spec.tsx → Avatar.spec.js} +13 -6
  29. package/src/emphasis/{Emphasis.spec.tsx → Emphasis.spec.js} +1 -2
  30. package/src/emphasis/Emphasis.tsx +1 -1
  31. package/src/emphasis/{EmphasisHtmlTransformer.spec.tsx → EmphasisHtmlTransformer.spec.js} +12 -0
  32. package/src/emphasis/EmphasisHtmlTransformer.ts +1 -1
  33. package/src/emphasis/index.ts +0 -1
  34. package/src/index.ts +0 -5
  35. package/src/inputs/SelectInput.tsx +5 -3
  36. package/src/loader/Loader.tsx +3 -3
  37. package/src/loader/index.js +3 -0
  38. package/src/money/{Money.tsx → Money.js} +7 -6
  39. package/src/money/{Money.spec.tsx → Money.spec.js} +1 -1
  40. package/src/money/index.js +1 -0
  41. package/src/navigationOptionsList/NavigationOptionsList.js +20 -0
  42. package/src/navigationOptionsList/index.js +1 -0
  43. package/src/slidingPanel/SlidingPanel.tsx +4 -4
  44. package/src/loader/index.ts +0 -2
  45. package/src/money/index.ts +0 -2
  46. package/src/navigationOptionsList/NavigationOptionsList.tsx +0 -20
  47. package/src/navigationOptionsList/index.ts +0 -2
  48. /package/src/loader/{Loader.spec.tsx → Loader.spec.js} +0 -0
  49. /package/src/navigationOptionsList/{NavigationOptionsList.spec.tsx → NavigationOptionsList.spec.js} +0 -0
  50. /package/src/navigationOptionsList/{NavigationOptionsList.story.tsx → NavigationOptionsList.story.js} +0 -0
package/build/index.js CHANGED
@@ -11,7 +11,6 @@ var componentsTheming = require('@wise/components-theming');
11
11
  var formatting = require('@transferwise/formatting');
12
12
  var react$1 = require('@headlessui/react');
13
13
  var mergeProps = require('merge-props');
14
- var mergeRefs = require('react-merge-refs');
15
14
  var shim = require('use-sync-external-store/shim');
16
15
  var react = require('@floating-ui/react');
17
16
  var focus = require('@react-aria/focus');
@@ -53,7 +52,6 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
53
52
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
54
53
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
55
54
  var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
56
- var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
57
55
  var throttle__default = /*#__PURE__*/_interopDefault(throttle);
58
56
  var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
59
57
  var clamp__default = /*#__PURE__*/_interopDefault(clamp$2);
@@ -1795,6 +1793,7 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
1795
1793
  ...rest
1796
1794
  }, reference) => {
1797
1795
  const localReference = React.useRef(null);
1796
+ React.useImperativeHandle(reference, () => localReference.current, []);
1798
1797
  return /*#__PURE__*/React.createElement(reactTransitionGroup.CSSTransition, {
1799
1798
  ...rest,
1800
1799
  key: `sliding-panel--open-${position}`,
@@ -1810,7 +1809,7 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
1810
1809
  appear: true,
1811
1810
  unmountOnExit: true
1812
1811
  }, /*#__PURE__*/jsxRuntime.jsx("div", {
1813
- ref: mergeRefs__default.default([reference, localReference]),
1812
+ ref: localReference,
1814
1813
  className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
1815
1814
  children: children
1816
1815
  }));
@@ -6602,7 +6601,10 @@ function SelectInput({
6602
6601
  }) => /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButtonPropsContext.Provider, {
6603
6602
  // eslint-disable-next-line react/jsx-no-constructed-context-values
6604
6603
  value: {
6605
- ref: mergeRefs__default.default([ref, triggerRef]),
6604
+ ref: node => {
6605
+ ref(node);
6606
+ triggerRef.current = node;
6607
+ },
6606
6608
  id,
6607
6609
  ...mergeProps__default.default({
6608
6610
  onClick: () => {
@@ -7443,6 +7445,7 @@ const getSupportedSize = size => {
7443
7445
  return exports.Size.MEDIUM;
7444
7446
  }
7445
7447
  };
7448
+ var Loader$1 = Loader;
7446
7449
 
7447
7450
  const Money = ({
7448
7451
  amount,
@@ -7455,6 +7458,11 @@ const Money = ({
7455
7458
  children: formatting.formatMoney(amount, currency, locale)
7456
7459
  });
7457
7460
  };
7461
+ Money.propTypes = {
7462
+ amount: PropTypes__default.default.number.isRequired,
7463
+ currency: PropTypes__default.default.string.isRequired
7464
+ };
7465
+ var Money$1 = Money;
7458
7466
 
7459
7467
  var messages$4 = reactIntl.defineMessages({
7460
7468
  selectPlaceholder: {
@@ -7872,9 +7880,13 @@ const NavigationOptionList = ({
7872
7880
  children: React.Children.map(children, child => /*#__PURE__*/jsxRuntime.jsx("li", {
7873
7881
  className: "np-navigation-options-list__item",
7874
7882
  children: child
7875
- }, child?.toString()))
7883
+ }, child.key))
7876
7884
  });
7877
7885
  };
7886
+ NavigationOptionList.propTypes = {
7887
+ children: PropTypes__default.default.node.isRequired
7888
+ };
7889
+ var NavigationOptionList$1 = NavigationOptionList;
7878
7890
 
7879
7891
  const STORAGE_NAME = 'dismissedNudges';
7880
7892
  const getLocalStorage = () => {
@@ -15157,14 +15169,14 @@ exports.InstructionsList = InstructionsList;
15157
15169
  exports.LanguageProvider = LanguageProvider;
15158
15170
  exports.Link = Link;
15159
15171
  exports.ListItem = ListItem$1;
15160
- exports.Loader = Loader;
15172
+ exports.Loader = Loader$1;
15161
15173
  exports.Logo = Logo$1;
15162
15174
  exports.Markdown = Markdown;
15163
15175
  exports.Modal = Modal;
15164
- exports.Money = Money;
15176
+ exports.Money = Money$1;
15165
15177
  exports.MoneyInput = MoneyInput$1;
15166
15178
  exports.NavigationOption = NavigationOption;
15167
- exports.NavigationOptionsList = NavigationOptionList;
15179
+ exports.NavigationOptionsList = NavigationOptionList$1;
15168
15180
  exports.Nudge = Nudge;
15169
15181
  exports.Option = Option$2;
15170
15182
  exports.OverlayHeader = OverlayHeader$1;