@fluentui-react-native/tester 0.170.26 → 0.170.28

package/lib-commonjs/theme/CustomThemes.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.testerTheme = exports.TesterThemeReference = exports.lightnessOptions = void 0;
+const react_native_1 = require("react-native");
+const android_theme_1 = require("@fluentui-react-native/android-theme");
+const apple_theme_1 = require("@fluentui-react-native/apple-theme");
+const default_theme_1 = require("@fluentui-react-native/default-theme");
+const theme_1 = require("@fluentui-react-native/theme");
+const applyBrand_1 = require("./applyBrand");
+const applyTheme_1 = require("./applyTheme");
+const themeOptions = { paletteName: 'TaskPane', appearance: 'dynamic' };
+// Default applies to win32
+const baseTheme = react_native_1.Platform.select({
+    android: (0, android_theme_1.createAndroidTheme)(themeOptions),
+    ios: (0, apple_theme_1.createAppleTheme)(),
+    macos: (0, apple_theme_1.createAppleTheme)(),
+    default: (0, default_theme_1.createDefaultTheme)(themeOptions),
+});
+const supportsHighContrastTokens = react_native_1.Platform.select({
+    android: false,
+    ios: false,
+    macos: false,
+    default: true,
+});
+exports.lightnessOptions = [
+    { label: 'Auto', value: 'dynamic' },
+    { label: 'Light', value: 'light' },
+    { label: 'Dark', value: 'dark' },
+    supportsHighContrastTokens && { label: 'High Contrast', value: 'highContrast' },
+];
+class TesterThemeReference extends theme_1.ThemeReference {
+    _themeName = react_native_1.Platform.OS === 'win32' ? 'Office' : 'Default';
+    _brand = 'Default';
+    options;
+    baseTheme;
+    constructor() {
+        super(baseTheme, () => (0, applyTheme_1.applyTheme)(this._themeName, this.options.appearance), (parent) => (0, applyBrand_1.applyBrand)(parent, this._brand));
+        this.baseTheme = baseTheme;
+        this.options = themeOptions;
+    }
+    /** get/set the currently active theme */
+    get themeName() {
+        return this._themeName;
+    }
+    set themeName(newTheme) {
+        if (newTheme !== this._themeName) {
+            this._themeName = newTheme;
+            this.invalidate();
+        }
+    }
+    /** get/set the theme appearance */
+    get appearance() {
+        return this.options.appearance;
+    }
+    set appearance(lightness) {
+        if (lightness !== this.options.appearance) {
+            this.options.appearance = lightness;
+            this.baseTheme.invalidate();
+        }
+    }
+    /** get/set the applied brand */
+    get brand() {
+        return this._brand;
+    }
+    set brand(newBrand) {
+        if (newBrand !== this._brand) {
+            this._brand = newBrand;
+            this.invalidate();
+        }
+    }
+}
+exports.TesterThemeReference = TesterThemeReference;
+exports.testerTheme = new TesterThemeReference();
+//# sourceMappingURL=CustomThemes.js.map

package/lib-commonjs/theme/CustomThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../src/theme/CustomThemes.ts"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,wEAA0E;AAC1E,oEAAsE;AACtE,wEAA0E;AAC1E,wDAA8D;AAI9D,6CAA0C;AAE1C,6CAA0C;AAE1C,MAAM,YAAY,GAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAEtF,2BAA2B;AAC3B,MAAM,SAAS,GAAG,uBAAQ,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,IAAA,kCAAkB,EAAC,YAAY,CAAC;IACzC,GAAG,EAAE,IAAA,8BAAgB,GAAE;IACvB,KAAK,EAAE,IAAA,8BAAgB,GAAE;IACzB,OAAO,EAAE,IAAA,kCAAkB,EAAC,YAAY,CAAC;CAC1C,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAY,uBAAQ,CAAC,MAAM,CAAC;IAC1D,OAAO,EAAE,KAAK;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IACnC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,0BAA0B,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,cAAc,EAAE;CAChF,CAAC;AAEF,MAAa,oBAAqB,SAAQ,sBAAc;IAC9C,UAAU,GAAe,uBAAQ,CAAC,EAAE,KAAM,OAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACjF,MAAM,GAAgB,SAAS,CAAC;IAEhC,OAAO,CAAe;IACtB,SAAS,CAAiB;IAElC;QACE,KAAK,CACH,SAAS,EACT,GAAG,EAAE,CAAC,IAAA,uBAAU,EAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAC1D,CAAC,MAAM,EAAE,EAAE,CAAC,IAAA,uBAAU,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAC5C,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;IAC9B,CAAC;IAED,yCAAyC;IACzC,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,QAAoB;QACvC,IAAI,QAAQ,KAAK,IAAI,CAAC,UAAU,EAAE;YAChC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;IACH,CAAC;IAED,mCAAmC;IACnC,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;IACjC,CAAC;IACD,IAAW,UAAU,CAAC,SAAqC;QACzD,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;SAC7B;IACH,CAAC;IAED,gCAAgC;IAChC,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,IAAW,KAAK,CAAC,QAAqB;QACpC,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;IACH,CAAC;CACF;AAjDD,oDAiDC;AAEY,QAAA,WAAW,GAAG,IAAI,oBAAoB,EAAE,CAAC"}

