@transferwise/components 0.0.0-experimental-7627eab → 0.0.0-experimental-6aefd21

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 +21 -6
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +22 -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 +9 -3
  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,9 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
1795
1793
  ...rest
1796
1794
  }, reference) => {
1797
1795
  const localReference = React.useRef(null);
1796
+ React.useImperativeHandle(reference, () =>
1797
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
1798
+ localReference.current, []);
1798
1799
  return /*#__PURE__*/React.createElement(reactTransitionGroup.CSSTransition, {
1799
1800
  ...rest,
1800
1801
  key: `sliding-panel--open-${position}`,
@@ -1810,7 +1811,7 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
1810
1811
  appear: true,
1811
1812
  unmountOnExit: true
1812
1813
  }, /*#__PURE__*/jsxRuntime.jsx("div", {
1813
- ref: mergeRefs__default.default([reference, localReference]),
1814
+ ref: localReference,
1814
1815
  className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
1815
1816
  children: children
1816
1817
  }));
@@ -6602,7 +6603,10 @@ function SelectInput({
6602
6603
  }) => /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButtonPropsContext.Provider, {
6603
6604
  // eslint-disable-next-line react/jsx-no-constructed-context-values
6604
6605
  value: {
6605
- ref: mergeRefs__default.default([ref, triggerRef]),
6606
+ ref: node => {
6607
+ ref(node);
6608
+ triggerRef.current = node;
6609
+ },
6606
6610
  id,
6607
6611
  ...mergeProps__default.default({
6608
6612
  onClick: () => {
@@ -7443,6 +7447,7 @@ const getSupportedSize = size => {
7443
7447
  return exports.Size.MEDIUM;
7444
7448
  }
7445
7449
  };
7450
+ var Loader$1 = Loader;
7446
7451
 
7447
7452
  const Money = ({
7448
7453
  amount,
@@ -7455,6 +7460,11 @@ const Money = ({
7455
7460
  children: formatting.formatMoney(amount, currency, locale)
7456
7461
  });
7457
7462
  };
7463
+ Money.propTypes = {
7464
+ amount: PropTypes__default.default.number.isRequired,
7465
+ currency: PropTypes__default.default.string.isRequired
7466
+ };
7467
+ var Money$1 = Money;
7458
7468
 
7459
7469
  var messages$4 = reactIntl.defineMessages({
7460
7470
  selectPlaceholder: {
@@ -7872,9 +7882,13 @@ const NavigationOptionList = ({
7872
7882
  children: React.Children.map(children, child => /*#__PURE__*/jsxRuntime.jsx("li", {
7873
7883
  className: "np-navigation-options-list__item",
7874
7884
  children: child
7875
- }, child?.toString()))
7885
+ }, child.key))
7876
7886
  });
7877
7887
  };
7888
+ NavigationOptionList.propTypes = {
7889
+ children: PropTypes__default.default.node.isRequired
7890
+ };
7891
+ var NavigationOptionList$1 = NavigationOptionList;
7878
7892
 
7879
7893
  const STORAGE_NAME = 'dismissedNudges';
7880
7894
  const getLocalStorage = () => {
@@ -15157,14 +15171,14 @@ exports.InstructionsList = InstructionsList;
15157
15171
  exports.LanguageProvider = LanguageProvider;
15158
15172
  exports.Link = Link;
15159
15173
  exports.ListItem = ListItem$1;
15160
- exports.Loader = Loader;
15174
+ exports.Loader = Loader$1;
15161
15175
  exports.Logo = Logo$1;
15162
15176
  exports.Markdown = Markdown;
15163
15177
  exports.Modal = Modal;
15164
- exports.Money = Money;
15178
+ exports.Money = Money$1;
15165
15179
  exports.MoneyInput = MoneyInput$1;
15166
15180
  exports.NavigationOption = NavigationOption;
15167
- exports.NavigationOptionsList = NavigationOptionList;
15181
+ exports.NavigationOptionsList = NavigationOptionList$1;
15168
15182
  exports.Nudge = Nudge;
15169
15183
  exports.Option = Option$2;
15170
15184
  exports.OverlayHeader = OverlayHeader$1;