@redocly/theme 0.10.0 → 0.11.0

package/lib/Profile/UserProfileMenu.js

@@ -1,87 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfileMenu = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const Link_1 = require("../mocks/Link");
-const hooks_1 = require("../hooks");
-function UserProfileMenu({ hasDeveloperOnboarding, setIsOpened, handleLogout, }) {
-    var _a;
-    const { userProfile } = (0, hooks_1.useThemeConfig)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StyledUl, { onClick: () => setIsOpened(false) },
-            hasDeveloperOnboarding ? (react_1.default.createElement(Link_1.Link, { to: "/apps" },
-                react_1.default.createElement(StyledLi, null, "My Apps"))) : null, (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.menu) === null || _a === void 0 ? void 0 :
-            _a.map((item) => (react_1.default.createElement(Link_1.Link, { external: item.external, key: item.label, to: item.link || '' },
-                react_1.default.createElement(StyledLi, { separatorLine: item === null || item === void 0 ? void 0 : item.separatorLine }, item.label)))),
-            react_1.default.createElement(StyledLi, { onClick: () => handleLogout() }, (userProfile === null || userProfile === void 0 ? void 0 : userProfile.logoutLabel) || 'Log out'))));
-}
-exports.UserProfileMenu = UserProfileMenu;
-const StyledUl = styled_components_1.default.ul `
-  margin: var(--profile-menu-margin);
-  padding: var(--profile-menu-padding);
-  list-style: none;
-  background-color: var(--profile-menu-background-color);
-  min-width: 100px;
-  a {
-    text-decoration: none;
-  }
-`;
-const StyledLi = styled_components_1.default.li `
-  cursor: pointer;
-  font-size: var(--profile-menu-item-font-size);
-  font-family: var(--profile-menu-item-font-family);
-  font-weight: var(--profile-menu-item-font-weight);
-  line-height: var(--profile-menu-item-line-height);
-  color: var(--profile-menu-item-text-color);
-  text-align: var(--profile-menu-item-text-align);
-
-  list-style: none;
-
-  padding: var(--profile-menu-item-padding-vertical) var(--profile-menu-item-padding-horizontal);
-
-  transition: background-color 0.25s ease 0s;
-
-  &:hover {
-    color: var(--profile-menu-item-hover-text-color);
-    background-color: var(--profile-menu-item-hover-background-color);
-    text-decoration: var(--profile-menu-item-hover-text-decoration);
-  }
-  &:active {
-    color: var(--profile-menu-item-active-text-color);
-    background-color: var(--profile-menu-item-active-background-color);
-    text-decoration: var(--profile-menu-item-active-text-decoration);
-  }
-
-  ${({ separatorLine }) => separatorLine &&
-    (0, styled_components_1.css) `
-      border-bottom: 1px solid var(--profile-menu-item-separator-line-color);
-    `}
-`;
-//# sourceMappingURL=UserProfileMenu.js.map

package/lib/Profile/index.d.ts

@@ -1,6 +0,0 @@
-export { Profile } from './Profile';
-export type { ProfileProps } from './Profile';
-export { LoginLink } from './LoginLink';
-export type { LoginLinkProps } from './LoginLink';
-export { UserProfile } from './UserProfile';
-export type { UserProfileProps } from './UserProfile';

package/lib/ReferenceDocs/DevOnboardingTryItSecurity.js

