@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.
- package/build/index.esm.js +19 -6
- package/build/index.esm.js.map +1 -1
- package/build/index.js +20 -8
- package/build/index.js.map +1 -1
- package/build/types/emphasis/Emphasis.d.ts +1 -1
- package/build/types/emphasis/Emphasis.d.ts.map +1 -1
- package/build/types/emphasis/EmphasisHtmlTransformer.d.ts +1 -1
- package/build/types/emphasis/EmphasisHtmlTransformer.d.ts.map +1 -1
- package/build/types/emphasis/index.d.ts +0 -1
- package/build/types/emphasis/index.d.ts.map +1 -1
- package/build/types/index.d.ts +0 -5
- package/build/types/index.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/loader/Loader.d.ts +3 -3
- package/build/types/loader/Loader.d.ts.map +1 -1
- package/build/types/loader/index.d.ts +2 -2
- package/build/types/loader/index.d.ts.map +1 -1
- package/build/types/money/Money.d.ts +11 -8
- package/build/types/money/Money.d.ts.map +1 -1
- package/build/types/money/index.d.ts +1 -2
- package/build/types/money/index.d.ts.map +1 -1
- package/build/types/navigationOptionsList/NavigationOptionsList.d.ts +10 -7
- package/build/types/navigationOptionsList/NavigationOptionsList.d.ts.map +1 -1
- package/build/types/navigationOptionsList/index.d.ts +1 -2
- package/build/types/navigationOptionsList/index.d.ts.map +1 -1
- package/build/types/slidingPanel/SlidingPanel.d.ts.map +1 -1
- package/package.json +1 -2
- package/src/avatar/{Avatar.spec.tsx → Avatar.spec.js} +13 -6
- package/src/emphasis/{Emphasis.spec.tsx → Emphasis.spec.js} +1 -2
- package/src/emphasis/Emphasis.tsx +1 -1
- package/src/emphasis/{EmphasisHtmlTransformer.spec.tsx → EmphasisHtmlTransformer.spec.js} +12 -0
- package/src/emphasis/EmphasisHtmlTransformer.ts +1 -1
- package/src/emphasis/index.ts +0 -1
- package/src/index.ts +0 -5
- package/src/inputs/SelectInput.tsx +5 -3
- package/src/loader/Loader.tsx +3 -3
- package/src/loader/index.js +3 -0
- package/src/money/{Money.tsx → Money.js} +7 -6
- package/src/money/{Money.spec.tsx → Money.spec.js} +1 -1
- package/src/money/index.js +1 -0
- package/src/navigationOptionsList/NavigationOptionsList.js +20 -0
- package/src/navigationOptionsList/index.js +1 -0
- package/src/slidingPanel/SlidingPanel.tsx +4 -4
- package/src/loader/index.ts +0 -2
- package/src/money/index.ts +0 -2
- package/src/navigationOptionsList/NavigationOptionsList.tsx +0 -20
- package/src/navigationOptionsList/index.ts +0 -2
- /package/src/loader/{Loader.spec.tsx → Loader.spec.js} +0 -0
- /package/src/navigationOptionsList/{NavigationOptionsList.spec.tsx → NavigationOptionsList.spec.js} +0 -0
- /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:
|
|
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:
|
|
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
|
|
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;
|