12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- "use strict";
-
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
- exports.__esModule = true;
- exports.useBootstrapPrefix = useBootstrapPrefix;
- exports.createBootstrapComponent = createBootstrapComponent;
- exports.default = exports.ThemeConsumer = void 0;
-
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
- var _forwardRef = _interopRequireDefault(require("@restart/context/forwardRef"));
-
- var _react = _interopRequireWildcard(require("react"));
-
- var ThemeContext = _react.default.createContext({});
-
- var Consumer = ThemeContext.Consumer,
- Provider = ThemeContext.Provider;
- exports.ThemeConsumer = Consumer;
-
- function ThemeProvider(_ref) {
- var prefixes = _ref.prefixes,
- children = _ref.children;
- var copiedPrefixes = (0, _react.useMemo)(function () {
- return (0, _extends2.default)({}, prefixes);
- }, [prefixes]);
- return _react.default.createElement(Provider, {
- value: copiedPrefixes
- }, children);
- }
-
- function useBootstrapPrefix(prefix, defaultPrefix) {
- var prefixes = (0, _react.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;
- return (0, _forwardRef.default)(function (_ref2, ref) {
- var props = (0, _extends2.default)({}, _ref2);
- props[forwardRefAs] = ref; // eslint-disable-next-line react/prop-types
-
- var bsPrefix = useBootstrapPrefix(props.bsPrefix, prefix);
- return _react.default.createElement(Component, (0, _extends2.default)({}, props, {
- bsPrefix: bsPrefix
- }));
- }, {
- displayName: "Bootstrap(" + (Component.displayName || Component.name) + ")"
- });
- }
-
- var _default = ThemeProvider;
- exports.default = _default;
|