docusaurus-theme-openapi-docs 1.4.2 → 1.4.4

package/lib/theme/ApiItem/Layout/styles.module.css

@@ -5,18 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-:root {
-  --openapi-required: var(--ifm-color-danger);
-  --openapi-code-blue: var(--ifm-color-info);
-  --openapi-code-red: var(--ifm-color-danger);
-  --openapi-code-orange: var(--ifm-color-warning);
-  --openapi-code-green: var(--ifm-color-success);
-}
-
-:global(.docs-wrapper) {
-  height: 100%;
-}
-
 .docItemContainer header + *,
 .docItemContainer article > *:first-child {
   margin-top: 0;
@@ -27,394 +15,3 @@
     max-width: 75% !important;
   }
 }
-
-.apiItemContainer article > *:first-child,
-.apiItemContainer header + * {
-  margin-top: 0;
-}
-
-:global(.version-button div) {
-  display: block;
-}
-
-:global(.version-button div > button > span::after) {
-  border-color: currentcolor transparent;
-  border-style: solid;
-  border-width: 0.4em 0.4em 0;
-  content: "";
-  margin-left: 0.3em;
-  position: relative;
-  transform: translateY(-50%);
-  display: inline-block;
-  font-size: 0.8rem;
-  top: 1px;
-}
-
-/* default markdown margins look really silly in a table */
-:global(.theme-api-markdown table *:last-child) {
-  margin-bottom: 0;
-}
-
-:global(.theme-api-markdown details) {
-  margin: unset;
-  max-width: 600px;
-  background-color: transparent;
-  color: var(--ifm-font-color-base);
-  padding: unset;
-  border: unset !important;
-  box-shadow: unset !important;
-  --docusaurus-details-decoration-color: var(--ifm-font-color-base);
-}
-
-:global(.theme-api-markdown details > div > div) {
-  padding-top: unset !important;
-  border-top: unset !important;
-}
-
-:global(.theme-api-markdown .details__demo-panel) {
-  margin-bottom: 1rem;
-  background: var(--openapi-card-background-color);
-  border-radius: var(--openapi-card-border-radius);
-}
-
-:global(.theme-api-markdown .details__demo-panel > summary) {
-  padding-left: 1rem;
-  padding-top: 1rem;
-  cursor: pointer;
-}
-
-:global(.theme-api-markdown .details__demo-panel > div > div > pre) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-:global(.theme-api-markdown .details__demo-panel > summary::marker) {
-  display: none;
-  content: "";
-}
-
-:global(.theme-api-markdown
-    .details__demo-panel
-    > summary::-webkit-details-marker) {
-  display: none;
-  content: "";
-}
-
-:global(.theme-api-markdown .details__demo-panel > pre) {
-  margin-bottom: 0;
-  padding-top: 0;
-}
-
-:global(.theme-api-markdown .details__request-summary) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:global(.theme-api-markdown .details__request-summary > button) {
-  margin-bottom: 1rem;
-  margin-right: 1rem;
-}
-
-:global(.theme-api-markdown .details__response-summary) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:global(.theme-api-markdown .details__response-summary > button) {
-  margin-bottom: 1rem;
-  margin-right: 1rem;
-}
-
-:global(.theme-api-markdown code) {
-  max-width: 600px;
-  max-height: 500px;
-  overflow: auto;
-}
-
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-
-  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
-  .tocMobile {
-    display: none;
-  }
-}
-
-:global(.theme-api-markdown details li) {
-  list-style: none;
-  padding-bottom: 5px;
-  padding-top: 5px;
-}
-
-:global(.theme-api-markdown details p) {
-  margin-bottom: 0;
-}
-
-:global([class^="paramsItem"]::before),
-:global([class^="schemaItem"]::before) {
-  position: absolute;
-  top: 10px;
-  left: 0;
-  width: 0.7rem;
-  /* width of horizontal line */
-  height: 0.5rem;
-  /* vertical position of line */
-  vertical-align: top;
-  border-bottom: thin solid var(--ifm-color-gray-500);
-  content: "";
-  display: inline-block;
-}
-
-:global(.theme-api-markdown details ul) {
-  padding-left: 0;
-  /* font-family: "Fira Mono", monospace; */
-  font-size: 14px;
-}
-
-/* :global(.theme-api-markdown h2) {
-  font-size: 2rem;
-} */
-
-:global(.schemaItem) {
-  list-style: none;
-  position: relative;
-  margin: 0 !important;
-  padding: 5px 0 5px 1rem;
-  border-left: thin solid var(--ifm-color-gray-500) !important;
-}
-
-:global(.discriminatorItem) {
-  list-style: none;
-  position: relative;
-  margin: 0 !important;
-  padding: 5px 0 5px 0 !important;
-  border-left: thin solid var(--ifm-color-gray-500) !important;
-}
-
-:global(.discriminatorTabsContainer) {
-  padding-left: 0 !important;
-}
-
-:global(.schemaItem:hover) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.schemaItem:focus) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.paramsItem:hover) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.paramsItem:focus) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.theme-api-markdown div[class^="collapsibleContent"]) {
-  margin-top: 0 !important;
-  padding-left: 2px;
-}
-
-/* CodeTabs */
-
-:global(.code__tab--python::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--python) {
-  color: var(--ifm-color-success);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--python.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-success);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-python) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--go::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/go/go-original-wordmark.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--go) {
-  color: var(--ifm-color-info);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--go.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-info);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-go) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--javascript::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--javascript) {
-  color: var(--ifm-color-warning);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--javascript.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-warning);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-javascript) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--bash::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--bash) {
-  color: var(--ifm-color-danger);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--bash.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-danger);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-bash) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--ruby::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/ruby/ruby-plain.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--ruby) {
-  color: var(--ifm-color-danger);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--ruby.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-danger);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-ruby) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--csharp::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/csharp/csharp-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--csharp) {
-  color: var(--ifm-color-gray-500);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--csharp.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-gray-500);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-csharp) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--nodejs::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--nodejs) {
-  color: var(--ifm-color-success);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--nodejs.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-success);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-nodejs) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--php::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/php/php-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--php) {
-  color: var(--ifm-color-gray-500);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--php.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-gray-500);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-php) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-/* Prism code styles */
-:global(.prism-code.language-json) {
-  white-space: pre !important;
-}

