@fluentui-react-native/tester-core 0.1.1

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export declare const themePickerStyles: {
+  pickerRoot: {
+    flexDirection: 'row';
+  };
+  picker: {
+    flexDirection: 'row';
+    alignItems: 'center';
+    padding: number;
+  };
+  dropdown: {
+    height: number;
+    width: number;
+    fontSize: number;
+  };
+};
+type PartPickerEntry = {
+  label: string;
+  value: string;
+};
+type PartPickerProps = {
+  initial: string;
+  contents: PartPickerEntry[];
+  onChange: (value: string) => void;
+};
+export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
+export declare const ThemePickers: React.FunctionComponent;
+export {};
+//# sourceMappingURL=ThemePickers.d.ts.map

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { Theme } from '@fluentui-react-native/framework';
+export declare const themePickerStyles: (theme: Theme) => import('@fluentui-react-native/themed-stylesheet').NamedStyles<{
+  pickerRoot: unknown;
+  picker: unknown;
+  pickerItem: unknown;
+  dropdown: unknown;
+}>;
+export declare const ThemePickers: React.FunctionComponent;
+//# sourceMappingURL=ThemePickers.ios.d.ts.map

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,108 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.ThemePickers = exports.themePickerStyles = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __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 jsx_runtime_1.jsx(react_native_1.View, {
+    style: themedStyles.pickerRoot,
+    children: jsx_runtime_1.jsx(menu_1.MenuView, {
+      title: 'Theme',
+      onPressAction: ({ nativeEvent }) => {
+        onThemeSelected(nativeEvent.event);
+      },
+      actions: themeMenuOptions,
+      children: jsx_runtime_1.jsx(button_1.ButtonV1, { appearance: 'subtle', children: '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,MAAY,KAAK,kCAAc;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,CAAC;IAC9D,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;AAAA,CACH,CAAC,CAAC;AAEI,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,YAAY,GAAG,IAAA,QAAA,iBAAiB,EAAC,IAAA,oBAAQ,GAAE,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC;QAC9D,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IAAA,CAChD,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,kBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU,YAClC,kBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;gBAClC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAAA,CACpC,EACD,OAAO,EAAE,gBAAgB,YAEzB,kBAAC,iBAAM,IAAC,UAAU,EAAC,QAAQ,sBAAe,GACjC,GACN,CACR,CAAC;AAAA,CACH,CAAC;AA1BW,QAAA,YAAY,GAAZ,YAAY,CA0BvB"}

package/lib-commonjs/theme/ThemePickers.js

@@ -0,0 +1,131 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __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 jsx_runtime_1.jsx(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 jsx_runtime_1.jsxs(react_native_1.View, {
+    style: exports.themePickerStyles.pickerRoot,
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: exports.themePickerStyles.picker,
+        children: [
+          jsx_runtime_1.jsx(PickerLabel, { children: 'Theme: ' }),
+          jsx_runtime_1.jsx(exports.PartPicker, {
+            initial: CustomThemes_1.testerTheme.themeName,
+            onChange: onThemeSelected,
+            contents: applyTheme_1.themeChoices,
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: exports.themePickerStyles.picker,
+        children: [
+          jsx_runtime_1.jsx(PickerLabel, { children: 'Light/Dark: ' }),
+          jsx_runtime_1.jsx(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,MAAY,KAAK,kCAAc;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,CAAC;IAC9F,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,CAAC;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAAA,CACjB,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,kBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAA,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAAA,CAC7H,CAAC;AAZW,QAAA,UAAU,GAAV,UAAU,CAYrB;AAEF,MAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC;QAC9D,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IAAA,CAChD,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,aAAqB,EAAE,EAAE,CAAC;QACtE,0BAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,mBAAC,mBAAI,IAAC,KAAK,EAAE,QAAA,iBAAiB,CAAC,UAAU;YACvC,mBAAC,mBAAI,IAAC,KAAK,EAAE,QAAA,iBAAiB,CAAC,MAAM;oBACnC,kBAAC,WAAW,0BAAsB,EAClC,kBAAC,QAAA,UAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI;oBAC5F,EAEP,mBAAC,mBAAI,IAAC,KAAK,EAAE,QAAA,iBAAiB,CAAC,MAAM;oBACnC,kBAAC,WAAW,+BAA2B,EACvC,kBAAC,QAAA,UAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,+BAAgB,GAAI;oBACpG;YACF,CACR,CAAC;AAAA,CACH,CAAC;AAtBW,QAAA,YAAY,GAAZ,YAAY,CAsBvB"}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export declare const themePickerStyles: {
+  pickerRoot: {
+    flexDirection: 'row';
+  };
+  picker: {
+    flexDirection: 'row';
+    alignItems: 'center';
+    padding: number;
+  };
+  dropdown: {
+    height: number;
+    width: number;
+    fontSize: number;
+  };
+};
+type PartPickerEntry = {
+  label: string;
+  value: string;
+};
+type PartPickerProps = {
+  initial: string;
+  contents: PartPickerEntry[];
+  onChange: (value: string) => void;
+};
+export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
+export declare const ThemePickers: React.FunctionComponent;
+export {};
+//# sourceMappingURL=ThemePickers.macos.d.ts.map

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,158 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __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 jsx_runtime_1.jsx(react_native_1.View, {
+    style: { ...themeMenuPickerStyles.container, ...style },
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+          children: jsx_runtime_1.jsxs(react_native_2.ButtonV1, {
+            children: [
+              jsx_runtime_1.jsx(text_1.TextV1, { children: selected }),
+              jsx_runtime_1.jsx(react_native_1.View, {
+                style: themeMenuPickerStyles.svg,
+                children: jsx_runtime_1.jsx(react_native_svg_1.SvgXml, { xml: chevronXml }),
+              }),
+            ],
+          }),
+        }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsx(menu_1.MenuList, {
+            children: collection.map((entry, index) =>
+              jsx_runtime_1.jsx(menu_1.MenuItem, { onClick: () => onChange(entry.value), children: entry.label }, `entry${index}`),
+            ),
+          }),
+        }),
+      ],
+    }),
+  });
+};
+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 jsx_runtime_1.jsx(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 jsx_runtime_1.jsx(react_native_1.View, {
+    style: exports.themePickerStyles.pickerRoot,
+    children: jsx_runtime_1.jsxs(react_native_1.View, {
+      style: exports.themePickerStyles.picker,
+      children: [
+        jsx_runtime_1.jsx(PickerLabel, { children: 'Theme: ' }),
+        jsx_runtime_1.jsx(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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export declare const themePickerStyles: {
+  pickerRoot: {
+    flexDirection: 'row';
+  };
+  picker: {
+    flexDirection: 'row';
+    alignItems: 'center';
+    padding: number;
+  };
+  dropdown: {
+    height: number;
+    width: number;
+    fontSize: number;
+  };
+};
+type PartPickerEntry = {
+  label: string;
+  value: string;
+};
+type PartPickerProps = {
+  initial: string;
+  contents: PartPickerEntry[];
+  onChange: (value: string) => void;
+};
+export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
+export declare const ThemePickers: React.FunctionComponent;
+export {};
+//# sourceMappingURL=ThemePickers.win32.d.ts.map

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"}