package/lib-commonjs/theme/ThemePickers.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.android.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA+DhC,CAAC"}

package/lib-commonjs/theme/ThemePickers.android.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemePickers = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const text_1 = require("@fluentui-react-native/text");
+const themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
+const picker_1 = require("@react-native-picker/picker");
+const applyTheme_1 = require("./applyTheme");
+const CustomThemes_1 = require("./CustomThemes");
+const getThemedDropdownStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
+    return {
+        pickerRoot: {
+            flexDirection: 'row',
+            width: '100%',
+        },
+        picker: {
+            flexDirection: 'column',
+            alignItems: 'center',
+            width: '50%',
+            padding: 4,
+        },
+        dropdown: {
+            fontSize: 12,
+            color: t.colors.bodyText,
+        },
+        dropdownBorder: {
+            borderStyle: 'solid',
+            borderColor: t.colors.disabledBodyText,
+            borderWidth: 1,
+            width: '100%',
+        },
+    };
+});
+const PickerLabel = text_1.TextV1.customize({ variant: 'subheaderSemibold' });
+const ThemePickers = () => {
+    const onThemeSelected = React.useCallback((newTheme) => {
+        CustomThemes_1.testerTheme.themeName = newTheme;
+    }, []);
+    const onAppearanceChange = React.useCallback((newAppearance) => {
+        CustomThemes_1.testerTheme.appearance = newAppearance;
+    }, []);
+    const theme = (0, framework_1.useTheme)();
+    const themedPickerStyles = getThemedDropdownStyles(theme);
+    const dropdownProps = {
+        style: themedPickerStyles.dropdown,
+        mode: 'dropdown',
+    };
+    const Dropdown = (props) => {
+        const { initial, onValueChange, options, accessibilityLabel } = props;
+        return (React.createElement(react_native_1.View, { style: themedPickerStyles.dropdownBorder },
+            React.createElement(picker_1.Picker, { selectedValue: initial, onValueChange: onValueChange, dropdownIconColor: theme.colors.defaultIcon, ...dropdownProps, accessibilityLabel: accessibilityLabel }, options.map((entry, index) => entry && React.createElement(picker_1.Picker.Item, { label: entry.label, value: entry.value, key: `entry${index}` })))));
+    };
+    return (React.createElement(react_native_1.View, { style: themedPickerStyles.pickerRoot },
+        React.createElement(react_native_1.View, { style: themedPickerStyles.picker },
+            React.createElement(PickerLabel, null, "Theme: "),
+            React.createElement(Dropdown, { accessibilityLabel: "Theme Selector", initial: CustomThemes_1.testerTheme.themeName, onValueChange: onThemeSelected, options: applyTheme_1.themeChoices })),
+        React.createElement(react_native_1.View, { style: themedPickerStyles.picker },
+            React.createElement(PickerLabel, null, "Light/Dark: "),
+            React.createElement(Dropdown, { accessibilityLabel: "Light/Dark Selector", initial: CustomThemes_1.testerTheme.appearance, onValueChange: onAppearanceChange, options: CustomThemes_1.lightnessOptions }))));
+};
+exports.ThemePickers = ThemePickers;
+//# sourceMappingURL=ThemePickers.android.js.map

package/lib-commonjs/theme/ThemePickers.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.android.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/theme/ThemePickers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAEH,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAY/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAsBhC,CAAC"}

package/lib-commonjs/theme/ThemePickers.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.ios.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAU9D,eAAO,MAAM,iBAAiB;;;;;EAqB5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA0BhC,CAAC"}