package/lib/theme/ApiItem/hooks.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTypedSelector = exports.useTypedDispatch = void 0;
-
 var _reactRedux = require("react-redux");
-
 /* ============================================================================
  * Copyright (c) Palo Alto Networks
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
-const useTypedDispatch = () => (0, _reactRedux.useDispatch)();
 
+const useTypedDispatch = () => (0, _reactRedux.useDispatch)();
 exports.useTypedDispatch = useTypedDispatch;
 const useTypedSelector = _reactRedux.useSelector;
 exports.useTypedSelector = useTypedSelector;

package/lib/theme/ApiItem/index.js

@@ -4,49 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ApiItem;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BrowserOnly = _interopRequireDefault(require("@docusaurus/BrowserOnly"));
-
 var _ExecutionEnvironment = _interopRequireDefault(require("@docusaurus/ExecutionEnvironment"));
-
 var _themeCommon = require("@docusaurus/theme-common");
-
 var _useDocusaurusContext = _interopRequireDefault(require("@docusaurus/useDocusaurusContext"));
-
 var _useIsBrowser = _interopRequireDefault(require("@docusaurus/useIsBrowser"));
-
+var _Metadata = _interopRequireDefault(require("@theme/DocItem/Metadata"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _reactRedux = require("react-redux");
-
 var _slice = require("../ApiDemoPanel/Authorization/slice");
-
 var _persistanceMiddleware = require("../ApiDemoPanel/persistanceMiddleware");
-
 var _Layout = _interopRequireDefault(require("./Layout"));
-
-var _Metadata = _interopRequireDefault(require("./Metadata"));
-
 var _store = require("./store");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* ============================================================================
  * Copyright (c) Palo Alto Networks
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 const {
   DocProvider
 } = require("@docusaurus/theme-common/internal");
-
 let ApiDemoPanel = _ => <div />;
-
 if (_ExecutionEnvironment.default.canUseDOM) {
   ApiDemoPanel = require("@theme/ApiDemoPanel").default;
 }
-
 function ApiItem(props) {
   const docHtmlClassName = `docs-doc-id-${props.content.metadata.unversionedId}`;
   const MDXComponent = props.content;
@@ -64,22 +49,22 @@ function ApiItem(props) {
   } = (0, _useDocusaurusContext.default)();
   const themeConfig = siteConfig.themeConfig;
   const options = themeConfig.api;
-  const isBrowser = (0, _useIsBrowser.default)(); // Define store2
+  const isBrowser = (0, _useIsBrowser.default)();
 
+  // Define store2
   let store2 = {};
-  const persistanceMiddleware = (0, _persistanceMiddleware.createPersistanceMiddleware)(options); // Init store for SSR
+  const persistanceMiddleware = (0, _persistanceMiddleware.createPersistanceMiddleware)(options);
 
+  // Init store for SSR
   if (!isBrowser) {
     store2 = (0, _store.createStoreWithoutState)({}, [persistanceMiddleware]);
-  } // Init store for CSR to hydrate components
-
+  }
 
+  // Init store for CSR to hydrate components
   if (isBrowser) {
     var _api$responses, _api$requestBody$cont, _api$requestBody, _api$servers, _api$parameters, _window, _ref;
-
     const acceptArray = Array.from(new Set(Object.values((_api$responses = api === null || api === void 0 ? void 0 : api.responses) !== null && _api$responses !== void 0 ? _api$responses : {}).map(response => {
       var _response$content;
-
       return Object.keys((_response$content = response.content) !== null && _response$content !== void 0 ? _response$content : {});
     }).flat()));
     const content = (_api$requestBody$cont = api === null || api === void 0 ? void 0 : (_api$requestBody = api.requestBody) === null || _api$requestBody === void 0 ? void 0 : _api$requestBody.content) !== null && _api$requestBody$cont !== void 0 ? _api$requestBody$cont : {};
@@ -100,10 +85,10 @@ function ApiItem(props) {
       security: api === null || api === void 0 ? void 0 : api.security,
       securitySchemes: api === null || api === void 0 ? void 0 : api.securitySchemes,
       options
-    }); // TODO: determine way to rehydrate without flashing
+    });
+    // TODO: determine way to rehydrate without flashing
     // const acceptValue = window?.sessionStorage.getItem("accept");
     // const contentTypeValue = window?.sessionStorage.getItem("contentType");
-
     const server = (_window = window) === null || _window === void 0 ? void 0 : _window.sessionStorage.getItem("server");
     const serverObject = (_ref = JSON.parse(server)) !== null && _ref !== void 0 ? _ref : {};
     store2 = (0, _store.createStoreWithState)({
@@ -129,14 +114,13 @@ function ApiItem(props) {
       auth
     }, [persistanceMiddleware]);
   }
-
   if (api) {
     return <DocProvider content={props.content}>
         <_themeCommon.HtmlClassNameProvider className={docHtmlClassName}>
           <_Metadata.default />
           <_Layout.default>
             <_reactRedux.Provider store={store2}>
-              <div className="row">
+              <div className={(0, _clsx.default)("row", "theme-api-markdown")}>
                 <div className="col col--7">
                   <MDXComponent />
                 </div>
@@ -152,9 +136,9 @@ function ApiItem(props) {
           </_Layout.default>
         </_themeCommon.HtmlClassNameProvider>
       </DocProvider>;
-  } // Non-API docs
-
+  }
 
+  // Non-API docs
   return <DocProvider content={props.content}>
       <_themeCommon.HtmlClassNameProvider className={docHtmlClassName}>
         <_Metadata.default />

package/lib/theme/ApiItem/store.js

@@ -4,31 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createStoreWithoutState = exports.createStoreWithState = void 0;
-
 var _toolkit = require("@reduxjs/toolkit");
-
 var _slice = _interopRequireDefault(require("../ApiDemoPanel/Accept/slice"));
-
 var _slice2 = _interopRequireDefault(require("../ApiDemoPanel/Authorization/slice"));
-
 var _slice3 = _interopRequireDefault(require("../ApiDemoPanel/Body/slice"));
-
 var _slice4 = _interopRequireDefault(require("../ApiDemoPanel/ContentType/slice"));
-
 var _slice5 = _interopRequireDefault(require("../ApiDemoPanel/ParamOptions/slice"));
-
 var _slice6 = _interopRequireDefault(require("../ApiDemoPanel/Response/slice"));
-
 var _slice7 = _interopRequireDefault(require("../ApiDemoPanel/Server/slice"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* ============================================================================
  * Copyright (c) Palo Alto Networks
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 const rootReducer = (0, _toolkit.combineReducers)({
   accept: _slice.default,
   contentType: _slice4.default,
@@ -38,19 +29,15 @@ const rootReducer = (0, _toolkit.combineReducers)({
   params: _slice5.default,
   auth: _slice2.default
 });
-
 const createStoreWithState = (preloadedState, middlewares) => (0, _toolkit.configureStore)({
   reducer: rootReducer,
   preloadedState,
   middleware: getDefaultMiddleware => getDefaultMiddleware().concat(...middlewares)
 });
-
 exports.createStoreWithState = createStoreWithState;
-
 const createStoreWithoutState = (preloadedState, middlewares) => (0, _toolkit.configureStore)({
   reducer: rootReducer,
   preloadedState,
   middleware: getDefaultMiddleware => getDefaultMiddleware().concat(...middlewares)
 });
-
 exports.createStoreWithoutState = createStoreWithoutState;

package/lib/theme/ApiLogo/index.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ApiLogo;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _themeCommon = require("@docusaurus/theme-common");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* ============================================================================
  * Copyright (c) Palo Alto Networks
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
+
 function ApiLogo(props) {
   const {
     colorMode