@fluentui/react-migration-v8-v9 1.0.2 → 1.0.4

package/lib-amd/components/Stack/stackUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackUtils.js","sourceRoot":"../src/","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"]}

package/lib-amd/components/Theme/index.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./themeDuplicates", "./v8ThemeShim", "./v9BrandVariantsShim", "./v9ThemeShim"], function (require, exports, tslib_1, themeDuplicates_1, v8ThemeShim_1, v9BrandVariantsShim_1, v9ThemeShim_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(themeDuplicates_1, exports);
+    tslib_1.__exportStar(v8ThemeShim_1, exports);
+    tslib_1.__exportStar(v9BrandVariantsShim_1, exports);
+    tslib_1.__exportStar(v9ThemeShim_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/Theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Theme/index.ts"],"names":[],"mappings":";;;IAAA,iDAAkC;IAClC,6CAA8B;IAC9B,qDAAsC;IACtC,6CAA8B","sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"]}