@uifabricshared/theming-react-native 0.21.0 → 0.21.3

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # Change Log - @uifabricshared/theming-react-native
 
+## 0.21.3
+
+### Patch Changes
+
+- 9cf4444: Migrate from ESLint to oxlint
+- Updated dependencies [9cf4444]
+  - @uifabricshared/theme-registry@0.13.3
+  - @uifabricshared/theming-ramp@0.21.3
+  - @fluentui-react-native/default-theme@0.27.3
+  - @fluentui-react-native/win32-theme@0.39.3
+
+## 0.21.2
+
+### Patch Changes
+
+- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
+- Updated dependencies [8a7b549]
+  - @uifabricshared/theme-registry@0.13.2
+  - @uifabricshared/theming-ramp@0.21.2
+  - @fluentui-react-native/default-theme@0.27.2
+  - @fluentui-react-native/win32-theme@0.39.2
+
+## 0.21.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @uifabricshared/theme-registry@0.13.1
+  - @uifabricshared/theming-ramp@0.21.1
+  - @fluentui-react-native/default-theme@0.27.1
+  - @fluentui-react-native/win32-theme@0.39.1
+
 ## 0.21.0
 
 ### Minor Changes

package/lib/BaselinePlatformDefaults.d.ts

@@ -3,4 +3,4 @@ import type { ITheme } from '@uifabricshared/theming-ramp';
  * @deprecated
  */
 export declare function getBaselinePlatformTheme(): ITheme;
-//# sourceMappingURL=BaselinePlatformDefaults.d.ts.map
+//# sourceMappingURL=BaselinePlatformDefaults.d.ts.map

package/lib/BaselinePlatformDefaults.js

@@ -3,6 +3,6 @@ import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
  * @deprecated
  */
 export function getBaselinePlatformTheme() {
-  return defaultFluentTheme;
+    return defaultFluentTheme;
 }
-//# sourceMappingURL=BaselinePlatformDefaults.js.map
+//# sourceMappingURL=BaselinePlatformDefaults.js.map

package/lib/Global.d.ts

@@ -53,4 +53,4 @@ export declare function getTheme(name?: string): ITheme;
  * @deprecated
  */
 export declare function augmentPlatformTheme(definition: IPartialTheme): void;
-//# sourceMappingURL=Global.d.ts.map
+//# sourceMappingURL=Global.d.ts.map

package/lib/Global.js

@@ -6,10 +6,10 @@ let _registry;
  * @deprecated
  */
 export function getThemeRegistry() {
-  if (!_registry) {
-    _registry = createPlatformThemeRegistry();
-  }
-  return _registry;
+    if (!_registry) {
+        _registry = createPlatformThemeRegistry();
+    }
+    return _registry;
 }
 /**
  * Set the global theme registry.
@@ -23,7 +23,7 @@ export function getThemeRegistry() {
  * @deprecated
  */
 export function setThemeRegistry(registry) {
-  _registry = registry;
+    _registry = registry;
 }
 /**
  * Create or update a theme definition
@@ -33,7 +33,7 @@ export function setThemeRegistry(registry) {
  * @deprecated
  */
 export function setTheme(definition, name, parent) {
-  return getThemeRegistry().setTheme(definition, name, parent);
+    return getThemeRegistry().setTheme(definition, name, parent);
 }
 /**
  * Register a theme event listener
@@ -41,7 +41,7 @@ export function setTheme(definition, name, parent) {
  * @deprecated
  */
 export function addThemeRegistryListener(listener) {
-  return getThemeRegistry().addEventListener(listener);
+    return getThemeRegistry().addEventListener(listener);
 }
 /**
  * Unregister a theme event listener
@@ -49,7 +49,7 @@ export function addThemeRegistryListener(listener) {
  * @deprecated
  */
 export function removeThemeRegistryListener(listener) {
-  return getThemeRegistry().removeEventListener(listener);
+    return getThemeRegistry().removeEventListener(listener);
 }
 /**
  * Get a theme by name
@@ -57,7 +57,7 @@ export function removeThemeRegistryListener(listener) {
  * @deprecated
  */
 export function getTheme(name) {
-  return getThemeRegistry().getTheme(name);
+    return getThemeRegistry().getTheme(name);
 }
 /**
  * This will update the platform theme.  This is primarily exposed for clients to add custom lookup values to palettes or to
@@ -68,6 +68,6 @@ export function getTheme(name) {
  * @deprecated
  */
 export function augmentPlatformTheme(definition) {
-  getThemeRegistry().updatePlatformDefaults(definition);
+    getThemeRegistry().updatePlatformDefaults(definition);
 }
