npm - @fluentui/react-migration-v8-v9 - Versions diffs - 1.0.30 → 9.1.0 - Mend

@fluentui/react-migration-v8-v9 1.0.30 → 9.1.0

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.

Files changed (105) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,277 +1,15 @@
 # Change Log - @fluentui/react-migration-v8-v9
-This log was last generated on Wed, 11 Jan 2023 07:49:01 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Jan 2023 13:27:47 GMT and should not be manually modified.
 <!-- Start content -->
-## [1.0.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.30)
+## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.1.0)
-Wed, 11 Jan 2023 07:49:01 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.29..@fluentui/react-migration-v8-v9_v1.0.30)
+Thu, 26 Jan 2023 13:27:47 GMT
-### Patches
+### Minor changes
-- Bump @fluentui/react to v8.104.5 ([PR #26246](https://github.com/microsoft/fluentui/pull/26246) by beachball)
-## [1.0.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.29)
-Tue, 10 Jan 2023 07:50:15 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.28..@fluentui/react-migration-v8-v9_v1.0.29)
-### Patches
-- Bump @fluentui/react to v8.104.4 ([PR #26260](https://github.com/microsoft/fluentui/pull/26260) by beachball)
-## [1.0.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.28)
-Mon, 09 Jan 2023 07:49:46 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.27..@fluentui/react-migration-v8-v9_v1.0.28)
-### Patches
-- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball)
-## [1.0.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.27)
-Thu, 05 Jan 2023 07:59:57 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.26..@fluentui/react-migration-v8-v9_v1.0.27)
-### Patches
-- Bump @fluentui/react to v8.104.2 ([PR #26055](https://github.com/microsoft/fluentui/pull/26055) by beachball)
-## [1.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.26)
-Wed, 04 Jan 2023 07:45:43 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.25..@fluentui/react-migration-v8-v9_v1.0.26)
-### Patches
-- chore: Update Griffel to latest version ([PR #26045](https://github.com/microsoft/fluentui/pull/26045) by olfedias@microsoft.com)
-## [1.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.25)
-Fri, 23 Dec 2022 07:55:40 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.24..@fluentui/react-migration-v8-v9_v1.0.25)
-### Patches
-- Bump @fluentui/react to v8.104.1 ([PR #26073](https://github.com/microsoft/fluentui/pull/26073) by beachball)
-## [1.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.24)
-Wed, 21 Dec 2022 07:47:36 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.23..@fluentui/react-migration-v8-v9_v1.0.24)
-### Patches
-- Bump @fluentui/react to v8.104.0 ([PR #26052](https://github.com/microsoft/fluentui/pull/26052) by beachball)
-## [1.0.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.23)
-Tue, 20 Dec 2022 07:53:34 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.22..@fluentui/react-migration-v8-v9_v1.0.23)
-### Patches
-- Bump @fluentui/react to v8.103.10 ([PR #26005](https://github.com/microsoft/fluentui/pull/26005) by beachball)
-## [1.0.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.22)
-Fri, 16 Dec 2022 07:50:07 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.21..@fluentui/react-migration-v8-v9_v1.0.22)
-### Patches
-- Bump @fluentui/react to v8.103.9 ([PR #26015](https://github.com/microsoft/fluentui/pull/26015) by beachball)
-## [1.0.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.21)
-Tue, 13 Dec 2022 07:46:31 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.20..@fluentui/react-migration-v8-v9_v1.0.21)
-### Patches
-- Bump @fluentui/react to v8.103.8 ([PR #25971](https://github.com/microsoft/fluentui/pull/25971) by beachball)
-## [1.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.20)
-Fri, 09 Dec 2022 07:54:31 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.19..@fluentui/react-migration-v8-v9_v1.0.20)
-### Patches
-- Bump @fluentui/react to v8.103.7 ([PR #25947](https://github.com/microsoft/fluentui/pull/25947) by beachball)
-## [1.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.19)
-Thu, 08 Dec 2022 07:46:37 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.18..@fluentui/react-migration-v8-v9_v1.0.19)
-### Patches
-- fix: update theme tokens ([PR #25903](https://github.com/microsoft/fluentui/pull/25903) by miroslav.stastny@microsoft.com)
-- Bump @fluentui/react to v8.103.6 ([PR #25665](https://github.com/microsoft/fluentui/pull/25665) by beachball)
-## [1.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.18)
-Mon, 05 Dec 2022 07:54:46 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.17..@fluentui/react-migration-v8-v9_v1.0.18)
-### Patches
-- Bump @fluentui/react to v8.103.5 ([PR #25884](https://github.com/microsoft/fluentui/pull/25884) by beachball)
-## [1.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.17)
-Fri, 02 Dec 2022 07:54:15 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.16..@fluentui/react-migration-v8-v9_v1.0.17)
-### Patches
-- Bump @fluentui/react to v8.103.4 ([PR #25863](https://github.com/microsoft/fluentui/pull/25863) by beachball)
-## [1.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.16)
-Wed, 30 Nov 2022 07:46:31 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.15..@fluentui/react-migration-v8-v9_v1.0.16)
-### Patches
-- Bump @fluentui/react to v8.103.3 ([PR #25836](https://github.com/microsoft/fluentui/pull/25836) by beachball)
-## [1.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.15)
-Thu, 24 Nov 2022 07:53:48 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.14..@fluentui/react-migration-v8-v9_v1.0.15)
-### Patches
-- Bump @fluentui/react to v8.103.2 ([PR #25770](https://github.com/microsoft/fluentui/pull/25770) by beachball)
-## [1.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.14)
-Wed, 23 Nov 2022 07:54:37 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.13..@fluentui/react-migration-v8-v9_v1.0.14)
-### Patches
-- Bump @fluentui/react to v8.103.1 ([PR #25726](https://github.com/microsoft/fluentui/pull/25726) by beachball)
-## [1.0.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.13)
-Tue, 22 Nov 2022 07:47:00 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.12..@fluentui/react-migration-v8-v9_v1.0.13)
-### Patches
-- Bump @fluentui/react to v8.103.0 ([PR #25499](https://github.com/microsoft/fluentui/pull/25499) by beachball)
-## [1.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.12)
-Thu, 17 Nov 2022 07:51:44 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.11..@fluentui/react-migration-v8-v9_v1.0.12)
-### Patches
-- Bump @fluentui/react to v8.102.0 ([PR #25638](https://github.com/microsoft/fluentui/pull/25638) by beachball)
-## [1.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.11)
-Wed, 16 Nov 2022 07:47:29 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.10..@fluentui/react-migration-v8-v9_v1.0.11)
-### Patches
-- Bump @fluentui/react to v8.101.2 ([PR #25626](https://github.com/microsoft/fluentui/pull/25626) by beachball)
-## [1.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.10)
-Tue, 15 Nov 2022 07:44:59 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.9..@fluentui/react-migration-v8-v9_v1.0.10)
-### Patches
-- Bump @fluentui/react to v8.101.1 ([PR #25643](https://github.com/microsoft/fluentui/pull/25643) by beachball)
-## [1.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.9)
-Wed, 09 Nov 2022 07:48:12 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.8..@fluentui/react-migration-v8-v9_v1.0.9)
-### Patches
-- Bump @fluentui/react to v8.101.0 ([PR #25564](https://github.com/microsoft/fluentui/pull/25564) by beachball)
-## [1.0.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.8)
-Fri, 04 Nov 2022 07:48:07 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.7..@fluentui/react-migration-v8-v9_v1.0.8)
-### Patches
-- Bump @fluentui/react to v8.100.0 ([PR #25493](https://github.com/microsoft/fluentui/pull/25493) by beachball)
-## [1.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.7)
-Thu, 03 Nov 2022 07:52:12 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.6..@fluentui/react-migration-v8-v9_v1.0.7)
-### Patches
-- Bump @fluentui/react to v8.99.3 ([PR #25453](https://github.com/microsoft/fluentui/pull/25453) by beachball)
-## [1.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.6)
-Wed, 02 Nov 2022 07:55:20 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.5..@fluentui/react-migration-v8-v9_v1.0.6)
-### Patches
-- chore: Update Griffel to latest version ([PR #25412](https://github.com/microsoft/fluentui/pull/25412) by olfedias@microsoft.com)
-## [1.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.5)
-Tue, 01 Nov 2022 07:49:22 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.4..@fluentui/react-migration-v8-v9_v1.0.5)
-### Patches
-- Bump @fluentui/react to v8.99.2 ([PR #25331](https://github.com/microsoft/fluentui/pull/25331) by beachball)
-## [1.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.4)
-Mon, 31 Oct 2022 07:45:40 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.3..@fluentui/react-migration-v8-v9_v1.0.4)
-### Patches
-- fix: Updated to tsconfig to publish to dist. ([PR #25422](https://github.com/microsoft/fluentui/pull/25422) by gcox@microsoft.com)
-- Bump @fluentui/react to v8.99.1 ([PR #25409](https://github.com/microsoft/fluentui/pull/25409) by beachball)
-## [1.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.3)
-Fri, 28 Oct 2022 07:45:08 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.2..@fluentui/react-migration-v8-v9_v1.0.3)
-### Patches
-- Bump @fluentui/react to v8.99.0 ([PR #25428](https://github.com/microsoft/fluentui/pull/25428) by beachball)
-## [1.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.2)
-Wed, 26 Oct 2022 07:52:54 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.1..@fluentui/react-migration-v8-v9_v1.0.2)
-### Patches
-- Bump @fluentui/react to v8.98.8 ([PR #25381](https://github.com/microsoft/fluentui/pull/25381) by beachball)
-## [1.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.1)
-Tue, 25 Oct 2022 07:43:18 GMT
-### Patches
-- publishing migration package ([PR #25354](https://github.com/microsoft/fluentui/pull/25354) by gcox@microsoft.com)
-- Bump @fluentui/react to v8.98.7 ([PR #24903](https://github.com/microsoft/fluentui/pull/24903) by beachball)
+- Moved to be a v9 convergence package ([PR #26503](https://github.com/microsoft/fluentui/pull/26503) by gcox@microsoft.com)
+- Bump @fluentui/react-components to v9.12.0 ([PR #26496](https://github.com/microsoft/fluentui/pull/26496) by beachball)
+- Bump @fluentui/react-utilities to v9.5.0 ([PR #26496](https://github.com/microsoft/fluentui/pull/26496) by beachball)

package/lib/components/Button/ActionButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAEzBH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAE;GACnB;EAED,MAAMC,SAAS,GAAGP,eAAe,CAACK,YAAY,CAAC;EAE/C,oBAAOP,oBAACC,MAAM;IAAA,GAAMI,KAAgD;IAAA,GAAMI,SAAS;IAAEC,UAAU,EAAC;EAAa,EAAG;AAClH,CAAC,CAAC","names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: 'ms-Button--action ms-Button--command',\n };\n\n const shimProps = shimButtonProps(variantProps);\n\n return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAEzBH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAE;GACnB;EAED,MAAMC,SAAS,GAAGP,eAAe,CAACK,YAAY,CAAC;EAE/C,oBAAOP,oBAACC,MAAM;IAAA,GAAMI,KAAgD;IAAA,GAAMI,SAAS;IAAEC,UAAU,EAAC;EAAa,EAAG;AAClH,CAAC,CAAC","names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: 'ms-Button--action ms-Button--command',\n };\n\n const shimProps = shimButtonProps(variantProps);\n\n return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"]}

package/lib/components/Button/ButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,UAAU,gBAEnBL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,SAAS,GAAGP,eAAe,CAACK,KAAK,CAAC;EAExC,IAAIA,KAAK,CAACG,MAAM,EAAE;IAChB,oBAAOV,oBAACG,gBAAgB;MAAA,GAAKI;IAAK,GAAGA,KAAK,CAACI,QAAQ,CAAoB;;EAEzE,IAAIJ,KAAK,CAACK,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBN,KAAK,EAAuBA,KAAK,CAAC,GAAE;IAC7D,oBAAOP,oBAACI,kBAAkB;MAAA,GAAKG;IAAK,EAAI;;EAG1C,oBAAOP,oBAACC,MAAM;IAAA,GAAMM,KAAgD;IAAA,GAAME;EAAS,EAAI;AACzF,CAAC,CAAC","names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n IBaseButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const shimProps = shimButtonProps(props);\n\n if (props.toggle) {\n return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n }\n if (props.secondaryText \|\| props.onRenderDescription?.(props)) {\n return <CompoundButtonShim {...props} />;\n }\n\n return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,UAAU,gBAEnBL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,SAAS,GAAGP,eAAe,CAACK,KAAK,CAAC;EAExC,IAAIA,KAAK,CAACG,MAAM,EAAE;IAChB,oBAAOV,oBAACG,gBAAgB;MAAA,GAAKI;IAAK,GAAGA,KAAK,CAACI,QAAQ,CAAoB;;EAEzE,IAAIJ,KAAK,CAACK,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBN,KAAK,EAAuBA,KAAK,CAAC,GAAE;IAC7D,oBAAOP,oBAACI,kBAAkB;MAAA,GAAKG;IAAK,EAAI;;EAG1C,oBAAOP,oBAACC,MAAM;IAAA,GAAMM,KAAgD;IAAA,GAAME;EAAS,EAAI;AACzF,CAAC,CAAC","names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n IBaseButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const shimProps = shimButtonProps(props);\n\n if (props.toggle) {\n return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n }\n if (props.secondaryText \|\| props.onRenderDescription?.(props)) {\n return <CompoundButtonShim {...props} />;\n }\n\n return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}

package/lib/components/Button/CommandButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandButtonShim.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/CommandButtonShim.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]}
1	+ {"version":3,"file":"CommandButtonShim.js","sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/CommandButtonShim.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]}

package/lib/components/Button/CompoundButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,cAAc,QAAQ,4BAA4B;AAG3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,kBAAkB,gBAE3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAwB;IACrC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,gBAAgB,EAAEN,KAAK,CAACO,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBR,KAAK,EAAuBA,KAAK,CAAC;GAC5E;EAED,oBAAOL,oBAACC,cAAc;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AACjG,CAAC,CAAC","names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: CompoundButtonProps = {\n ...shimButtonProps(variantProps),\n secondaryContent: props.secondaryText \|\| props.onRenderDescription?.(props),\n };\n\n return <CompoundButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,cAAc,QAAQ,4BAA4B;AAG3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,kBAAkB,gBAE3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAwB;IACrC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,gBAAgB,EAAEN,KAAK,CAACO,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBR,KAAK,EAAuBA,KAAK,CAAC;GAC5E;EAED,oBAAOL,oBAACC,cAAc;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AACjG,CAAC,CAAC","names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: CompoundButtonProps = {\n ...shimButtonProps(variantProps),\n secondaryContent: props.secondaryText \|\| props.onRenderDescription?.(props),\n };\n\n return <CompoundButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}

package/lib/components/Button/DefaultButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAE1BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,oBAAOL,oBAACC,UAAU;IAAA,GAAKG,KAAK;IAAEE,gBAAgB,EAAEF,KAAK,CAACG,OAAO,GAAG,oBAAoB,GAAG;EAAoB,EAAI;AACjH,CAAC,CAAC","names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAE1BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,oBAAOL,oBAACC,UAAU;IAAA,GAAKG,KAAK;IAAEE,gBAAgB,EAAEF,KAAK,CAACG,OAAO,GAAG,oBAAoB,GAAG;EAAoB,EAAI;AACjH,CAAC,CAAC","names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"]}

package/lib/components/Button/MenuButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,4BAA4B;AAEjG,SAASC,YAAY,EAAEC,aAAa,QAAQ,eAAe;AAE3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,cAAc,gBAEvBT,KAAK,CAACU,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;GAC1D;EAED,MAAMC,SAAS,GAAoB;IACjC,GAAGR,eAAe,CAACK,YAAY;GAChC;EAED,MAAMI,gBAAgB,GAAGN,KAAK,CAACO,SAAS,GAAGX,aAAa,CAACI,KAAK,CAACO,SAAS,CAAC,GAAG,EAAE;EAE9E,oBACElB,oBAACE,IAAI;IAAA,GAAKe;EAAgB,gBACxBjB,oBAACK,WAAW,qBACVL,oBAACC,UAAU;IAAA,GAAKe;EAAS,EAAI,CACjB,eACdhB,oBAACI,WAAW,qBACVJ,oBAACG,QAAQ,QACN,WAAK,CAACe,SAAS,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;EAAA;EAC9B;EACA;EACArB,oBAACM,YAAY;IAAA,GAAKe;EAAI,EACvB,CAAC,CACO,CACC,CACT;AAEX,CAAC,CAAC","names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,4BAA4B;AAEjG,SAASC,YAAY,EAAEC,aAAa,QAAQ,eAAe;AAE3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,cAAc,gBAEvBT,KAAK,CAACU,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;GAC1D;EAED,MAAMC,SAAS,GAAoB;IACjC,GAAGR,eAAe,CAACK,YAAY;GAChC;EAED,MAAMI,gBAAgB,GAAGN,KAAK,CAACO,SAAS,GAAGX,aAAa,CAACI,KAAK,CAACO,SAAS,CAAC,GAAG,EAAE;EAE9E,oBACElB,oBAACE,IAAI;IAAA,GAAKe;EAAgB,gBACxBjB,oBAACK,WAAW,qBACVL,oBAACC,UAAU;IAAA,GAAKe;EAAS,EAAI,CACjB,eACdhB,oBAACI,WAAW,qBACVJ,oBAACG,QAAQ,QACN,WAAK,CAACe,SAAS,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;EAAA;EAC9B;EACA;EACArB,oBAACM,YAAY;IAAA,GAAKe;EAAI,EACvB,CAAC,CACO,CACC,CACT;AAEX,CAAC,CAAC","names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n});\n"]}

package/lib/components/Button/PrimaryButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAE1BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,oBAAOL,oBAACC,UAAU;IAAA,GAAKG,KAAK;IAAEE,OAAO;IAACC,gBAAgB,EAAC;EAAoB,EAAG;AAChF,CAAC,CAAC","names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAE1BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,oBAAOL,oBAACC,UAAU;IAAA,GAAKG,KAAK;IAAEE,OAAO;IAACC,gBAAgB,EAAC;EAAoB,EAAG;AAChF,CAAC,CAAC","names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"]}

package/lib/components/Button/ToggleButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAEzBH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAsB;IACnC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,OAAO,EAAEN,KAAK,CAACM,OAAO;IACtBC,cAAc,EAAEP,KAAK,CAACO;GACvB;EAED,oBAAOZ,oBAACC,YAAY;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AAC/F,CAAC,CAAC","names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAEzBH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAsB;IACnC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,OAAO,EAAEN,KAAK,CAACM,OAAO;IACtBC,cAAc,EAAEP,KAAK,CAACO;GACvB;EAED,oBAAOZ,oBAACC,YAAY;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AAC/F,CAAC,CAAC","names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}

package/lib/components/Button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"]}

package/lib/components/Button/shimButtonProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAKtC,OAAO,MAAMC,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,gBACjBN,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACG;EAAS,EAAI,GAC3BC,SAAS;EAEb,MAAMC,gBAAgB,GAAG,YAAK,CAACA,gBAAgB,mCAAIL,KAAK,CAACM,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACP,KAAK,CAACQ,aAAa,EAAEH,gBAAgB,EAAEL,KAAK,CAACO,SAAS,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAEpG,OAAO;IACL;IACA,GAAGX,KAAK;IACRY,UAAU,EAAEZ,KAAK,CAACM,OAAO,GAAG,SAAS,GAAGF,SAAS;IACjDG,SAAS;IACTM,QAAQ,EAAEb,KAAK,CAACa,QAAQ;IACxBC,iBAAiB,EAAEd,KAAK,CAACe,kBAAkB;IAC3C,aAAa,EAAEf,KAAK,CAACgB,UAAU;IAC/B,YAAY,EAAEhB,KAAK,CAACiB,SAAS;IAC7BhB,IAAI;IACJiB,GAAG,EAAElB,KAAK,CAACkB,GAAG,IAAIlB,KAAK,CAACmB,QAAQ;IAChCC,QAAQ,EAAEpB,KAAK,CAACqB,gBAAgB,GAC5BrB,KAAK,CAACqB,gBAAgB,CAACrB,KAAK,CAAC,GAC7BA,KAAK,CAACsB,YAAY,GAClBtB,KAAK,CAACsB,YAAY,CAACtB,KAAK,CAAC,GACzBA,KAAK,CAACuB,IAAI,IAAIvB,KAAK,CAACoB;GACV;AAClB,CAAC","names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? (\n props.onRenderIcon(props)\n ) : props.iconProps ? (\n <Icon {...props.iconProps} />\n ) : undefined;\n\n const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n return {\n // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n ...props,\n appearance: props.primary ? 'primary' : undefined,\n className,\n disabled: props.disabled,\n disabledFocusable: props.allowDisabledFocus,\n 'aria-hidden': props.ariaHidden,\n 'aria-label': props.ariaLabel,\n icon,\n key: props.key \|\| props.uniqueId,\n children: props.onRenderChildren\n ? props.onRenderChildren(props)\n : props.onRenderText\n ? props.onRenderText(props)\n : props.text \|\| props.children,\n } as ButtonProps;\n};\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAKtC,OAAO,MAAMC,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,gBACjBN,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACG;EAAS,EAAI,GAC3BC,SAAS;EAEb,MAAMC,gBAAgB,GAAG,YAAK,CAACA,gBAAgB,mCAAIL,KAAK,CAACM,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACP,KAAK,CAACQ,aAAa,EAAEH,gBAAgB,EAAEL,KAAK,CAACO,SAAS,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAEpG,OAAO;IACL;IACA,GAAGX,KAAK;IACRY,UAAU,EAAEZ,KAAK,CAACM,OAAO,GAAG,SAAS,GAAGF,SAAS;IACjDG,SAAS;IACTM,QAAQ,EAAEb,KAAK,CAACa,QAAQ;IACxBC,iBAAiB,EAAEd,KAAK,CAACe,kBAAkB;IAC3C,aAAa,EAAEf,KAAK,CAACgB,UAAU;IAC/B,YAAY,EAAEhB,KAAK,CAACiB,SAAS;IAC7BhB,IAAI;IACJiB,GAAG,EAAElB,KAAK,CAACkB,GAAG,IAAIlB,KAAK,CAACmB,QAAQ;IAChCC,QAAQ,EAAEpB,KAAK,CAACqB,gBAAgB,GAC5BrB,KAAK,CAACqB,gBAAgB,CAACrB,KAAK,CAAC,GAC7BA,KAAK,CAACsB,YAAY,GAClBtB,KAAK,CAACsB,YAAY,CAACtB,KAAK,CAAC,GACzBA,KAAK,CAACuB,IAAI,IAAIvB,KAAK,CAACoB;GACV;AAClB,CAAC","names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? (\n props.onRenderIcon(props)\n ) : props.iconProps ? (\n <Icon {...props.iconProps} />\n ) : undefined;\n\n const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n return {\n // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n ...props,\n appearance: props.primary ? 'primary' : undefined,\n className,\n disabled: props.disabled,\n disabledFocusable: props.allowDisabledFocus,\n 'aria-hidden': props.ariaHidden,\n 'aria-label': props.ariaLabel,\n icon,\n key: props.key \|\| props.uniqueId,\n children: props.onRenderChildren\n ? props.onRenderChildren(props)\n : props.onRenderText\n ? props.onRenderText(props)\n : props.text \|\| props.children,\n } as ButtonProps;\n};\n"]}

package/lib/components/Menu/MenuShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,4BAA4B;AAEnC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,iBAAiB;AAElH,OAAO,MAAMC,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACiB,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;IAC1C,oBAAOhB,oBAACG,WAAW;MAAA,GAAMgB;IAA8B,EAAI;;EAG7D,IAAIH,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACmB,OAAO,EAAE;IACrD,MAAMD,SAAS,GAAGR,mBAAmB,CAACK,KAAK,CAAC;IAC5C,oBACEhB,oBAACI,SAAS,qBACRJ,oBAACK,eAAe,QAAEc,SAAS,CAACE,QAAQ,CAAmB,EAEtD,WAAK,CAACC,YAAY,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IACjC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIT,KAAK,CAACU,QAAQ,EAAE;IAClB,MAAMP,SAAS,GAAGP,yBAAyB,CAACI,KAAK,CAAC;IAClD,oBAAOhB,oBAACU,gBAAgB;MAAA,GAAKS;IAAS,EAAI;;EAG5C;EACA,IAAI,YAAK,CAACG,YAAY,0CAAEC,KAAK,KAAIP,KAAK,CAACM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGd,aAAa,CAACE,KAAK,CAACM,YAAY,CAAC;IAC1D,MAAMO,gBAAgB,GAAGhB,iBAAiB,CAACG,KAAK,CAAC;IAEjD,oBACEhB,oBAACO,IAAI;MAAA,GAAKqB;IAAgB,gBACxB5B,oBAACM,WAAW,qBACVN,oBAACE,QAAQ;MAAA,GAAK2B,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,eACd9B,oBAACS,WAAW,qBACVT,oBAACQ,QAAQ,QACNQ,KAAK,CAACM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IAChC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMN,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;EAC1C,oBAAOhB,oBAACE,QAAQ;IAAA,GAAKiB;EAAS,EAAI;AACpC,CAAC","names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n }\n\n if (props.itemType === ContextualMenuItemType.Section) {\n const shimProps = shimMenuHeaderProps(props);\n return (\n <MenuGroup>\n <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n {/* //TODO: sectionProps handling */}\n {props.subMenuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuGroup>\n );\n }\n\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return <MenuItemCheckbox {...shimProps} />;\n }\n\n // Nested Menu to handle submenus\n if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuItem {...shimmedItemProps} hasSubmenu />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.subMenuProps.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n }\n\n const shimProps = shimMenuItemProps(props);\n return <MenuItem {...shimProps} />;\n};\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,4BAA4B;AAEnC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,iBAAiB;AAElH,OAAO,MAAMC,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACiB,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;IAC1C,oBAAOhB,oBAACG,WAAW;MAAA,GAAMgB;IAA8B,EAAI;;EAG7D,IAAIH,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACmB,OAAO,EAAE;IACrD,MAAMD,SAAS,GAAGR,mBAAmB,CAACK,KAAK,CAAC;IAC5C,oBACEhB,oBAACI,SAAS,qBACRJ,oBAACK,eAAe,QAAEc,SAAS,CAACE,QAAQ,CAAmB,EAEtD,WAAK,CAACC,YAAY,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IACjC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIT,KAAK,CAACU,QAAQ,EAAE;IAClB,MAAMP,SAAS,GAAGP,yBAAyB,CAACI,KAAK,CAAC;IAClD,oBAAOhB,oBAACU,gBAAgB;MAAA,GAAKS;IAAS,EAAI;;EAG5C;EACA,IAAI,YAAK,CAACG,YAAY,0CAAEC,KAAK,KAAIP,KAAK,CAACM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGd,aAAa,CAACE,KAAK,CAACM,YAAY,CAAC;IAC1D,MAAMO,gBAAgB,GAAGhB,iBAAiB,CAACG,KAAK,CAAC;IAEjD,oBACEhB,oBAACO,IAAI;MAAA,GAAKqB;IAAgB,gBACxB5B,oBAACM,WAAW,qBACVN,oBAACE,QAAQ;MAAA,GAAK2B,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,eACd9B,oBAACS,WAAW,qBACVT,oBAACQ,QAAQ,QACNQ,KAAK,CAACM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IAChC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMN,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;EAC1C,oBAAOhB,oBAACE,QAAQ;IAAA,GAAKiB;EAAS,EAAI;AACpC,CAAC","names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n }\n\n if (props.itemType === ContextualMenuItemType.Section) {\n const shimProps = shimMenuHeaderProps(props);\n return (\n <MenuGroup>\n <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n {/* //TODO: sectionProps handling */}\n {props.subMenuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuGroup>\n );\n }\n\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return <MenuItemCheckbox {...shimProps} />;\n }\n\n // Nested Menu to handle submenus\n if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuItem {...shimmedItemProps} hasSubmenu />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.subMenuProps.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n }\n\n const shimProps = shimMenuItemProps(props);\n return <MenuItem {...shimProps} />;\n};\n"]}

package/lib/components/Menu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}

package/lib/components/Menu/shimMenuProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAItC,OAAO,MAAMC,aAAa,GAAIC,KAA2B,IAAwB;EAC/E,OAAO;IACLC,QAAQ,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAC7CC,aAAa,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACG,QAAQ,IAAIH,CAAC,CAACI,OAAO;GAC9D;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIT,KAA0B,IAAmB;EAC7E;EACA,MAAMU,IAAI,GAAGV,KAAK,CAACK,SAAS,gBAAGR,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACK;EAAS,EAAI,GAAGM,SAAS;EAExE,OAAO;IACL,GAAGX,KAAK;IACR,YAAY,EAAEA,KAAK,CAACY,SAAS;IAC7BC,QAAQ,EAAEb,KAAK,CAACc,IAAI;IACpBJ,IAAI;IACJK,gBAAgB,EAAEf,KAAK,CAACgB;GACR;AACpB,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAIjB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,iBAAiB,CAACT,KAAK,CAAC;IAC3BkB,IAAI,EAAElB,KAAK,CAACc,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEnB,KAAK,CAACmB,KAAK,IAAI;GACvB;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIpB,KAA0B,IAA0B;;EACtF,OAAO;IACLa,QAAQ,EAAE,WAAK,CAACQ,YAAY,0CAAEC;GAC/B;AACH,CAAC","names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-menu';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n return {\n hasIcons: props?.items.some(i => i.iconProps),\n hasCheckmarks: props?.items.some(i => i.canCheck \|\| i.checked),\n };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n //TODO: Handle menuItem.onRenderIcon\n const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n return {\n ...props,\n 'aria-label': props.ariaLabel,\n children: props.text,\n icon,\n secondaryContent: props.secondaryText,\n } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n return {\n ...shimMenuItemProps(props),\n name: props.text \|\| 'name',\n value: props.value \|\| 'value',\n };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n return {\n children: props.sectionProps?.title,\n };\n};\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAItC,OAAO,MAAMC,aAAa,GAAIC,KAA2B,IAAwB;EAC/E,OAAO;IACLC,QAAQ,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAC7CC,aAAa,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACG,QAAQ,IAAIH,CAAC,CAACI,OAAO;GAC9D;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIT,KAA0B,IAAmB;EAC7E;EACA,MAAMU,IAAI,GAAGV,KAAK,CAACK,SAAS,gBAAGR,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACK;EAAS,EAAI,GAAGM,SAAS;EAExE,OAAO;IACL,GAAGX,KAAK;IACR,YAAY,EAAEA,KAAK,CAACY,SAAS;IAC7BC,QAAQ,EAAEb,KAAK,CAACc,IAAI;IACpBJ,IAAI;IACJK,gBAAgB,EAAEf,KAAK,CAACgB;GACR;AACpB,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAIjB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,iBAAiB,CAACT,KAAK,CAAC;IAC3BkB,IAAI,EAAElB,KAAK,CAACc,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEnB,KAAK,CAACmB,KAAK,IAAI;GACvB;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIpB,KAA0B,IAA0B;;EACtF,OAAO;IACLa,QAAQ,EAAE,WAAK,CAACQ,YAAY,0CAAEC;GAC/B;AACH,CAAC","names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-menu';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n return {\n hasIcons: props?.items.some(i => i.iconProps),\n hasCheckmarks: props?.items.some(i => i.canCheck \|\| i.checked),\n };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n //TODO: Handle menuItem.onRenderIcon\n const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n return {\n ...props,\n 'aria-label': props.ariaLabel,\n children: props.text,\n icon,\n secondaryContent: props.secondaryText,\n } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n return {\n ...shimMenuItemProps(props),\n name: props.text \|\| 'name',\n value: props.value \|\| 'value',\n };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n return {\n children: props.sectionProps?.title,\n };\n};\n"]}

package/lib/components/Stack/StackItemShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,mBAAqBC,YAAY,QAAQ,gBAAgB;AAEzD,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;CACP;AAED,MAAMC,sBAAsB,gBAAG;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAW7B;AAEF,MAAMC,sBAAsB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAmB7B;AAEF,MAAMC,iBAAiB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsBxB;AAEF,MAAMC,mBAAmB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsB1B;AAEF,MAAMC,kBAAkB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAkCzB;AAEF,OAAO,MAAMC,aAAa,GAAIC,KAAsB,IAAI;EACtD,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,YAAY;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAQ,CAAE,GAAGR,KAAK;EAE9F,MAAMS,MAAM,GAAGf,sBAAsB,EAAE;EACvC,MAAMgB,eAAe,GAAGf,sBAAsB,EAAE;EAChD,MAAMgB,gBAAgB,GAAGd,mBAAmB,EAAE;EAC9C,MAAMe,cAAc,GAA2BhB,iBAAiB,EAAE;EAClE,MAAMiB,eAAe,GAA2Bf,kBAAkB,EAAE;EAEpE,MAAMgB,eAAe,GAAG,CAACL,MAAM,CAAChB,IAAI,EAAEW,KAAK,IAAIM,eAAe,CAACN,KAAK,CAAC,EAAEC,YAAY,IAAII,MAAM,CAACJ,YAAY,CAAC;EAE3G,IAAIC,KAAK,EAAE;IACTQ,eAAe,CAACC,IAAI,CAACF,eAAe,CAACP,KAAK,CAAC,CAAC;;EAG9C,IAAIL,IAAI,EAAE;IACR,MAAMe,QAAQ,GAAGf,IAAI,KAAK,IAAI,GAAGW,cAAc,CAAC,CAAC,CAAC,GAAGA,cAAc,CAACX,IAAI,CAAC;IACzEa,eAAe,CAACC,IAAI,CAACC,QAAQ,CAAC;;EAGhC,IAAId,MAAM,IAAI,CAACC,aAAa,EAAE;IAC5BW,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;GAC1C,MAAM,IAAIR,aAAa,IAAK,CAACF,IAAI,IAAI,CAACC,MAAO,EAAE;IAC9CY,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;;EAG3C,IAAIR,aAAa,EAAE;IACjBW,eAAe,CAACC,IAAI,CAACN,MAAM,CAACN,aAAa,CAAC;;EAG5C,MAAMc,UAAU,GAAG1B,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAE,GAAGqB,eAAe,EAAEP,SAAS,CAAC;EAExF,oBAAOjB;IAAKiB,SAAS,EAAEU;EAAU,GAAGT,QAAQ,CAAO;AACrD,CAAC","names":["React","mergeClasses","stackItemClassNames","root","useStackItemShimStyles","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexShrinkStyles","useFlexOrderStyles","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\n\nconst useStackItemShimStyles = makeStyles({\n root: {\n height: 'auto',\n width: 'auto',\n },\n disableShrink: {\n flexShrink: 0,\n },\n verticalFill: {\n height: '100%',\n },\n});\n\nconst useFlexAlignSelfStyles = makeStyles({\n auto: {\n alignSelf: 'auto',\n },\n baseline: {\n alignSelf: 'baseline',\n },\n center: {\n alignSelf: 'center',\n },\n start: {\n alignSelf: 'flex-start',\n },\n end: {\n alignSelf: 'flex-end',\n },\n stretch: {\n alignSelf: 'stretch',\n },\n});\n\nconst useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nconst useFlexShrinkStyles = makeStyles({\n inherit: {\n flexShrink: 'inherit',\n },\n initial: {\n flexShrink: 'initial',\n },\n revert: {\n flexShrink: 'revert',\n },\n unset: {\n flexShrink: 'unset',\n },\n 0: {\n flexShrink: 0,\n },\n 1: {\n flexShrink: 1,\n },\n 2: {\n flexShrink: 2,\n },\n});\n\nconst useFlexOrderStyles = makeStyles({\n inherit: {\n order: 'inherit',\n },\n initial: {\n order: 'initial',\n },\n unset: {\n order: 'unset',\n },\n revert: {\n order: 'revert',\n },\n '-3': {\n order: -3,\n },\n '-2': {\n order: -2,\n },\n '-1': {\n order: -1,\n },\n '0': {\n order: 0,\n },\n '1': {\n order: 1,\n },\n '2': {\n order: 2,\n },\n '3': {\n order: 3,\n },\n});\n\nexport const StackItemShim = (props: IStackItemProps) => {\n const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n const styles = useStackItemShimStyles();\n const alignSelfStyles = useFlexAlignSelfStyles();\n const shrinkFlexStyles = useFlexShrinkStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n if (order) {\n stackItemStyles.push(orderFlexStyles[order]);\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackItemStyles.push(flexGrow);\n }\n\n if (shrink && !disableShrink) {\n stackItemStyles.push(shrinkFlexStyles[1]);\n } else if (disableShrink \|\| (!grow && !shrink)) {\n stackItemStyles.push(shrinkFlexStyles[0]);\n }\n\n if (disableShrink) {\n stackItemStyles.push(styles.disableShrink);\n }\n\n const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n return <div className={rootStyles}>{children}</div>;\n};\n"]}
1	+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,mBAAqBC,YAAY,QAAQ,gBAAgB;AAEzD,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;CACP;AAED,MAAMC,sBAAsB,gBAAG;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAW7B;AAEF,MAAMC,sBAAsB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAmB7B;AAEF,MAAMC,iBAAiB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsBxB;AAEF,MAAMC,mBAAmB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsB1B;AAEF,MAAMC,kBAAkB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAkCzB;AAEF,OAAO,MAAMC,aAAa,GAAIC,KAAsB,IAAI;EACtD,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,YAAY;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAQ,CAAE,GAAGR,KAAK;EAE9F,MAAMS,MAAM,GAAGf,sBAAsB,EAAE;EACvC,MAAMgB,eAAe,GAAGf,sBAAsB,EAAE;EAChD,MAAMgB,gBAAgB,GAAGd,mBAAmB,EAAE;EAC9C,MAAMe,cAAc,GAA2BhB,iBAAiB,EAAE;EAClE,MAAMiB,eAAe,GAA2Bf,kBAAkB,EAAE;EAEpE,MAAMgB,eAAe,GAAG,CAACL,MAAM,CAAChB,IAAI,EAAEW,KAAK,IAAIM,eAAe,CAACN,KAAK,CAAC,EAAEC,YAAY,IAAII,MAAM,CAACJ,YAAY,CAAC;EAE3G,IAAIC,KAAK,EAAE;IACTQ,eAAe,CAACC,IAAI,CAACF,eAAe,CAACP,KAAK,CAAC,CAAC;;EAG9C,IAAIL,IAAI,EAAE;IACR,MAAMe,QAAQ,GAAGf,IAAI,KAAK,IAAI,GAAGW,cAAc,CAAC,CAAC,CAAC,GAAGA,cAAc,CAACX,IAAI,CAAC;IACzEa,eAAe,CAACC,IAAI,CAACC,QAAQ,CAAC;;EAGhC,IAAId,MAAM,IAAI,CAACC,aAAa,EAAE;IAC5BW,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;GAC1C,MAAM,IAAIR,aAAa,IAAK,CAACF,IAAI,IAAI,CAACC,MAAO,EAAE;IAC9CY,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;;EAG3C,IAAIR,aAAa,EAAE;IACjBW,eAAe,CAACC,IAAI,CAACN,MAAM,CAACN,aAAa,CAAC;;EAG5C,MAAMc,UAAU,GAAG1B,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAE,GAAGqB,eAAe,EAAEP,SAAS,CAAC;EAExF,oBAAOjB;IAAKiB,SAAS,EAAEU;EAAU,GAAGT,QAAQ,CAAO;AACrD,CAAC","names":["React","mergeClasses","stackItemClassNames","root","useStackItemShimStyles","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexShrinkStyles","useFlexOrderStyles","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\n\nconst useStackItemShimStyles = makeStyles({\n root: {\n height: 'auto',\n width: 'auto',\n },\n disableShrink: {\n flexShrink: 0,\n },\n verticalFill: {\n height: '100%',\n },\n});\n\nconst useFlexAlignSelfStyles = makeStyles({\n auto: {\n alignSelf: 'auto',\n },\n baseline: {\n alignSelf: 'baseline',\n },\n center: {\n alignSelf: 'center',\n },\n start: {\n alignSelf: 'flex-start',\n },\n end: {\n alignSelf: 'flex-end',\n },\n stretch: {\n alignSelf: 'stretch',\n },\n});\n\nconst useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nconst useFlexShrinkStyles = makeStyles({\n inherit: {\n flexShrink: 'inherit',\n },\n initial: {\n flexShrink: 'initial',\n },\n revert: {\n flexShrink: 'revert',\n },\n unset: {\n flexShrink: 'unset',\n },\n 0: {\n flexShrink: 0,\n },\n 1: {\n flexShrink: 1,\n },\n 2: {\n flexShrink: 2,\n },\n});\n\nconst useFlexOrderStyles = makeStyles({\n inherit: {\n order: 'inherit',\n },\n initial: {\n order: 'initial',\n },\n unset: {\n order: 'unset',\n },\n revert: {\n order: 'revert',\n },\n '-3': {\n order: -3,\n },\n '-2': {\n order: -2,\n },\n '-1': {\n order: -1,\n },\n '0': {\n order: 0,\n },\n '1': {\n order: 1,\n },\n '2': {\n order: 2,\n },\n '3': {\n order: 3,\n },\n});\n\nexport const StackItemShim = (props: IStackItemProps) => {\n const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n const styles = useStackItemShimStyles();\n const alignSelfStyles = useFlexAlignSelfStyles();\n const shrinkFlexStyles = useFlexShrinkStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n if (order) {\n stackItemStyles.push(orderFlexStyles[order]);\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackItemStyles.push(flexGrow);\n }\n\n if (shrink && !disableShrink) {\n stackItemStyles.push(shrinkFlexStyles[1]);\n } else if (disableShrink \|\| (!grow && !shrink)) {\n stackItemStyles.push(shrinkFlexStyles[0]);\n }\n\n if (disableShrink) {\n stackItemStyles.push(styles.disableShrink);\n }\n\n const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n return <div className={rootStyles}>{children}</div>;\n};\n"]}

package/lib/components/Stack/StackShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":"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","names":["React","classNamesFunction","mergeClasses","getChildrenGapStyles","stackClassNames","root","inner","getClassNames","useStackStyles","useFlexGrowStyles","useFlexAlignItemsStyles","useFlexJustifyContentStyles","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Stack/StackShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nconst useStackStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: 'auto',\n height: 'auto',\n boxSizing: 'border-box',\n '> ': {\n textOverflow: 'ellipsis',\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n horizontal: {\n flexDirection: 'row',\n },\n verticalFill: {\n height: '100%',\n },\n reversedVertical: {\n flexDirection: 'column-reverse',\n },\n reversedHorizontal: {\n flexDirection: 'row-reverse',\n },\n disableShrink: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 0,\n },\n },\n wrap: {\n display: 'flex',\n flexWrap: 'wrap',\n height: '100%',\n },\n inner: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n boxSizing: 'border-box',\n maxWidth: '100vw',\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n innerWidth: {\n width: '100%',\n },\n});\n\nconst useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nconst useFlexAlignItemsStyles = makeStyles({\n baseline: {\n alignItems: 'baseline',\n },\n center: {\n alignItems: 'center',\n },\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n 'space-between': {\n alignItems: 'space-between',\n },\n\n 'space-around': {\n alignItems: 'space-around',\n },\n 'space-evenly': {\n alignItems: 'space-evenly',\n },\n});\n\nconst useFlexJustifyContentStyles = makeStyles({\n baseline: {\n justifyContent: 'baseline',\n },\n center: {\n justifyContent: 'center',\n },\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n 'space-between': {\n justifyContent: 'space-between',\n },\n\n 'space-around': {\n justifyContent: 'space-around',\n },\n 'space-evenly': {\n justifyContent: 'space-evenly',\n },\n});\n\nexport const StackShim = (props: IStackProps) => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens \|\| !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(\n stackChildren as React.ReactElement[],\n (child: React.ReactElement<IStackItemProps>) => {\n if (!child) {\n return null;\n }\n\n if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(child, {\n ...defaultItemProps,\n ...child.props,\n });\n }\n\n return child;\n },\n );\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"]}
1	+ {"version":3,"mappings":"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","names":["React","classNamesFunction","mergeClasses","getChildrenGapStyles","stackClassNames","root","inner","getClassNames","useStackStyles","useFlexGrowStyles","useFlexAlignItemsStyles","useFlexJustifyContentStyles","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Stack/StackShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nconst useStackStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: 'auto',\n height: 'auto',\n boxSizing: 'border-box',\n '> ': {\n textOverflow: 'ellipsis',\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n horizontal: {\n flexDirection: 'row',\n },\n verticalFill: {\n height: '100%',\n },\n reversedVertical: {\n flexDirection: 'column-reverse',\n },\n reversedHorizontal: {\n flexDirection: 'row-reverse',\n },\n disableShrink: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 0,\n },\n },\n wrap: {\n display: 'flex',\n flexWrap: 'wrap',\n height: '100%',\n },\n inner: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n boxSizing: 'border-box',\n maxWidth: '100vw',\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n innerWidth: {\n width: '100%',\n },\n});\n\nconst useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nconst useFlexAlignItemsStyles = makeStyles({\n baseline: {\n alignItems: 'baseline',\n },\n center: {\n alignItems: 'center',\n },\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n 'space-between': {\n alignItems: 'space-between',\n },\n\n 'space-around': {\n alignItems: 'space-around',\n },\n 'space-evenly': {\n alignItems: 'space-evenly',\n },\n});\n\nconst useFlexJustifyContentStyles = makeStyles({\n baseline: {\n justifyContent: 'baseline',\n },\n center: {\n justifyContent: 'center',\n },\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n 'space-between': {\n justifyContent: 'space-between',\n },\n\n 'space-around': {\n justifyContent: 'space-around',\n },\n 'space-evenly': {\n justifyContent: 'space-evenly',\n },\n});\n\nexport const StackShim = (props: IStackProps) => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens \|\| !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(\n stackChildren as React.ReactElement[],\n (child: React.ReactElement<IStackItemProps>) => {\n if (!child) {\n return null;\n }\n\n if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(child, {\n ...defaultItemProps,\n ...child.props,\n });\n }\n\n return child;\n },\n );\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"]}

package/lib/components/Stack/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC","sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC","sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"]}