package/lib-commonjs/theme/ThemePickers.ios.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemePickers = exports.themePickerStyles = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const button_1 = require("@fluentui-react-native/button");
+const framework_1 = require("@fluentui-react-native/framework");
+const themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
+const menu_1 = require("@react-native-menu/menu");
+const applyTheme_1 = require("./applyTheme");
+const CustomThemes_1 = require("./CustomThemes");
+exports.themePickerStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
+    // picker, pickerItem, dropdown used in iOS dark mode
+    return {
+        pickerRoot: {
+            flexDirection: 'row',
+        },
+        picker: {
+            flexDirection: 'column',
+            alignItems: 'center',
+            padding: 4,
+            flexShrink: 0,
+        },
+        pickerItem: {
+            color: t.colors.bodyText,
+        },
+        dropdown: {
+            height: 200,
+            width: 90,
+            fontSize: 12,
+        },
+    };
+});
+const ThemePickers = () => {
+    const themedStyles = (0, exports.themePickerStyles)((0, framework_1.useTheme)());
+    const onThemeSelected = React.useCallback((newTheme) => {
+        CustomThemes_1.testerTheme.themeName = newTheme;
+    }, []);
+    const themeMenuOptions = applyTheme_1.themeChoices.map((themeChoice) => ({
+        id: themeChoice.value,
+        title: themeChoice.label,
+        state: CustomThemes_1.testerTheme.themeName === themeChoice.value ? 'on' : 'off',
+    }));
+    return (React.createElement(react_native_1.View, { style: themedStyles.pickerRoot },
+        React.createElement(menu_1.MenuView, { title: "Theme", onPressAction: ({ nativeEvent }) => {
+                onThemeSelected(nativeEvent.event);
+            }, actions: themeMenuOptions },
+            React.createElement(button_1.ButtonV1, { appearance: "subtle" }, "Theme"))));
+};
+exports.ThemePickers = ThemePickers;
+//# sourceMappingURL=ThemePickers.ios.js.map

package/lib-commonjs/theme/ThemePickers.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.ios.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAoC;AAEpC,0DAAmE;AAEnE,gEAA4D;AAC5D,gFAA4E;AAC5E,kDAAmD;AAGnD,6CAA4C;AAE5C,iDAA6C;AAEhC,QAAA,iBAAiB,GAAG,IAAA,oCAAgB,EAAC,CAAC,CAAQ,EAAE,EAAE;IAC7D,qDAAqD;IACrD,OAAO;QACL,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;SACrB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;SACzB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEI,MAAM,YAAY,GAA4B,GAAG,EAAE;IACxD,MAAM,YAAY,GAAG,IAAA,yBAAiB,EAAC,IAAA,oBAAQ,GAAE,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC7D,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAiB,yBAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,0BAAW,CAAC,SAAS,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU;QAClC,oBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;gBACjC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,iBAAM,IAAC,UAAU,EAAC,QAAQ,YAAe,CACjC,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,YAAY,gBA0BvB"}

package/lib-commonjs/theme/ThemePickers.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const text_1 = require("@fluentui-react-native/text");
+const applyTheme_1 = require("./applyTheme");
+const CustomThemes_1 = require("./CustomThemes");
+const MenuPicker_1 = require("../TestComponents/Common/MenuPicker");
+exports.themePickerStyles = react_native_1.StyleSheet.create({
+    pickerRoot: {
+        flexDirection: 'row',
+    },
+    picker: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 4,
+    },
+    dropdown: {
+        height: 30,
+        width: 120,
+        fontSize: 12,
+    },
+});
+const PartPicker = (props) => {
+    const { initial, contents, onChange } = props;
+    const [selected, setSelected] = React.useState(initial);
+    const onValueChange = React.useCallback((value) => {
+        setSelected(value);
+        onChange(value);
+    }, [setSelected, onChange]);
+    return React.createElement(MenuPicker_1.MenuPicker, { selected: selected, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
+};
+exports.PartPicker = PartPicker;
+const PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
+const ThemePickers = () => {
+    const onThemeSelected = React.useCallback((newTheme) => {
+        CustomThemes_1.testerTheme.themeName = newTheme;
+    }, []);
+    const onAppearanceChange = React.useCallback((newAppearance) => {
+        CustomThemes_1.testerTheme.appearance = newAppearance;
+    }, []);
+    return (React.createElement(react_native_1.View, { style: exports.themePickerStyles.pickerRoot },
+        React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
+            React.createElement(PickerLabel, null, "Theme: "),
+            React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices })),
+        React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
+            React.createElement(PickerLabel, null, "Light/Dark: "),
+            React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.appearance, onChange: onAppearanceChange, contents: CustomThemes_1.lightnessOptions }))));
+};
+exports.ThemePickers = ThemePickers;
+//# sourceMappingURL=ThemePickers.js.map

