npm - @fluentui/react-migration-v8-v9 - Versions diffs - 1.0.14 → 1.0.16 - Mend

@fluentui/react-migration-v8-v9 1.0.14 → 1.0.16

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 (78) hide show

package/lib-amd/components/Theme/v9ThemeShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"v9ThemeShim.js","sourceRoot":"../src/","sources":["components/Theme/v9ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey } from './themeDuplicates';\n\n/*\n Creates v9 color tokens from a v8 palette.\n /\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: palette.neutralQuaternary,\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorBackgroundOverlay: blackAlpha[10],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/\n Creates v9 shadow tokens from v8 effects.\n /\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/\n Creates v9 border radius tokens from v8 effects\n /\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/\n Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"]}
1	+ {"version":3,"file":"v9ThemeShim.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey } from './themeDuplicates';\n\n/*\n Creates v9 color tokens from a v8 palette.\n /\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: palette.neutralQuaternary,\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorBackgroundOverlay: blackAlpha[10],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/\n Creates v9 shadow tokens from v8 effects.\n /\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/\n Creates v9 border radius tokens from v8 effects\n /\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/\n Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"]}

package/lib-amd/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IACE,yGAAA,gBAAgB,OAAA;IAChB,mGAAA,UAAU,OAAA;IACV,0GAAA,iBAAiB,OAAA;IACjB,2GAAA,kBAAkB,OAAA;IAClB,0GAAA,iBAAiB,OAAA;IACjB,uGAAA,cAAc,OAAA;IACd,0GAAA,iBAAiB,OAAA;IACjB,wGAAA,eAAe,OAAA;IACf,yGAAA,gBAAgB,OAAA;IAGT,qGAAA,YAAY,OAAA;IAAE,sGAAA,aAAa,OAAA;IAE3B,sGAAA,aAAa,OAAA;IAAE,kGAAA,SAAS,OAAA;IAG/B,8FAAA,KAAK,OAAA;IACL,mGAAA,UAAU,OAAA;IACV,iGAAA,QAAQ,OAAA;IACR,4GAAA,mBAAmB,OAAA;IACnB,sGAAA,aAAa,OAAA;IACb,sGAAA,aAAa,OAAA;IACb,6FAAA,IAAI,OAAA;IACJ,oGAAA,WAAW,OAAA;IACX,qGAAA,YAAY,OAAA;IACZ,qGAAA,YAAY,OAAA;IACZ,iGAAA,QAAQ,OAAA;IACR,qGAAA,YAAY,OAAA;IACZ,mGAAA,UAAU,OAAA;IACV,oGAAA,WAAW,OAAA;IACX,wGAAA,eAAe,OAAA;IACf,oGAAA,WAAW,OAAA;IACX,qGAAA,YAAY,OAAA;IACZ,8FAAA,KAAK,OAAA;IACL,mGAAA,UAAU,OAAA","sourcesContent":["export {\n ActionButtonShim,\n ButtonShim,\n CommandButtonShim,\n CompoundButtonShim,\n DefaultButtonShim,\n MenuButtonShim,\n PrimaryButtonShim,\n shimButtonProps,\n ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport {\n black,\n blackAlpha,\n brandWeb,\n createBrandVariants,\n createV8Theme,\n createV9Theme,\n grey,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n AlphaColors,\n ColorVariants,\n GlobalSharedColors,\n Greys,\n TextAlignment,\n TextAlignments,\n} from './components/Theme/index';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/index.ts"],"names":[],"mappings":";;;;IACE,yGAAA,gBAAgB,OAAA;IAChB,mGAAA,UAAU,OAAA;IACV,0GAAA,iBAAiB,OAAA;IACjB,2GAAA,kBAAkB,OAAA;IAClB,0GAAA,iBAAiB,OAAA;IACjB,uGAAA,cAAc,OAAA;IACd,0GAAA,iBAAiB,OAAA;IACjB,wGAAA,eAAe,OAAA;IACf,yGAAA,gBAAgB,OAAA;IAGT,qGAAA,YAAY,OAAA;IAAE,sGAAA,aAAa,OAAA;IAE3B,sGAAA,aAAa,OAAA;IAAE,kGAAA,SAAS,OAAA;IAG/B,8FAAA,KAAK,OAAA;IACL,mGAAA,UAAU,OAAA;IACV,iGAAA,QAAQ,OAAA;IACR,4GAAA,mBAAmB,OAAA;IACnB,sGAAA,aAAa,OAAA;IACb,sGAAA,aAAa,OAAA;IACb,6FAAA,IAAI,OAAA;IACJ,oGAAA,WAAW,OAAA;IACX,qGAAA,YAAY,OAAA;IACZ,qGAAA,YAAY,OAAA;IACZ,iGAAA,QAAQ,OAAA;IACR,qGAAA,YAAY,OAAA;IACZ,mGAAA,UAAU,OAAA;IACV,oGAAA,WAAW,OAAA;IACX,wGAAA,eAAe,OAAA;IACf,oGAAA,WAAW,OAAA;IACX,qGAAA,YAAY,OAAA;IACZ,8FAAA,KAAK,OAAA;IACL,mGAAA,UAAU,OAAA","sourcesContent":["export {\n ActionButtonShim,\n ButtonShim,\n CommandButtonShim,\n CompoundButtonShim,\n DefaultButtonShim,\n MenuButtonShim,\n PrimaryButtonShim,\n shimButtonProps,\n ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport {\n black,\n blackAlpha,\n brandWeb,\n createBrandVariants,\n createV8Theme,\n createV9Theme,\n grey,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n AlphaColors,\n ColorVariants,\n GlobalSharedColors,\n Greys,\n TextAlignment,\n TextAlignments,\n} from './components/Theme/index';\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/ActionButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE;EAFC,CAArB;EAKA,MAAM,SAAS,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CAAlB;EAEA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM,SAA5D;IAAuE,UAAU,EAAC;EAAlF,CAAP,CAAP;AACD,CATG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE;EAFC,CAArB;EAKA,MAAM,SAAS,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CAAlB;EAEA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM,SAA5D;IAAuE,UAAU,EAAC;EAAlF,CAAP,CAAP;AACD,CATG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/ButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAEa,OAAA,CAAA,UAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,SAAS,GAAG,iBAAA,CAAA,eAAA,CAAgB,KAAhB,CAAlB;;EAEA,IAAI,KAAK,CAAC,MAAV,EAAkB;IAChB,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,gBAAD,EAAiB,EAAA,GAAK;IAAL,CAAjB,EAA8B,KAAK,CAAC,QAApC,CAAP;EACD;;EACD,IAAI,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD,CAAJ,EAA+D;IAC7D,OAAO,KAAA,CAAA,aAAA,CAAC,oBAAA,CAAA,kBAAD,EAAmB,EAAA,GAAK;IAAL,CAAnB,CAAP;EACD;;EAED,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAP,CAAP;AACD,CAXG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAEa,OAAA,CAAA,UAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,SAAS,GAAG,iBAAA,CAAA,eAAA,CAAgB,KAAhB,CAAlB;;EAEA,IAAI,KAAK,CAAC,MAAV,EAAkB;IAChB,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,gBAAD,EAAiB,EAAA,GAAK;IAAL,CAAjB,EAA8B,KAAK,CAAC,QAApC,CAAP;EACD;;EACD,IAAI,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD,CAAJ,EAA+D;IAC7D,OAAO,KAAA,CAAA,aAAA,CAAC,oBAAA,CAAA,kBAAD,EAAmB,EAAA,GAAK;IAAL,CAAnB,CAAP;EACD;;EAED,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAP,CAAP;AACD,CAXG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/CommandButtonShim.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACH,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,kBAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA","sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/CommandButtonShim.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACH,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,kBAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA","sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/CompoundButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAGA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,kBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAwB,EACrC,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CADkC;IAErC,gBAAgB,EAAE,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD;EAFmB,CAAvC;EAKA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,cAAD,EAAe,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAf,CAAP;AACD,CAZG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAGA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,kBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAwB,EACrC,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CADkC;IAErC,gBAAgB,EAAE,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD;EAFmB,CAAvC;EAKA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,cAAD,EAAe,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAf,CAAP;AACD,CAZG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/DefaultButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,OAAO,KAAA,CAAA,aAAA,CAAC,YAAA,CAAA,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAArE,CAAX,CAAP;AACD,CAFG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,OAAO,KAAA,CAAA,aAAA,CAAC,YAAA,CAAA,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAArE,CAAX,CAAP;AACD,CAFG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/MenuButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AAEa,OAAA,CAAA,cAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAFtC,CAArB;EAKA,MAAM,SAAS,GAAoB,EACjC,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB;EAD8B,CAAnC;EAIA,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAN,GAAkB,OAAA,CAAA,aAAA,CAAc,KAAK,CAAC,SAApB,CAAlB,GAAmD,EAA5E;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,IAAD,EAAK,EAAA,GAAK;EAAL,CAAL,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,WAAD,EAAY,IAAZ,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,UAAD,EAAW,EAAA,GAAK;EAAL,CAAX,CADF,CADF,EAIE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,WAAD,EAAY,IAAZ,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,QAAD,EAAS,IAAT,EACG,CAAA,EAAA,GAAA,KAAK,CAAC,SAAN,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,KAAF,CAAQ,GAAR,CAAY,IAAI,IAC9B;EACA;EACA,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,YAAD,EAAa,EAAA,GAAK;EAAL,CAAb,CAHc,CADlB,CADF,CAJF,CADF;AAgBD,CA5BG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AAEa,OAAA,CAAA,cAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAFtC,CAArB;EAKA,MAAM,SAAS,GAAoB,EACjC,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB;EAD8B,CAAnC;EAIA,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAN,GAAkB,OAAA,CAAA,aAAA,CAAc,KAAK,CAAC,SAApB,CAAlB,GAAmD,EAA5E;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,IAAD,EAAK,EAAA,GAAK;EAAL,CAAL,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,WAAD,EAAY,IAAZ,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,UAAD,EAAW,EAAA,GAAK;EAAL,CAAX,CADF,CADF,EAIE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,WAAD,EAAY,IAAZ,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,QAAD,EAAS,IAAT,EACG,CAAA,EAAA,GAAA,KAAK,CAAC,SAAN,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,KAAF,CAAQ,GAAR,CAAY,IAAI,IAC9B;EACA;EACA,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,YAAD,EAAa,EAAA,GAAK;EAAL,CAAb,CAHc,CADlB,CADF,CAJF,CADF;AAgBD,CA5BG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/PrimaryButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,OAAO,KAAA,CAAA,aAAA,CAAC,YAAA,CAAA,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,OAAO,EAAA,IAAnB;IAAoB,gBAAgB,EAAC;EAArC,CAAX,CAAP;AACD,CAFG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,OAAO,KAAA,CAAA,aAAA,CAAC,YAAA,CAAA,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,OAAO,EAAA,IAAnB;IAAoB,gBAAgB,EAAC;EAArC,CAAX,CAAP;AACD,CAFG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/ToggleButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAGA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAsB,EACnC,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CADgC;IAEnC,OAAO,EAAE,KAAK,CAAC,OAFoB;IAGnC,cAAc,EAAE,KAAK,CAAC;EAHa,CAArC;EAMA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,YAAD,EAAa,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAb,CAAP;AACD,CAbG,CAFS","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAGA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAsB,EACnC,GAAG,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CADgC;IAEnC,OAAO,EAAE,KAAK,CAAC,OAFoB;IAGnC,cAAc,EAAE,KAAK,CAAC;EAHa,CAArC;EAMA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,YAAD,EAAa,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAb,CAAP;AACD,CAbG,CAFS","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Button/shimButtonProps.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAKO,MAAM,eAAe,GAAI,KAAD,IAAkF;SAAA,CAC/G;;;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAN,GACX,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADW,GAET,KAAK,CAAC,SAAN,GACF,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CADE,GAEA,SAJJ;EAMA,MAAM,gBAAgB,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,gBAAN,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,EAAtB,GAA0B,KAAK,CAAC,OAAhC,IAA0C,oBAA1C,GAAiE,oBAA1F;EACA,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,aAAP,EAAsB,gBAAtB,EAAwC,KAAK,CAAC,SAA9C,EAAyD,MAAzD,CAAgE,OAAhE,EAAyE,IAAzE,CAA8E,GAA9E,CAAlB;EAEA,OAAO,EACL;IACA,GAAG,KAFE;IAGL,UAAU,EAAE,KAAK,CAAC,OAAN,GAAgB,SAAhB,GAA4B,SAHnC;IAIL,SAJK;IAKL,QAAQ,EAAE,KAAK,CAAC,QALX;IAML,iBAAiB,EAAE,KAAK,CAAC,kBANpB;IAOL,eAAe,KAAK,CAAC,UAPhB;IAQL,cAAc,KAAK,CAAC,SARf;IASL,IATK;IAUL,GAAG,EAAE,KAAK,CAAC,GAAN,IAAa,KAAK,CAAC,QAVnB;IAWL,QAAQ,EAAE,KAAK,CAAC,gBAAN,GACN,KAAK,CAAC,gBAAN,CAAuB,KAAvB,CADM,GAEN,KAAK,CAAC,YAAN,GACA,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADA,GAEA,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC;EAfnB,CAAP;AAiBD,CA5BM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAKO,MAAM,eAAe,GAAI,KAAD,IAAkF;SAAA,CAC/G;;;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAN,GACX,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADW,GAET,KAAK,CAAC,SAAN,GACF,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CADE,GAEA,SAJJ;EAMA,MAAM,gBAAgB,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,gBAAN,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,EAAtB,GAA0B,KAAK,CAAC,OAAhC,IAA0C,oBAA1C,GAAiE,oBAA1F;EACA,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,aAAP,EAAsB,gBAAtB,EAAwC,KAAK,CAAC,SAA9C,EAAyD,MAAzD,CAAgE,OAAhE,EAAyE,IAAzE,CAA8E,GAA9E,CAAlB;EAEA,OAAO,EACL;IACA,GAAG,KAFE;IAGL,UAAU,EAAE,KAAK,CAAC,OAAN,GAAgB,SAAhB,GAA4B,SAHnC;IAIL,SAJK;IAKL,QAAQ,EAAE,KAAK,CAAC,QALX;IAML,iBAAiB,EAAE,KAAK,CAAC,kBANpB;IAOL,eAAe,KAAK,CAAC,UAPhB;IAQL,cAAc,KAAK,CAAC,SARf;IASL,IATK;IAUL,GAAG,EAAE,KAAK,CAAC,GAAN,IAAa,KAAK,CAAC,QAVnB;IAWL,QAAQ,EAAE,KAAK,CAAC,gBAAN,GACN,KAAK,CAAC,gBAAN,CAAuB,KAAvB,CADM,GAEN,KAAK,CAAC,YAAN,GACA,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADA,GAEA,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC;EAfnB,CAAP;AAiBD,CA5BM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Menu/MenuShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Menu/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Menu/shimMenuProps.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAIO,MAAM,aAAa,GAAI,KAAD,IAAoD;EAC/E,OAAO;IACL,QAAQ,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,SAAzB,CADL;IAEL,aAAa,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,OAAvC;EAFV,CAAP;AAID,CALM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb;;AAON,MAAM,iBAAiB,GAAI,KAAD,IAA8C;EAC7E;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,SAAN,GAAkB,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CAAlB,GAAkD,SAA/D;EAEA,OAAO,EACL,GAAG,KADE;IAEL,cAAc,KAAK,CAAC,SAFf;IAGL,QAAQ,EAAE,KAAK,CAAC,IAHX;IAIL,IAJK;IAKL,gBAAgB,EAAE,KAAK,CAAC;EALnB,CAAP;AAOD,CAXM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB;;AAaN,MAAM,yBAAyB,GAAI,KAAD,IAAsD;EAC7F,OAAO,EACL,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CADE;IAEL,IAAI,EAAE,KAAK,CAAC,IAAN,IAAc,MAFf;IAGL,KAAK,EAAE,KAAK,CAAC,KAAN,IAAe;EAHjB,CAAP;AAKD,CANM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB;;AAQN,MAAM,mBAAmB,GAAI,KAAD,IAAqD;;;EACtF,OAAO;IACL,QAAQ,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE;EADzB,CAAP;AAGD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAIO,MAAM,aAAa,GAAI,KAAD,IAAoD;EAC/E,OAAO;IACL,QAAQ,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,SAAzB,CADL;IAEL,aAAa,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,OAAvC;EAFV,CAAP;AAID,CALM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb;;AAON,MAAM,iBAAiB,GAAI,KAAD,IAA8C;EAC7E;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,SAAN,GAAkB,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CAAlB,GAAkD,SAA/D;EAEA,OAAO,EACL,GAAG,KADE;IAEL,cAAc,KAAK,CAAC,SAFf;IAGL,QAAQ,EAAE,KAAK,CAAC,IAHX;IAIL,IAJK;IAKL,gBAAgB,EAAE,KAAK,CAAC;EALnB,CAAP;AAOD,CAXM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB;;AAaN,MAAM,yBAAyB,GAAI,KAAD,IAAsD;EAC7F,OAAO,EACL,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CADE;IAEL,IAAI,EAAE,KAAK,CAAC,IAAN,IAAc,MAFf;IAGL,KAAK,EAAE,KAAK,CAAC,KAAN,IAAe;EAHjB,CAAP;AAKD,CANM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB;;AAQN,MAAM,mBAAmB,GAAI,KAAD,IAAqD;;;EACtF,OAAO;IACL,QAAQ,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE;EADzB,CAAP;AAGD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Stack/StackItemShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Stack/StackShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/StackShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AAGA,MAAM,eAAe,GAAG;EACtB,IAAI,EAAE,UADgB;EAEtB,KAAK,EAAE;AAFe,CAAxB;AAKA,MAAM,aAAa,gBAAG,OAAA,CAAA,kBAAA,EAAtB;;AAEA,MAAM,cAAc,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAvB;;AA0DA,MAAM,iBAAiB,gBAAG,OAAA,SAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAA1B;;AAwBA,MAAM,uBAAuB,gBAAG,OAAA,SAAA;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,EAAhC;;AA4BA,MAAM,2BAA2B,gBAAG,OAAA,SAAA;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,EAApC;;AA4BO,MAAM,SAAS,GAAI,KAAD,IAAuB;EAC9C,MAAM,MAAM,GAAG,cAAc,EAA7B;EACA,MAAM,oBAAoB,GAAG,uBAAuB,EAApD;EACA,MAAM,wBAAwB,GAAG,2BAA2B,EAA5D;EACA,MAAM,cAAc,GAA2B,iBAAiB,EAAhE;EAEA,MAAM;IACJ,EAAE,EAAE,QAAQ,GAAG,KADX;IAEJ,YAFI;IAGJ,UAHI;IAIJ,QAJI;IAKJ,IALI;IAMJ,IANI;IAOJ,eAPI;IAQJ,aARI;IASJ,aATI;IAUJ;EAVI,IAWF,KAXJ;EAaA,MAAM,MAAM,GAAiB,EAAE,GAAG,KAAK,CAAC;EAAX,CAA7B;EAEA,IAAI,gBAAgB,GAAG,EAAvB;EACA,IAAI,iBAAiB,GAAG,EAAxB;EACA,IAAI,oBAAJ;;EAEA,IAAI,MAAJ,EAAY;IACV,gBAAgB,GAAG;MACjB,OAAO,EAAE,CAAC,IAAD,GAAQ,MAAM,CAAC,OAAf,GAAyB,SADjB;MAEjB,SAAS,EAAE,MAAM,CAAC,SAFD;MAGjB,QAAQ,EAAE,MAAM,CAAC;IAHA,CAAnB;IAMA,iBAAiB,GAAG;MAClB,OAAO,EAAE,IAAI,GAAG,MAAM,CAAC,OAAV,GAAoB;IADf,CAApB;;IAIA,IAAI,MAAM,CAAC,WAAX,EAAwB;MACtB,oBAAoB,GAAG,aAAa,CAAC,YAAA,CAAA,oBAAD,EAAuB;QACzD,UADyD;QAEzD,QAFyD;QAGzD;MAHyD,CAAvB,CAApC;IAKD;EACF;;EAED,MAAM,WAAW,GAAG,CAClB,IAAI,GAAG,MAAM,CAAC,IAAV,GAAiB,MAAM,CAAC,IADV,EAElB,UAAU,IAAI,MAAM,CAAC,UAFH,EAGlB,YAAY,IAAI,MAAM,CAAC,YAHL,CAApB;EAMA,MAAM,gBAAgB,GAAG,CACvB,MAAM,CAAC,KADgB,EAEvB,UAAU,IAAI,MAAM,CAAC,UAFE,EAGvB,CAAC,CAAC,MAAD,IAAW,CAAC,MAAM,CAAC,WAApB,KAAoC,MAAM,CAAC,UAHpB,CAAzB;EAMA,IAAI,aAAa,GAAG,KAAK,CAAC,QAAN,CAAe,OAAf,CAAuB,KAAK,CAAC,QAA7B,CAApB;;EACA,IACE,aAAa,CAAC,MAAd,KAAyB,CAAzB,IACA,KAAK,CAAC,cAAN,CAAqB,aAAa,CAAC,CAAD,CAAlC,CADA,IAEA,aAAa,CAAC,CAAD,CAAb,CAAiB,IAAjB,KAA0B,KAAK,CAAC,QAHlC,EAIE;IACA,aAAa,GAAG,aAAa,CAAC,CAAD,CAAb,CAAiB,KAAjB,CAAuB,QAAvC;EACD;;EAED,aAAa,GAAG,KAAK,CAAC,QAAN,CAAe,GAAf,CACd,aADc,EAEb,KAAD,IAA+C;IAC7C,IAAI,CAAC,KAAL,EAAY;MACV,OAAO,IAAP;IACD;;IAED,IAAI,KAAK,CAAC,IAAN,IAAgB,KAA4B,CAAC,IAA7B,CAA0D,IAA1D,KAAmE,eAAvF,EAAwG;MACtG,MAAM,gBAAgB,GAAoB;QACxC,MAAM,EAAE,CAAC;MAD+B,CAA1C;MAIA,OAAO,KAAK,CAAC,YAAN,CAAmB,KAAnB,EAA0B,EAC/B,GAAG,gBAD4B;QAE/B,GAAG,KAAK,CAAC;MAFsB,CAA1B,CAAP;IAID;;IAED,OAAO,KAAP;EACD,CAnBa,CAAhB;;EAsBA,IAAI,QAAJ,EAAc;IACZ,IAAI,UAAJ,EAAgB;MACd,WAAW,CAAC,IAAZ,CAAiB,MAAM,CAAC,kBAAxB;MACA,gBAAgB,CAAC,IAAjB,CAAsB,MAAM,CAAC,kBAA7B;IACD,CAHD,MAGO;MACL,WAAW,CAAC,IAAZ,CAAiB,MAAM,CAAC,gBAAxB;MACA,gBAAgB,CAAC,IAAjB,CAAsB,MAAM,CAAC,gBAA7B;IACD;EACF;;EAED,IAAI,IAAJ,EAAU;IACR,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAT,GAAgB,cAAc,CAAC,CAAD,CAA9B,GAAoC,cAAc,CAAC,IAAD,CAAnE;IACA,WAAW,CAAC,IAAZ,CAAiB,QAAjB;EACD;;EAED,IAAI,aAAJ,EAAmB;IACjB,WAAW,CAAC,IAAZ,CAAiB,MAAM,CAAC,aAAxB;EACD;;EAED,IAAI,eAAJ,EAAqB;IACnB,IAAI,UAAJ,EAAgB;MACd,WAAW,CAAC,IAAZ,CAAiB,wBAAwB,CAAC,eAAD,CAAzC;MACA,gBAAgB,CAAC,IAAjB,CAAsB,wBAAwB,CAAC,eAAD,CAA9C;IACD,CAHD,MAGO;MACL,WAAW,CAAC,IAAZ,CAAiB,oBAAoB,CAAC,eAAD,CAArC;MACA,gBAAgB,CAAC,IAAjB,CAAsB,oBAAoB,CAAC,eAAD,CAA1C;IACD;EACF;;EAED,IAAI,aAAJ,EAAmB;IACjB,IAAI,UAAJ,EAAgB;MACd,WAAW,CAAC,IAAZ,CAAiB,oBAAoB,CAAC,aAAD,CAArC;MACA,gBAAgB,CAAC,IAAjB,CAAsB,oBAAoB,CAAC,aAAD,CAA1C;IACD,CAHD,MAGO;MACL,WAAW,CAAC,IAAZ,CAAiB,wBAAwB,CAAC,aAAD,CAAzC;MACA,gBAAgB,CAAC,IAAjB,CAAsB,wBAAwB,CAAC,aAAD,CAA9C;IACD;EACF;;EAED,MAAM,SAAS,GAAG,OAAA,CAAA,YAAA,CAChB,eAAe,CAAC,IADA,EAEhB,GAAG,WAFa,EAGhB,oBAAoB,IAAI,CAAC,IAAzB,IAAiC,oBAAoB,CAAC,IAHtC,EAIhB,SAJgB,CAAlB;EAOA,MAAM,UAAU,GAAG,OAAA,CAAA,YAAA,CACjB,eAAe,CAAC,KADC,EAEjB,GAAG,gBAFc,EAGjB,oBAAoB,IAAI,IAAxB,IAAgC,oBAAoB,CAAC,KAHpC,CAAnB;EAMA,OAAO,IAAI,GACT,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS;IAAC,SAAS,EAAE,SAAZ;IAAuB,KAAK,EAAE;EAA9B,CAAT,EACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAE,UAAhB;IAA4B,KAAK,EAAE;EAAnC,CAAA,EACG,aADH,CADF,CADS,GAOT,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS;IAAC,SAAS,EAAE,SAAZ;IAAuB,KAAK,EAAE;EAA9B,CAAT,EACG,aADH,CAPF;AAWD,CAvJM;;AAAM,OAAA,CAAA,SAAA,GAAS,SAAT","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"],"sourceRoot":"../src/"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Stack/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Stack/stackUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Stack/stackUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n if (theme.spacing.hasOwnProperty(space)) {\n return theme.spacing[space as keyof typeof theme.spacing];\n }\n return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n const numericalPart = parseFloat(gap);\n const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n const unitPart = gap.substring(numericalString.toString().length);\n\n return {\n value: numericalValue,\n unit: unitPart \|\| 'px',\n };\n};\n\n/*\n Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n * or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n * and the CSS unit (e.g. \"px\").\n /\nexport const parseGap = (\n gap: IStackProps['gap'],\n theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n if (gap === undefined \|\| gap === '') {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n if (typeof gap === 'number') {\n return {\n rowGap: {\n value: gap,\n unit: 'px',\n },\n columnGap: {\n value: gap,\n unit: 'px',\n },\n };\n }\n\n const splitGap = gap.split(' ');\n\n // If the array has more than two values, then return 0px.\n if (splitGap.length > 2) {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n // If the array has two values, then parse each one.\n if (splitGap.length === 2) {\n return {\n rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n };\n }\n\n // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n return {\n rowGap: calculatedGap,\n columnGap: calculatedGap,\n };\n};\n\n/\n Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n * where the separate padding values can also be the key of a themed spacing value\n * (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n /\nexport const parsePadding = (padding: number \| string \| undefined, theme: ITheme): number \| string \| undefined => {\n if (padding === undefined \|\| typeof padding === 'number' \|\| padding === '') {\n return padding;\n }\n\n const paddingValues = padding.split(' ');\n if (paddingValues.length < 2) {\n return getThemedSpacing(padding, theme);\n }\n\n return paddingValues.reduce((padding1: string, padding2: string) => {\n return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n });\n};\n\nexport interface StackShimStyles {\n root?: IStyle;\n inner?: IStyle;\n}\n/\n \n * getStyles function for Stack.tokens.childrenGap prop styling\n /\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n const theme = getTheme();\n\n const { horizontal, reversed } = props;\n const tokens: IStackTokens = { ...props.tokens };\n\n const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n const horizontalMargin = `${-0.5 columnGap.value}${columnGap.unit}`;\n const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n return {\n root: [\n reversed &&\n horizontal && {\n '> :not(:last-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n reversed &&\n !horizontal && {\n '> :not(:last-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n !reversed &&\n horizontal && {\n '> :not(:first-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n !reversed &&\n !horizontal && {\n '> :not(:first-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n ],\n inner: [\n {\n marginLeft: horizontalMargin,\n marginRight: horizontalMargin,\n marginTop: verticalMargin,\n marginBottom: verticalMargin,\n width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n '> ': {\n margin: `${0.5 rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n },\n },\n horizontal && {\n height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n },\n },\n !horizontal && {\n height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n },\n },\n ],\n };\n};\n"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/stackUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n if (theme.spacing.hasOwnProperty(space)) {\n return theme.spacing[space as keyof typeof theme.spacing];\n }\n return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n const numericalPart = parseFloat(gap);\n const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n const unitPart = gap.substring(numericalString.toString().length);\n\n return {\n value: numericalValue,\n unit: unitPart \|\| 'px',\n };\n};\n\n/*\n Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n * or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n * and the CSS unit (e.g. \"px\").\n /\nexport const parseGap = (\n gap: IStackProps['gap'],\n theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n if (gap === undefined \|\| gap === '') {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n if (typeof gap === 'number') {\n return {\n rowGap: {\n value: gap,\n unit: 'px',\n },\n columnGap: {\n value: gap,\n unit: 'px',\n },\n };\n }\n\n const splitGap = gap.split(' ');\n\n // If the array has more than two values, then return 0px.\n if (splitGap.length > 2) {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n // If the array has two values, then parse each one.\n if (splitGap.length === 2) {\n return {\n rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n };\n }\n\n // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n return {\n rowGap: calculatedGap,\n columnGap: calculatedGap,\n };\n};\n\n/\n Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n * where the separate padding values can also be the key of a themed spacing value\n * (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n /\nexport const parsePadding = (padding: number \| string \| undefined, theme: ITheme): number \| string \| undefined => {\n if (padding === undefined \|\| typeof padding === 'number' \|\| padding === '') {\n return padding;\n }\n\n const paddingValues = padding.split(' ');\n if (paddingValues.length < 2) {\n return getThemedSpacing(padding, theme);\n }\n\n return paddingValues.reduce((padding1: string, padding2: string) => {\n return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n });\n};\n\nexport interface StackShimStyles {\n root?: IStyle;\n inner?: IStyle;\n}\n/\n \n * getStyles function for Stack.tokens.childrenGap prop styling\n /\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n const theme = getTheme();\n\n const { horizontal, reversed } = props;\n const tokens: IStackTokens = { ...props.tokens };\n\n const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n const horizontalMargin = `${-0.5 columnGap.value}${columnGap.unit}`;\n const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n return {\n root: [\n reversed &&\n horizontal && {\n '> :not(:last-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n reversed &&\n !horizontal && {\n '> :not(:last-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n !reversed &&\n horizontal && {\n '> :not(:first-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n !reversed &&\n !horizontal && {\n '> :not(:first-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n ],\n inner: [\n {\n marginLeft: horizontalMargin,\n marginRight: horizontalMargin,\n marginTop: verticalMargin,\n marginBottom: verticalMargin,\n width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n '> ': {\n margin: `${0.5 rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n },\n },\n horizontal && {\n height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n },\n },\n !horizontal && {\n height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n },\n },\n ],\n };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Theme/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/Theme/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"],"sourceRoot":"../src/"}
1	+ {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Theme/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"],"sourceRoot":"../src/"}