@transferwise/components 0.0.0-experimental-170452f → 0.0.0-experimental-92a36c5
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/hu.json +2 -2
- package/build/index.js +11 -8
- package/build/index.js.map +1 -1
- package/build/{index.esm.js → index.mjs} +12 -8
- package/build/index.mjs.map +1 -0
- package/build/{mocks.esm.js → mocks.mjs} +1 -1
- package/build/mocks.mjs.map +1 -0
- package/build/types/common/hooks/useMedia.d.ts.map +1 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/slidingPanel/SlidingPanel.d.ts.map +1 -1
- package/package.json +21 -6
- package/src/common/hooks/useMedia.ts +2 -1
- package/src/i18n/hu.json +2 -2
- package/src/inputs/SelectInput.tsx +5 -3
- package/src/slidingPanel/SlidingPanel.tsx +4 -4
- package/build/index.esm.js.map +0 -1
- package/build/mocks.esm.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mocks.mjs","sources":["../src/mocks.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAe,iBAAQ,GAAE,CAAA,IAAA,EAAA,KAAa,KAAK;AAE3C,IAAA,MAAU,CAAgB,cAAA,CAAA,UAAA,EAAA,IAAA,EAAA;AACxB,QAAI;QACM,QAAG,EAAA,IAAA;AACd,QAAA,UAAA,EAAA,IAAA;AAWD,QAAgB,YAAA,EAAA,IAAA;AAoBhB,KAAgB,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"}
|
|
@@ -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":";AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAoCjC,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,MAAM;IAC/C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,CAAC,CAAC;IACT,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,MAAM;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9C;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,IAClC,qBAAqB,CAAC,CAAC,CAAC,GACxB,oBAAoB,CAAC,CAAC,CAAC,GACvB,wBAAwB,CAAC;AAyD7B,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,OAAO,GAAG,KAAK;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,aAAa,CAAC,EACV,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAC/B,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QACpB,YAAY,EAAE,OAAO,CAAC;QACtB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;KAC5C,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;QAChC,QAAQ,EAAE,OAAO,CAAC;QAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QACzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA8DD,wBAAgB,WAAW,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,OAAO,GAAG,KAAK,EAAE,EACjE,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,WAAoB,EACpB,YAAY,EACZ,aAAoC,EACpC,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,IAAW,EACX,SAAS,EACT,cAAqB,EACrB,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,+BAmIxB;AAED,KAAK,mCAAmC,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;AAE1E,MAAM,MAAM,6BAA6B,CACvC,CAAC,SAAS,mCAAmC,GAAG,QAAQ,IACtD,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAEzD,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,mCAAmC,GAAG,QAAQ,EAAE,EACjG,EAAkB,EAClB,GAAG,SAAS,EACb,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BAalC;AAwTD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACL,EAAE,6BAA6B,+BAiD/B"}
|
|
@@ -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,2HA2CjB,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-92a36c5",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -13,8 +13,24 @@
|
|
|
13
13
|
"*.css"
|
|
14
14
|
],
|
|
15
15
|
"main": "./build/index.js",
|
|
16
|
-
"module": "./build/index.
|
|
16
|
+
"module": "./build/index.mjs",
|
|
17
17
|
"types": "./build/types/index.d.ts",
|
|
18
|
+
"exports": {
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./build/types/index.d.ts",
|
|
21
|
+
"import": "./build/index.mjs",
|
|
22
|
+
"require": "./build/index.js"
|
|
23
|
+
},
|
|
24
|
+
"./mocks": {
|
|
25
|
+
"types": "./build/mocks.d.ts",
|
|
26
|
+
"import": "./build/mocks.mjs",
|
|
27
|
+
"require": "./build/mocks.js"
|
|
28
|
+
},
|
|
29
|
+
"./build/*": "./build/*.js",
|
|
30
|
+
"./build/*.css": "./build/*.css",
|
|
31
|
+
"./build/*.json": "./build/*.json",
|
|
32
|
+
"./build/i18n": "./build/i18n"
|
|
33
|
+
},
|
|
18
34
|
"files": [
|
|
19
35
|
"build/",
|
|
20
36
|
"src/",
|
|
@@ -79,13 +95,13 @@
|
|
|
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": "
|
|
98
|
+
"@wise/components-theming": "0.0.0-experimental-92a36c5"
|
|
83
99
|
},
|
|
84
100
|
"peerDependencies": {
|
|
85
101
|
"@transferwise/icons": "^3.7.0",
|
|
86
102
|
"@transferwise/neptune-css": "^14.9.6",
|
|
87
103
|
"@wise/art": "^2.7.0",
|
|
88
|
-
"@wise/components-theming": "
|
|
104
|
+
"@wise/components-theming": "0.0.0-experimental-92a36c5",
|
|
89
105
|
"react": ">=16.14",
|
|
90
106
|
"react-dom": ">=16.14",
|
|
91
107
|
"react-intl": "^5.10.0 || ^6"
|
|
@@ -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": "
|
|
120
|
+
"@transferwise/neptune-validation": "0.0.0-experimental-92a36c5",
|
|
105
121
|
"classnames": "^2.2.6",
|
|
106
122
|
"commonmark": "0.29.1",
|
|
107
123
|
"core-js": "^3.8.0",
|
|
@@ -111,7 +127,6 @@
|
|
|
111
127
|
"lodash.topairs": "^4.3.0",
|
|
112
128
|
"merge-props": "^6.0.0",
|
|
113
129
|
"prop-types": "^15.7.2",
|
|
114
|
-
"react-merge-refs": "^1.1.0",
|
|
115
130
|
"react-popper": "^2.3.0",
|
|
116
131
|
"react-required-if": "^1.0.3",
|
|
117
132
|
"react-transition-group": "^4.4.2",
|
|
@@ -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/hu.json
CHANGED
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
"neptune.Upload.csButtonText": "Másik fájl feltöltése?",
|
|
30
30
|
"neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
|
|
31
31
|
"neptune.Upload.csSuccessText": "Feltöltés sikeres",
|
|
32
|
-
"neptune.Upload.csTooLargeMessage": "Kérünk,
|
|
32
|
+
"neptune.Upload.csTooLargeMessage": "Kérünk, {maxSize} MB-nál kisebb fájlt tölts fel",
|
|
33
33
|
"neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
|
|
34
34
|
"neptune.Upload.psButtonText": "Mégsem",
|
|
35
35
|
"neptune.Upload.psProcessingText": "Feltöltés...",
|
|
36
36
|
"neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
|
|
37
37
|
"neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
|
|
38
|
-
"neptune.Upload.usPlaceholder": "Húzz ide egy
|
|
38
|
+
"neptune.Upload.usPlaceholder": "Húzz ide egy {maxSize} MB-nál kisebb fájlt",
|
|
39
39
|
"neptune.UploadButton.allFileTypes": "Összes fájltípus",
|
|
40
40
|
"neptune.UploadButton.dropFiles": "Húzd a fájlokat ide a feltöltéshez",
|
|
41
41
|
"neptune.UploadButton.instructions": "{fileTypes}, legfeljebb {size}MB",
|
|
@@ -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
|
{
|
|
@@ -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';
|
|
@@ -28,7 +27,8 @@ const SlidingPanel = forwardRef(
|
|
|
28
27
|
}: Omit<SlidingPanelProps, 'ref'>,
|
|
29
28
|
reference: React.ForwardedRef<HTMLDivElement>,
|
|
30
29
|
) => {
|
|
31
|
-
const localReference = useRef<HTMLDivElement>(null);
|
|
30
|
+
const localReference = useRef<HTMLDivElement>(null as never);
|
|
31
|
+
useImperativeHandle(reference, () => localReference.current, []);
|
|
32
32
|
|
|
33
33
|
return (
|
|
34
34
|
<CSSTransition
|
|
@@ -43,7 +43,7 @@ const SlidingPanel = forwardRef(
|
|
|
43
43
|
unmountOnExit
|
|
44
44
|
>
|
|
45
45
|
<div
|
|
46
|
-
ref={
|
|
46
|
+
ref={localReference}
|
|
47
47
|
className={classNames(
|
|
48
48
|
'sliding-panel',
|
|
49
49
|
`sliding-panel--open-${position}`,
|