package/lib-commonjs/theme/ThemePickers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAgD;AAEhD,sDAA6D;AAG7D,6CAA4C;AAE5C,iDAA+D;AAC/D,oEAAiE;AAEpD,QAAA,iBAAiB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAUI,MAAM,UAAU,GAA6C,CAAC,KAAsB,EAAE,EAAE;IAC7F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAa,EAAE,EAAE;QAChB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AAEF,MAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,MAAM,YAAY,GAA4B,GAAG,EAAE;IACxD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC7D,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,aAAqB,EAAE,EAAE;QACrE,0BAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,+BAAgB,GAAI,CACpG,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB"}

package/lib-commonjs/theme/ThemePickers.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAaH,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAiCF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAW/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAahC,CAAC"}

package/lib-commonjs/theme/ThemePickers.macos.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const menu_1 = require("@fluentui-react-native/menu");
+const text_1 = require("@fluentui-react-native/text");
+const react_native_svg_1 = require("react-native-svg");
+const applyTheme_1 = require("./applyTheme");
+const CustomThemes_1 = require("./CustomThemes");
+exports.themePickerStyles = react_native_1.StyleSheet.create({
+    pickerRoot: {
+        flexDirection: 'row',
+    },
+    picker: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 4,
+    },
+    dropdown: {
+        height: 30,
+        width: 90,
+        fontSize: 12,
+    },
+});
+const themeMenuPickerStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        margin: 5,
+    },
+    svg: {
+        padding: 4,
+    },
+});
+const ThemeMenuPicker = ({ selected, onChange, collection, style }) => {
+    const chevronXml = `
+  <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
+    <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
+  </svg>`;
+    return (React.createElement(react_native_1.View, { style: { ...themeMenuPickerStyles.container, ...style } },
+        React.createElement(menu_1.Menu, null,
+            React.createElement(menu_1.MenuTrigger, null,
+                React.createElement(react_native_2.ButtonV1, null,
+                    React.createElement(text_1.TextV1, null, selected),
+                    React.createElement(react_native_1.View, { style: themeMenuPickerStyles.svg },
+                        React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml })))),
+            React.createElement(menu_1.MenuPopover, null,
+                React.createElement(menu_1.MenuList, null, collection.map((entry, index) => (React.createElement(menu_1.MenuItem, { onClick: () => onChange(entry.value), key: `entry${index}` }, entry.label))))))));
+};
+const PartPicker = (props) => {
+    const { initial, contents, onChange } = props;
+    const [value, setValue] = React.useState(initial);
+    const onValueChange = React.useCallback((newValue) => {
+        setValue(newValue);
+        onChange(newValue);
+    }, [setValue, onChange]);
+    return React.createElement(ThemeMenuPicker, { selected: value, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
+};
+exports.PartPicker = PartPicker;
+const PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
+const ThemePickers = () => {
+    const onThemeSelected = React.useCallback((newTheme) => {
+        CustomThemes_1.testerTheme.themeName = newTheme;
+    }, []);
+    return (React.createElement(react_native_1.View, { style: exports.themePickerStyles.pickerRoot },
+        React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
+            React.createElement(PickerLabel, null, "Theme: "),
+            React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices }))));
+};
+exports.ThemePickers = ThemePickers;
+//# sourceMappingURL=ThemePickers.macos.js.map

package/lib-commonjs/theme/ThemePickers.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/theme/ThemePickers.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.win32.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAEH,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAY/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA+BhC,CAAC"}

