@fluentui-react-native/win32-theme 0.38.0 → 0.39.0

package/lib/createOfficeTheme.js

@@ -8,8 +8,8 @@ import { win32Typography } from './getThemeTypography';
 import { getThemingModule } from './NativeModule/getThemingModule';
 import { getCurrentHostThemeSetting, setCurrentHostThemeSetting } from './NativeModule/hostThemeSetting';
 function handlePaletteCall(palette) {
-    const exception = palette;
-    return exception && exception.message !== undefined ? undefined : palette;
+  const exception = palette;
+  return exception && exception.message !== undefined ? undefined : palette;
 }
 /**
  * create a theme reference for an Office win32 theme. This will be based upon the standard
@@ -21,48 +21,55 @@ function handlePaletteCall(palette) {
  * @param paletteName - optional specifier for the currently active office palette
  */
 export function createOfficeTheme(options = {}) {
-    const [module, emitter] = getThemingModule();
-    const ref = { module, emitter, themeName: getCurrentHostThemeSetting() || '' };
-    const { paletteName } = options;
-    const themeRef = new ThemeReference(createDefaultTheme(options), () => {
-        const name = paletteName || 'WhiteColors';
-        const palette = handlePaletteCall(ref.module.getPalette(name));
-        return createPartialOfficeTheme(module, ref.themeName, palette);
-    }, () => {
-        if (!ref.themeName || ref.themeName === '') {
-            return {};
-        }
-        return {
-            shadows: { ...createOfficeShadowAliasTokens(ref.themeName) },
-            typography: win32Typography(),
-        };
-    }, () => {
-        if (!ref.themeName || ref.themeName === '') {
-            return {};
-        }
-        return {
-            colors: { ...createOfficeColorAliasTokens(ref.themeName) },
-            typography: win32Typography(),
-        };
-    }, (theme) => {
-        return createBrandedThemeWithAlias(ref.themeName, theme);
-    }, (theme) => {
-        if (!theme.host.palette) {
-            return {};
-        }
-        return {
-            ...(paletteName !== undefined && { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') }),
-            typography: win32Typography(),
-        };
-    });
-    // set up the callback for theme changes on the native side
-    const onPlatformDefaultsChanged = (args) => {
-        ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
-        setCurrentHostThemeSetting(ref.themeName);
-        themeRef.invalidate();
-    };
-    emitter && emitter.addListener('onPlatformDefaultsChanged', onPlatformDefaultsChanged);
-    // now return the theme reference
-    return themeRef;
+  const [module, emitter] = getThemingModule();
+  const ref = { module, emitter, themeName: getCurrentHostThemeSetting() || '' };
+  const { paletteName } = options;
+  const themeRef = new ThemeReference(
+    createDefaultTheme(options),
+    () => {
+      const name = paletteName || 'WhiteColors';
+      const palette = handlePaletteCall(ref.module.getPalette(name));
+      return createPartialOfficeTheme(module, ref.themeName, palette);
+    },
+    () => {
+      if (!ref.themeName || ref.themeName === '') {
+        return {};
+      }
+      return {
+        shadows: { ...createOfficeShadowAliasTokens(ref.themeName) },
+        typography: win32Typography(),
+      };
+    },
+    () => {
+      if (!ref.themeName || ref.themeName === '') {
+        return {};
+      }
+      return {
+        colors: { ...createOfficeColorAliasTokens(ref.themeName) },
+        typography: win32Typography(),
+      };
+    },
+    (theme) => {
+      return createBrandedThemeWithAlias(ref.themeName, theme);
+    },
+    (theme) => {
+      if (!theme.host.palette) {
+        return {};
+      }
+      return {
+        ...(paletteName !== undefined && { colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast') }),
+        typography: win32Typography(),
+      };
+    },
+  );
+  // set up the callback for theme changes on the native side
+  const onPlatformDefaultsChanged = (args) => {
+    ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
+    setCurrentHostThemeSetting(ref.themeName);
+    themeRef.invalidate();
+  };
+  emitter && emitter.addListener('onPlatformDefaultsChanged', onPlatformDefaultsChanged);
+  // now return the theme reference
+  return themeRef;
 }
-//# sourceMappingURL=createOfficeTheme.js.map
+//# sourceMappingURL=createOfficeTheme.js.map

package/lib/createOfficeTheme.js.map

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

package/lib/createPartialOfficeTheme.d.ts

@@ -7,4 +7,4 @@ import type { OfficeThemingModule } from './NativeModule/officeThemingModule';
  * @param palette - Office palette colors, if they have been successfully retrieved
  */
 export declare function createPartialOfficeTheme(module: OfficeThemingModule, themeName?: string, palette?: OfficePalette): PartialTheme;
-//# sourceMappingURL=createPartialOfficeTheme.d.ts.map
+//# sourceMappingURL=createPartialOfficeTheme.d.ts.map

package/lib/createPartialOfficeTheme.js

@@ -1,10 +1,13 @@
 import { paletteFromOfficeColors } from './paletteFromOfficeColors';
 const getRamps = (module) => {
-    return Object.keys(module.getConstants().ramps).reduce((total, colorRamp) => {
-        return Object.assign(total, ...module.getConstants().rampNames[colorRamp].map((rampValueName, index) => {
-            return { [rampValueName]: module.getConstants().ramps[colorRamp][index] };
-        }));
-    }, {});
+  return Object.keys(module.getConstants().ramps).reduce((total, colorRamp) => {
+    return Object.assign(
+      total,
+      ...module.getConstants().rampNames[colorRamp].map((rampValueName, index) => {
+        return { [rampValueName]: module.getConstants().ramps[colorRamp][index] };
+      }),
+    );
+  }, {});
 };
 /**
  * create a partial theme with overrides from the office native module
@@ -13,18 +16,18 @@ const getRamps = (module) => {
  * @param palette - Office palette colors, if they have been successfully retrieved
  */
 export function createPartialOfficeTheme(module, themeName, palette) {
-    return {
-        colors: {
-            ...(palette && paletteFromOfficeColors(palette)),
-        },
-        typography: module.getConstants().fluentTypography,
-        host: {
-            // Office Semantic Colors
-            palette: palette || {},
-            // Office Branding Colors
-            colors: getRamps(module),
-        },
-        ...(themeName ? { name: themeName } : undefined),
-    };
+  return {
+    colors: {
+      ...(palette && paletteFromOfficeColors(palette)),
+    },
+    typography: module.getConstants().fluentTypography,
+    host: {
+      // Office Semantic Colors
+      palette: palette || {},
+      // Office Branding Colors
+      colors: getRamps(module),
+    },
+    ...(themeName ? { name: themeName } : undefined),
+  };
 }
-//# sourceMappingURL=createPartialOfficeTheme.js.map
+//# sourceMappingURL=createPartialOfficeTheme.js.map

package/lib/createPartialOfficeTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createPartialOfficeTheme.js","sourceRoot":"","sources":["../src/createPartialOfficeTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,MAAM,QAAQ,GAAG,CAAC,MAA2B,EAAU,EAAE;IACvD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAS,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE;QAClG,OAAO,MAAM,CAAC,MAAM,CAClB,KAAK,EACL,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,aAAqB,EAAE,KAAa,EAAE,EAAE;YACzF,OAAO,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5E,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAA2B,EAAE,SAAkB,EAAE,OAAuB;IAC/G,OAAO;QACL,MAAM,EAAE;YACN,GAAG,CAAC,OAAO,IAAI,uBAAuB,CAAC,OAAO,CAAC,CAAC;SACjD;QACD,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,gBAAgB;QAClD,IAAI,EAAE;YACJ,yBAAyB;YACzB,OAAO,EAAE,OAAO,IAAI,EAAE;YACtB,yBAAyB;YACzB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;SACzB;QACD,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;KACjD,CAAC;AACJ,CAAC"}
+{"version":3,"file":"createPartialOfficeTheme.js","sourceRoot":"","sources":["../src/createPartialOfficeTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,MAAM,QAAQ,GAAG,CAAC,MAA2B,EAAU,EAAE,CAAC;IACxD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAS,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE,CAAC;QACnG,OAAO,MAAM,CAAC,MAAM,CAClB,KAAK,EACL,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,aAAqB,EAAE,KAAa,EAAE,EAAE,CAAC;YAC1F,OAAO,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QAAA,CAC3E,CAAC,CACH,CAAC;IAAA,CACH,EAAE,EAAE,CAAC,CAAC;AAAA,CACR,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAA2B,EAAE,SAAkB,EAAE,OAAuB,EAAgB;IAC/H,OAAO;QACL,MAAM,EAAE;YACN,GAAG,CAAC,OAAO,IAAI,uBAAuB,CAAC,OAAO,CAAC,CAAC;SACjD;QACD,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,gBAAgB;QAClD,IAAI,EAAE;YACJ,yBAAyB;YACzB,OAAO,EAAE,OAAO,IAAI,EAAE;YACtB,yBAAyB;YACzB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;SACzB;QACD,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;KACjD,CAAC;AAAA,CACH"}