@transferwise/components 0.0.0-experimental-8a5600e → 0.0.0-experimental-8daa218

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.
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "Alle Dateiformate",
55
55
  "neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
57
58
  "neptune.UploadButton.uploadFile": "Datei hochladen",
58
59
  "neptune.UploadButton.uploadFiles": "Dateien hochladen",
59
60
  "neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",
@@ -56,6 +56,7 @@ var de = {
56
56
  "neptune.UploadButton.allFileTypes": "Alle Dateiformate",
57
57
  "neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
58
58
  "neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
59
+ "neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
59
60
  "neptune.UploadButton.uploadFile": "Datei hochladen",
60
61
  "neptune.UploadButton.uploadFiles": "Dateien hochladen",
61
62
  "neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",
@@ -1 +1 @@
1
- {"version":3,"file":"de.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"de.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@ var de = {
54
54
  "neptune.UploadButton.allFileTypes": "Alle Dateiformate",
55
55
  "neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
57
58
  "neptune.UploadButton.uploadFile": "Datei hochladen",
58
59
  "neptune.UploadButton.uploadFiles": "Dateien hochladen",
59
60
  "neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",
@@ -1 +1 @@
1
- {"version":3,"file":"de.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"de.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
55
55
  "neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
57
+ "neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
57
58
  "neptune.UploadButton.uploadFile": "Carica un file",
58
59
  "neptune.UploadButton.uploadFiles": "Carica i file",
59
60
  "neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",
@@ -56,6 +56,7 @@ var it = {
56
56
  "neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
57
57
  "neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
58
58
  "neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
59
+ "neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
59
60
  "neptune.UploadButton.uploadFile": "Carica un file",
60
61
  "neptune.UploadButton.uploadFiles": "Carica i file",
61
62
  "neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",
@@ -1 +1 @@
1
- {"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@ var it = {
54
54
  "neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
55
55
  "neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
57
+ "neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
57
58
  "neptune.UploadButton.uploadFile": "Carica un file",
58
59
  "neptune.UploadButton.uploadFiles": "Carica i file",
59
60
  "neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",
@@ -1 +1 @@
1
- {"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "すべてのファイル種類",
55
55
  "neptune.UploadButton.dropFiles": "ファイルをドロップしてアップロードする",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}、{size}MB以下",
57
+ "neptune.UploadButton.maximumFiles": "最大ファイル数:{maxFiles}個",
57
58
  "neptune.UploadButton.uploadFile": "ファイルをアップロードする",
58
59
  "neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
59
60
  "neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
@@ -56,6 +56,7 @@ var ja = {
56
56
  "neptune.UploadButton.allFileTypes": "すべてのファイル種類",
57
57
  "neptune.UploadButton.dropFiles": "ファイルをドロップしてアップロードする",
58
58
  "neptune.UploadButton.instructions": "{fileTypes}、{size}MB以下",
59
+ "neptune.UploadButton.maximumFiles": "最大ファイル数:{maxFiles}個",
59
60
  "neptune.UploadButton.uploadFile": "ファイルをアップロードする",
60
61
  "neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
61
62
  "neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
@@ -1 +1 @@
1
- {"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@ var ja = {
54
54
  "neptune.UploadButton.allFileTypes": "すべてのファイル種類",
55
55
  "neptune.UploadButton.dropFiles": "ファイルをドロップしてアップロードする",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}、{size}MB以下",
57
+ "neptune.UploadButton.maximumFiles": "最大ファイル数:{maxFiles}個",
57
58
  "neptune.UploadButton.uploadFile": "ファイルをアップロードする",
58
59
  "neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
59
60
  "neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
@@ -1 +1 @@
1
- {"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
55
55
  "neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
56
56
  "neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
57
58
  "neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
58
59
  "neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
59
60
  "neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",
@@ -56,6 +56,7 @@ var th = {
56
56
  "neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
57
57
  "neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
58
58
  "neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
59
+ "neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
59
60
  "neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
60
61
  "neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
61
62
  "neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",
@@ -1 +1 @@
1
- {"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -54,6 +54,7 @@ var th = {
54
54
  "neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
55
55
  "neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
56
56
  "neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
57
58
  "neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
58
59
  "neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
59
60
  "neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",
@@ -1 +1 @@
1
- {"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-8a5600e",
3
+ "version": "0.0.0-experimental-8daa218",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,13 +13,6 @@ describe('Date Input Component', () => {
13
13
 
14
14
  afterEach(() => {
15
15
  jest.resetAllMocks();
16
- const { currentTestName } = expect.getState();
17
- if (currentTestName?.includes('calls the onChange callback with the correct value when')) {
18
- console.log('Test:', currentTestName);
19
- console.log('getState:', expect.getState());
20
- console.log('Props:', props);
21
- console.log('DOM:', document.body.innerHTML);
22
- }
23
16
  });
24
17
 
25
18
  describe('when initialised without a model', () => {
package/src/i18n/de.json CHANGED
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "Alle Dateiformate",
55
55
  "neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
57
58
  "neptune.UploadButton.uploadFile": "Datei hochladen",
58
59
  "neptune.UploadButton.uploadFiles": "Dateien hochladen",
59
60
  "neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",
package/src/i18n/it.json CHANGED
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
55
55
  "neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
57
+ "neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
57
58
  "neptune.UploadButton.uploadFile": "Carica un file",
58
59
  "neptune.UploadButton.uploadFiles": "Carica i file",
59
60
  "neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",
package/src/i18n/ja.json CHANGED
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "すべてのファイル種類",
55
55
  "neptune.UploadButton.dropFiles": "ファイルをドロップしてアップロードする",
56
56
  "neptune.UploadButton.instructions": "{fileTypes}、{size}MB以下",
57
+ "neptune.UploadButton.maximumFiles": "最大ファイル数:{maxFiles}個",
57
58
  "neptune.UploadButton.uploadFile": "ファイルをアップロードする",
58
59
  "neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
59
60
  "neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
package/src/i18n/th.json CHANGED
@@ -54,6 +54,7 @@
54
54
  "neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
55
55
  "neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
56
56
  "neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
57
58
  "neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
58
59
  "neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
59
60
  "neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",
@@ -0,0 +1,69 @@
1
+ import { render, screen } from '../test-utils';
2
+ import SlidingPanel, { SlidingPanelProps } from './SlidingPanel';
3
+
4
+ describe('SlidingPanel', () => {
5
+ const initialProps: SlidingPanelProps = {
6
+ open: true,
7
+ children: <div data-testid="content">Content</div>,
8
+ testId: 'wrapper',
9
+ };
10
+
11
+ const customRender = (overrides: Partial<SlidingPanelProps> = {}) =>
12
+ render(<SlidingPanel {...initialProps} {...overrides} />);
13
+
14
+ describe('open', () => {
15
+ it('should respect open=false', () => {
16
+ customRender({ open: false });
17
+ expect(screen.queryByTestId('wrapper')).not.toBeInTheDocument();
18
+ });
19
+
20
+ it('should respect open=true', () => {
21
+ customRender();
22
+ expect(screen.getByTestId('wrapper')).toBeInTheDocument();
23
+ });
24
+ });
25
+
26
+ describe('position', () => {
27
+ it(`should default to 'left'`, () => {
28
+ customRender();
29
+ expect(screen.queryByTestId('wrapper')).toHaveClass(`sliding-panel--open-left`);
30
+ });
31
+
32
+ (['left', 'right', 'top', 'bottom'] as const).forEach((position) => {
33
+ describe(position, () => {
34
+ it(`should add the classname`, () => {
35
+ customRender({ position });
36
+ expect(screen.queryByTestId('wrapper')).toHaveClass(`sliding-panel--open-${position}`);
37
+ });
38
+
39
+ it(`should add the classname for 'showSlidingPanelBorder'`, () => {
40
+ customRender({ position, showSlidingPanelBorder: true });
41
+ expect(screen.queryByTestId('wrapper')).toHaveClass(`sliding-panel--border-${position}`);
42
+ });
43
+ });
44
+ });
45
+ });
46
+
47
+ it('should render children', () => {
48
+ customRender();
49
+ expect(screen.getByTestId('content')).toBeInTheDocument();
50
+ });
51
+
52
+ it('should respect className', () => {
53
+ const className = 'customClass';
54
+ customRender({ className });
55
+ expect(screen.getByTestId('wrapper')).toHaveClass(className);
56
+ });
57
+
58
+ describe('slidingPanelPositionFixed', () => {
59
+ it('should not be fixed by default', () => {
60
+ customRender();
61
+ expect(screen.getByTestId('wrapper')).not.toHaveClass('sliding-panel--fixed');
62
+ });
63
+
64
+ it('should respect slidingPanelPositionFixed=true', () => {
65
+ customRender({ slidingPanelPositionFixed: true });
66
+ expect(screen.getByTestId('wrapper')).toHaveClass('sliding-panel--fixed');
67
+ });
68
+ });
69
+ });
@@ -1,56 +0,0 @@
1
- import { shallow, mount } from 'enzyme';
2
-
3
- import SlidingPanel from './SlidingPanel';
4
-
5
- describe('SlidingPanel', () => {
6
- let component;
7
- const props = {
8
- open: true,
9
- position: 'left',
10
- children: null,
11
- className: undefined,
12
- slidingPanelPositionFixed: false,
13
- showSlidingPanelBorder: false,
14
- testId: undefined,
15
- };
16
-
17
- it('renders with right props', () => {
18
- component = mount(<SlidingPanel {...props} />);
19
- expect(component.find(SlidingPanel)).toHaveLength(1);
20
- expect(component.find(SlidingPanel).props()).toStrictEqual({ ...props });
21
- });
22
-
23
- it('renders CSSTransition with right props', () => {
24
- component = shallow(<SlidingPanel {...props} />);
25
-
26
- expect(cssTransition()).toHaveLength(1);
27
-
28
- expect(cssTransition().props()).toEqual({
29
- className: 'sliding-panel sliding-panel--open-left',
30
- children: null,
31
- });
32
- });
33
-
34
- it('adds fixed class', () => {
35
- component = shallow(<SlidingPanel {...props} slidingPanelPositionFixed />);
36
- expect(cssTransition().prop('className')).toBe(
37
- 'sliding-panel sliding-panel--open-left sliding-panel--fixed',
38
- );
39
- });
40
-
41
- it('adds border classes if showSlidingPanelBorder is set to true', () => {
42
- component = shallow(<SlidingPanel {...props} showSlidingPanelBorder />);
43
- expect(cssTransition().prop('className')).toBe(
44
- 'sliding-panel sliding-panel--open-left sliding-panel--border-left',
45
- );
46
- component = shallow(<SlidingPanel {...props} showSlidingPanelBorder={false} position="left" />);
47
- expect(cssTransition().prop('className')).toBe('sliding-panel sliding-panel--open-left');
48
-
49
- component = shallow(<SlidingPanel {...props} showSlidingPanelBorder position="top" />);
50
- expect(cssTransition().prop('className')).toBe(
51
- 'sliding-panel sliding-panel--open-top sliding-panel--border-top',
52
- );
53
- });
54
-
55
- const cssTransition = () => component.find('div');
56
- });