@redocly/theme 0.71.0-next.2 → 0.71.0-next.3

package/lib/index.d.ts

@@ -289,6 +289,7 @@ export * from './icons/ColorPaletteIcon/ColorPaletteIcon';
 export * from './icons/IdeaIcon/IdeaIcon';
 export * from './icons/NewChatIcon/NewChatIcon';
 export * from './layouts/RootLayout';
+export * from './layouts/CustomContexts';
 export * from './layouts/PageLayout';
 export * from './layouts/NotFound';
 export * from './layouts/Forbidden';

package/lib/index.js

@@ -354,6 +354,7 @@ __exportStar(require("./icons/IdeaIcon/IdeaIcon"), exports);
 __exportStar(require("./icons/NewChatIcon/NewChatIcon"), exports);
 /* Layouts */
 __exportStar(require("./layouts/RootLayout"), exports);
+__exportStar(require("./layouts/CustomContexts"), exports);
 __exportStar(require("./layouts/PageLayout"), exports);
 __exportStar(require("./layouts/NotFound"), exports);
 __exportStar(require("./layouts/Forbidden"), exports);

package/lib/layouts/CustomContexts.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { JSX } from 'react';
+type CustomContextsProps = React.PropsWithChildren<{}>;
+export declare function CustomContexts({ children }: CustomContextsProps): JSX.Element;
+export {};

package/lib/layouts/CustomContexts.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomContexts = CustomContexts;
+const react_1 = __importDefault(require("react"));
+// Eject this component to wrap every page in custom React context providers.
+function CustomContexts({ children }) {
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+}
+//# sourceMappingURL=CustomContexts.js.map

package/lib/layouts/RootLayout.js

@@ -10,14 +10,16 @@ const Footer_1 = require("../components/Footer/Footer");
 const SkipContent_1 = require("../components/SkipContent/SkipContent");
 const AIAssistantButton_1 = require("../components/Buttons/AIAssistantButton");
 const hooks_1 = require("../core/hooks");
+const CustomContexts_1 = require("../layouts/CustomContexts");
 function RootLayout({ children }) {
     const { useSearchFeatures } = (0, hooks_1.useThemeHooks)();
     const { askAi } = useSearchFeatures();
     return (react_1.default.createElement("div", { "data-component-name": "layouts/RootLayout" },
-        react_1.default.createElement(SkipContent_1.SkipContent, null),
-        react_1.default.createElement(Navbar_1.Navbar, null),
-        children,
-        react_1.default.createElement(Footer_1.Footer, null),
-        askAi && react_1.default.createElement(AIAssistantButton_1.AIAssistantButton, null)));
+        react_1.default.createElement(CustomContexts_1.CustomContexts, null,
+            react_1.default.createElement(SkipContent_1.SkipContent, null),
+            react_1.default.createElement(Navbar_1.Navbar, null),
+            children,
+            react_1.default.createElement(Footer_1.Footer, null),
+            askAi && react_1.default.createElement(AIAssistantButton_1.AIAssistantButton, null))));
 }
 //# sourceMappingURL=RootLayout.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.71.0-next.2",
+  "version": "0.71.0-next.3",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/index.ts

@@ -318,6 +318,7 @@ export * from '@redocly/theme/icons/IdeaIcon/IdeaIcon';
 export * from '@redocly/theme/icons/NewChatIcon/NewChatIcon';
 /* Layouts */
 export * from '@redocly/theme/layouts/RootLayout';
+export * from '@redocly/theme/layouts/CustomContexts';
 export * from '@redocly/theme/layouts/PageLayout';
 export * from '@redocly/theme/layouts/NotFound';
 export * from '@redocly/theme/layouts/Forbidden';

package/src/layouts/CustomContexts.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+import type { JSX } from 'react';
+
+type CustomContextsProps = React.PropsWithChildren<{}>;
+
+// Eject this component to wrap every page in custom React context providers.
+export function CustomContexts({ children }: CustomContextsProps): JSX.Element {
+  return <>{children}</>;
+}

package/src/layouts/RootLayout.tsx

@@ -7,6 +7,7 @@ import { Footer } from '@redocly/theme/components/Footer/Footer';
 import { SkipContent } from '@redocly/theme/components/SkipContent/SkipContent';
 import { AIAssistantButton } from '@redocly/theme/components/Buttons/AIAssistantButton';
 import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { CustomContexts } from '@redocly/theme/layouts/CustomContexts';
 
 export type LayoutConfig = {
   children: React.ReactNode;
@@ -18,11 +19,13 @@ export function RootLayout({ children }: LayoutConfig): JSX.Element {
 
   return (
     <div data-component-name="layouts/RootLayout">
-      <SkipContent />
-      <Navbar />
-      {children}
-      <Footer />
-      {askAi && <AIAssistantButton />}
+      <CustomContexts>
+        <SkipContent />
+        <Navbar />
+        {children}
+        <Footer />
+        {askAi && <AIAssistantButton />}
+      </CustomContexts>
     </div>
   );
 }