package/lib-commonjs/theme/ThemePickers.win32.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const text_1 = require("@fluentui-react-native/text");
+const applyBrand_1 = require("./applyBrand");
+const applyTheme_1 = require("./applyTheme");
+const CustomThemes_1 = require("./CustomThemes");
+const MenuPicker_1 = require("../TestComponents/Common/MenuPicker");
+exports.themePickerStyles = react_native_1.StyleSheet.create({
+    pickerRoot: {
+        flexDirection: 'row',
+    },
+    picker: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 4,
+    },
+    dropdown: {
+        height: 30,
+        width: 120,
+        fontSize: 12,
+    },
+});
+const PartPicker = (props) => {
+    const { initial, contents, onChange } = props;
+    const [selected, setSelected] = React.useState(initial);
+    const onValueChange = React.useCallback((value) => {
+        setSelected(value);
+        onChange(value);
+    }, [setSelected, onChange]);
+    return React.createElement(MenuPicker_1.MenuPicker, { selected: selected, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
+};
+exports.PartPicker = PartPicker;
+const PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
+const ThemePickers = () => {
+    const onBrandChange = React.useCallback((newBrand) => {
+        CustomThemes_1.testerTheme.brand = newBrand;
+    }, []);
+    const onThemeSelected = React.useCallback((newTheme) => {
+        CustomThemes_1.testerTheme.themeName = newTheme;
+    }, []);
+    const onAppearanceChange = React.useCallback((newAppearance) => {
+        CustomThemes_1.testerTheme.appearance = newAppearance;
+    }, []);
+    return (React.createElement(react_native_1.View, { style: exports.themePickerStyles.pickerRoot },
+        React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
+            React.createElement(PickerLabel, null, "Theme: "),
+            React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices })),
+        React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
+            React.createElement(PickerLabel, null, "Light/Dark: "),
+            React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.appearance, onChange: onAppearanceChange, contents: CustomThemes_1.lightnessOptions })),
+        React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
+            React.createElement(PickerLabel, null, "Brand: "),
+            React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.brand, onChange: onBrandChange, contents: applyBrand_1.brandOptions }))));
+};
+exports.ThemePickers = ThemePickers;
+//# sourceMappingURL=ThemePickers.win32.js.map

package/lib-commonjs/theme/ThemePickers.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.win32.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/theme/applyBrand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyBrand.d.ts","sourceRoot":"","sources":["../../src/theme/applyBrand.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAG9E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;AAwH7F,eAAO,MAAM,YAAY;;;GAA4E,CAAC;AAEtG,eAAO,MAAM,UAAU,WAAY,KAAK,gBAAgB,MAAM,KAAG,YAkChE,CAAC"}

package/lib-commonjs/theme/applyBrand.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyBrand = exports.brandOptions = void 0;
+const win32_theme_1 = require("@fluentui-react-native/win32-theme");
+const brandColors = {
+    /**
+     * default brand just passes through what is in the theme
+     * */
+    Default: undefined,
+    /**
+     * Office brands, applied via a small App color ramp
+     */
+    Office: {
+        App1: '#fff7f0',
+        App2: '#fbdfd0',
+        App3: '#f7bfa0',
+        App4: '#f29f71',
+        App5: '#ea6115',
+        App6: '#d83b01',
+        App7: '#a22c01',
+        App8: '#6c1e01',
+        AppTint40: '#f9dcd1',
+        AppTint30: '#f4beaa',
+        AppTint20: '#e8825d',
+        AppTint10: '#dd4f1b',
+        AppPrimary: '#d83b01',
+        AppShade10: '#c33400',
+        AppShade20: '#a52c00',
+        AppShade30: '#792000',
+    },
+    Word: {
+        App1: '#E3ECFA',
+        App2: '#A5B9D1',
+        App3: '#7DA3C6',
+        App4: '#4A78B0',
+        App5: '#3C65A4',
+        App6: '#2B579A',
+        App7: '#124078',
+        App8: '#002050',
+        AppTint40: '#D2E0F4',
+        AppTint30: '#AEC6EB',
+        AppTint20: '#6794D7',
+        AppTint10: '#2E6AC5',
+        AppPrimary: '#185ABD',
+        AppShade10: '#1651AA',
+        AppShade20: '#13458F',
+        AppShade30: '#0E336A',
+    },
+    Excel: {
+        App1: '#E9F5EE',
+        App2: '#9FCDB3',
+        App3: '#6EB38A',
+        App4: '#4E9668',
+        App5: '#3F8159',
+        App6: '#217346',
+        App7: '#0E5C2F',
+        App8: '#004B1C',
+        AppTint40: '#CAEAD8',
+        AppTint30: '#A0D8B9',
+        AppTint20: '#55B17E',
+        AppTint10: '#218D51',
+        AppPrimary: '#107C41',
+        AppShade10: '#0F703B',
+        AppShade20: '#0C5F32',
+        AppShade30: '#094624',
+    },
+    Powerpoint: {
+        App1: '#FCF0ED',
+        App2: '#FDC9B5',
+        App3: '#ED9583',
+        App4: '#E86E58',
+        App5: '#C75033',
+        App6: '#B7472A',
+        App7: '#A92B1A',
+        App8: '#740912',
+        AppTint40: '#F6DBD4',
+        AppTint30: '#EDBCB0',
+        AppTint20: '#DC816A',
+        AppTint10: '#CB5031',
+        AppPrimary: '#C43E1C',
+        AppShade10: '#B13719',
+        AppShade20: '#952F15',
+        AppShade30: '#6E220F',
+    },
+    Outlook: {
+        App1: '#CCE3F5',
+        App2: '#B3D6F2',
+        App3: '#69AFE5',
+        App4: '#2488D8',
+        App5: '#0078D7',
+        App6: '#106EBE',
+        App7: '#1664A7',
+        App8: '#135995',
+        AppTint40: '#C7E0F4',
+        AppTint30: '#6CB8F6',
+        AppTint20: '#3AA0F3',
+        AppTint10: '#2899F5',
+        AppPrimary: '#0078D7',
+        AppShade10: '#106EBE',
+        AppShade20: '#005A9E',
+        AppShade30: '#004C87',
+    },
+};
+exports.brandOptions = Object.keys(brandColors).map((brand) => ({ label: brand, value: brand }));
+const applyBrand = (parent, currentBrand) => {
+    if (parent.name === 'HighContrast') {
+        return {};
+    }
+    const ramp = brandColors[currentBrand];
+    return ramp
+        ? {
+            colors: {
+                inputFocusBorderAlt: ramp.App4,
+                buttonBackgroundHovered: ramp.App1,
+                buttonBackgroundPressed: ramp.App2,
+                buttonBorderFocused: ramp.App2,
+                primaryButtonBackground: ramp.App6,
+                primaryButtonBackgroundHovered: ramp.App7,
+                primaryButtonBackgroundPressed: ramp.App8,
+                primaryButtonBorder: ramp.App7,
+                primaryButtonBorderFocused: ramp.App7,
+                accentButtonBackground: ramp.App6,
+                link: ramp.App6,
+                linkHovered: ramp.App7,
+                linkPressed: ramp.App8,
+                defaultHoveredBackground: ramp.App1,
+                defaultHoveredBorder: ramp.App2,
+                defaultFocusedBackground: ramp.App1,
+                defaultFocusedBorder: ramp.App2,
+                defaultPressedBackground: ramp.App2,
+                defaultPressedBorder: ramp.App5,
+                brandedBackground: ramp.App6,
+                defaultCheckedHoveredBackground: ramp.App1,
+                ...(0, win32_theme_1.getCurrentBrandAliasTokens)(parent.name, ramp.AppPrimary),
+            },
+        }
+        : {};
+};
+exports.applyBrand = applyBrand;
+//# sourceMappingURL=applyBrand.js.map