@@ -1,178 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevOnboardingTryItSecurity = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../Button/Button");
-const usePageData_1 = require("../mocks/hooks/usePageData");
-const usePreloadHistory_1 = require("../mocks/usePreloadHistory");
-const Dropdown_1 = require("./Dropdown");
-function DevOnboardingTryItSecurity(props) {
-    const apiId = props.apiId;
-    // @ts-ignore
-    const { userData } = (0, usePageData_1.usePageData)('userData') || {};
-    const history = (0, usePreloadHistory_1.usePreloadHistory)();
-    // TODO: handle error
-    const [_error, setError] = React.useState();
-    const [apps, setApps] = React.useState();
-    const [appId, setAppId] = React.useState('');
-    const [loading, setLoading] = React.useState(true);
-    const [appLoading, setAppLoading] = React.useState(false);
-    const [selectedAppSecret, setSelectedAppSecret] = React.useState();
-    const [acceptValueUpdate, setAcceptValueUpdate] = React.useState(true);
-    const initialRender = React.useRef(true);
-    const hasApiAccess = !loading && !!(apps === null || apps === void 0 ? void 0 : apps.length);
-    React.useEffect(() => {
-        if (!props.value && initialRender.current)
-            return;
-        if (acceptValueUpdate) {
-            setAcceptValueUpdate(false);
-        }
-        else {
-            setAppId('');
-            setSelectedAppSecret('');
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.value]);
-    React.useEffect(() => {
-        initialRender.current = false;
-        const prevAppId = sessionStorage.getItem('redocly_onboarding:prevAppId');
-        if (prevAppId) {
-            setAppId(prevAppId);
-        }
-        if (userData === null || userData === void 0 ? void 0 : userData.isAuthenticated) {
-            fetch(`/api/api-keys/api-products/${apiId}/access?expand=1`).then((res) => {
-                return res
-                    .json()
-                    .then((data) => {
-                    var _a;
-                    if (res.ok) {
-                        setApps(data.apps);
-                        if ((_a = data.apps[0]) === null || _a === void 0 ? void 0 : _a.id) {
-                            setAppId(data.apps[0].id);
-                            loadAppCredentials(data.apps[0].id);
-                        }
-                    }
-                    else {
-                        setError(data.message);
-                    }
-                })
-                    .catch(() => setError('Something went wrong'))
-                    .finally(() => setLoading(false));
-            });
-        }
-    }, [apiId, userData === null || userData === void 0 ? void 0 : userData.isAuthenticated]);
-    React.useEffect(() => {
-        sessionStorage.setItem('redocly_onboarding:prevAppId', appId || '');
-    }, [appId]);
-    if (!apiId || !(userData === null || userData === void 0 ? void 0 : userData.isAuthenticated)) {
-        return null;
-    }
-    const loadAppCredentials = (appId) => {
-        setAppLoading(true);
-        fetch(`/api/api-keys/apps/${appId}`).then((res) => {
-            return res
-                .json()
-                .then((data) => {
-                if (res.ok) {
-                    const cred = data.credentials.find((cred) => cred.status === 'approved');
-                    setAcceptValueUpdate(true);
-                    setSelectedAppSecret(cred.clientSecret);
-                }
-                else {
-                    setError(data.message);
-                }
-            })
-                .catch(() => setError('Something went wrong'))
-                .finally(() => setAppLoading(false));
-        });
-    };
-    const placeholder = loading
-        ? 'Loading your apps...'
-        : hasApiAccess
-            ? undefined
-            : 'You do not have access to this API';
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FormLabel, { htmlFor: "server" }, "Select app: "),
-        React.createElement(FormControl, null,
-            React.createElement(TryItDropdown, { placeholder: placeholder, value: appId || placeholder, options: (apps === null || apps === void 0 ? void 0 : apps.map((app) => ({ title: app.title, value: app.id }))) || [], fullWidth: true, onChange: ({ value }) => {
-                    setAppId(value);
-                    loadAppCredentials(value);
-                } }),
-            React.createElement(UseKeyButton, { disabled: (!selectedAppSecret && hasApiAccess) || appLoading, color: "secondary", onClick: () => {
-                    if (selectedAppSecret) {
-                        props.onChange(selectedAppSecret);
-                    }
-                    else if (!hasApiAccess) {
-                        history.push('/apps/?createApp&apiId=' + apiId);
-                    }
-                } }, appLoading ? 'Loading...' : hasApiAccess ? 'Use key' : 'Request access'))));
-}
-exports.DevOnboardingTryItSecurity = DevOnboardingTryItSecurity;
-const TryItDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown) `
-  .dropdown-select,
-  label {
-    background-color: var(--panel-try-it-dropdown-background-color);
-    border: var(--panel-try-it-dropdown-border);
-    color: var(--panel-try-it-dropdown-color);
-  }
-`;
-const FormControl = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;
-const FormLabel = styled_components_1.default.label `
-  padding-bottom: 6px;
-  display: block;
-  white-space: nowrap;
-  line-height: 1em;
-
-  ${({ required }) => required &&
-    `
-      &:after {
-        display: inline-block;
-        content: '*';
-        margin-left: 4px;
-        color: var(--color-error-500);
-      }
-    `}
-`;
-const UseKeyButton = (0, styled_components_1.default)(Button_1.Button) `
-  min-width: 100px;
-  align-self: flex-end;
-  margin-top: 10px;
-  margin-right: 0;
-`;
-//# sourceMappingURL=DevOnboardingTryItSecurity.js.map

