@fluentui/react-migration-v0-v9 9.0.18 → 9.0.20
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/CHANGELOG.json +52 -4
- package/CHANGELOG.md +26 -5
- package/lib/components/ItemLayout/ItemLayout.js +24 -11
- package/lib/components/ItemLayout/ItemLayout.js.map +1 -1
- package/lib-commonjs/components/ItemLayout/ItemLayout.js +23 -10
- package/lib-commonjs/components/ItemLayout/ItemLayout.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,55 @@
|
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 14 Aug 2023 21:22:02 GMT",
|
|
6
|
+
"tag": "@fluentui/react-migration-v0-v9_v9.0.20",
|
|
7
|
+
"version": "9.0.20",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
13
|
+
"comment": "Bump @fluentui/react-components to v9.29.0",
|
|
14
|
+
"commit": "80a90fb61ed1e1a08cf6e897503a198dda97ed6c"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 11 Aug 2023 12:14:24 GMT",
|
|
21
|
+
"tag": "@fluentui/react-migration-v0-v9_v9.0.19",
|
|
22
|
+
"version": "9.0.19",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
27
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
28
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a",
|
|
29
|
+
"comment": "chore(react-migration-v0-v9): migrate to new slot API"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"author": "beachball",
|
|
33
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
34
|
+
"comment": "Bump @fluentui/react-utilities to v9.11.1",
|
|
35
|
+
"commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"author": "beachball",
|
|
39
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
40
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.15",
|
|
41
|
+
"commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
46
|
+
"comment": "Bump @fluentui/react-components to v9.28.1",
|
|
47
|
+
"commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"date": "Wed, 09 Aug 2023 13:16:59 GMT",
|
|
6
54
|
"tag": "@fluentui/react-migration-v0-v9_v9.0.18",
|
|
7
55
|
"version": "9.0.18",
|
|
8
56
|
"comments": {
|
|
@@ -17,19 +65,19 @@
|
|
|
17
65
|
"author": "beachball",
|
|
18
66
|
"package": "@fluentui/react-migration-v0-v9",
|
|
19
67
|
"comment": "Bump @fluentui/react-theme to v9.1.11",
|
|
20
|
-
"commit": "
|
|
68
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a"
|
|
21
69
|
},
|
|
22
70
|
{
|
|
23
71
|
"author": "beachball",
|
|
24
72
|
"package": "@fluentui/react-migration-v0-v9",
|
|
25
73
|
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
|
|
26
|
-
"commit": "
|
|
74
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a"
|
|
27
75
|
},
|
|
28
76
|
{
|
|
29
77
|
"author": "beachball",
|
|
30
78
|
"package": "@fluentui/react-migration-v0-v9",
|
|
31
79
|
"comment": "Bump @fluentui/react-components to v9.28.0",
|
|
32
|
-
"commit": "
|
|
80
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a"
|
|
33
81
|
}
|
|
34
82
|
]
|
|
35
83
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,20 +1,41 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v0-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 14 Aug 2023 21:22:02 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.20)
|
|
8
|
+
|
|
9
|
+
Mon, 14 Aug 2023 21:22:02 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.19..@fluentui/react-migration-v0-v9_v9.0.20)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-components to v9.29.0 ([PR #28822](https://github.com/microsoft/fluentui/pull/28822) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.19)
|
|
17
|
+
|
|
18
|
+
Fri, 11 Aug 2023 12:14:24 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.18..@fluentui/react-migration-v0-v9_v9.0.19)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- chore(react-migration-v0-v9): migrate to new slot API ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by bernardo.sunderhus@gmail.com)
|
|
24
|
+
- Bump @fluentui/react-utilities to v9.11.1 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
|
|
25
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.15 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
|
|
26
|
+
- Bump @fluentui/react-components to v9.28.1 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
|
|
27
|
+
|
|
7
28
|
## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.18)
|
|
8
29
|
|
|
9
|
-
Wed, 09 Aug 2023 13:
|
|
30
|
+
Wed, 09 Aug 2023 13:16:59 GMT
|
|
10
31
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.17..@fluentui/react-migration-v0-v9_v9.0.18)
|
|
11
32
|
|
|
12
33
|
### Patches
|
|
13
34
|
|
|
14
35
|
- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
|
|
15
|
-
- Bump @fluentui/react-theme to v9.1.11 ([
|
|
16
|
-
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([
|
|
17
|
-
- Bump @fluentui/react-components to v9.28.0 ([
|
|
36
|
+
- Bump @fluentui/react-theme to v9.1.11 ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by beachball)
|
|
37
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by beachball)
|
|
38
|
+
- Bump @fluentui/react-components to v9.28.0 ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by beachball)
|
|
18
39
|
|
|
19
40
|
## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.17)
|
|
20
41
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { mergeClasses } from '@fluentui/react-components';
|
|
4
|
-
import { getNativeElementProps,
|
|
4
|
+
import { getNativeElementProps, slot, assertSlots } from '@fluentui/react-utilities';
|
|
5
5
|
import { useItemLayoutStyles } from './ItemLayout.styles';
|
|
6
6
|
export const itemLayoutClassName = 'fui-ItemLayout';
|
|
7
7
|
export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
@@ -15,18 +15,31 @@ export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
|
15
15
|
startMedia: 'div',
|
|
16
16
|
endMedia: 'div'
|
|
17
17
|
},
|
|
18
|
-
root: getNativeElementProps('div', {
|
|
18
|
+
root: slot.always(getNativeElementProps('div', {
|
|
19
19
|
...props,
|
|
20
20
|
ref
|
|
21
|
+
}), {
|
|
22
|
+
elementType: 'div'
|
|
21
23
|
}),
|
|
22
|
-
contentMedia:
|
|
23
|
-
|
|
24
|
-
required: true
|
|
24
|
+
contentMedia: slot.optional(props.contentMedia, {
|
|
25
|
+
elementType: 'div'
|
|
25
26
|
}),
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
contentWrapper: slot.optional(props.contentWrapper, {
|
|
28
|
+
renderByDefault: true,
|
|
29
|
+
elementType: 'div'
|
|
30
|
+
}),
|
|
31
|
+
header: slot.optional(props.header, {
|
|
32
|
+
elementType: 'div'
|
|
33
|
+
}),
|
|
34
|
+
headerMedia: slot.optional(props.headerMedia, {
|
|
35
|
+
elementType: 'div'
|
|
36
|
+
}),
|
|
37
|
+
startMedia: slot.optional(props.startMedia, {
|
|
38
|
+
elementType: 'div'
|
|
39
|
+
}),
|
|
40
|
+
endMedia: slot.optional(props.endMedia, {
|
|
41
|
+
elementType: 'div'
|
|
42
|
+
})
|
|
30
43
|
};
|
|
31
44
|
const styles = useItemLayoutStyles();
|
|
32
45
|
state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);
|
|
@@ -48,7 +61,7 @@ export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
|
48
61
|
if (state.endMedia) {
|
|
49
62
|
state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);
|
|
50
63
|
}
|
|
51
|
-
|
|
52
|
-
return /*#__PURE__*/ createElement(
|
|
64
|
+
assertSlots(state);
|
|
65
|
+
return /*#__PURE__*/ createElement(state.root, null, state.startMedia && /*#__PURE__*/ createElement(state.startMedia, null), state.header && /*#__PURE__*/ createElement(state.header, null), state.headerMedia && /*#__PURE__*/ createElement(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ createElement(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ createElement(state.contentMedia, null), state.endMedia && /*#__PURE__*/ createElement(state.endMedia, null));
|
|
53
66
|
});
|
|
54
67
|
ItemLayout.displayName = 'ItemLayout';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n ComponentProps,\n ComponentState,\n getNativeElementProps,\n
|
|
1
|
+
{"version":3,"sources":["ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n ComponentProps,\n ComponentState,\n getNativeElementProps,\n Slot,\n slot,\n assertSlots,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n root: Slot<'div'>;\n\n contentMedia?: Slot<'div'>;\n contentWrapper?: Slot<'div'>;\n\n header?: Slot<'div'>;\n headerMedia?: Slot<'div'>;\n\n startMedia?: Slot<'div'>;\n endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n const state: ItemLayoutState = {\n components: {\n root: 'div',\n contentWrapper: 'div',\n contentMedia: 'div',\n header: 'div',\n headerMedia: 'div',\n startMedia: 'div',\n endMedia: 'div',\n },\n root: slot.always(getNativeElementProps('div', { ...props, ref }), { elementType: 'div' }),\n contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n header: slot.optional(props.header, { elementType: 'div' }),\n headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n };\n const styles = useItemLayoutStyles();\n\n state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n if (state.contentWrapper) {\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n }\n\n if (state.contentMedia) {\n state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n }\n\n if (state.header) {\n state.header.className = mergeClasses(styles.header, state.header.className);\n }\n\n if (state.headerMedia) {\n state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n }\n\n if (state.startMedia) {\n state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n }\n\n if (state.endMedia) {\n state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n }\n\n assertSlots<ItemLayoutSlots>(state);\n\n return (\n <state.root>\n {state.startMedia && <state.startMedia />}\n {state.header && <state.header />}\n {state.headerMedia && <state.headerMedia />}\n {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n {state.contentMedia && <state.contentMedia />}\n {state.endMedia && <state.endMedia />}\n </state.root>\n );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["createElement","React","mergeClasses","getNativeElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"mappings":"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"}
|
|
@@ -30,18 +30,31 @@ const ItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
30
30
|
startMedia: 'div',
|
|
31
31
|
endMedia: 'div'
|
|
32
32
|
},
|
|
33
|
-
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
33
|
+
root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
|
|
34
34
|
...props,
|
|
35
35
|
ref
|
|
36
|
+
}), {
|
|
37
|
+
elementType: 'div'
|
|
36
38
|
}),
|
|
37
|
-
contentMedia:
|
|
38
|
-
|
|
39
|
-
required: true
|
|
39
|
+
contentMedia: _reactUtilities.slot.optional(props.contentMedia, {
|
|
40
|
+
elementType: 'div'
|
|
40
41
|
}),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
contentWrapper: _reactUtilities.slot.optional(props.contentWrapper, {
|
|
43
|
+
renderByDefault: true,
|
|
44
|
+
elementType: 'div'
|
|
45
|
+
}),
|
|
46
|
+
header: _reactUtilities.slot.optional(props.header, {
|
|
47
|
+
elementType: 'div'
|
|
48
|
+
}),
|
|
49
|
+
headerMedia: _reactUtilities.slot.optional(props.headerMedia, {
|
|
50
|
+
elementType: 'div'
|
|
51
|
+
}),
|
|
52
|
+
startMedia: _reactUtilities.slot.optional(props.startMedia, {
|
|
53
|
+
elementType: 'div'
|
|
54
|
+
}),
|
|
55
|
+
endMedia: _reactUtilities.slot.optional(props.endMedia, {
|
|
56
|
+
elementType: 'div'
|
|
57
|
+
})
|
|
45
58
|
};
|
|
46
59
|
const styles = (0, _itemLayoutStyles.useItemLayoutStyles)();
|
|
47
60
|
state.root.className = (0, _reactComponents.mergeClasses)(itemLayoutClassName, styles.root, state.root.className);
|
|
@@ -63,7 +76,7 @@ const ItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
63
76
|
if (state.endMedia) {
|
|
64
77
|
state.endMedia.className = (0, _reactComponents.mergeClasses)(styles.endMedia, state.endMedia.className);
|
|
65
78
|
}
|
|
66
|
-
|
|
67
|
-
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(
|
|
79
|
+
(0, _reactUtilities.assertSlots)(state);
|
|
80
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.startMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.startMedia, null), state.header && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.header, null), state.headerMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.contentMedia, null), state.endMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.endMedia, null));
|
|
68
81
|
});
|
|
69
82
|
ItemLayout.displayName = 'ItemLayout';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { getNativeElementProps,
|
|
1
|
+
{"version":3,"sources":["ItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { getNativeElementProps, slot, assertSlots } from '@fluentui/react-utilities';\nimport { useItemLayoutStyles } from './ItemLayout.styles';\nexport const itemLayoutClassName = 'fui-ItemLayout';\nexport const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = {\n components: {\n root: 'div',\n contentWrapper: 'div',\n contentMedia: 'div',\n header: 'div',\n headerMedia: 'div',\n startMedia: 'div',\n endMedia: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ...props,\n ref\n }), {\n elementType: 'div'\n }),\n contentMedia: slot.optional(props.contentMedia, {\n elementType: 'div'\n }),\n contentWrapper: slot.optional(props.contentWrapper, {\n renderByDefault: true,\n elementType: 'div'\n }),\n header: slot.optional(props.header, {\n elementType: 'div'\n }),\n headerMedia: slot.optional(props.headerMedia, {\n elementType: 'div'\n }),\n startMedia: slot.optional(props.startMedia, {\n elementType: 'div'\n }),\n endMedia: slot.optional(props.endMedia, {\n elementType: 'div'\n })\n };\n const styles = useItemLayoutStyles();\n state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n if (state.contentWrapper) {\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n }\n if (state.contentMedia) {\n state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(styles.header, state.header.className);\n }\n if (state.headerMedia) {\n state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n }\n if (state.startMedia) {\n state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n }\n if (state.endMedia) {\n state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n }\n assertSlots(state);\n return /*#__PURE__*/ createElement(state.root, null, state.startMedia && /*#__PURE__*/ createElement(state.startMedia, null), state.header && /*#__PURE__*/ createElement(state.header, null), state.headerMedia && /*#__PURE__*/ createElement(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ createElement(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ createElement(state.contentMedia, null), state.endMedia && /*#__PURE__*/ createElement(state.endMedia, null));\n});\nItemLayout.displayName = 'ItemLayout';\n"],"names":["itemLayoutClassName","ItemLayout","React","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","slot","always","getNativeElementProps","elementType","optional","renderByDefault","styles","useItemLayoutStyles","className","mergeClasses","assertSlots","createElement","children","displayName"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.20",
|
|
4
4
|
"description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui/react-icons": "^2.0.207",
|
|
37
37
|
"@fluentui/react-theme": "^9.1.11",
|
|
38
|
-
"@fluentui/react-utilities": "^9.11.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
40
|
-
"@fluentui/react-components": "^9.
|
|
38
|
+
"@fluentui/react-utilities": "^9.11.1",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.15",
|
|
40
|
+
"@fluentui/react-components": "^9.29.0",
|
|
41
41
|
"@fluentui/react-northstar": "^0.66.4",
|
|
42
42
|
"@griffel/react": "^1.5.14",
|
|
43
43
|
"@swc/helpers": "^0.4.14"
|