@fluentui/react-migration-v8-v9 9.6.15 → 9.6.17
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.md
CHANGED
|
@@ -1,17 +1,37 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v8-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 12 Jun 2024 13:16:16 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.6.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.17)
|
|
8
|
+
|
|
9
|
+
Wed, 12 Jun 2024 13:16:16 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.16..@fluentui/react-migration-v8-v9_v9.6.17)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-components to v9.54.1 ([PR #31681](https://github.com/microsoft/fluentui/pull/31681) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.6.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.16)
|
|
17
|
+
|
|
18
|
+
Thu, 06 Jun 2024 15:26:35 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.15..@fluentui/react-migration-v8-v9_v9.6.16)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- chore: Fixing typo in CheckboxShim migration. ([PR #31569](https://github.com/microsoft/fluentui/pull/31569) by Humberto.Morimoto@microsoft.com)
|
|
24
|
+
- Bump @fluentui/react-components to v9.54.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
|
25
|
+
- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
|
26
|
+
|
|
7
27
|
## [9.6.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.15)
|
|
8
28
|
|
|
9
|
-
Thu, 23 May 2024
|
|
29
|
+
Thu, 23 May 2024 08:02:52 GMT
|
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.14..@fluentui/react-migration-v8-v9_v9.6.15)
|
|
11
31
|
|
|
12
32
|
### Patches
|
|
13
33
|
|
|
14
|
-
- Bump @fluentui/react-components to v9.53.0 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
34
|
+
- Bump @fluentui/react-components to v9.53.0 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
|
|
15
35
|
|
|
16
36
|
## [9.6.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.14)
|
|
17
37
|
|
|
@@ -28,11 +28,11 @@ export const CheckboxShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{
|
|
|
28
28
|
if (!checkboxProps) {
|
|
29
29
|
return null;
|
|
30
30
|
}
|
|
31
|
-
const { label:
|
|
32
|
-
return
|
|
31
|
+
const { label: defaultLabel, title } = checkboxProps;
|
|
32
|
+
return defaultLabel ? /*#__PURE__*/ React.createElement("span", {
|
|
33
33
|
title: title,
|
|
34
34
|
className: styles.text
|
|
35
|
-
},
|
|
35
|
+
}, defaultLabel) : null;
|
|
36
36
|
};
|
|
37
37
|
if (label || onRenderLabel) {
|
|
38
38
|
shimProps.label = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props: ICheckboxProps, _ref: React.ForwardedRef<HTMLInputElement>) => {\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSX.Element | null => {\n if (!checkboxProps) {\n return null;\n }\n const { label:
|
|
1
|
+
{"version":3,"sources":["CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props: ICheckboxProps, _ref: React.ForwardedRef<HTMLInputElement>) => {\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSX.Element | null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n});\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAA8D,kBAAkB;AAC3G,SAASC,QAAQ,EAAEC,YAAY,QAAQ,6BAA6B;AACpE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,iBAAiB,QAAQ,oBAAoB;AAEtD,MAAMC,gBAAgBL,mBAAyD;IAC7EM,iBAAiB;AACnB;AAEA,OAAO,MAAMC,6BAAeR,MAAMS,UAAU,CAAC,CAACC,OAAuBC;IACnE,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,iBAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,WAAWd;IACjB,MAAMe,cAAc,AAACT,sBAA8CX,MAAMqB,SAAS;IAElFrB,MAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,gCAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBG,OAAO,cAA5BH,0CAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,sCAAAA,wBAAAA,YAAYI,OAAO,cAAnBJ,4CAAAA,sBAAqBK,aAAa,cAAlCL,gDAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBM,KAAK;;QACzC;IAAA;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,6BACL,oBAACE;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWT,aAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,qBACE,oBAACd;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,aAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,WAAWT,aAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGpF,GAAG;AAEH7B,aAAa8B,WAAW,GAAG"}
|
|
@@ -39,11 +39,11 @@ const CheckboxShim = /*#__PURE__*/ _react.forwardRef((props, _ref)=>{
|
|
|
39
39
|
if (!checkboxProps) {
|
|
40
40
|
return null;
|
|
41
41
|
}
|
|
42
|
-
const { label:
|
|
43
|
-
return
|
|
42
|
+
const { label: defaultLabel, title } = checkboxProps;
|
|
43
|
+
return defaultLabel ? /*#__PURE__*/ _react.createElement("span", {
|
|
44
44
|
title: title,
|
|
45
45
|
className: styles.text
|
|
46
|
-
},
|
|
46
|
+
}, defaultLabel) : null;
|
|
47
47
|
};
|
|
48
48
|
if (label || onRenderLabel) {
|
|
49
49
|
shimProps.label = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CheckboxShim.js"],"sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nconst getClassNames = classNamesFunction({\n useStaticStyles: false\n});\nexport const CheckboxShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = _ref || /*#__PURE__*/ React.createRef();\n React.useImperativeHandle(componentRef, ()=>{\n var _checkboxRef_current, _checkboxRef_current1;\n var _checkboxRef_current_checked, _checkboxRef_current_indeterminate;\n return {\n checked: (_checkboxRef_current_checked = (_checkboxRef_current = checkboxRef.current) === null || _checkboxRef_current === void 0 ? void 0 : _checkboxRef_current.checked) !== null && _checkboxRef_current_checked !== void 0 ? _checkboxRef_current_checked : false,\n indeterminate: (_checkboxRef_current_indeterminate = (_checkboxRef_current1 = checkboxRef.current) === null || _checkboxRef_current1 === void 0 ? void 0 : _checkboxRef_current1.indeterminate) !== null && _checkboxRef_current_indeterminate !== void 0 ? _checkboxRef_current_indeterminate : false,\n focus: ()=>{\n var _checkboxRef_current;\n return (_checkboxRef_current = checkboxRef.current) === null || _checkboxRef_current === void 0 ? void 0 : _checkboxRef_current.focus();\n }\n };\n });\n const defaultLabelRenderer = (checkboxProps)=>{\n if (!checkboxProps) {\n return null;\n }\n const { label:
|
|
1
|
+
{"version":3,"sources":["CheckboxShim.js"],"sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nconst getClassNames = classNamesFunction({\n useStaticStyles: false\n});\nexport const CheckboxShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = _ref || /*#__PURE__*/ React.createRef();\n React.useImperativeHandle(componentRef, ()=>{\n var _checkboxRef_current, _checkboxRef_current1;\n var _checkboxRef_current_checked, _checkboxRef_current_indeterminate;\n return {\n checked: (_checkboxRef_current_checked = (_checkboxRef_current = checkboxRef.current) === null || _checkboxRef_current === void 0 ? void 0 : _checkboxRef_current.checked) !== null && _checkboxRef_current_checked !== void 0 ? _checkboxRef_current_checked : false,\n indeterminate: (_checkboxRef_current_indeterminate = (_checkboxRef_current1 = checkboxRef.current) === null || _checkboxRef_current1 === void 0 ? void 0 : _checkboxRef_current1.indeterminate) !== null && _checkboxRef_current_indeterminate !== void 0 ? _checkboxRef_current_indeterminate : false,\n focus: ()=>{\n var _checkboxRef_current;\n return (_checkboxRef_current = checkboxRef.current) === null || _checkboxRef_current === void 0 ? void 0 : _checkboxRef_current.focus();\n }\n };\n });\n const defaultLabelRenderer = (checkboxProps)=>{\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? /*#__PURE__*/ React.createElement(\"span\", {\n title: title,\n className: styles.text\n }, defaultLabel) : null;\n };\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label\n };\n }\n return /*#__PURE__*/ React.createElement(Checkbox, {\n ...shimProps,\n ref: checkboxRef,\n className: mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root),\n indicator: {\n className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox)\n }\n });\n});\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["CheckboxShim","getClassNames","classNamesFunction","useStaticStyles","React","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","useCheckboxProps","stylesV9","useCheckboxStyles","checkboxRef","createRef","useImperativeHandle","_checkboxRef_current","_checkboxRef_current1","_checkboxRef_current_checked","_checkboxRef_current_indeterminate","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","createElement","text","mergeClasses","children","Checkbox","ref","root","indicator","checkbox","displayName"],"mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;wBACY;iCACI;mCACN;gCACC;AAClC,MAAMC,gBAAgBC,IAAAA,0BAAkB,EAAC;IACrCC,iBAAiB;AACrB;AACO,MAAMH,eAAe,WAAW,GAAGI,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYC,IAAAA,mCAAgB,EAACT;IACnC,MAAMG,SAASR,cAAcS;IAC7B,MAAMM,WAAWC,IAAAA,iCAAiB;IAClC,MAAMC,cAAcX,QAAQ,WAAW,GAAGH,OAAMe,SAAS;IACzDf,OAAMgB,mBAAmB,CAACP,cAAc;QACpC,IAAIQ,sBAAsBC;QAC1B,IAAIC,8BAA8BC;QAClC,OAAO;YACHC,SAAS,AAACF,CAAAA,+BAA+B,AAACF,CAAAA,uBAAuBH,YAAYQ,OAAO,AAAD,MAAO,QAAQL,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBI,OAAO,AAAD,MAAO,QAAQF,iCAAiC,KAAK,IAAIA,+BAA+B;YAChQI,eAAe,AAACH,CAAAA,qCAAqC,AAACF,CAAAA,wBAAwBJ,YAAYQ,OAAO,AAAD,MAAO,QAAQJ,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBK,aAAa,AAAD,MAAO,QAAQH,uCAAuC,KAAK,IAAIA,qCAAqC;YACjSI,OAAO;gBACH,IAAIP;gBACJ,OAAO,AAACA,CAAAA,uBAAuBH,YAAYQ,OAAO,AAAD,MAAO,QAAQL,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBO,KAAK;YACzI;QACJ;IACJ;IACA,MAAMC,uBAAuB,CAACC;QAC1B,IAAI,CAACA,eAAe;YAChB,OAAO;QACX;QACA,MAAM,EAAElB,OAAOmB,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAe,WAAW,GAAG3B,OAAM6B,aAAa,CAAC,QAAQ;YAC5DD,OAAOA;YACPxB,WAAWC,OAAOyB,IAAI;QAC1B,GAAGH,gBAAgB;IACvB;IACA,IAAInB,SAASD,eAAe;QACxBG,UAAUF,KAAK,GAAG;YACdJ,WAAW2B,IAAAA,6BAAY,EAAC,oBAAoB1B,OAAOG,KAAK,EAAEH,OAAOyB,IAAI;YACrEE,UAAUzB,gBAAgBA,cAAcL,OAAOuB,wBAAwBjB;QAC3E;IACJ;IACA,OAAO,WAAW,GAAGR,OAAM6B,aAAa,CAACI,yBAAQ,EAAE;QAC/C,GAAGvB,SAAS;QACZwB,KAAKpB;QACLV,WAAW2B,IAAAA,6BAAY,EAACnB,SAASuB,IAAI,EAAE,eAAe/B,WAAWC,OAAO8B,IAAI;QAC5EC,WAAW;YACPhC,WAAW2B,IAAAA,6BAAY,EAAC,wBAAwB1B,OAAOgC,QAAQ;QACnE;IACJ;AACJ;AACAzC,aAAa0C,WAAW,GAAG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v8-v9",
|
|
3
|
-
"version": "9.6.
|
|
3
|
+
"version": "9.6.17",
|
|
4
4
|
"description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@ctrl/tinycolor": "3.3.4",
|
|
35
|
-
"@fluentui/fluent2-theme": "^8.107.
|
|
36
|
-
"@fluentui/react": "^8.118.
|
|
37
|
-
"@fluentui/react-components": "^9.
|
|
35
|
+
"@fluentui/fluent2-theme": "^8.107.84",
|
|
36
|
+
"@fluentui/react": "^8.118.7",
|
|
37
|
+
"@fluentui/react-components": "^9.54.1",
|
|
38
38
|
"@fluentui/react-icons": "^2.0.239",
|
|
39
|
-
"@fluentui/react-hooks": "^8.8.
|
|
39
|
+
"@fluentui/react-hooks": "^8.8.6",
|
|
40
40
|
"@fluentui/react-theme": "^9.1.19",
|
|
41
|
-
"@fluentui/react-utilities": "^9.18.
|
|
41
|
+
"@fluentui/react-utilities": "^9.18.10",
|
|
42
42
|
"@griffel/react": "^1.5.22",
|
|
43
43
|
"@swc/helpers": "^0.5.1"
|
|
44
44
|
},
|