package/lib/ReferenceDocs/TryItSecurityApps.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export type TryItSecurityAppsProps = {
-    apiId?: string;
-    value?: string;
-    onChange: (newSecretKey: string) => void;
-};
-export declare function TryItSecurityApps(props: TryItSecurityAppsProps): JSX.Element | null;

package/lib/ReferenceDocs/TryItSecurityApps.js

@@ -1,15 +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.TryItSecurityApps = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../mocks/hooks");
-const DevOnboardingTryItSecurity_1 = require("./DevOnboardingTryItSecurity");
-function TryItSecurityApps(props) {
-    const { hasDeveloperOnboarding } = (0, hooks_1.useGlobalData)() || {};
-    return hasDeveloperOnboarding && props.apiId ? react_1.default.createElement(DevOnboardingTryItSecurity_1.DevOnboardingTryItSecurity, Object.assign({}, props)) : null;
-}
-exports.TryItSecurityApps = TryItSecurityApps;
-//# sourceMappingURL=TryItSecurityApps.js.map

package/lib/SamplesPanelControls/SamplesPanelControls.js

@@ -1,75 +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.PreformattedCodeBlock = exports.SampleControlsWrap = exports.SampleControls = exports.SamplesControlButton = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const CodeBlock_1 = require("../CodeBlock");
-exports.SamplesControlButton = styled_components_1.default.button.attrs(() => ({
-    'data-component-name': 'SamplesPanelControls/SamplesPanelControls',
-})) `
-  background-color: var(--panel-samples-controls-background-color);
-  border: 0;
-  outline: 0;
-  border-radius: var(--border-radius);
-  height: 20px;
-  color: var(--panel-samples-controls-text-color);
-  font-size: 12px;
-  line-height: 12px;
-  cursor: pointer;
-  padding: 1px 6px;
-  min-width: 90px;
-
-  ${({ theme }) => { var _a; return (_a = theme.mediaQueries) === null || _a === void 0 ? void 0 : _a.small; }} {
-    padding: 2px 20px;
-  }
-
-  :hover,
-  :focus {
-    background-color: var(--panel-samples-controls-hover-background-color);
-  }
-`;
-exports.SampleControls = styled_components_1.default.div `
-  padding: 10px 0;
-  opacity: 0.7;
-  transition: opacity 0.3s ease;
-  text-align: right;
-
-  &:focus-within {
-    opacity: 1;
-  }
-
-  > div,
-  > ${exports.SamplesControlButton} {
-    /* can have tooltip wrapper div also */
-    margin-top: 5px;
-    margin-left: 10px;
-
-    ${({ theme }) => { var _a; return (_a = theme.mediaQueries) === null || _a === void 0 ? void 0 : _a.small; }} {
-      margin-top: 0;
-    }
-
-    &:first-child {
-      margin-left: 0;
-    }
-  }
-`;
-exports.SampleControlsWrap = styled_components_1.default.div `
-  &:hover ${exports.SampleControls} {
-    opacity: 1;
-  }
-`;
-exports.PreformattedCodeBlock = (0, styled_components_1.default)(CodeBlock_1.CodeBlock.withComponent('pre')) `
-  overflow-x: auto;
-  margin: 0;
-  max-height: var(--code-block-max-height);
-  font-family: var(--code-font-family);
-  padding: 20px;
-  border-radius: var(--border-radius);
-  background-color: var(--panel-samples-controls-background-color);
-  color: var(--text-color-inverse);
-  font-size: var(--code-font-size);
-  white-space: var(--code-wrap, pre);
-`;
-//# sourceMappingURL=SamplesPanelControls.js.map

package/lib/SamplesPanelControls/index.d.ts

@@ -1 +0,0 @@
-export * from '../SamplesPanelControls/SamplesPanelControls';

