collaborative-ui
Version:
React component library for building real-time collaborative editing applications.
33 lines (32 loc) • 2.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.JsonBlockTabs = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const use_t_1 = require("use-t");
const BasicButton_1 = require("nice-ui/lib/2-inline-block/BasicButton");
const BasicTooltip_1 = require("nice-ui/lib/4-card/BasicTooltip");
const Space_1 = require("nice-ui/lib/3-list-item/Space");
const useBehaviorSubject_1 = require("nice-ui/lib/hooks/useBehaviorSubject");
const Iconista_1 = require("nice-ui/lib/icons/Iconista");
const JsonBlockTabs = ({ state }) => {
const [t] = (0, use_t_1.useT)();
const view = (0, useBehaviorSubject_1.useBehaviorSubject)(state.view$);
return (React.createElement(React.Fragment, null,
React.createElement(BasicTooltip_1.BasicTooltip, { nowrap: true, renderTooltip: () => t('Interactive') },
React.createElement(BasicButton_1.BasicButton, { fill: view === 'interactive', compact: true, onClick: () => state.setView('interactive') },
React.createElement(Iconista_1.Iconista, { set: "auth0", icon: "code", width: 16, height: 16 }))),
React.createElement(Space_1.Space, { horizontal: true, size: -2 }),
React.createElement(BasicTooltip_1.BasicTooltip, { nowrap: true, renderTooltip: () => t('Colorful') },
React.createElement(BasicButton_1.BasicButton, { fill: view === 'json', compact: true, onClick: () => state.setView('json') },
React.createElement(Iconista_1.Iconista, { set: "auth0", icon: "paint-brush", width: 16, height: 16 }))),
React.createElement(Space_1.Space, { horizontal: true, size: -2 }),
React.createElement(BasicTooltip_1.BasicTooltip, { nowrap: true, renderTooltip: () => t('Plain text') },
React.createElement(BasicButton_1.BasicButton, { fill: view === 'text', compact: true, onClick: () => state.setView('text') },
React.createElement(Iconista_1.Iconista, { set: "auth0", icon: "pencil", width: 16, height: 16 }))),
React.createElement(Space_1.Space, { horizontal: true, size: -2 }),
React.createElement(BasicTooltip_1.BasicTooltip, { nowrap: true, renderTooltip: () => t('Minified') },
React.createElement(BasicButton_1.BasicButton, { fill: view === 'minified', compact: true, onClick: () => state.setView('minified') },
React.createElement(Iconista_1.Iconista, { set: "elastic", icon: "merge", width: 16, height: 16 })))));
};
exports.JsonBlockTabs = JsonBlockTabs;