@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Emphasis.d.ts","sourceRoot":"","sources":["../../../src/emphasis/Emphasis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAOrC,
|
|
1
|
+
{"version":3,"file":"Emphasis.d.ts","sourceRoot":"","sources":["../../../src/emphasis/Emphasis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAOrC,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,QAAQ,aAA0B,aAAa,KAAG,YAAY,GAAG,IAQtE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -10,7 +10,7 @@ type Tags = {
|
|
|
10
10
|
};
|
|
11
11
|
declare class EmphasisHtmlTransformer {
|
|
12
12
|
tags: Array<Tags>;
|
|
13
|
-
constructor(whitelistedTags
|
|
13
|
+
constructor(whitelistedTags: Array<string>);
|
|
14
14
|
transform(unsafe: string): string | null;
|
|
15
15
|
}
|
|
16
16
|
export default EmphasisHtmlTransformer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmphasisHtmlTransformer.d.ts","sourceRoot":"","sources":["../../../src/emphasis/EmphasisHtmlTransformer.ts"],"names":[],"mappings":"AAGA,KAAK,IAAI,GAAG;IACV,WAAW,EAAE;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,cAAM,uBAAuB;IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;gBAEN,eAAe,
|
|
1
|
+
{"version":3,"file":"EmphasisHtmlTransformer.d.ts","sourceRoot":"","sources":["../../../src/emphasis/EmphasisHtmlTransformer.ts"],"names":[],"mappings":"AAGA,KAAK,IAAI,GAAG;IACV,WAAW,EAAE;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,cAAM,uBAAuB;IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;gBAEN,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC;IAqB1C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;CAezC;AAED,eAAe,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/emphasis/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/emphasis/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
package/build/types/index.d.ts
CHANGED
|
@@ -2,20 +2,16 @@
|
|
|
2
2
|
* Types
|
|
3
3
|
*/
|
|
4
4
|
export type { AccordionProps, AccordionItem } from './accordion';
|
|
5
|
-
export type { AvatarProps } from './avatar';
|
|
6
5
|
export type { ActionOptionProps } from './actionOption';
|
|
7
6
|
export type { BadgeProps } from './badge';
|
|
8
7
|
export type { CircularButtonProps } from './circularButton';
|
|
9
8
|
export type { DecisionProps } from './decision/Decision';
|
|
10
|
-
export type { EmphasisProps } from './emphasis';
|
|
11
9
|
export type { InfoProps } from './info';
|
|
12
10
|
export type { SummaryProps } from './summary';
|
|
13
11
|
export type { InputProps } from './inputs/Input';
|
|
14
12
|
export type { DateInputProps } from './dateInput';
|
|
15
13
|
export type { InputWithDisplayFormatProps } from './inputWithDisplayFormat';
|
|
16
14
|
export type { InputGroupProps } from './inputs/InputGroup';
|
|
17
|
-
export type { LoaderProps } from './loader';
|
|
18
|
-
export type { NavigationOptionListProps } from './navigationOptionsList';
|
|
19
15
|
export type { SearchInputProps } from './inputs/SearchInput';
|
|
20
16
|
export type { SelectInputGroupItem, SelectInputItem, SelectInputOptionContentProps, SelectInputOptionItem, SelectInputProps, SelectInputSeparatorItem, SelectInputTriggerButtonProps, } from './inputs/SelectInput';
|
|
21
17
|
export type { TextAreaProps } from './inputs/TextArea';
|
|
@@ -37,7 +33,6 @@ export type { TooltipProps } from './tooltip';
|
|
|
37
33
|
export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
|
|
38
34
|
export type { MarkdownProps } from './markdown';
|
|
39
35
|
export type { ModalProps } from './modal';
|
|
40
|
-
export type { MoneyProps } from './money';
|
|
41
36
|
export type { CurrencyHeaderItem, CurrencyItem, CurrencyOptionItem, MoneyInputProps, } from './moneyInput';
|
|
42
37
|
export type { SlidingPanelProps } from './slidingPanel';
|
|
43
38
|
export type { LayoutDirection, TypographyTypes, TitleTypes, BodyTypes, LinkTypes, DisplayTypes, } from './common';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';
|
|
3
3
|
type DeprecatedSize = SizeExtraSmall | SizeLarge | SizeExtraLarge;
|
|
4
4
|
type SizeType = SizeSmall | SizeMedium;
|
|
5
|
-
|
|
5
|
+
type Props = {
|
|
6
6
|
/**
|
|
7
7
|
* @deprecated use `size` instead
|
|
8
8
|
*/
|
|
@@ -22,6 +22,6 @@ export type LoaderProps = {
|
|
|
22
22
|
* @param root0.size
|
|
23
23
|
* @param root0.classNames
|
|
24
24
|
*/
|
|
25
|
-
declare const Loader: ({ small, size, displayInstantly, classNames, ...restProps }:
|
|
25
|
+
declare const Loader: ({ small, size, displayInstantly, classNames, ...restProps }: Props) => ReactElement;
|
|
26
26
|
export default Loader;
|
|
27
27
|
//# sourceMappingURL=Loader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/loader/Loader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/loader/Loader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAQ,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGnG,KAAK,cAAc,GAAG,cAAc,GAAG,SAAS,GAAG,cAAc,CAAC;AAElE,KAAK,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,MAAM,gEAMT,KAAK,KAAG,YA4CV,CAAC;AAgBF,eAAe,MAAM,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export default Loader;
|
|
2
|
+
import Loader from "./Loader";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/loader/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/loader/index.js"],"names":[],"mappings":""}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MoneyProps {
|
|
4
|
+
amount: number;
|
|
5
|
+
currency: string;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
declare const Money: React.FC<MoneyProps>;
|
|
9
|
+
|
|
10
|
+
export default Money;
|
|
11
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Money.d.ts","sourceRoot":"","sources":["../../../src/money/Money.
|
|
1
|
+
{"version":3,"file":"Money.d.ts","sourceRoot":"","sources":["../../../src/money/Money.js"],"names":[],"mappings":";AAIA;;;gCAGC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/money/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/money/index.js"],"names":[],"mappings":""}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface NavigationOptionListProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
declare const NavigationOptionList: React.FC<NavigationOptionListProps>;
|
|
8
|
+
|
|
9
|
+
export default NavigationOptionList;
|
|
10
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationOptionsList.d.ts","sourceRoot":"","sources":["../../../src/navigationOptionsList/NavigationOptionsList.
|
|
1
|
+
{"version":3,"file":"NavigationOptionsList.d.ts","sourceRoot":"","sources":["../../../src/navigationOptionsList/NavigationOptionsList.js"],"names":[],"mappings":";AAGA;;gCAUC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigationOptionsList/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigationOptionsList/index.js"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlidingPanel.d.ts","sourceRoot":"","sources":["../../../src/slidingPanel/SlidingPanel.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SlidingPanel.d.ts","sourceRoot":"","sources":["../../../src/slidingPanel/SlidingPanel.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;IAClF,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IAChF,IAAI,EAAE,OAAO,CAAC;IACd,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,YAAY,2HAiDjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-6aefd21",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -111,7 +111,6 @@
|
|
|
111
111
|
"lodash.topairs": "^4.3.0",
|
|
112
112
|
"merge-props": "^6.0.0",
|
|
113
113
|
"prop-types": "^15.7.2",
|
|
114
|
-
"react-merge-refs": "^1.1.0",
|
|
115
114
|
"react-popper": "^2.3.0",
|
|
116
115
|
"react-required-if": "^1.0.3",
|
|
117
116
|
"react-transition-group": "^4.4.2",
|
|
@@ -15,7 +15,7 @@ describe('Avatar', () => {
|
|
|
15
15
|
</Avatar>,
|
|
16
16
|
);
|
|
17
17
|
|
|
18
|
-
expect(screen.getByText('😎')
|
|
18
|
+
expect(screen.getByText('😎').parentElement.parentElement).toHaveClass(
|
|
19
19
|
'tw-avatar tw-avatar--thumbnail tw-avatar--48',
|
|
20
20
|
);
|
|
21
21
|
});
|
|
@@ -29,16 +29,23 @@ describe('Avatar', () => {
|
|
|
29
29
|
</Avatar>,
|
|
30
30
|
);
|
|
31
31
|
|
|
32
|
-
expect(screen.getByText('💰')
|
|
32
|
+
expect(screen.getByText('💰').parentElement.parentElement).toHaveClass(
|
|
33
33
|
'tw-avatar tw-avatar--emoji tw-avatar--24 tw-avatar--outlined',
|
|
34
34
|
);
|
|
35
35
|
});
|
|
36
36
|
|
|
37
37
|
describe('branded avatar colors', () => {
|
|
38
|
-
it.each(
|
|
39
|
-
|
|
38
|
+
it.each(getAvatarColorTestCases())(
|
|
39
|
+
'for seed of %s return background color of %s',
|
|
40
|
+
(key, color) => {
|
|
41
|
+
render(<Avatar backgroundColorSeed={key.toString()}>JS</Avatar>);
|
|
40
42
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
+
expect(screen.getByText('JS')).toHaveStyle(`background-color: ${color.token}`);
|
|
44
|
+
},
|
|
45
|
+
);
|
|
43
46
|
});
|
|
44
47
|
});
|
|
48
|
+
|
|
49
|
+
function getAvatarColorTestCases() {
|
|
50
|
+
return avatarColorTestCases.map(({ key, color }) => [key, color]);
|
|
51
|
+
}
|
|
@@ -12,11 +12,10 @@ describe('Emphasis', () => {
|
|
|
12
12
|
${'<negative>negative</negative>'} | ${'em.emphasis.emphasis--negative'}
|
|
13
13
|
${'<warning>warning</warning>'} | ${'em.emphasis.emphasis--warning'}
|
|
14
14
|
`('$text renders as expected with selectoe $selector', ({ text, selector }) => {
|
|
15
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
16
15
|
const { container } = render(<Emphasis text={text} />);
|
|
17
16
|
|
|
18
17
|
expect(container.querySelector(selector)).toBeInTheDocument();
|
|
19
|
-
expect(container
|
|
18
|
+
expect(container.firstElementChild.tagName).toBe('SPAN');
|
|
20
19
|
});
|
|
21
20
|
});
|
|
22
21
|
|
|
@@ -5,7 +5,7 @@ import EmphasisHtmlTransformer from './EmphasisHtmlTransformer';
|
|
|
5
5
|
const SUPPORTED_TAGS = ['important', 'positive', 'negative', 'warning'];
|
|
6
6
|
const emphasisHtmlTransformer = new EmphasisHtmlTransformer(SUPPORTED_TAGS);
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
type EmphasisProps = {
|
|
9
9
|
text?: string;
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -33,4 +33,16 @@ describe('creates safe, enphasised html', () => {
|
|
|
33
33
|
expect(emphasisHtmlTransformer.transform('hello\nworld')).toStrictEqual('hello<br />world');
|
|
34
34
|
});
|
|
35
35
|
});
|
|
36
|
+
|
|
37
|
+
describe('returns null when no input provided', () => {
|
|
38
|
+
it('input is null', () => {
|
|
39
|
+
const emphasisHtmlTransformer = new EmphasisHtmlTransformer();
|
|
40
|
+
expect(emphasisHtmlTransformer.transform(null)).toBeNull();
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
it('input is undefined', () => {
|
|
44
|
+
const emphasisHtmlTransformer = new EmphasisHtmlTransformer();
|
|
45
|
+
expect(emphasisHtmlTransformer.transform(undefined)).toBeNull();
|
|
46
|
+
});
|
|
47
|
+
});
|
|
36
48
|
});
|
package/src/emphasis/index.ts
CHANGED
package/src/index.ts
CHANGED
|
@@ -2,20 +2,16 @@
|
|
|
2
2
|
* Types
|
|
3
3
|
*/
|
|
4
4
|
export type { AccordionProps, AccordionItem } from './accordion';
|
|
5
|
-
export type { AvatarProps } from './avatar';
|
|
6
5
|
export type { ActionOptionProps } from './actionOption';
|
|
7
6
|
export type { BadgeProps } from './badge';
|
|
8
7
|
export type { CircularButtonProps } from './circularButton';
|
|
9
8
|
export type { DecisionProps } from './decision/Decision';
|
|
10
|
-
export type { EmphasisProps } from './emphasis';
|
|
11
9
|
export type { InfoProps } from './info';
|
|
12
10
|
export type { SummaryProps } from './summary';
|
|
13
11
|
export type { InputProps } from './inputs/Input';
|
|
14
12
|
export type { DateInputProps } from './dateInput';
|
|
15
13
|
export type { InputWithDisplayFormatProps } from './inputWithDisplayFormat';
|
|
16
14
|
export type { InputGroupProps } from './inputs/InputGroup';
|
|
17
|
-
export type { LoaderProps } from './loader';
|
|
18
|
-
export type { NavigationOptionListProps } from './navigationOptionsList';
|
|
19
15
|
export type { SearchInputProps } from './inputs/SearchInput';
|
|
20
16
|
export type {
|
|
21
17
|
SelectInputGroupItem,
|
|
@@ -45,7 +41,6 @@ export type { TooltipProps } from './tooltip';
|
|
|
45
41
|
export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
|
|
46
42
|
export type { MarkdownProps } from './markdown';
|
|
47
43
|
export type { ModalProps } from './modal';
|
|
48
|
-
export type { MoneyProps } from './money';
|
|
49
44
|
export type {
|
|
50
45
|
CurrencyHeaderItem,
|
|
51
46
|
CurrencyItem,
|
|
@@ -5,7 +5,6 @@ import classNames from 'classnames';
|
|
|
5
5
|
import mergeProps from 'merge-props';
|
|
6
6
|
import { createContext, forwardRef, useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
7
7
|
import { useIntl } from 'react-intl';
|
|
8
|
-
import mergeRefs from 'react-merge-refs';
|
|
9
8
|
|
|
10
9
|
import { useEffectEvent } from '../common/hooks/useEffectEvent';
|
|
11
10
|
import { useScreenSize } from '../common/hooks/useScreenSize';
|
|
@@ -251,7 +250,7 @@ export function SelectInput<T = string, M extends boolean = false>({
|
|
|
251
250
|
});
|
|
252
251
|
});
|
|
253
252
|
|
|
254
|
-
const triggerRef = useRef<HTMLButtonElement>(null);
|
|
253
|
+
const triggerRef = useRef<HTMLButtonElement | null>(null);
|
|
255
254
|
|
|
256
255
|
const screenSm = useScreenSize(Breakpoint.SMALL);
|
|
257
256
|
const OptionsOverlay = screenSm ? Popover : BottomSheet;
|
|
@@ -290,7 +289,10 @@ export function SelectInput<T = string, M extends boolean = false>({
|
|
|
290
289
|
<SelectInputTriggerButtonPropsContext.Provider
|
|
291
290
|
// eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
292
291
|
value={{
|
|
293
|
-
ref:
|
|
292
|
+
ref: (node) => {
|
|
293
|
+
ref(node);
|
|
294
|
+
triggerRef.current = node;
|
|
295
|
+
},
|
|
294
296
|
id,
|
|
295
297
|
...mergeProps(
|
|
296
298
|
{
|
package/src/loader/Loader.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useTheme } from '@wise/components-theming';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { useEffect, useState } from 'react';
|
|
3
|
+
import { ReactElement, useEffect, useState } from 'react';
|
|
4
4
|
|
|
5
5
|
import { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@ type DeprecatedSize = SizeExtraSmall | SizeLarge | SizeExtraLarge;
|
|
|
9
9
|
|
|
10
10
|
type SizeType = SizeSmall | SizeMedium;
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
type Props = {
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated use `size` instead
|
|
15
15
|
*/
|
|
@@ -37,7 +37,7 @@ const Loader = ({
|
|
|
37
37
|
displayInstantly = false,
|
|
38
38
|
classNames = {},
|
|
39
39
|
...restProps
|
|
40
|
-
}:
|
|
40
|
+
}: Props): ReactElement => {
|
|
41
41
|
const { theme } = useTheme();
|
|
42
42
|
const [hasDebounced, setHasDebounced] = useState(displayInstantly);
|
|
43
43
|
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { formatMoney } from '@transferwise/formatting';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
2
3
|
import { useIntl } from 'react-intl';
|
|
3
4
|
|
|
4
|
-
|
|
5
|
-
amount: number;
|
|
6
|
-
currency: string;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
const Money = ({ amount, currency }: MoneyProps) => {
|
|
5
|
+
const Money = ({ amount, currency }) => {
|
|
10
6
|
const { locale } = useIntl();
|
|
11
7
|
return <>{formatMoney(amount, currency, locale)}</>;
|
|
12
8
|
};
|
|
13
9
|
|
|
10
|
+
Money.propTypes = {
|
|
11
|
+
amount: PropTypes.number.isRequired,
|
|
12
|
+
currency: PropTypes.string.isRequired,
|
|
13
|
+
};
|
|
14
|
+
|
|
14
15
|
export default Money;
|
|
@@ -11,7 +11,7 @@ describe('Money', () => {
|
|
|
11
11
|
it('formats the string with amount, currency & the passed in locale', () => {
|
|
12
12
|
const { container } = render(<Money amount={4.98} currency="GBP" />, {
|
|
13
13
|
locale: 'fr',
|
|
14
|
-
messages:
|
|
14
|
+
messages: {},
|
|
15
15
|
});
|
|
16
16
|
expect(container).toHaveTextContent('4,98 GBP');
|
|
17
17
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Money';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { Children } from 'react';
|
|
3
|
+
|
|
4
|
+
const NavigationOptionList = ({ children }) => {
|
|
5
|
+
return (
|
|
6
|
+
<ul className="np-navigation-options-list">
|
|
7
|
+
{Children.map(children, (child) => (
|
|
8
|
+
<li key={child.key} className="np-navigation-options-list__item">
|
|
9
|
+
{child}
|
|
10
|
+
</li>
|
|
11
|
+
))}
|
|
12
|
+
</ul>
|
|
13
|
+
);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
NavigationOptionList.propTypes = {
|
|
17
|
+
children: PropTypes.node.isRequired,
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export default NavigationOptionList;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './NavigationOptionsList';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
|
-
import { forwardRef, useRef } from 'react';
|
|
3
|
-
import mergeRefs from 'react-merge-refs';
|
|
2
|
+
import { forwardRef, useImperativeHandle, useRef } from 'react';
|
|
4
3
|
import { CSSTransition } from 'react-transition-group';
|
|
5
4
|
|
|
6
5
|
import { Position } from '../common';
|
|
@@ -29,6 +28,13 @@ const SlidingPanel = forwardRef(
|
|
|
29
28
|
reference: React.ForwardedRef<HTMLDivElement>,
|
|
30
29
|
) => {
|
|
31
30
|
const localReference = useRef<HTMLDivElement>(null);
|
|
31
|
+
useImperativeHandle(
|
|
32
|
+
reference,
|
|
33
|
+
() =>
|
|
34
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
35
|
+
localReference.current!,
|
|
36
|
+
[],
|
|
37
|
+
);
|
|
32
38
|
|
|
33
39
|
return (
|
|
34
40
|
<CSSTransition
|
|
@@ -43,7 +49,7 @@ const SlidingPanel = forwardRef(
|
|
|
43
49
|
unmountOnExit
|
|
44
50
|
>
|
|
45
51
|
<div
|
|
46
|
-
ref={
|
|
52
|
+
ref={localReference}
|
|
47
53
|
className={classNames(
|
|
48
54
|
'sliding-panel',
|
|
49
55
|
`sliding-panel--open-${position}`,
|
package/src/loader/index.ts
DELETED
package/src/money/index.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Children } from 'react';
|
|
3
|
-
|
|
4
|
-
export interface NavigationOptionListProps {
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
const NavigationOptionList = ({ children }: NavigationOptionListProps) => {
|
|
9
|
-
return (
|
|
10
|
-
<ul className="np-navigation-options-list">
|
|
11
|
-
{Children.map(children, (child) => (
|
|
12
|
-
<li key={child?.toString()} className="np-navigation-options-list__item">
|
|
13
|
-
{child}
|
|
14
|
-
</li>
|
|
15
|
-
))}
|
|
16
|
-
</ul>
|
|
17
|
-
);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export default NavigationOptionList;
|
|
File without changes
|
/package/src/navigationOptionsList/{NavigationOptionsList.spec.tsx → NavigationOptionsList.spec.js}
RENAMED
|
File without changes
|
|
File without changes
|