@redocly/theme 0.19.0 → 0.19.1

package/lib/components/Sidebar/SidebarLayout.js

@@ -35,7 +35,6 @@ const HeaderWrapper_1 = require("../../components/Sidebar/HeaderWrapper");
 const useMobileMenu_1 = require("../../hooks/useMobileMenu");
 const MobileSidebarButton_1 = require("../../components/Sidebar/MobileSidebarButton");
 const MenuContainer_1 = require("../../components/Menu/MenuContainer");
-const SidebarSearch_1 = require("../../components/Search/SidebarSearch");
 const useThemeConfig_1 = require("../../hooks/useThemeConfig");
 const telemetry_1 = require("../../mocks/telemetry");
 const MobileSidebarIcon_1 = require("./MobileSidebarIcon");
@@ -56,7 +55,7 @@ function SidebarLayout({ versions, menu, footer, header, growContent, collapsed,
         onToggleMenu === null || onToggleMenu === void 0 ? void 0 : onToggleMenu(!isOpen);
         setIsOpen(!isOpen);
     };
-    const { search, sidebar } = (0, useThemeConfig_1.useThemeConfig)();
+    const { sidebar } = (0, useThemeConfig_1.useThemeConfig)();
     if (sidebar === null || sidebar === void 0 ? void 0 : sidebar.hide) {
         return null;
     }
@@ -64,7 +63,6 @@ function SidebarLayout({ versions, menu, footer, header, growContent, collapsed,
         react_1.default.createElement(StyledFooterWrapper, { "data-component-name": "Sidebar/FooterWrapper", collapsed: true }, footer),
         react_1.default.createElement(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu },
             react_1.default.createElement(MobileSidebarIcon_1.MobileSidebarIcon, null)))) : null) : (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/SidebarLayout", className: className },
-        !(search === null || search === void 0 ? void 0 : search.hide) && (search === null || search === void 0 ? void 0 : search.placement) === 'sidebar' ? react_1.default.createElement(SidebarSearch_1.SidebarSearch, null) : null,
         react_1.default.createElement(Sidebar_1.Sidebar, { animate: true, opened: isOpen },
             header ? (react_1.default.createElement(HeaderWrapper_1.HeaderWrapper, { onClick: () => telemetry_1.telemetry.send('back_to_catalog_button_clicked', {}) }, header)) : null,
             versions ? react_1.default.createElement(react_1.default.Fragment, null, versions) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.19.0",
+  "version": "0.19.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/Sidebar/SidebarLayout.tsx

@@ -7,7 +7,6 @@ import { HeaderWrapper } from '@theme/components/Sidebar/HeaderWrapper';
 import { useMobileMenu } from '@theme/hooks/useMobileMenu';
 import { MobileSidebarButton } from '@theme/components/Sidebar/MobileSidebarButton';
 import { MenuContainer } from '@theme/components/Menu/MenuContainer';
-import { SidebarSearch } from '@theme/components/Search/SidebarSearch';
 import { useThemeConfig } from '@theme/hooks/useThemeConfig';
 import { telemetry } from '@portal/telemetry';
 
@@ -59,7 +58,7 @@ export function SidebarLayout({
     setIsOpen(!isOpen);
   };
 
-  const { search, sidebar } = useThemeConfig();
+  const { sidebar } = useThemeConfig();
 
   if (sidebar?.hide) {
     return null;
@@ -80,7 +79,6 @@ export function SidebarLayout({
         ) : null
       ) : (
         <Wrapper data-component-name="Sidebar/SidebarLayout" className={className}>
-          {!search?.hide && search?.placement === 'sidebar' ? <SidebarSearch /> : null}
           <Sidebar animate={true} opened={isOpen}>
             {header ? (
               <HeaderWrapper onClick={() => telemetry.send('back_to_catalog_button_clicked', {})}>

package/lib/components/Search/SidebarSearch.d.ts

@@ -1,2 +0,0 @@
-import { Search } from '../../components/Search/Search';
-export declare const SidebarSearch: import("styled-components").StyledComponent<typeof Search, any, {}, never>;

package/lib/components/Search/SidebarSearch.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarSearch = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Search_1 = require("../../components/Search/Search");
-const Popover_1 = require("../../components/Search/Popover");
-exports.SidebarSearch = (0, styled_components_1.default)(Search_1.Search).attrs(({ className }) => ({
-    'data-component-name': 'Search/SidebarSearch',
-    className,
-})) `
-  --search-input-text-color: var(--sidebar-item-active-color);
-
-  ${Popover_1.Popover} {
-    right: unset;
-    top: 100%;
-  }
-`;
-//# sourceMappingURL=SidebarSearch.js.map

package/src/components/Search/SidebarSearch.tsx

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-
-import { Search } from '@theme/components/Search/Search';
-import { Popover } from '@theme/components/Search/Popover';
-
-export const SidebarSearch = styled(Search).attrs<{ className?: string }>(({ className }) => ({
-  'data-component-name': 'Search/SidebarSearch',
-  className,
-}))`
-  --search-input-text-color: var(--sidebar-item-active-color);
-
-  ${Popover} {
-    right: unset;
-    top: 100%;
-  }
-`;