@redocly/openapi-docs 3.0.0-alpha.40 → 3.0.0-alpha.41

package/lib/components/Samples/SamplesTabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TabProps, TabsProps } from '../Tabs';
+import type { TabsProps, TabProps } from '../Tabs';
 interface SampleProps extends TabProps {
     lang: string;
     key: string;

package/lib/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Tabs_1=require("../Tabs"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper"),app_1=require("../../recoil/app");function SamplesTabsComponent({children:e,onChange:t,defaultLanguage:a,id:r,tabs:n}){const[i,o]=(0,recoil_1.useRecoilState)(app_1.activeSampleLanguageSelector),[u,l]=react_1.default.useState(a),[c,d]=react_1.default.useState(),s=react_1.default.useMemo((()=>{const e=n.findIndex((e=>[i,u].includes(e.key)||e.lang===i));return-1===e?0:e}),[n,u,i]),_=react_1.default.useMemo((()=>n.map((({lang:e})=>e))),[n]);react_1.default.useLayoutEffect((()=>{var e;const t=null===(e=document.getElementById(r))||void 0===e?void 0:e.getBoundingClientRect().y;if(t&&c&&t!==c){const e=t-c;window.requestAnimationFrame((()=>window.scrollBy(0,e))),d(void 0)}}),[_,c,r]),react_1.default.useEffect((()=>{u&&o(u)}),[u,a,o]);const p=react_1.default.useCallback((e=>{var a;const i=n[e];d(null===(a=document.getElementById(r))||void 0===a?void 0:a.getBoundingClientRect().y),l(i.key),t&&t(i)}),[r,t,n]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated",id:r},react_1.default.createElement(Tabs_1.CollapsingTabsBase,{tabs:n,activeIndex:s,onChange:p},a&&-1===_.indexOf(a)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),e))}exports.SamplesTabs=(0,react_1.memo)(SamplesTabsComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Tabs_1=require("../Tabs"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper"),app_1=require("../../recoil/app");function SamplesTabsComponent({children:e,onChange:t,defaultLanguage:a="",id:r,tabs:n}){const[o,i]=(0,recoil_1.useRecoilState)(app_1.activeSampleLanguageSelector),[l,s]=(0,react_1.useState)(),[c,u]=(0,react_1.useState)((()=>{const e=n.findIndex((e=>[e.lang,e.key].some((e=>e.toLowerCase()===a.toLowerCase()))));return-1!==e?e:0}));(0,react_1.useEffect)((()=>{const e=n.findIndex((e=>e.lang.toLocaleLowerCase()===o.toLocaleLowerCase()||e.key.toLocaleLowerCase()===o.toLocaleLowerCase()));if(-1!==e)return u(e)}),[o,n]);const d=(0,react_1.useMemo)((()=>n.map((({lang:e})=>e))),[n]);(0,react_1.useLayoutEffect)((()=>{var e;const t=null===(e=document.getElementById(r))||void 0===e?void 0:e.getBoundingClientRect().y;if(t&&l&&t!==l){const e=t-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),s(void 0)}}),[d,l,r]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:o&&"updated",id:r},react_1.default.createElement(Tabs_1.CollapsingTabsBase,{tabs:n,activeIndex:c,onChange:e=>{var a;const o=n[e];s(null===(a=document.getElementById(r))||void 0===a?void 0:a.getBoundingClientRect().y),i(o.lang),null==t||t(o)}},a&&-1===d.indexOf(a)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),e))}exports.SamplesTabs=(0,react_1.memo)(SamplesTabsComponent);
 //# sourceMappingURL=SamplesTabs.js.map

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;const react_1=__importDefault(require("react")),react_tabs_1=require("react-tabs"),recoil_1=require("recoil"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),store_1=require("../../../recoil/store");function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:l,onChange:o}){const{samplesTabsMaxCount:r}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),i=react_1.default.useMemo((()=>e.slice(r).map((({title:e},t)=>({idx:t,value:e})))),[e,r]),s=`${i.length} more`,[n,u]=react_1.default.useState(s),c=react_1.default.useCallback((()=>{var t;const a=l>=r;n!==s&&n===e[l].title||!a?n===s||a||u(s):u(null===(t=e[l])||void 0===t?void 0:t.title)}),[l,r,n,s,e]);react_1.default.useEffect((()=>{setTimeout(c,0)}),[l,r,c]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:l,onSelect:o},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:a},e.map(((e,t)=>react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:null==e?void 0:e.key,disabled:t>=r},null==e?void 0:e.title))),i.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:i,onChange:e=>{o(r+e.idx)},placeholder:s,value:n,active:l>=r}):null),t)}exports.CollapsingTabsBase=react_1.default.memo(CollapsingTabsBaseComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;const react_1=__importStar(require("react")),react_tabs_1=require("react-tabs"),recoil_1=require("recoil"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),store_1=require("../../../recoil/store");function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:r,onChange:l}){const{samplesTabsMaxCount:o}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),i=(0,react_1.useMemo)((()=>e.slice(o).map((({title:e},t)=>({idx:t,value:e})))),[e,o]),n=`${i.length} more`,[s,c]=(0,react_1.useState)(n),u=(0,react_1.useCallback)((()=>{var t;const a=r>=o;s!==n&&s===e[r].title||!a?s===n||a||c(n):c(null===(t=e[r])||void 0===t?void 0:t.title)}),[r,o,s,n,e]);(0,react_1.useEffect)((()=>{setTimeout(u,0)}),[r,o,u]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:r,onSelect:l},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:a},e.map(((e,t)=>react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:null==e?void 0:e.key,disabled:t>=o},null==e?void 0:e.title))),i.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:i,onChange:e=>{l(o+e.idx)},placeholder:n,value:s,active:r>=o}):null),t)}exports.CollapsingTabsBase=(0,react_1.memo)(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib-esm/components/Samples/SamplesTabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TabProps, TabsProps } from '../Tabs';
+import type { TabsProps, TabProps } from '../Tabs';
 interface SampleProps extends TabProps {
     lang: string;
     key: string;

package/lib-esm/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{useRecoilState}from"recoil";import{CollapsingTabsBase}from"../Tabs";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";import{activeSampleLanguageSelector}from"../../recoil/app";function SamplesTabsComponent({children:e,onChange:a,defaultLanguage:t,id:n,tabs:o}){const[c,s]=useRecoilState(activeSampleLanguageSelector),[r,i]=React.useState(t),[l,m]=React.useState(),d=React.useMemo((()=>{const e=o.findIndex((e=>[c,r].includes(e.key)||e.lang===c));return-1===e?0:e}),[o,r,c]),u=React.useMemo((()=>o.map((({lang:e})=>e))),[o]);React.useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(n))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&l&&a!==l){const e=a-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),m(void 0)}}),[u,l,n]),React.useEffect((()=>{r&&s(r)}),[r,t,s]);const p=React.useCallback((e=>{var t;const c=o[e];m(null===(t=document.getElementById(n))||void 0===t?void 0:t.getBoundingClientRect().y),i(c.key),a&&a(c)}),[n,a,o]);return React.createElement(LoadingWrapper,{className:r&&"updated",id:n},React.createElement(CollapsingTabsBase,{tabs:o,activeIndex:d,onChange:p},t&&-1===u.indexOf(t)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}export const SamplesTabs=memo(SamplesTabsComponent);
+import React,{memo,useEffect,useLayoutEffect,useMemo,useState}from"react";import{useRecoilState}from"recoil";import{CollapsingTabsBase}from"../Tabs";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";import{activeSampleLanguageSelector}from"../../recoil/app";function SamplesTabsComponent({children:e,onChange:a,defaultLanguage:t="",id:o,tabs:n}){const[s,r]=useRecoilState(activeSampleLanguageSelector),[l,i]=useState(),[c,m]=useState((()=>{const e=n.findIndex((e=>[e.lang,e.key].some((e=>e.toLowerCase()===t.toLowerCase()))));return-1!==e?e:0}));useEffect((()=>{const e=n.findIndex((e=>e.lang.toLocaleLowerCase()===s.toLocaleLowerCase()||e.key.toLocaleLowerCase()===s.toLocaleLowerCase()));if(-1!==e)return m(e)}),[s,n]);const u=useMemo((()=>n.map((({lang:e})=>e))),[n]);useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&l&&a!==l){const e=a-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),i(void 0)}}),[u,l,o]);return React.createElement(LoadingWrapper,{className:s&&"updated",id:o},React.createElement(CollapsingTabsBase,{tabs:n,activeIndex:c,onChange:e=>{var t;const s=n[e];i(null===(t=document.getElementById(o))||void 0===t?void 0:t.getBoundingClientRect().y),r(s.lang),null==a||a(s)}},t&&-1===u.indexOf(t)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}export const SamplesTabs=memo(SamplesTabsComponent);
 //# sourceMappingURL=SamplesTabs.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-import React from"react";import{Tabs}from"react-tabs";import{useRecoilValue}from"recoil";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{globalOptionsSelector}from"../../../recoil/store";function CollapsingTabsBaseComponent({tabs:e,children:o,hidden:t,activeIndex:a,onChange:l}){const{samplesTabsMaxCount:n}=useRecoilValue(globalOptionsSelector),i=React.useMemo((()=>e.slice(n).map((({title:e},o)=>({idx:o,value:e})))),[e,n]),s=`${i.length} more`,[c,r]=React.useState(s),p=React.useCallback((()=>{var o;const t=a>=n;c!==s&&c===e[a].title||!t?c===s||t||r(s):r(null===(o=e[a])||void 0===o?void 0:o.title)}),[a,n,c,s,e]);React.useEffect((()=>{setTimeout(p,0)}),[a,n,p]);return React.createElement(Tabs,{selectedIndex:a,onSelect:l},React.createElement(CollapsingTabList,{hidden:t},e.map(((e,o)=>React.createElement(CollapsingTab,{key:null==e?void 0:e.key,disabled:o>=n},null==e?void 0:e.title))),i.length?React.createElement(CollapsingDropdown,{options:i,onChange:e=>{l(n+e.idx)},placeholder:s,value:c,active:a>=n}):null),o)}export const CollapsingTabsBase=React.memo(CollapsingTabsBaseComponent);
+import React,{memo,useCallback,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{useRecoilValue}from"recoil";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{globalOptionsSelector}from"../../../recoil/store";function CollapsingTabsBaseComponent({tabs:e,children:o,hidden:l,activeIndex:t,onChange:a}){const{samplesTabsMaxCount:n}=useRecoilValue(globalOptionsSelector),s=useMemo((()=>e.slice(n).map((({title:e},o)=>({idx:o,value:e})))),[e,n]),i=`${s.length} more`,[r,c]=useState(i),m=useCallback((()=>{var o;const l=t>=n;r!==i&&r===e[t].title||!l?r===i||l||c(i):c(null===(o=e[t])||void 0===o?void 0:o.title)}),[t,n,r,i,e]);useEffect((()=>{setTimeout(m,0)}),[t,n,m]);return React.createElement(Tabs,{selectedIndex:t,onSelect:a},React.createElement(CollapsingTabList,{hidden:l},e.map(((e,o)=>React.createElement(CollapsingTab,{key:null==e?void 0:e.key,disabled:o>=n},null==e?void 0:e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{a(n+e.idx)},placeholder:i,value:r,active:t>=n}):null),o)}export const CollapsingTabsBase=memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.40",
+  "version": "3.0.0-alpha.41",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -48,7 +48,7 @@
     "prismjs": "^1.22.0",
     "query-string": "^6.13.6",
     "react-codemirror2-react-17": "1.0.0",
-    "react-router-dom": "^6.4.4",
+    "react-router-dom": "^6.10.0",
     "react-tabs": "^3.1.1",
     "recoil": "^0.7.6",
     "recoil-nexus": "^0.4.0",
@@ -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.13.1"
+    "@redocly/theme": "0.14.1"
   },
   "scripts": {
     "start": "webpack serve --mode=development --hot",