@redocly/openapi-docs 3.0.0-alpha.35 → 3.0.0-alpha.36

package/lib-esm/hooks/useContentItems.js

@@ -1,2 +1,2 @@
-import{useMemo}from"react";import{buildContentItems}from"../services";export const useContentItems=({options:t,parser:e})=>{const{contentItems:o,flatItems:s}=useMemo((()=>buildContentItems(e,t)),[t,e]);return{flatItems:s,contentItems:o}};
+import{useMemo}from"react";import{useSetRecoilState}from"recoil";import{useMount}from"@redocly/theme";import{buildContentItems,Pagination}from"../services";import{flatMenuItemsSelector}from"../recoil/app";import{getLink}from"../components/SideMenu/MenuItem";import{isRootItem}from"../components/ContentItems/helpers";export const useContentItems=({options:e,parser:t})=>{const{contentItems:o,flatItems:n}=useMemo((()=>buildContentItems(t,e)),[e,t]),m=useSetRecoilState(flatMenuItemsSelector),{pagination:s}=e;return useMount((()=>{m(flattenMenuItems(o,s))})),{flatItems:n,contentItems:o}};function flattenMenuItems(e,t,o=[]){return e.forEach((e=>{const n=getLink(e,t);let m=isRootItem(e);switch(t){case Pagination.Item:m=Boolean(n&&["tag","operation","schema"].includes(e.type));break;case Pagination.Section:m=Boolean(n&&["tag","schema"].includes(e.type))}m&&o.push({id:e.id,href:n,name:e.name}),e.items&&flattenMenuItems(e.items,t,o)})),o}
 //# sourceMappingURL=useContentItems.js.map

package/lib-esm/recoil/app.d.ts

@@ -1,5 +1,6 @@
 import { LayoutVariant } from '@redocly/theme';
 import type { CodeSampleConfig } from '../services';