-//# sourceMappingURL=Global.js.map
+//# sourceMappingURL=Global.js.map

package/lib/NativeModule/ThemingModule.d.ts

@@ -1,5 +1,5 @@
 /**
  * @deprecated
  */
-export declare const ThemingModuleHelper: import('./ThemingModule.types').IThemingModuleHelper;
-//# sourceMappingURL=ThemingModule.d.ts.map
+export declare const ThemingModuleHelper: import("./ThemingModule.types").IThemingModuleHelper;
+//# sourceMappingURL=ThemingModule.d.ts.map

package/lib/NativeModule/ThemingModule.js

@@ -4,4 +4,4 @@ import { createThemingModuleHelper } from './ThemingModuleHelpers';
  * @deprecated
  */
 export const ThemingModuleHelper = createThemingModuleHelper(...getThemingModule());
-//# sourceMappingURL=ThemingModule.js.map
+//# sourceMappingURL=ThemingModule.js.map

package/lib/NativeModule/ThemingModule.types.d.ts

@@ -5,7 +5,7 @@ import type { ITheme, IPartialTheme, OfficePalette as IOfficePalette } from '@ui
  * @deprecated
  */
 export interface IEventEmitter {
-  addListener: (event: string, PlatformDefaultsChangedCallback: any) => void;
+    addListener: (event: string, PlatformDefaultsChangedCallback: any) => void;
 }
 /**
  * @deprecated
@@ -15,21 +15,21 @@ export type IPlatformThemeDefinition = IPartialTheme | IProcessTheme<ITheme, IPa
  * @deprecated
  */
 export interface IThemingModuleHelper {
-  /**
-   * Gets a complete platform theme suitable for using with a Theme Registry
-   */
-  getPlatformDefaults: (themeId?: string) => ITheme;
-  /**
-   * Gets a theme definition to register with a Theme Registry & use with the theme context to create a subtree with the
-   * look & feel of a platform theme.
-   */
-  getPlatformThemeDefinition: (themeId?: string) => IPlatformThemeDefinition;
-  addListener: (listener: PlatformDefaultsChangedCallback) => void;
+    /**
+     * Gets a complete platform theme suitable for using with a Theme Registry
+     */
+    getPlatformDefaults: (themeId?: string) => ITheme;
+    /**
+     * Gets a theme definition to register with a Theme Registry & use with the theme context to create a subtree with the
+     * look & feel of a platform theme.
+     */
+    getPlatformThemeDefinition: (themeId?: string) => IPlatformThemeDefinition;
+    addListener: (listener: PlatformDefaultsChangedCallback) => void;
 }
 /**
  * @deprecated
  */
 export type IHostSettingsWin32 = {
-  palette: IOfficePalette;
+    palette: IOfficePalette;
 };
-//# sourceMappingURL=ThemingModule.types.d.ts.map
+//# sourceMappingURL=ThemingModule.types.d.ts.map

package/lib/NativeModule/ThemingModule.types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=ThemingModule.types.js.map
+//# sourceMappingURL=ThemingModule.types.js.map

package/lib/NativeModule/ThemingModuleHelpers.d.ts

