@transferwise/components 46.24.0 → 46.25.0
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/i18n/zh-HK.json +2 -2
- package/build/index.js +5 -4
- package/build/index.js.map +1 -1
- package/build/{index.esm.js → index.mjs} +5 -4
- package/build/index.mjs.map +1 -0
- package/build/mocks.js +33 -27
- package/build/mocks.js.map +1 -1
- package/build/mocks.mjs +40 -0
- package/build/mocks.mjs.map +1 -0
- package/build/types/common/hooks/useMedia.d.ts.map +1 -1
- package/package.json +20 -4
- package/src/common/hooks/useMedia.ts +2 -1
- package/src/i18n/zh-HK.json +2 -2
- package/build/index.esm.js.map +0 -1
- package/build/mocks.d.ts +0 -9
- package/build/mocks.d.ts.map +0 -1
- package/build/mocks.esm.js +0 -34
- package/build/mocks.esm.js.map +0 -1
package/build/mocks.js
CHANGED
|
@@ -1,35 +1,41 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const defaultStubGlobal = (name, value) => {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
Object.defineProperty(globalThis, name, {
|
|
5
|
+
value,
|
|
6
|
+
writable: true,
|
|
7
|
+
enumerable: true,
|
|
8
|
+
configurable: true
|
|
9
|
+
});
|
|
10
10
|
};
|
|
11
|
-
function mockMatchMedia({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
11
|
+
function mockMatchMedia({
|
|
12
|
+
fn,
|
|
13
|
+
stubGlobal = defaultStubGlobal
|
|
14
|
+
}) {
|
|
15
|
+
stubGlobal('matchMedia', fn(query => {
|
|
16
|
+
const matches = /^\(min-width: (\d+)px\)$/u.exec(query);
|
|
17
|
+
const minWidth = matches != null ? Number(matches[1]) : undefined;
|
|
18
|
+
return {
|
|
19
|
+
matches: minWidth != null ? window.innerWidth >= minWidth : false,
|
|
20
|
+
media: query,
|
|
21
|
+
onchange: null,
|
|
22
|
+
addListener: fn(),
|
|
23
|
+
removeListener: fn(),
|
|
24
|
+
addEventListener: fn(),
|
|
25
|
+
removeEventListener: fn(),
|
|
26
|
+
dispatchEvent: fn()
|
|
27
|
+
};
|
|
28
|
+
}));
|
|
26
29
|
}
|
|
27
|
-
function mockResizeObserver({
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
function mockResizeObserver({
|
|
31
|
+
fn,
|
|
32
|
+
stubGlobal = defaultStubGlobal
|
|
33
|
+
}) {
|
|
34
|
+
stubGlobal('ResizeObserver', fn(() => ({
|
|
35
|
+
observe: fn(),
|
|
36
|
+
unobserve: fn(),
|
|
37
|
+
disconnect: fn()
|
|
38
|
+
})));
|
|
33
39
|
}
|
|
34
40
|
|
|
35
41
|
exports.mockMatchMedia = mockMatchMedia;
|
package/build/mocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mocks.js","sources":["
|
|
1
|
+
{"version":3,"file":"mocks.js","sources":["../../src/mocks.ts"],"sourcesContent":[null],"names":["defaultStubGlobal","name","value","Object","defineProperty","globalThis","writable","enumerable","configurable"],"mappings":";;AAAA,MAAeA,iBAAQ,GAAEA,CAAAC,IAAA,EAAAC,KAAa,KAAK;AAE3CC,EAAAA,MAAU,CAAgBC,cAAA,CAAAC,UAAA,EAAAJ,IAAA,EAAA;IACpBC;AACMI,IAAAA,QAAG,EAAA,IAAA;AACdC,IAAAA,UAAA,EAAA,IAAA;AAWeC,IAAAA,YAAA,EAAA,IAAA;AAoBA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/mocks.mjs
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
const defaultStubGlobal = (name, value) => {
|
|
2
|
+
Object.defineProperty(globalThis, name, {
|
|
3
|
+
value,
|
|
4
|
+
writable: true,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true
|
|
7
|
+
});
|
|
8
|
+
};
|
|
9
|
+
function mockMatchMedia({
|
|
10
|
+
fn,
|
|
11
|
+
stubGlobal = defaultStubGlobal
|
|
12
|
+
}) {
|
|
13
|
+
stubGlobal('matchMedia', fn(query => {
|
|
14
|
+
const matches = /^\(min-width: (\d+)px\)$/u.exec(query);
|
|
15
|
+
const minWidth = matches != null ? Number(matches[1]) : undefined;
|
|
16
|
+
return {
|
|
17
|
+
matches: minWidth != null ? window.innerWidth >= minWidth : false,
|
|
18
|
+
media: query,
|
|
19
|
+
onchange: null,
|
|
20
|
+
addListener: fn(),
|
|
21
|
+
removeListener: fn(),
|
|
22
|
+
addEventListener: fn(),
|
|
23
|
+
removeEventListener: fn(),
|
|
24
|
+
dispatchEvent: fn()
|
|
25
|
+
};
|
|
26
|
+
}));
|
|
27
|
+
}
|
|
28
|
+
function mockResizeObserver({
|
|
29
|
+
fn,
|
|
30
|
+
stubGlobal = defaultStubGlobal
|
|
31
|
+
}) {
|
|
32
|
+
stubGlobal('ResizeObserver', fn(() => ({
|
|
33
|
+
observe: fn(),
|
|
34
|
+
unobserve: fn(),
|
|
35
|
+
disconnect: fn()
|
|
36
|
+
})));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { mockMatchMedia, mockResizeObserver };
|
|
40
|
+
//# sourceMappingURL=mocks.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mocks.mjs","sources":["../../src/mocks.ts"],"sourcesContent":[null],"names":["defaultStubGlobal","name","value","Object","defineProperty","globalThis","writable","enumerable","configurable"],"mappings":"AAAA,MAAeA,iBAAQ,GAAEA,CAAAC,IAAA,EAAAC,KAAa,KAAK;AAE3CC,EAAAA,MAAU,CAAgBC,cAAA,CAAAC,UAAA,EAAAJ,IAAA,EAAA;IACpBC;AACMI,IAAAA,QAAG,EAAA,IAAA;AACdC,IAAAA,UAAA,EAAA,IAAA;AAWeC,IAAAA,YAAA,EAAA,IAAA;AAoBA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/useMedia.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/useMedia.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAYrC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "46.
|
|
3
|
+
"version": "46.25.0",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -12,8 +12,24 @@
|
|
|
12
12
|
"sideEffects": [
|
|
13
13
|
"*.css"
|
|
14
14
|
],
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"types": "./build/types/index.d.ts",
|
|
18
|
+
"import": "./build/index.mjs",
|
|
19
|
+
"require": "./build/index.js"
|
|
20
|
+
},
|
|
21
|
+
"./build/mocks": {
|
|
22
|
+
"types": "./build/types/mocks.d.ts",
|
|
23
|
+
"import": "./build/mocks.mjs",
|
|
24
|
+
"require": "./build/mocks.js"
|
|
25
|
+
},
|
|
26
|
+
"./build/*": "./build/*.js",
|
|
27
|
+
"./build/*.css": "./build/*.css",
|
|
28
|
+
"./build/*.json": "./build/*.json",
|
|
29
|
+
"./build/i18n": "./build/i18n"
|
|
30
|
+
},
|
|
15
31
|
"main": "./build/index.js",
|
|
16
|
-
"module": "./build/index.
|
|
32
|
+
"module": "./build/index.mjs",
|
|
17
33
|
"types": "./build/types/index.d.ts",
|
|
18
34
|
"files": [
|
|
19
35
|
"build/",
|
|
@@ -79,7 +95,7 @@
|
|
|
79
95
|
"storybook": "^7.6.17",
|
|
80
96
|
"@transferwise/less-config": "3.1.0",
|
|
81
97
|
"@transferwise/neptune-css": "14.9.6",
|
|
82
|
-
"@wise/components-theming": "1.
|
|
98
|
+
"@wise/components-theming": "1.1.0"
|
|
83
99
|
},
|
|
84
100
|
"peerDependencies": {
|
|
85
101
|
"@transferwise/icons": "^3.7.0",
|
|
@@ -101,7 +117,7 @@
|
|
|
101
117
|
"@react-aria/overlays": "^3.17.0",
|
|
102
118
|
"@react-spring/web": "~9.6.1",
|
|
103
119
|
"@transferwise/formatting": "^2.1.0",
|
|
104
|
-
"@transferwise/neptune-validation": "^3.
|
|
120
|
+
"@transferwise/neptune-validation": "^3.3.0",
|
|
105
121
|
"classnames": "^2.2.6",
|
|
106
122
|
"commonmark": "0.29.1",
|
|
107
123
|
"core-js": "^3.8.0",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
// eslint-disable-next-line import/extensions
|
|
2
|
+
import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
|
|
2
3
|
|
|
3
4
|
export function useMedia(query: string) {
|
|
4
5
|
return useSyncExternalStore(
|
package/src/i18n/zh-HK.json
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
"neptune.ClearButton.ariaLabel": "清除",
|
|
5
5
|
"neptune.CloseButton.ariaLabel": "關閉",
|
|
6
6
|
"neptune.DateInput.day.label": "日",
|
|
7
|
-
"neptune.DateInput.day.placeholder": "
|
|
7
|
+
"neptune.DateInput.day.placeholder": "日",
|
|
8
8
|
"neptune.DateInput.month.label": "月",
|
|
9
9
|
"neptune.DateInput.year.label": "年",
|
|
10
|
-
"neptune.DateInput.year.placeholder": "
|
|
10
|
+
"neptune.DateInput.year.placeholder": "年",
|
|
11
11
|
"neptune.DateLookup.day": "日",
|
|
12
12
|
"neptune.DateLookup.goTo20YearView": "切換至20年視圖",
|
|
13
13
|
"neptune.DateLookup.month": "月",
|