@react-awesome-query-builder/fluent
Version:
User-friendly query builder for React. Fluent 8 widgets
21 lines • 1.05 kB
JavaScript
import React from "react";
import { ThemeProvider, useTheme } from "@fluentui/react";
import { buildTheme } from "../../utils/theming";
import { FluentUIConfirmProvider } from "./FluentUIConfirm";
import { CssVarsProvider } from "./CssVarsProvider";
var FluentUIProvider = function FluentUIProvider(_ref) {
var _config$settings$desi;
var config = _ref.config,
children = _ref.children;
var existingOuterTheme = useTheme();
var existingTheme = (_config$settings$desi = config.settings.designSettings) !== null && _config$settings$desi !== void 0 && _config$settings$desi.canInheritThemeFromOuterProvider ? existingOuterTheme : undefined;
var theme = buildTheme(config, existingTheme);
var withProviders = /*#__PURE__*/React.createElement(FluentUIConfirmProvider, null, /*#__PURE__*/React.createElement(CssVarsProvider, {
config: config
}, children));
var withTheme = theme ? /*#__PURE__*/React.createElement(ThemeProvider, {
theme: theme
}, withProviders) : withProviders;
return withTheme;
};
export { FluentUIProvider };