@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.
- package/build/index.esm.js +21 -6
- package/build/index.esm.js.map +1 -1
- package/build/index.js +22 -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 +9 -3
- 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,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:
|
|
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:
|
|
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
|
|
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;
|