package/lib-commonjs/theme/applyBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../src/theme/applyBrand.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/theme/applyTheme.d.ts

@@ -0,0 +1,9 @@
+import type { PartialTheme, ThemeOptions } from '@fluentui-react-native/framework';
+export type ThemeNames = 'Default' | 'Office' | 'Apple';
+export declare const themeChoices: {
+    label: string;
+    value: string;
+}[];
+/** apply the currently active theme layering */
+export declare function applyTheme(name: ThemeNames, appearance: ThemeOptions['appearance']): PartialTheme;
+//# sourceMappingURL=applyTheme.d.ts.map

package/lib-commonjs/theme/applyTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.d.ts","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGnF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,YAAY;;;GAGxB,CAAC;AAIF,gDAAgD;AAChD,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAOjG"}

package/lib-commonjs/theme/applyTheme.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyTheme = exports.themeChoices = void 0;
+const win32_theme_1 = require("@fluentui-react-native/win32-theme");
+exports.themeChoices = [
+    { label: 'Default', value: 'Default' },
+    { label: 'Office', value: 'Office' },
+];
+const themingModule = (0, win32_theme_1.getThemingModule)()[0];
+/** apply the currently active theme layering */
+function applyTheme(name, appearance) {
+    switch (name) {
+        case 'Office':
+            return themingModule ? (0, win32_theme_1.createOfficeTheme)({ appearance, paletteName: 'Dialogs_FluentSV' }).theme : {};
+        default:
+            return {};
+    }
+}
+exports.applyTheme = applyTheme;
+//# sourceMappingURL=applyTheme.js.map

package/lib-commonjs/theme/applyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":";;;AACA,oEAAyF;AAI5E,QAAA,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,8BAAgB,GAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,gDAAgD;AAChD,SAAgB,UAAU,CAAC,IAAgB,EAAE,UAAsC;IACjF,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,CAAC,CAAC,IAAA,+BAAiB,EAAC,EAAE,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACvG;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC;AAPD,gCAOC"}

package/lib-commonjs/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}