package/lib/SamplesPanelControls/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../SamplesPanelControls/SamplesPanelControls"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Search/Autocomplete.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { ActiveItem } from '../mocks/types';
-interface AutocompleteProps<T> {
-    placeholder?: string;
-    value: string;
-    items: T[];
-    renderItem(item: ActiveItem<T>): ReactNode;
-    change(value: string): void;
-    select(item: T): void;
-    children?(isOpen: boolean, close: () => void): ReactNode;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    keyShortcuts?: string[];
-}
-export declare function Autocomplete<T>({ placeholder, value, items, change, select, renderItem, children, keyShortcuts, }: AutocompleteProps<T>): JSX.Element;
-export {};

package/lib/Search/Autocomplete.js

@@ -1,122 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const styled_components_1 = __importDefault(require("styled-components"));
-const hotkeys_js_1 = __importDefault(require("hotkeys-js"));
-const Input_1 = require("../Search/Input");
-const Popover_1 = require("../Search/Popover");
-const ShortcutKey_1 = require("../Search/ShortcutKey");
-function Autocomplete({ placeholder, value, items, change, select, renderItem, children, keyShortcuts, }) {
-    const location = (0, react_router_dom_1.useLocation)();
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [activeIdx, setActiveIdx] = (0, react_1.useState)(-1);
-    const refInput = (0, react_1.useRef)(null);
-    const hotkeysKeys = keyShortcuts === null || keyShortcuts === void 0 ? void 0 : keyShortcuts.join(',');
-    (0, react_1.useEffect)(() => {
-        if (hotkeysKeys) {
-            (0, hotkeys_js_1.default)(hotkeysKeys, (ev) => {
-                var _a;
-                (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.focus();
-                ev.preventDefault();
-            });
-            return () => hotkeys_js_1.default.unbind(hotkeysKeys);
-        }
-    }, [hotkeysKeys]);
-    const open = () => setIsOpen(true);
-    const close = () => {
-        setIsOpen(false);
-        setActiveIdx(-1);
-    };
-    const reset = () => {
-        change('');
-        close();
-    };
-    const stopPropagation = (event) => event.stopPropagation();
-    const onChange = (event) => {
-        setActiveIdx(-1);
-        setIsOpen(true);
-        change(event.target.value);
-    };
-    const onKeydown = (event) => {
-        switch (event.code) {
-            case 'Escape':
-                close();
-                event.currentTarget.blur();
-                break;
-            case 'ArrowDown':
-                setActiveIdx(Math.min(activeIdx + 1, items.length - 1));
-                event.preventDefault();
-                break;
-            case 'ArrowUp':
-                setActiveIdx(Math.max(0, activeIdx - 1));
-                break;
-            case 'Enter':
-                if (activeIdx > -1) {
-                    reset();
-                    select(items[activeIdx]);
-                }
-                break;
-        }
-    };
-    const mapItem = (item, idx) => {
-        const active = idx === activeIdx;
-        return renderItem(Object.assign(Object.assign({}, item), { active }));
-    };
-    (0, react_1.useEffect)(close, [location]);
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Autocomplete" },
-        isOpen ? react_1.default.createElement(Overlay, { onClick: close }) : null,
-        react_1.default.createElement(AutocompleteBox, { onKeyDown: onKeydown }, children === null || children === void 0 ? void 0 :
-            children(isOpen, reset),
-            react_1.default.createElement(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation, ref: refInput }),
-            !isOpen && react_1.default.createElement(ShortcutKey_1.ShortcutKey, { keyShortcuts: keyShortcuts }),
-            isOpen && value ? (react_1.default.createElement(Popover_1.Popover, null, items.length ? items.map(mapItem) : react_1.default.createElement(Message, null, "No results"))) : null)));
-}
-exports.Autocomplete = Autocomplete;
-const Wrapper = styled_components_1.default.div ``;
-const AutocompleteBox = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  position: relative;
-  z-index: 1;
-`;
-const Overlay = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1;
-`;
-const Message = styled_components_1.default.div `
-  padding: 24px;
-  color: var(--search-item-title-text-color);
-`;
-//# sourceMappingURL=Autocomplete.js.map

