@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 SidebarActions = ({ layout, hideCollapseSidebarButton = false, collapsedSidebar, isApiDocs, onChangeViewClick, onChangeCollapseSidebarClick, requestAccessButton, className, }) => {
    const { useOtelTelemetry, useTranslate } = (0, hooks_1.useThemeHooks)();
    const { translate } = useTranslate();
    const otelTelemetry = useOtelTelemetry();
    return (react_1.default.createElement(styled_1.ControlsWrap, { className: className, isCollapsed: collapsedSidebar, "data-component-name": "Sidebar/SidebarActions" },
        !hideCollapseSidebarButton && (react_1.default.createElement(Button_1.Button, { onClick: () => {
                onChangeCollapseSidebarClick();
                if (collapsedSidebar) {
                    otelTelemetry.send({ type: 'sidebar.item_expanded' });
                }
                else {
                    otelTelemetry.send({ type: 'sidebar.item_collapsed' });
                }
            }, title: collapsedSidebar
                ? translate('sidebar.actions.show', 'Show sidebar')
                : translate('sidebar.actions.hide', 'Hide sidebar'), size: "small", variant: "outlined", 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();
                    otelTelemetry.send({ type: 'change_layout_button.clicked' });
                } }))),
        !collapsedSidebar && requestAccessButton));
};
exports.SidebarActions = SidebarActions;
//# sourceMappingURL=SidebarActions.js.map