GoScrobble/web/node_modules/react-bootstrap/esm/ThemeProvider.js

47 lines
1.7 KiB
JavaScript

import _extends from "@babel/runtime/helpers/esm/extends";
import React, { useContext, useMemo } from 'react';
var ThemeContext = /*#__PURE__*/React.createContext({});
var Consumer = ThemeContext.Consumer,
Provider = ThemeContext.Provider;
function ThemeProvider(_ref) {
var prefixes = _ref.prefixes,
children = _ref.children;
var copiedPrefixes = useMemo(function () {
return _extends({}, prefixes);
}, [prefixes]);
return /*#__PURE__*/React.createElement(Provider, {
value: copiedPrefixes
}, children);
}
export function useBootstrapPrefix(prefix, defaultPrefix) {
var prefixes = useContext(ThemeContext);
return prefix || prefixes[defaultPrefix] || defaultPrefix;
}
function createBootstrapComponent(Component, opts) {
if (typeof opts === 'string') opts = {
prefix: opts
};
var isClassy = Component.prototype && Component.prototype.isReactComponent; // If it's a functional component make sure we don't break it with a ref
var _opts = opts,
prefix = _opts.prefix,
_opts$forwardRefAs = _opts.forwardRefAs,
forwardRefAs = _opts$forwardRefAs === void 0 ? isClassy ? 'ref' : 'innerRef' : _opts$forwardRefAs;
var Wrapped = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
var props = _extends({}, _ref2);
props[forwardRefAs] = ref;
var bsPrefix = useBootstrapPrefix(props.bsPrefix, prefix);
return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
bsPrefix: bsPrefix
}));
});
Wrapped.displayName = "Bootstrap(" + (Component.displayName || Component.name) + ")";
return Wrapped;
}
export { createBootstrapComponent, Consumer as ThemeConsumer };
export default ThemeProvider;