@@ -2,20 +2,15 @@ import type { OfficeThemingModule } from '@fluentui-react-native/win32-theme';
 import type { OfficePalette } from '@uifabricshared/theming-ramp';
 import type { IThemingModuleHelper, IEventEmitter } from './ThemingModule.types';
 type PaletteCache = {
-  [key: string]: OfficePalette;
+    [key: string]: OfficePalette;
 };
 /**
  * @deprecated
  */
-export declare function translateOfficeTheme(
-  module: OfficeThemingModule,
-  cache: PaletteCache,
-  id?: string,
-  themeName?: string,
-): import('@fluentui-react-native/theme-types').PartialTheme;
+export declare function translateOfficeTheme(module: OfficeThemingModule, cache: PaletteCache, id?: string, themeName?: string): import("@fluentui-react-native/theme-types").PartialTheme;
 /**
  * @deprecated
  */
 export declare function createThemingModuleHelper(themingModule?: OfficeThemingModule, emitter?: IEventEmitter): IThemingModuleHelper;
 export {};
-//# sourceMappingURL=ThemingModuleHelpers.d.ts.map
+//# sourceMappingURL=ThemingModuleHelpers.d.ts.map

package/lib/NativeModule/ThemingModuleHelpers.js

@@ -2,56 +2,56 @@ import { createPartialOfficeTheme } from '@fluentui-react-native/win32-theme';
 import { resolvePartialTheme } from '@uifabricshared/theming-ramp';
 import { getBaselinePlatformTheme } from '../BaselinePlatformDefaults';
 function isException(palette) {
-  return palette.message !== undefined;
+    return palette.message !== undefined;
 }
 function updatePaletteInCache(module, cache, palette) {
-  const paletteValue = module.getPalette(palette);
-  if (!isException(paletteValue)) {
-    cache[palette] = paletteValue;
-  }
+    const paletteValue = module.getPalette(palette);
+    if (!isException(paletteValue)) {
+        cache[palette] = paletteValue;
+    }
 }
 const getPaletteCacheKey = (palette) => {
-  return palette || 'WhiteColors';
+    return palette || 'WhiteColors';
 };
 function ensurePalette(module, paletteCache, palette) {
-  const key = getPaletteCacheKey(palette);
-  if (!paletteCache[key]) {
-    updatePaletteInCache(module, paletteCache, key);
-  }
-  return paletteCache[key] || {};
+    const key = getPaletteCacheKey(palette);
+    if (!paletteCache[key]) {
+        updatePaletteInCache(module, paletteCache, key);
+    }
+    return paletteCache[key] || {};
 }
 /**
  * @deprecated
  */
 export function translateOfficeTheme(module, cache, id, themeName) {
-  const palette = ensurePalette(module, cache, id);
-  return createPartialOfficeTheme(module, themeName, palette);
+    const palette = ensurePalette(module, cache, id);
+    return createPartialOfficeTheme(module, themeName, palette);
 }
 /**
  * @deprecated
  */
 export function createThemingModuleHelper(themingModule, emitter) {
-  themingModule || console.error('No NativeModule for Theming found');
-  const paletteCache = {};
-  let _hostTheme = themingModule.getConstants().initialHostThemeSetting || '';
-  emitter &&
-    emitter.addListener('onPlatformDefaultsChanged', (args) => {
-      _hostTheme = (args && args.hostThemeSetting) || _hostTheme;
-      Object.keys(paletteCache).forEach((key) => delete paletteCache[key]);
-    });
-  return {
-    getPlatformDefaults: (themeId) => {
-      return resolvePartialTheme(getBaselinePlatformTheme(), translateOfficeTheme(themingModule, paletteCache, themeId, _hostTheme));
-    },
-    getPlatformThemeDefinition: (themeId) => {
-      return (_parent) => {
-        updatePaletteInCache(themingModule, paletteCache, themeId);
-        return translateOfficeTheme(themingModule, paletteCache, themeId);
-      };
-    },
-    addListener: (callback) => {
-      emitter && emitter.addListener('onPlatformDefaultsChanged', callback);
-    },
-  };
+    themingModule || console.error('No NativeModule for Theming found');
+    const paletteCache = {};
+    let _hostTheme = themingModule.getConstants().initialHostThemeSetting || '';
+    emitter &&
+        emitter.addListener('onPlatformDefaultsChanged', (args) => {
+            _hostTheme = (args && args.hostThemeSetting) || _hostTheme;
+            Object.keys(paletteCache).forEach((key) => delete paletteCache[key]);
+        });
+    return {
+        getPlatformDefaults: (themeId) => {
+            return resolvePartialTheme(getBaselinePlatformTheme(), translateOfficeTheme(themingModule, paletteCache, themeId, _hostTheme));
+        },
+        getPlatformThemeDefinition: (themeId) => {
+            return (_parent) => {
+                updatePaletteInCache(themingModule, paletteCache, themeId);
+                return translateOfficeTheme(themingModule, paletteCache, themeId);
+            };
+        },
+        addListener: (callback) => {
+            emitter && emitter.addListener('onPlatformDefaultsChanged', callback);
+        },
+    };
 }
