1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.ThemeConsumer = exports.DEFAULT_BREAKPOINTS = void 0;
|
5 | exports.createBootstrapComponent = createBootstrapComponent;
|
6 | exports.default = void 0;
|
7 | exports.useBootstrapBreakpoints = useBootstrapBreakpoints;
|
8 | exports.useBootstrapPrefix = useBootstrapPrefix;
|
9 | exports.useIsRTL = useIsRTL;
|
10 |
|
11 | var React = _interopRequireWildcard(require("react"));
|
12 |
|
13 | var _jsxRuntime = require("react/jsx-runtime");
|
14 |
|
15 | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
16 |
|
17 | function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
18 |
|
19 | const DEFAULT_BREAKPOINTS = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
|
20 | exports.DEFAULT_BREAKPOINTS = DEFAULT_BREAKPOINTS;
|
21 | const ThemeContext = React.createContext({
|
22 | prefixes: {},
|
23 | breakpoints: DEFAULT_BREAKPOINTS
|
24 | });
|
25 | const {
|
26 | Consumer,
|
27 | Provider
|
28 | } = ThemeContext;
|
29 | exports.ThemeConsumer = Consumer;
|
30 |
|
31 | function ThemeProvider({
|
32 | prefixes = {},
|
33 | breakpoints = DEFAULT_BREAKPOINTS,
|
34 | dir,
|
35 | children
|
36 | }) {
|
37 | const contextValue = (0, React.useMemo)(() => ({
|
38 | prefixes: { ...prefixes
|
39 | },
|
40 | breakpoints,
|
41 | dir
|
42 | }), [prefixes, breakpoints, dir]);
|
43 | return (0, _jsxRuntime.jsx)(Provider, {
|
44 | value: contextValue,
|
45 | children: children
|
46 | });
|
47 | }
|
48 |
|
49 | function useBootstrapPrefix(prefix, defaultPrefix) {
|
50 | const {
|
51 | prefixes
|
52 | } = (0, React.useContext)(ThemeContext);
|
53 | return prefix || prefixes[defaultPrefix] || defaultPrefix;
|
54 | }
|
55 |
|
56 | function useBootstrapBreakpoints() {
|
57 | const {
|
58 | breakpoints
|
59 | } = (0, React.useContext)(ThemeContext);
|
60 | return breakpoints;
|
61 | }
|
62 |
|
63 | function useIsRTL() {
|
64 | const {
|
65 | dir
|
66 | } = (0, React.useContext)(ThemeContext);
|
67 | return dir === 'rtl';
|
68 | }
|
69 |
|
70 | function createBootstrapComponent(Component, opts) {
|
71 | if (typeof opts === 'string') opts = {
|
72 | prefix: opts
|
73 | };
|
74 | const isClassy = Component.prototype && Component.prototype.isReactComponent;
|
75 |
|
76 | const {
|
77 | prefix,
|
78 | forwardRefAs = isClassy ? 'ref' : 'innerRef'
|
79 | } = opts;
|
80 | const Wrapped = React.forwardRef(({ ...props
|
81 | }, ref) => {
|
82 | props[forwardRefAs] = ref;
|
83 | const bsPrefix = useBootstrapPrefix(props.bsPrefix, prefix);
|
84 | return (0, _jsxRuntime.jsx)(Component, { ...props,
|
85 | bsPrefix: bsPrefix
|
86 | });
|
87 | });
|
88 | Wrapped.displayName = `Bootstrap(${Component.displayName || Component.name})`;
|
89 | return Wrapped;
|
90 | }
|
91 |
|
92 | var _default = ThemeProvider;
|
93 | exports.default = _default; |
\ | No newline at end of file |