@redocly/theme/lib/components/SidebarActions/SidebarActions.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SidebarActions = exports.LayoutVariant = void 0;
const react_1 = __importDefault(require("react"));
const config_1 = require("@redocly/config");
Object.defineProperty(exports, "LayoutVariant", { enumerable: true, get: function () { return config_1.LayoutVariant; } });
const hooks_1 = require("../../core/hooks");
const ChangeViewButton_1 = require("../../components/SidebarActions/ChangeViewButton");
const Button_1 = require("../../components/Button/Button");
const SidePanelCloseIcon_1 = require("../../icons/SidePanelCloseIcon/SidePanelCloseIcon");
const SidePanelOpenIcon_1 = require("../../icons/SidePanelOpenIcon/SidePanelOpenIcon");
const styled_1 = require("../../components/SidebarActions/styled");
const Tooltip_1 = require("../../components/Tooltip/Tooltip");
const SidebarActions = ({ layout, hideCollapseSidebarButton = false, collapsedSidebar, isApiDocs, onChangeViewClick, onChangeCollapseSidebarClick, requestAccessButton, className, }) => {
    const { useTelemetry, useTranslate } = (0, hooks_1.useThemeHooks)();
    const { translate } = useTranslate();
    const telemetry = useTelemetry();
    return (react_1.default.createElement(styled_1.ControlsWrap, { className: className, isCollapsed: collapsedSidebar, "data-component-name": "Sidebar/SidebarActions" },
        !hideCollapseSidebarButton && (react_1.default.createElement(Tooltip_1.Tooltip, { placement: collapsedSidebar ? 'right' : 'top', tip: collapsedSidebar
                ? translate('sidebar.actions.show', 'Show sidebar')
                : translate('sidebar.actions.hide', 'Hide sidebar') },
            react_1.default.createElement(Button_1.Button, { onClick: () => {
                    onChangeCollapseSidebarClick();
                    if (collapsedSidebar) {
                        telemetry.sendSidebarItemExpandedMessage();
                    }
                    else {
                        telemetry.sendSidebarItemCollapsedMessage();
                    }
                }, size: "small", variant: "outlined", "aria-label": collapsedSidebar ? 'Show sidebar' : 'Hide sidebar', icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) }))),
        isApiDocs && (react_1.default.createElement(styled_1.ControlsWrapChangeLayoutButtons, { isCollapsed: collapsedSidebar },
            react_1.default.createElement(ChangeViewButton_1.ChangeViewButton, { collapsedSidebar: collapsedSidebar, layout: layout, onClick: () => {
                    onChangeViewClick();
                    telemetry.sendChangeLayoutButtonClickedMessage();
                } }))),
        !collapsedSidebar && requestAccessButton));
};
exports.SidebarActions = SidebarActions;
//# sourceMappingURL=SidebarActions.js.map