package/lib/Search/Parameters.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { OperationParameter } from '../mocks/types';
-interface ParametersProps {
-    parameters: OperationParameter[];
-}
-export declare function Parameters({ parameters }: ParametersProps): JSX.Element;
-export {};

package/lib/Search/Parameters.js

@@ -1,55 +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.Parameters = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../Search/utils");
-const MAX_ITEMS = 2;
-function Parameters({ parameters = [] }) {
-    const moreItems = Math.max(0, parameters.length - MAX_ITEMS);
-    if (moreItems) {
-        parameters.length = MAX_ITEMS;
-    }
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Parameters" },
-        parameters.map((param) => {
-            var _a, _b;
-            const path = `${param.place} → ${((_a = param.path) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = param.path) === null || _b === void 0 ? void 0 : _b.join(' → ')) + ' → ' : ''}`;
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Place, null,
-                    path,
-                    (0, utils_1.highlight)(param.name),
-                    " ",
-                    react_1.default.createElement("br", null),
-                    (0, utils_1.highlight)(param.description))));
-        }),
-        moreItems ? react_1.default.createElement(MoreText, null,
-            "and ",
-            moreItems,
-            " more...") : null));
-}
-exports.Parameters = Parameters;
-const Wrapper = styled_components_1.default.div `
-  border-left: 1px solid var(--border-color);
-  padding: 0 12px;
-  margin-top: 8px;
-  margin-bottom: 4px;
-`;
-const Place = styled_components_1.default.div `
-  font-size: var(--font-size-small);
-  padding-top: 8px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  &:first-child {
-    padding-top: 0;
-  }
-`;
-const MoreText = styled_components_1.default.div `
-  font-size: var(--font-size-small);
-  font-weight: var(--font-weight-regular);
-  padding-top: 4px;
-`;
-//# sourceMappingURL=Parameters.js.map

package/lib/Search/Search.js

@@ -1,65 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Search = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const usePreloadHistory_1 = require("../mocks/usePreloadHistory");
-const search_1 = require("../mocks/search");
-const Autocomplete_1 = require("../Search/Autocomplete");
-const ClearIcon_1 = require("../Search/ClearIcon");
-const SearchIcon_1 = require("../Search/SearchIcon");
-const SearchItem_1 = require("../Search/SearchItem");
-const hooks_1 = require("../hooks");
-function Search() {
-    const history = (0, usePreloadHistory_1.usePreloadHistory)();
-    const { query, setQuery, items } = (0, search_1.useFuseSearch)();
-    const themeSettings = (0, hooks_1.useThemeConfig)();
-    // TODO: ask somebody about typings
-    const navigate = (item) => history.push(item.url);
-    const renderAutocomplete = () => {
-        var _a, _b;
-        return (React.createElement(Autocomplete_1.Autocomplete, { items: items, value: query, change: setQuery, select: navigate, placeholder: "Search the docs", keyShortcuts: (_b = (_a = themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.search) === null || _a === void 0 ? void 0 : _a.shortcuts) !== null && _b !== void 0 ? _b : ['/'], renderItem: (item) => React.createElement(SearchItem_1.SearchItem, { key: item.id, item: item }) }, (isOpen, reset) => (isOpen ? React.createElement(ClearIcon_1.ClearIcon, { onClick: reset }) : React.createElement(SearchIcon_1.SearchIcon, null))));
-    };
-    return React.createElement(Wrapper, { "data-component-name": "Search/Search" }, renderAutocomplete());
-}
-exports.Search = Search;
-const Wrapper = styled_components_1.default.div `
-  margin-left: auto;
-
-  display: none;
-
-  ${({ theme }) => { var _a; return (_a = theme.mediaQueries) === null || _a === void 0 ? void 0 : _a.small; }} {
-    display: block;
-  }
-
-  ${({ theme }) => { var _a; return (_a = theme.mediaQueries) === null || _a === void 0 ? void 0 : _a.medium; }} {
-    margin: 0 auto;
-  }
-`;
-//# sourceMappingURL=Search.js.map

package/lib/Search/SearchItem.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { ActiveItem, SearchDocument } from '../mocks/types';
-interface SearchItemProps {
-    item: ActiveItem<SearchDocument>;
-}
-export declare function SearchItem({ item }: SearchItemProps): JSX.Element;
-export {};