-//# sourceMappingURL=ThemingModuleHelpers.js.map
+//# sourceMappingURL=ThemingModuleHelpers.js.map

package/lib/NativeModule/getHostSettings.d.ts

@@ -3,4 +3,4 @@ import type { ITheme } from '../Theme.types';
  * @deprecated
  */
 export declare function getHostSettingsWin32(theme: ITheme): ITheme['host'] | undefined;
-//# sourceMappingURL=getHostSettings.d.ts.map
+//# sourceMappingURL=getHostSettings.d.ts.map

package/lib/NativeModule/getHostSettings.js

@@ -2,6 +2,6 @@
  * @deprecated
  */
 export function getHostSettingsWin32(theme) {
-  return theme.host?.palette ? theme.host : undefined;
+    return theme.host?.palette ? theme.host : undefined;
 }
-//# sourceMappingURL=getHostSettings.js.map
+//# sourceMappingURL=getHostSettings.js.map

package/lib/NativeModule/index.d.ts

@@ -1,4 +1,4 @@
 export { ThemingModuleHelper } from './ThemingModule';
 export type { IEventEmitter, IPlatformThemeDefinition, IThemingModuleHelper, IHostSettingsWin32 } from './ThemingModule.types';
 export { getHostSettingsWin32 } from './getHostSettings';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/NativeModule/index.js

@@ -1,3 +1,3 @@
 export { ThemingModuleHelper } from './ThemingModule';
 export { getHostSettingsWin32 } from './getHostSettings';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/Theme.types.d.ts

@@ -12,4 +12,4 @@ export type IThemeDefinition = IPartialTheme | IProcessTheme<ITheme, IPartialThe
  * @deprecated
  */
 export type ThemeRegistry = IThemeRegistry<ITheme, IPartialTheme>;
-//# sourceMappingURL=Theme.types.d.ts.map
+//# sourceMappingURL=Theme.types.d.ts.map

package/lib/Theme.types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Theme.types.js.map
+//# sourceMappingURL=Theme.types.js.map

package/lib/ThemeContext.d.ts

@@ -12,4 +12,4 @@ export declare const ThemeRegistryContext: React.Context<ThemeRegistry>;
  * @deprecated
  */
 export declare const useThemeRegistry: () => ThemeRegistry;
-//# sourceMappingURL=ThemeContext.d.ts.map
+//# sourceMappingURL=ThemeContext.d.ts.map

package/lib/ThemeContext.js

@@ -11,4 +11,4 @@ export const ThemeRegistryContext = React.createContext(undefined);
  * @deprecated
  */
 export const useThemeRegistry = () => React.useContext(ThemeRegistryContext);
-//# sourceMappingURL=ThemeContext.js.map
+//# sourceMappingURL=ThemeContext.js.map

