@fluentui/react-migration-v0-v9 9.0.38 → 9.0.39
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 +34 -1
- package/CHANGELOG.md +14 -2
- package/lib/components/ItemLayout/ItemLayout.js +2 -2
- package/lib/components/ItemLayout/ItemLayout.js.map +1 -1
- package/lib/components/StyledText/StyledText.js +11 -11
- package/lib/components/StyledText/StyledText.js.map +1 -1
- package/lib-commonjs/components/ItemLayout/ItemLayout.js +1 -1
- package/lib-commonjs/components/ItemLayout/ItemLayout.js.map +1 -1
- package/lib-commonjs/components/StyledText/StyledText.js +10 -10
- package/lib-commonjs/components/StyledText/StyledText.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,40 @@
|
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 05 Oct 2023 15:17:58 GMT",
|
|
6
|
+
"tag": "@fluentui/react-migration-v0-v9_v9.0.39",
|
|
7
|
+
"version": "9.0.39",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
12
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
13
|
+
"commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
|
|
14
|
+
"comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
19
|
+
"comment": "Bump @fluentui/react-utilities to v9.14.1",
|
|
20
|
+
"commit": "690590449dc3d65cd40b2b06a990fd920180919d"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
25
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.14",
|
|
26
|
+
"commit": "690590449dc3d65cd40b2b06a990fd920180919d"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
31
|
+
"comment": "Bump @fluentui/react-components to v9.34.1",
|
|
32
|
+
"commit": "690590449dc3d65cd40b2b06a990fd920180919d"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"date": "Wed, 04 Oct 2023 08:45:47 GMT",
|
|
6
39
|
"tag": "@fluentui/react-migration-v0-v9_v9.0.38",
|
|
7
40
|
"version": "9.0.38",
|
|
8
41
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
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 Thu, 05 Oct 2023 15:17:58 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.39)
|
|
8
|
+
|
|
9
|
+
Thu, 05 Oct 2023 15:17:58 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.38..@fluentui/react-migration-v0-v9_v9.0.39)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
|
|
15
|
+
- Bump @fluentui/react-utilities to v9.14.1 ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by beachball)
|
|
16
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.14 ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by beachball)
|
|
17
|
+
- Bump @fluentui/react-components to v9.34.1 ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by beachball)
|
|
18
|
+
|
|
7
19
|
## [9.0.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.38)
|
|
8
20
|
|
|
9
|
-
Wed, 04 Oct 2023 08:
|
|
21
|
+
Wed, 04 Oct 2023 08:45:47 GMT
|
|
10
22
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.37..@fluentui/react-migration-v0-v9_v9.0.38)
|
|
11
23
|
|
|
12
24
|
### Patches
|
|
@@ -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 {
|
|
4
|
+
import { getIntrinsicElementProps, 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,7 +15,7 @@ export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
|
15
15
|
startMedia: 'div',
|
|
16
16
|
endMedia: 'div'
|
|
17
17
|
},
|
|
18
|
-
root: slot.always(
|
|
18
|
+
root: slot.always(getIntrinsicElementProps('div', {
|
|
19
19
|
...props,
|
|
20
20
|
ref
|
|
21
21
|
}), {
|
|
@@ -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
|
|
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 getIntrinsicElementProps,\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(getIntrinsicElementProps('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","getIntrinsicElementProps","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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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
+
import { getIntrinsicElementProps, mergeClasses, slot } from '@fluentui/react-components';
|
|
3
4
|
import { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';
|
|
4
5
|
export const styledTextClassName = 'fui-StyledText';
|
|
5
6
|
const sizeMap = {
|
|
@@ -19,21 +20,20 @@ const sizeMap = {
|
|
|
19
20
|
largest: 'hero700'
|
|
20
21
|
};
|
|
21
22
|
export const StyledText = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
22
|
-
const { align,
|
|
23
|
+
const { align, atMention, disabled, error, important, success, temporary, timestamp, truncate, weight, wrap = true } = props;
|
|
23
24
|
const dir = typeof props.children === 'string' ? 'auto' : undefined;
|
|
24
|
-
const rootProps = getNativeElementProps(Component, {
|
|
25
|
-
ref,
|
|
26
|
-
...props
|
|
27
|
-
});
|
|
28
25
|
const sizeStyles = useSizeStyles();
|
|
29
26
|
const weightStyles = useWeightStyles();
|
|
30
27
|
const styles = useStyles();
|
|
31
28
|
const size = props.size ? sizeMap[props.size] : props.size;
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
className: className
|
|
29
|
+
const RootSlot = slot.always(getIntrinsicElementProps('span', {
|
|
30
|
+
ref,
|
|
31
|
+
...props,
|
|
32
|
+
dir,
|
|
33
|
+
className: mergeClasses(styledTextClassName, size && sizeStyles[size], weight && weightStyles[weight], wrap === false && styles.nowrap, truncate && styles.truncate, align === 'center' && styles.alignCenter, align === 'end' && styles.alignEnd, align === 'justify' && styles.alignJustify, atMention && styles.mention, atMention === 'me' && styles.mentionMe, disabled && styles.disabled, error && styles.error, important && styles.important, success && styles.success, temporary && styles.temporary, timestamp && styles.timestamp, props.className)
|
|
34
|
+
}), {
|
|
35
|
+
elementType: 'span'
|
|
37
36
|
});
|
|
37
|
+
return /*#__PURE__*/ _jsx(RootSlot, {});
|
|
38
38
|
});
|
|
39
39
|
StyledText.displayName = 'StyledText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["StyledText.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["StyledText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, Slot, ComponentProps, slot } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n /**\n * Aligns text based on the parent container.\n */\n align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * At mentions can be formatted to draw users' attention.\n * Mentions for \"me\" can be formatted to appear differently.\n */\n atMention?: 'me' | boolean;\n\n /**\n * Set as disabled StyledText component\n */\n disabled?: boolean;\n\n /**\n * Set as error StyledText component\n */\n error?: boolean;\n\n /**\n * The StyledText can appear more important and draw user's attention\n */\n important?: boolean;\n\n /**\n * Applies font size and line height based on the theme tokens.\n */\n size?:\n | 'smaller'\n | 'small'\n | 'medium'\n | 'large'\n | 'large500'\n | 'larger'\n | 'largest'\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700;\n\n /**\n * Set as success StyledText component\n */\n success?: boolean;\n\n /**\n * The text can signify a temporary state\n */\n temporary?: boolean;\n\n /**\n * Set as timestamp StyledText component\n */\n timestamp?: boolean;\n\n /**\n * Truncate overflowing text for block displays.\n */\n truncate?: boolean;\n\n /**\n * Applies font weight to the content.\n */\n weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n /**\n * Wraps the text content on white spaces.\n *\n * @default true\n */\n wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n '100': 'base100',\n '200': 'base200',\n '300': 'base300',\n '400': 'base400',\n '500': 'base500',\n '600': 'base600',\n '700': 'hero700',\n smaller: 'base100',\n small: 'base200',\n medium: 'base300',\n large: 'base400',\n large500: 'base500',\n larger: 'base600',\n largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n const {\n align,\n atMention,\n disabled,\n error,\n important,\n success,\n temporary,\n timestamp,\n truncate,\n weight,\n wrap = true,\n } = props;\n\n const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n const sizeStyles = useSizeStyles();\n const weightStyles = useWeightStyles();\n const styles = useStyles();\n\n const size = props.size ? sizeMap[props.size] : props.size;\n\n const RootSlot = slot.always(\n getIntrinsicElementProps('span', {\n ref,\n ...props,\n dir,\n className: mergeClasses(\n styledTextClassName,\n size && sizeStyles[size],\n weight && weightStyles[weight],\n wrap === false && styles.nowrap,\n truncate && styles.truncate,\n align === 'center' && styles.alignCenter,\n align === 'end' && styles.alignEnd,\n align === 'justify' && styles.alignJustify,\n\n atMention && styles.mention,\n atMention === 'me' && styles.mentionMe,\n disabled && styles.disabled,\n error && styles.error,\n important && styles.important,\n success && styles.success,\n temporary && styles.temporary,\n timestamp && styles.timestamp,\n props.className,\n ),\n }),\n { elementType: 'span' },\n );\n\n return <RootSlot />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useSizeStyles","useStyles","useWeightStyles","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","StyledText","forwardRef","props","ref","align","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","sizeStyles","weightStyles","styles","size","RootSlot","always","className","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","elementType","displayName"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAwBC,IAAI,QAAQ,6BAA6B;AAChH,SAASC,aAAa,EAAEC,SAAS,EAAEC,eAAe,QAAQ,sBAAsB;AAqFhF,OAAO,MAAMC,sBAAsB,iBAAiB;AAEpD,MAAMC,UAA6G;IACjH,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,2BAAahB,MAAMiB,UAAU,CAAmC,CAACC,OAAOC;IACnF,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,IAAI,EACZ,GAAGZ;IAEJ,MAAMa,MAAM,OAAOb,MAAMc,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,aAAa9B;IACnB,MAAM+B,eAAe7B;IACrB,MAAM8B,SAAS/B;IAEf,MAAMgC,OAAOnB,MAAMmB,IAAI,GAAG7B,OAAO,CAACU,MAAMmB,IAAI,CAAC,GAAGnB,MAAMmB,IAAI;IAE1D,MAAMC,WAAWnC,KAAKoC,MAAM,CAC1BtC,yBAAyB,QAAQ;QAC/BkB;QACA,GAAGD,KAAK;QACRa;QACAS,WAAWtC,aACTK,qBACA8B,QAAQH,UAAU,CAACG,KAAK,EACxBR,UAAUM,YAAY,CAACN,OAAO,EAC9BC,SAAS,SAASM,OAAOK,MAAM,EAC/Bb,YAAYQ,OAAOR,QAAQ,EAC3BR,UAAU,YAAYgB,OAAOM,WAAW,EACxCtB,UAAU,SAASgB,OAAOO,QAAQ,EAClCvB,UAAU,aAAagB,OAAOQ,YAAY,EAE1CvB,aAAae,OAAOS,OAAO,EAC3BxB,cAAc,QAAQe,OAAOU,SAAS,EACtCxB,YAAYc,OAAOd,QAAQ,EAC3BC,SAASa,OAAOb,KAAK,EACrBC,aAAaY,OAAOZ,SAAS,EAC7BC,WAAWW,OAAOX,OAAO,EACzBC,aAAaU,OAAOV,SAAS,EAC7BC,aAAaS,OAAOT,SAAS,EAC7BT,MAAMsB,SAAS;IAEnB,IACA;QAAEO,aAAa;IAAO;IAGxB,qBAAO,KAACT;AACV,GAAG;AAEHtB,WAAWgC,WAAW,GAAG"}
|
|
@@ -34,7 +34,7 @@ const ItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
34
34
|
startMedia: 'div',
|
|
35
35
|
endMedia: 'div'
|
|
36
36
|
},
|
|
37
|
-
root: _reactutilities.slot.always((0, _reactutilities.
|
|
37
|
+
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
|
|
38
38
|
...props,
|
|
39
39
|
ref
|
|
40
40
|
}), {
|
|
@@ -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 {
|
|
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 { getIntrinsicElementProps, 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(getIntrinsicElementProps('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","getIntrinsicElementProps","elementType","optional","renderByDefault","styles","useItemLayoutStyles","className","mergeClasses","assertSlots","createElement","children","displayName"],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ _export(exports, {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
20
21
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
21
22
|
const _reactcomponents = require("@fluentui/react-components");
|
|
22
23
|
const _StyledTextstyles = require("./StyledText.styles");
|
|
@@ -38,21 +39,20 @@ const sizeMap = {
|
|
|
38
39
|
largest: 'hero700'
|
|
39
40
|
};
|
|
40
41
|
const StyledText = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
41
|
-
const { align,
|
|
42
|
+
const { align, atMention, disabled, error, important, success, temporary, timestamp, truncate, weight, wrap = true } = props;
|
|
42
43
|
const dir = typeof props.children === 'string' ? 'auto' : undefined;
|
|
43
|
-
const rootProps = (0, _reactcomponents.getNativeElementProps)(Component, {
|
|
44
|
-
ref,
|
|
45
|
-
...props
|
|
46
|
-
});
|
|
47
44
|
const sizeStyles = (0, _StyledTextstyles.useSizeStyles)();
|
|
48
45
|
const weightStyles = (0, _StyledTextstyles.useWeightStyles)();
|
|
49
46
|
const styles = (0, _StyledTextstyles.useStyles)();
|
|
50
47
|
const size = props.size ? sizeMap[props.size] : props.size;
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
className: className
|
|
48
|
+
const RootSlot = _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('span', {
|
|
49
|
+
ref,
|
|
50
|
+
...props,
|
|
51
|
+
dir,
|
|
52
|
+
className: (0, _reactcomponents.mergeClasses)(styledTextClassName, size && sizeStyles[size], weight && weightStyles[weight], wrap === false && styles.nowrap, truncate && styles.truncate, align === 'center' && styles.alignCenter, align === 'end' && styles.alignEnd, align === 'justify' && styles.alignJustify, atMention && styles.mention, atMention === 'me' && styles.mentionMe, disabled && styles.disabled, error && styles.error, important && styles.important, success && styles.success, temporary && styles.temporary, timestamp && styles.timestamp, props.className)
|
|
53
|
+
}), {
|
|
54
|
+
elementType: 'span'
|
|
56
55
|
});
|
|
56
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(RootSlot, {});
|
|
57
57
|
});
|
|
58
58
|
StyledText.displayName = 'StyledText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["StyledText.js"],"sourcesContent":["import * as React from 'react';\nimport {
|
|
1
|
+
{"version":3,"sources":["StyledText.js"],"sourcesContent":[" import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\nexport const styledTextClassName = 'fui-StyledText';\nconst sizeMap = {\n '100': 'base100',\n '200': 'base200',\n '300': 'base300',\n '400': 'base400',\n '500': 'base500',\n '600': 'base600',\n '700': 'hero700',\n smaller: 'base100',\n small: 'base200',\n medium: 'base300',\n large: 'base400',\n large500: 'base500',\n larger: 'base600',\n largest: 'hero700'\n};\nexport const StyledText = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const { align, atMention, disabled, error, important, success, temporary, timestamp, truncate, weight, wrap = true } = props;\n const dir = typeof props.children === 'string' ? 'auto' : undefined;\n const sizeStyles = useSizeStyles();\n const weightStyles = useWeightStyles();\n const styles = useStyles();\n const size = props.size ? sizeMap[props.size] : props.size;\n const RootSlot = slot.always(getIntrinsicElementProps('span', {\n ref,\n ...props,\n dir,\n className: mergeClasses(styledTextClassName, size && sizeStyles[size], weight && weightStyles[weight], wrap === false && styles.nowrap, truncate && styles.truncate, align === 'center' && styles.alignCenter, align === 'end' && styles.alignEnd, align === 'justify' && styles.alignJustify, atMention && styles.mention, atMention === 'me' && styles.mentionMe, disabled && styles.disabled, error && styles.error, important && styles.important, success && styles.success, temporary && styles.temporary, timestamp && styles.timestamp, props.className)\n }), {\n elementType: 'span'\n });\n return /*#__PURE__*/ _jsx(RootSlot, {});\n});\nStyledText.displayName = 'StyledText';\n"],"names":["styledTextClassName","StyledText","sizeMap","smaller","small","medium","large","large500","larger","largest","React","forwardRef","props","ref","align","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","sizeStyles","useSizeStyles","weightStyles","useWeightStyles","styles","useStyles","size","RootSlot","slot","always","getIntrinsicElementProps","className","mergeClasses","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","elementType","_jsx","displayName"],"mappings":";;;;;;;;;;;IAIaA,mBAAmB;eAAnBA;;IAiBAC,UAAU;eAAVA;;;;4BArBiB;iEACP;iCACsC;kCACH;AACnD,MAAMD,sBAAsB;AACnC,MAAME,UAAU;IACZ,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACb;AACO,MAAMR,aAAa,WAAW,GAAGS,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,IAAI,EAAE,GAAGZ;IACvH,MAAMa,MAAM,OAAOb,MAAMc,QAAQ,KAAK,WAAW,SAASC;IAC1D,MAAMC,aAAaC,IAAAA,+BAAa;IAChC,MAAMC,eAAeC,IAAAA,iCAAe;IACpC,MAAMC,SAASC,IAAAA,2BAAS;IACxB,MAAMC,OAAOtB,MAAMsB,IAAI,GAAGhC,OAAO,CAACU,MAAMsB,IAAI,CAAC,GAAGtB,MAAMsB,IAAI;IAC1D,MAAMC,WAAWC,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,QAAQ;QAC1DzB;QACA,GAAGD,KAAK;QACRa;QACAc,WAAWC,IAAAA,6BAAY,EAACxC,qBAAqBkC,QAAQN,UAAU,CAACM,KAAK,EAAEX,UAAUO,YAAY,CAACP,OAAO,EAAEC,SAAS,SAASQ,OAAOS,MAAM,EAAEnB,YAAYU,OAAOV,QAAQ,EAAER,UAAU,YAAYkB,OAAOU,WAAW,EAAE5B,UAAU,SAASkB,OAAOW,QAAQ,EAAE7B,UAAU,aAAakB,OAAOY,YAAY,EAAE7B,aAAaiB,OAAOa,OAAO,EAAE9B,cAAc,QAAQiB,OAAOc,SAAS,EAAE9B,YAAYgB,OAAOhB,QAAQ,EAAEC,SAASe,OAAOf,KAAK,EAAEC,aAAac,OAAOd,SAAS,EAAEC,WAAWa,OAAOb,OAAO,EAAEC,aAAaY,OAAOZ,SAAS,EAAEC,aAAaW,OAAOX,SAAS,EAAET,MAAM2B,SAAS;IACniB,IAAI;QACAQ,aAAa;IACjB;IACA,OAAO,WAAW,GAAGC,IAAAA,eAAI,EAACb,UAAU,CAAC;AACzC;AACAlC,WAAWgD,WAAW,GAAG"}
|
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.39",
|
|
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.217",
|
|
37
37
|
"@fluentui/react-theme": "^9.1.14",
|
|
38
|
-
"@fluentui/react-utilities": "^9.14.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
40
|
-
"@fluentui/react-components": "^9.34.
|
|
38
|
+
"@fluentui/react-utilities": "^9.14.1",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.14",
|
|
40
|
+
"@fluentui/react-components": "^9.34.1",
|
|
41
41
|
"@fluentui/react-northstar": "^0.66.4",
|
|
42
42
|
"@griffel/react": "^1.5.14",
|
|
43
43
|
"@swc/helpers": "^0.5.1"
|