+import type { MenuLink } from '../types';
 export type AppSessionStore = {
     activeVersionIdx: number;
     showRightPanelToggle: boolean;
@@ -12,11 +13,13 @@ export type AppLocalStore = {
 export type AppStore = {
     isSidebarOpened: boolean;
     activeMimeName: string;
+    menuNextLinks: MenuLink[];
 };
 export declare const appStore: import("recoil").RecoilState<AppStore>;
 export declare const collapsedSidebarSelector: import("recoil").RecoilState<boolean>;
 export declare const isSidebarOpenedSelector: import("recoil").RecoilState<boolean>;
 export declare const activeMimeNameSelector: import("recoil").RecoilState<string>;
+export declare const flatMenuItemsSelector: import("recoil").RecoilState<MenuLink[]>;
 /**
  * appLocalStore saved to local storage
  */

package/lib-esm/recoil/app.js

@@ -1,2 +1,2 @@
-import{atom,DefaultValue,selector}from"recoil";import{LayoutVariant}from"@redocly/theme";import{toLocalStorage,fromLocalStorage,toSessionStorage,fromSessionStorage,IS_BROWSER}from"../utils";export const appStore=atom({key:"appStore",default:{isSidebarOpened:!0,activeMimeName:""}});export const collapsedSidebarSelector=selector({key:"collapsedSidebar",get:({get:e})=>e(appSessionStore).collapsedSidebar,set:({set:e,get:t},o)=>{const a=t(appSessionStore);e(appSessionStore,Object.assign(Object.assign({},a),{collapsedSidebar:o}))}});export const isSidebarOpenedSelector=selector({key:"isSidebarOpened",get:({get:e})=>e(appStore).isSidebarOpened,set:({set:e,get:t},o)=>{const a=t(appStore);e(appStore,Object.assign(Object.assign({},a),{isSidebarOpened:o}))}});export const activeMimeNameSelector=selector({key:"activeMimeName",get:({get:e})=>e(appStore).activeMimeName,set:({set:e,get:t},o)=>{const a=t(appStore);e(appStore,Object.assign(Object.assign({},a),{activeMimeName:o}))}});export const appLocalStore=atom({key:"appLocalStore",default:{layout:LayoutVariant.THREE_PANEL,activeSampleLanguage:""},effects:[({onSet:e,setSelf:t})=>{const o=fromLocalStorage("appLocalStore");null!=o&&""!==o&&t(JSON.parse(o)),e((e=>{e instanceof DefaultValue?IS_BROWSER&&localStorage.removeItem("appLocalStore"):toLocalStorage("appLocalStore",JSON.stringify(e))}))}]});export const layoutSelector=selector({key:"layout",get:({get:e})=>e(appLocalStore).layout,set:({set:e,get:t},o=LayoutVariant.STACKED)=>{const a=t(appLocalStore);e(appLocalStore,Object.assign(Object.assign({},a),{layout:o}))}});export const activeSampleLanguageSelector=selector({key:"activeSampleLanguage",get:({get:e})=>e(appLocalStore).activeSampleLanguage,set:({set:e,get:t},o)=>{const a=t(appLocalStore);e(appLocalStore,Object.assign(Object.assign({},a),{activeSampleLanguage:o}))}});export const appSessionStore=atom({key:"appSessionStore",default:{activeVersionIdx:0,showRightPanelToggle:!0,collapsedSidebar:!1},effects:[({onSet:e,setSelf:t})=>{const o=fromSessionStorage("appSessionStore");null!=o&&""!==o&&t(JSON.parse(o)),e((e=>{e instanceof DefaultValue?IS_BROWSER&&localStorage.removeItem("appSessionStore"):toSessionStorage("appSessionStore",JSON.stringify(e))}))}]});export const showRightPanelToggleSelector=selector({key:"showRightPanelToggle",get:({get:e})=>e(appSessionStore).showRightPanelToggle,set:({set:e,get:t},o)=>{const a=t(appSessionStore);e(appSessionStore,Object.assign(Object.assign({},a),{showRightPanelToggle:o}))}});export const activeVersionIdxSelector=selector({key:"activeVersionIdx",get:({get:e})=>e(appSessionStore).activeVersionIdx,set:({set:e,get:t},o)=>{const a=t(appSessionStore);e(appSessionStore,Object.assign(Object.assign({},a),{activeVersionIdx:o}))}});
+import{atom,DefaultValue,selector}from"recoil";import{LayoutVariant}from"@redocly/theme";import{toLocalStorage,fromLocalStorage,toSessionStorage,fromSessionStorage,IS_BROWSER}from"../utils";export const appStore=atom({key:"appStore",default:{isSidebarOpened:!0,activeMimeName:"",menuNextLinks:[]}});export const collapsedSidebarSelector=selector({key:"collapsedSidebar",get:({get:e})=>e(appSessionStore).collapsedSidebar,set:({set:e,get:t},o)=>{const a=t(appSessionStore);e(appSessionStore,Object.assign(Object.assign({},a),{collapsedSidebar:o}))}});export const isSidebarOpenedSelector=selector({key:"isSidebarOpened",get:({get:e})=>e(appStore).isSidebarOpened,set:({set:e,get:t},o)=>{const a=t(appStore);e(appStore,Object.assign(Object.assign({},a),{isSidebarOpened:o}))}});export const activeMimeNameSelector=selector({key:"activeMimeName",get:({get:e})=>e(appStore).activeMimeName,set:({set:e,get:t},o)=>{const a=t(appStore);e(appStore,Object.assign(Object.assign({},a),{activeMimeName:o}))}});export const flatMenuItemsSelector=selector({key:"flatMenuItems",get:({get:e})=>e(appStore).menuNextLinks,set:({set:e,get:t},o)=>{const a=t(appStore);e(appStore,Object.assign(Object.assign({},a),{menuNextLinks:o}))}});export const appLocalStore=atom({key:"appLocalStore",default:{layout:LayoutVariant.THREE_PANEL,activeSampleLanguage:""},effects:[({onSet:e,setSelf:t})=>{const o=fromLocalStorage("appLocalStore");null!=o&&""!==o&&t(JSON.parse(o)),e((e=>{e instanceof DefaultValue?IS_BROWSER&&localStorage.removeItem("appLocalStore"):toLocalStorage("appLocalStore",JSON.stringify(e))}))}]});export const layoutSelector=selector({key:"layout",get:({get:e})=>e(appLocalStore).layout,set:({set:e,get:t},o=LayoutVariant.STACKED)=>{const a=t(appLocalStore);e(appLocalStore,Object.assign(Object.assign({},a),{layout:o}))}});export const activeSampleLanguageSelector=selector({key:"activeSampleLanguage",get:({get:e})=>e(appLocalStore).activeSampleLanguage,set:({set:e,get:t},o)=>{const a=t(appLocalStore);e(appLocalStore,Object.assign(Object.assign({},a),{activeSampleLanguage:o}))}});export const appSessionStore=atom({key:"appSessionStore",default:{activeVersionIdx:0,showRightPanelToggle:!0,collapsedSidebar:!1},effects:[({onSet:e,setSelf:t})=>{const o=fromSessionStorage("appSessionStore");null!=o&&""!==o&&t(JSON.parse(o)),e((e=>{e instanceof DefaultValue?IS_BROWSER&&localStorage.removeItem("appSessionStore"):toSessionStorage("appSessionStore",JSON.stringify(e))}))}]});export const showRightPanelToggleSelector=selector({key:"showRightPanelToggle",get:({get:e})=>e(appSessionStore).showRightPanelToggle,set:({set:e,get:t},o)=>{const a=t(appSessionStore);e(appSessionStore,Object.assign(Object.assign({},a),{showRightPanelToggle:o}))}});export const activeVersionIdxSelector=selector({key:"activeVersionIdx",get:({get:e})=>e(appSessionStore).activeVersionIdx,set:({set:e,get:t},o)=>{const a=t(appSessionStore);e(appSessionStore,Object.assign(Object.assign({},a),{activeVersionIdx:o}))}});
 //# sourceMappingURL=app.js.map

package/lib-esm/services/types.d.ts

@@ -133,6 +133,7 @@ export interface HooksConfig {
         securityRequirementId: string;
     }) => string;
     sanitize?: (raw: string) => string;
+    MiddlePanelFooter?: HookConfig<undefined>;
     /** @deprecated Use ReplaceTryItSecurityPanel instead */
     ReplaceTryItAuthPanel?: HookConfig<SecurityPanelHookProps>;
 }

package/lib-esm/types/app.d.ts

@@ -1 +1,6 @@
 export type RouterType = 'history' | 'memory' | 'hash';
+export type MenuLink = {
+    id: string;
+    href: string;
+    name: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.35",
+  "version": "3.0.0-alpha.36",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -119,7 +119,7 @@
     "webpack-dev-server": "^4.9.3",
     "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
     "js-yaml": "4.1.0",
-    "@redocly/theme": "0.11.1"
+    "@redocly/theme": "0.11.2"
   },
   "nx": {
     "namedInputs": {

package/lib/components/NextSectionButton/styled.d.ts

@@ -1 +0,0 @@
-export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/NextSectionButton/styled.d.ts

@@ -1 +0,0 @@
-export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", any, {}, never>;