package/lib/ThemeLayer.d.ts

@@ -7,17 +7,17 @@ import type { FurnJSX } from '@fluentui-react-native/framework-base';
  * @deprecated
  */
 export interface IThemeLayerProps {
-  /**
-   * If `themeName` is specified this layer will set that theme as the active theme.  Setting the value
-   * to '' will explicitly set the default theme as active in the context.  If `themeName` is unspecified
-   * the theme layer will act as a consumer and pick up the currently active theme in the context
-   */
-  themeName?: string;
-  /**
-   * children function that allows passing of the theme to children.  This is a standard pattern for
-   * consumers.
-   */
-  children: (theme: ITheme) => FurnJSX.Element | null;
+    /**
+     * If `themeName` is specified this layer will set that theme as the active theme.  Setting the value
+     * to '' will explicitly set the default theme as active in the context.  If `themeName` is unspecified
+     * the theme layer will act as a consumer and pick up the currently active theme in the context
+     */
+    themeName?: string;
+    /**
+     * children function that allows passing of the theme to children.  This is a standard pattern for
+     * consumers.
+     */
+    children: (theme: ITheme) => FurnJSX.Element | null;
 }
 /**
  * Multipurpose theme provider.  This can run in provider/consumer mode and pure consumer mode.
@@ -46,17 +46,17 @@ export interface IThemeLayerProps {
  * @deprecated
  */
 export declare class ThemeLayer extends React.Component<IThemeLayerProps> {
-  /**
-   * stores the name of the theme if in provider mode.  Existence of this string is tied to registration
-   * and is used to signal registration and unregistration
-   */
-  private _registeredTheme;
-  /** handler for theme changes, conditionally will force update */
-  onInvalidate: IThemeEventListener['onInvalidate'];
-  /** standard cleanup handler to ensure we unregister */
-  componentWillUnmount(): void;
-  render(): FurnJSX.Element;
-  /** helper to register if this is the first time and to update the filter if necessary */
-  private _ensureCallbackRegistration;
+    /**
+     * stores the name of the theme if in provider mode.  Existence of this string is tied to registration
+     * and is used to signal registration and unregistration
+     */
+    private _registeredTheme;
+    /** handler for theme changes, conditionally will force update */
+    onInvalidate: IThemeEventListener['onInvalidate'];
+    /** standard cleanup handler to ensure we unregister */
+    componentWillUnmount(): void;
+    render(): FurnJSX.Element;
+    /** helper to register if this is the first time and to update the filter if necessary */
+    private _ensureCallbackRegistration;
 }
-//# sourceMappingURL=ThemeLayer.d.ts.map
+//# sourceMappingURL=ThemeLayer.d.ts.map

package/lib/ThemeLayer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ThemeContext } from '@uifabricshared/theming-ramp';
 import { removeThemeRegistryListener, getTheme, addThemeRegistryListener } from './Global';
