@transferwise/components 0.0.0-experimental-c099750 → 0.0.0-experimental-ff22dc3
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 +106 -98
- package/build/index.esm.js.map +1 -1
- package/build/index.js +106 -98
- package/build/index.js.map +1 -1
- package/build/main.css +1 -1
- package/build/styles/instructionsList/InstructionsList.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/types/index.d.ts +1 -1
- package/build/types/index.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts +3 -4
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
- package/build/types/inputs/_Popover.d.ts.map +1 -1
- package/build/types/instructionsList/InstructionsList.d.ts +10 -3
- package/build/types/instructionsList/InstructionsList.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/index.ts +3 -0
- package/src/inputs/SelectInput.tsx +3 -3
- package/src/inputs/_BottomSheet.tsx +47 -37
- package/src/inputs/_Popover.tsx +30 -27
- package/src/instructionsList/InstructionList.story.tsx +39 -0
- package/src/instructionsList/InstructionsList.css +1 -1
- package/src/instructionsList/InstructionsList.less +3 -15
- package/src/instructionsList/InstructionsList.spec.tsx +35 -0
- package/src/instructionsList/InstructionsList.tsx +40 -25
- package/src/main.css +1 -1
- package/src/instructionsList/InstructionList.story.js +0 -27
- package/src/instructionsList/InstructionsList.spec.js +0 -29
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import Link from '../link';
|
|
2
|
-
|
|
3
|
-
import InstructionsList from './InstructionsList';
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
component: InstructionsList,
|
|
7
|
-
title: 'Typography/InstructionsList',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export const Basic = () => {
|
|
11
|
-
return (
|
|
12
|
-
<InstructionsList
|
|
13
|
-
dos={[
|
|
14
|
-
'Do an initial money transfer',
|
|
15
|
-
'Invite at least 3 friends',
|
|
16
|
-
<span key="12">
|
|
17
|
-
Paying extra{' '}
|
|
18
|
-
<Link href="" type="link-large">
|
|
19
|
-
hidden fees
|
|
20
|
-
</Link>{' '}
|
|
21
|
-
for transfers
|
|
22
|
-
</span>,
|
|
23
|
-
]}
|
|
24
|
-
donts={['Paying extra hidden fees for transfers', 'Use bad exchange rate']}
|
|
25
|
-
/>
|
|
26
|
-
);
|
|
27
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { shallow } from 'enzyme';
|
|
2
|
-
|
|
3
|
-
import InstructionsList from '.';
|
|
4
|
-
|
|
5
|
-
describe('InstructionsList', () => {
|
|
6
|
-
it('should render dos list only', () => {
|
|
7
|
-
const dos = ['Test this component', 'With multiple dos'];
|
|
8
|
-
const component = shallow(<InstructionsList dos={dos} />);
|
|
9
|
-
|
|
10
|
-
expect(component.find('.do')).toHaveLength(2);
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
it('should render donts list only', () => {
|
|
14
|
-
const donts = ['Putting things into production without testing'];
|
|
15
|
-
|
|
16
|
-
const component = shallow(<InstructionsList donts={donts} />);
|
|
17
|
-
expect(component.find('.dont')).toHaveLength(1);
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
it('should render do/dont lists', () => {
|
|
21
|
-
const dos = ['Do this'];
|
|
22
|
-
const donts = [`Don't do that`];
|
|
23
|
-
|
|
24
|
-
const component = shallow(<InstructionsList dos={dos} donts={donts} />);
|
|
25
|
-
expect(component.find('.do')).toHaveLength(1);
|
|
26
|
-
expect(component.find('.dont')).toHaveLength(1);
|
|
27
|
-
expect(component.find('.instruction')).toHaveLength(2);
|
|
28
|
-
});
|
|
29
|
-
});
|