@transferwise/components 0.0.0-experimental-ccf1729 → 0.0.0-experimental-12eb53c
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/listItem/useListItemControl.js +1 -1
- package/build/listItem/useListItemControl.js.map +1 -1
- package/build/listItem/useListItemControl.mjs +2 -2
- package/build/listItem/useListItemControl.mjs.map +1 -1
- package/build/listItem/useListItemMedia.js +1 -1
- package/build/listItem/useListItemMedia.js.map +1 -1
- package/build/listItem/useListItemMedia.mjs +2 -2
- package/build/listItem/useListItemMedia.mjs.map +1 -1
- package/package.json +3 -3
- package/src/listItem/useListItemControl.tsx +2 -2
- package/src/listItem/useListItemMedia.tsx +2 -2
|
@@ -9,7 +9,7 @@ function useListItemControl(controlType, controlProps) {
|
|
|
9
9
|
setControlProps,
|
|
10
10
|
props: baseItemProps
|
|
11
11
|
} = React.useContext(ListItemContext.ListItemContext);
|
|
12
|
-
React.
|
|
12
|
+
React.useLayoutEffect(() => {
|
|
13
13
|
setControlType(controlType);
|
|
14
14
|
setControlProps(controlProps);
|
|
15
15
|
}, [controlType, controlProps, setControlType, setControlProps]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListItemControl.js","sources":["../../src/listItem/useListItemControl.tsx"],"sourcesContent":["import { useContext,
|
|
1
|
+
{"version":3,"file":"useListItemControl.js","sources":["../../src/listItem/useListItemControl.tsx"],"sourcesContent":["import { useContext, useLayoutEffect } from 'react';\nimport { ListItemContext, type ListItemContextData } from './ListItemContext';\nimport type { ListItemTypes, ListItemControlProps } from './ListItem';\n\nexport function useListItemControl(controlType: ListItemTypes, controlProps: ListItemControlProps) {\n const {\n setControlType,\n setControlProps,\n props: baseItemProps,\n } = useContext<ListItemContextData>(ListItemContext);\n\n useLayoutEffect(() => {\n setControlType(controlType);\n setControlProps(controlProps);\n }, [controlType, controlProps, setControlType, setControlProps]);\n\n return { baseItemProps };\n}\n"],"names":["useListItemControl","controlType","controlProps","setControlType","setControlProps","props","baseItemProps","useContext","ListItemContext","useLayoutEffect"],"mappings":";;;;;AAIM,SAAUA,kBAAkBA,CAACC,WAA0B,EAAEC,YAAkC,EAAA;EAC/F,MAAM;IACJC,cAAc;IACdC,eAAe;AACfC,IAAAA,KAAK,EAAEC;AAAa,GACrB,GAAGC,gBAAU,CAAsBC,+BAAe,CAAC;AAEpDC,EAAAA,qBAAe,CAAC,MAAK;IACnBN,cAAc,CAACF,WAAW,CAAC;IAC3BG,eAAe,CAACF,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACD,WAAW,EAAEC,YAAY,EAAEC,cAAc,EAAEC,eAAe,CAAC,CAAC;EAEhE,OAAO;AAAEE,IAAAA;GAAe;AAC1B;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext,
|
|
1
|
+
import { useContext, useLayoutEffect } from 'react';
|
|
2
2
|
import { ListItemContext } from './ListItemContext.mjs';
|
|
3
3
|
|
|
4
4
|
function useListItemControl(controlType, controlProps) {
|
|
@@ -7,7 +7,7 @@ function useListItemControl(controlType, controlProps) {
|
|
|
7
7
|
setControlProps,
|
|
8
8
|
props: baseItemProps
|
|
9
9
|
} = useContext(ListItemContext);
|
|
10
|
-
|
|
10
|
+
useLayoutEffect(() => {
|
|
11
11
|
setControlType(controlType);
|
|
12
12
|
setControlProps(controlProps);
|
|
13
13
|
}, [controlType, controlProps, setControlType, setControlProps]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListItemControl.mjs","sources":["../../src/listItem/useListItemControl.tsx"],"sourcesContent":["import { useContext,
|
|
1
|
+
{"version":3,"file":"useListItemControl.mjs","sources":["../../src/listItem/useListItemControl.tsx"],"sourcesContent":["import { useContext, useLayoutEffect } from 'react';\nimport { ListItemContext, type ListItemContextData } from './ListItemContext';\nimport type { ListItemTypes, ListItemControlProps } from './ListItem';\n\nexport function useListItemControl(controlType: ListItemTypes, controlProps: ListItemControlProps) {\n const {\n setControlType,\n setControlProps,\n props: baseItemProps,\n } = useContext<ListItemContextData>(ListItemContext);\n\n useLayoutEffect(() => {\n setControlType(controlType);\n setControlProps(controlProps);\n }, [controlType, controlProps, setControlType, setControlProps]);\n\n return { baseItemProps };\n}\n"],"names":["useListItemControl","controlType","controlProps","setControlType","setControlProps","props","baseItemProps","useContext","ListItemContext","useLayoutEffect"],"mappings":";;;AAIM,SAAUA,kBAAkBA,CAACC,WAA0B,EAAEC,YAAkC,EAAA;EAC/F,MAAM;IACJC,cAAc;IACdC,eAAe;AACfC,IAAAA,KAAK,EAAEC;AAAa,GACrB,GAAGC,UAAU,CAAsBC,eAAe,CAAC;AAEpDC,EAAAA,eAAe,CAAC,MAAK;IACnBN,cAAc,CAACF,WAAW,CAAC;IAC3BG,eAAe,CAACF,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACD,WAAW,EAAEC,YAAY,EAAEC,cAAc,EAAEC,eAAe,CAAC,CAAC;EAEhE,OAAO;AAAEE,IAAAA;GAAe;AAC1B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListItemMedia.js","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext,
|
|
1
|
+
{"version":3,"file":"useListItemMedia.js","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext, useLayoutEffect } from 'react';\nimport {\n ListItemContext,\n type ListItemContextData,\n type ListItemMediaSize,\n} from './ListItemContext';\n\nexport function useListItemMedia(size?: ListItemMediaSize) {\n const { setMediaSize, mediaSize } = useContext<ListItemContextData>(ListItemContext);\n\n useLayoutEffect(() => {\n setMediaSize(size);\n }, [size, setMediaSize]);\n\n return { mediaSize, setMediaSize };\n}\n"],"names":["useListItemMedia","size","setMediaSize","mediaSize","useContext","ListItemContext","useLayoutEffect"],"mappings":";;;;;AAOM,SAAUA,gBAAgBA,CAACC,IAAwB,EAAA;EACvD,MAAM;IAAEC,YAAY;AAAEC,IAAAA;AAAS,GAAE,GAAGC,gBAAU,CAAsBC,+BAAe,CAAC;AAEpFC,EAAAA,qBAAe,CAAC,MAAK;IACnBJ,YAAY,CAACD,IAAI,CAAC;AACpB,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEC,YAAY,CAAC,CAAC;EAExB,OAAO;IAAEC,SAAS;AAAED,IAAAA;GAAc;AACpC;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext,
|
|
1
|
+
import { useContext, useLayoutEffect } from 'react';
|
|
2
2
|
import { ListItemContext } from './ListItemContext.mjs';
|
|
3
3
|
|
|
4
4
|
function useListItemMedia(size) {
|
|
@@ -6,7 +6,7 @@ function useListItemMedia(size) {
|
|
|
6
6
|
setMediaSize,
|
|
7
7
|
mediaSize
|
|
8
8
|
} = useContext(ListItemContext);
|
|
9
|
-
|
|
9
|
+
useLayoutEffect(() => {
|
|
10
10
|
setMediaSize(size);
|
|
11
11
|
}, [size, setMediaSize]);
|
|
12
12
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListItemMedia.mjs","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext,
|
|
1
|
+
{"version":3,"file":"useListItemMedia.mjs","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext, useLayoutEffect } from 'react';\nimport {\n ListItemContext,\n type ListItemContextData,\n type ListItemMediaSize,\n} from './ListItemContext';\n\nexport function useListItemMedia(size?: ListItemMediaSize) {\n const { setMediaSize, mediaSize } = useContext<ListItemContextData>(ListItemContext);\n\n useLayoutEffect(() => {\n setMediaSize(size);\n }, [size, setMediaSize]);\n\n return { mediaSize, setMediaSize };\n}\n"],"names":["useListItemMedia","size","setMediaSize","mediaSize","useContext","ListItemContext","useLayoutEffect"],"mappings":";;;AAOM,SAAUA,gBAAgBA,CAACC,IAAwB,EAAA;EACvD,MAAM;IAAEC,YAAY;AAAEC,IAAAA;AAAS,GAAE,GAAGC,UAAU,CAAsBC,eAAe,CAAC;AAEpFC,EAAAA,eAAe,CAAC,MAAK;IACnBJ,YAAY,CAACD,IAAI,CAAC;AACpB,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEC,YAAY,CAAC,CAAC;EAExB,OAAO;IAAEC,SAAS;AAAED,IAAAA;GAAc;AACpC;;;;"}
|
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-12eb53c",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -85,9 +85,9 @@
|
|
|
85
85
|
"storybook-addon-test-codegen": "^2.0.1",
|
|
86
86
|
"framer-motion": "^12.23.22",
|
|
87
87
|
"@transferwise/less-config": "3.1.2",
|
|
88
|
+
"@transferwise/neptune-css": "14.25.0",
|
|
88
89
|
"@wise/components-theming": "1.7.0",
|
|
89
|
-
"@wise/wds-configs": "0.0.0"
|
|
90
|
-
"@transferwise/neptune-css": "14.25.0"
|
|
90
|
+
"@wise/wds-configs": "0.0.0"
|
|
91
91
|
},
|
|
92
92
|
"peerDependencies": {
|
|
93
93
|
"@transferwise/icons": "^3.22.4",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext,
|
|
1
|
+
import { useContext, useLayoutEffect } from 'react';
|
|
2
2
|
import { ListItemContext, type ListItemContextData } from './ListItemContext';
|
|
3
3
|
import type { ListItemTypes, ListItemControlProps } from './ListItem';
|
|
4
4
|
|
|
@@ -9,7 +9,7 @@ export function useListItemControl(controlType: ListItemTypes, controlProps: Lis
|
|
|
9
9
|
props: baseItemProps,
|
|
10
10
|
} = useContext<ListItemContextData>(ListItemContext);
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
useLayoutEffect(() => {
|
|
13
13
|
setControlType(controlType);
|
|
14
14
|
setControlProps(controlProps);
|
|
15
15
|
}, [controlType, controlProps, setControlType, setControlProps]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext,
|
|
1
|
+
import { useContext, useLayoutEffect } from 'react';
|
|
2
2
|
import {
|
|
3
3
|
ListItemContext,
|
|
4
4
|
type ListItemContextData,
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
export function useListItemMedia(size?: ListItemMediaSize) {
|
|
9
9
|
const { setMediaSize, mediaSize } = useContext<ListItemContextData>(ListItemContext);
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
useLayoutEffect(() => {
|
|
12
12
|
setMediaSize(size);
|
|
13
13
|
}, [size, setMediaSize]);
|
|
14
14
|
|