@@ -29,48 +29,46 @@ import { removeThemeRegistryListener, getTheme, addThemeRegistryListener } from
  * @deprecated
  */
 export class ThemeLayer extends React.Component {
-  /**
-   * stores the name of the theme if in provider mode.  Existence of this string is tied to registration
-   * and is used to signal registration and unregistration
-   */
-  _registeredTheme;
-  /** handler for theme changes, conditionally will force update */
-  onInvalidate = (name) => {
-    // only force updates if this theme was the one invalidated
-    if (name === this._registeredTheme) {
-      this.forceUpdate();
+    /**
+     * stores the name of the theme if in provider mode.  Existence of this string is tied to registration
+     * and is used to signal registration and unregistration
+     */
+    _registeredTheme;
+    /** handler for theme changes, conditionally will force update */
+    onInvalidate = (name) => {
+        // only force updates if this theme was the one invalidated
+        if (name === this._registeredTheme) {
+            this.forceUpdate();
+        }
+    };
+    /** standard cleanup handler to ensure we unregister */
+    componentWillUnmount() {
+        if (this._registeredTheme !== undefined) {
+            removeThemeRegistryListener(this);
+            this._registeredTheme = undefined;
+        }
     }
-  };
-  /** standard cleanup handler to ensure we unregister */
-  componentWillUnmount() {
-    if (this._registeredTheme !== undefined) {
-      removeThemeRegistryListener(this);
-      this._registeredTheme = undefined;
+    render() {
+        let themeName = this.props.themeName;
+        return (_jsx(ThemeContext.Consumer, { children: (theme) => {
+                // go to provider mode if a themeName is specified or if this is the first consumer and the context
+                // is undefined.
+                if (themeName !== undefined || theme === undefined) {
+                    themeName = themeName || '';
+                    this._ensureCallbackRegistration(themeName);
+                    theme = getTheme(themeName);
+                    return _jsx(ThemeContext.Provider, { value: theme, children: this.props.children(theme) });
+                }
+                // otherwise in consumer mode just push the current theme to the children
+                return this.props.children(theme);
+            } }));
     }
-  }
-  render() {
-    let themeName = this.props.themeName;
-    return _jsx(ThemeContext.Consumer, {
-      children: (theme) => {
-        // go to provider mode if a themeName is specified or if this is the first consumer and the context
-        // is undefined.
-        if (themeName !== undefined || theme === undefined) {
-          themeName = themeName || '';
-          this._ensureCallbackRegistration(themeName);
-          theme = getTheme(themeName);
-          return _jsx(ThemeContext.Provider, { value: theme, children: this.props.children(theme) });
+    /** helper to register if this is the first time and to update the filter if necessary */
+    _ensureCallbackRegistration = (themeName) => {
+        if (this._registeredTheme === undefined) {
+            addThemeRegistryListener(this);
         }
-        // otherwise in consumer mode just push the current theme to the children
-        return this.props.children(theme);
-      },
-    });
-  }
-  /** helper to register if this is the first time and to update the filter if necessary */
-  _ensureCallbackRegistration = (themeName) => {
-    if (this._registeredTheme === undefined) {
-      addThemeRegistryListener(this);
-    }
-    this._registeredTheme = themeName;
-  };
+        this._registeredTheme = themeName;
+    };
 }
-//# sourceMappingURL=ThemeLayer.js.map
+//# sourceMappingURL=ThemeLayer.js.map

package/lib/ThemeProvider.d.ts

@@ -5,4 +5,4 @@ import type { IThemeProviderProps } from './ThemeProvider.types';
  * See https://github.com/microsoft/fluentui-react-native/blob/main/docs/pages/Guides/UpdateThemeProvider.md for details
  */
 export declare const ThemeProvider: React.FunctionComponent<IThemeProviderProps>;
-//# sourceMappingURL=ThemeProvider.d.ts.map
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/ThemeProvider.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ThemeContext } from '@uifabricshared/theming-ramp';
 import { getThemeRegistry } from './Global';
@@ -8,24 +8,24 @@ import { useThemeRegistry, ThemeRegistryContext } from './ThemeContext';
  * See https://github.com/microsoft/fluentui-react-native/blob/main/docs/pages/Guides/UpdateThemeProvider.md for details
  */
 export const ThemeProvider = (props) => {
-  const { registry: registryFromProps, theme: themeName = '', children } = props;
-  const defaultRegistry = useThemeRegistry();
-  const registryToUse = registryFromProps || defaultRegistry || getThemeRegistry();
-  const [theme, setThemeState] = React.useState(registryToUse.getTheme(themeName));
-  React.useEffect(() => {
-    setThemeState(registryToUse.getTheme(themeName));
-    const themeInvalidater = {
-      onInvalidate: (name) => {
-        name === themeName && setThemeState(registryToUse.getTheme(themeName));
-      },
-    };
-    registryToUse.addEventListener(themeInvalidater);
-    return () => {
-      registryToUse.removeEventListener(themeInvalidater);
-    };
-  }, [registryToUse, themeName, setThemeState]);
-  const themeProvider = _jsx(ThemeContext.Provider, { value: theme, children: children });
-  // note `registryFromProps` came from props and it's not the same as `registryToUse`
-  return registryFromProps ? _jsx(ThemeRegistryContext.Provider, { value: registryFromProps, children: themeProvider }) : themeProvider;
+    const { registry: registryFromProps, theme: themeName = '', children } = props;
+    const defaultRegistry = useThemeRegistry();
+    const registryToUse = registryFromProps || defaultRegistry || getThemeRegistry();
+    const [theme, setThemeState] = React.useState(registryToUse.getTheme(themeName));
+    React.useEffect(() => {
+        setThemeState(registryToUse.getTheme(themeName));
+        const themeInvalidater = {
+            onInvalidate: (name) => {
+                name === themeName && setThemeState(registryToUse.getTheme(themeName));
+            },
+        };
+        registryToUse.addEventListener(themeInvalidater);
+        return () => {
+            registryToUse.removeEventListener(themeInvalidater);
+        };
+    }, [registryToUse, themeName, setThemeState]);
+    const themeProvider = _jsx(ThemeContext.Provider, { value: theme, children: children });
+    // note `registryFromProps` came from props and it's not the same as `registryToUse`
+    return registryFromProps ? (_jsx(ThemeRegistryContext.Provider, { value: registryFromProps, children: themeProvider })) : (themeProvider);
 };
-//# sourceMappingURL=ThemeProvider.js.map
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/ThemeProvider.types.d.ts

@@ -3,7 +3,7 @@ import { ThemeRegistry } from './Theme.types';
  * @deprecated
  */
 export interface IThemeProviderProps extends React.PropsWithChildren<{}> {
-  theme?: string;
-  registry?: ThemeRegistry;
+    theme?: string;
+    registry?: ThemeRegistry;
 }
-//# sourceMappingURL=ThemeProvider.types.d.ts.map
+//# sourceMappingURL=ThemeProvider.types.d.ts.map

package/lib/ThemeProvider.types.js

@@ -1,3 +1,3 @@
 /* eslint-disable */
 export {};
-//# sourceMappingURL=ThemeProvider.types.js.map
+//# sourceMappingURL=ThemeProvider.types.js.map

package/lib/index.d.ts

@@ -39,4 +39,4 @@ export { ThemingModuleHelper, getHostSettingsWin32 } from './NativeModule';
  * @deprecated
  */
 export type { IEventEmitter, IHostSettingsWin32, IPlatformThemeDefinition, IThemingModuleHelper } from './NativeModule';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -19,4 +19,4 @@ export { ThemeContext, ThemeRegistryContext, useTheme, useThemeRegistry } from '
  * @deprecated
  */
 export { ThemingModuleHelper, getHostSettingsWin32 } from './NativeModule';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/platform/PlatformDefaults.d.ts

@@ -2,11 +2,5 @@ import type { IThemingModuleHelper } from '../NativeModule';
 /**
  * @deprecated
  */
-export declare function createPlatformThemeRegistry(
-  _themeId?: string,
-  _module?: IThemingModuleHelper,
-): import('@uifabricshared/theme-registry').IThemeRegistry<
-  import('@fluentui-react-native/theme-types').Theme,
-  import('@fluentui-react-native/theme-types').PartialTheme
->;
-//# sourceMappingURL=PlatformDefaults.d.ts.map
+export declare function createPlatformThemeRegistry(_themeId?: string, _module?: IThemingModuleHelper): import("@uifabricshared/theme-registry").IThemeRegistry<import("@fluentui-react-native/theme-types").Theme, import("@fluentui-react-native/theme-types").PartialTheme>;
+//# sourceMappingURL=PlatformDefaults.d.ts.map