lucid-ui
Version:
A UI component library from AppNexus.
58 lines • 3.21 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var data = [
{ x: 'OR', y: 1 },
{ x: 'CA', y: 0 },
{ x: 'WA', y: 3 },
{ x: 'NY', y: 2 },
{ x: 'TX', y: 1 },
{ x: 'WV', y: 3 },
];
var width = 200;
var height = 50;
var xScale = index_1.d3Scale.scalePoint().domain(lodash_1.default.map(data, 'x')).range([0, width]);
var yScale = index_1.d3Scale.scaleLinear().domain([0, 4]).range([height, 0]);
var titleThree = (react_1.default.createElement("span", null,
react_1.default.createElement("h2", { style: { margin: 0 } }, "Performance"),
react_1.default.createElement("svg", { width: width, height: height },
react_1.default.createElement(index_1.Lines, { data: data, xScale: xScale, yScale: yScale }))));
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.VerticalTabs, null,
react_1.default.createElement(index_1.VerticalTabs.Tab, null,
react_1.default.createElement(index_1.VerticalTabs.Title, null,
react_1.default.createElement("h2", { style: { margin: 0 } }, "One"),
react_1.default.createElement(index_1.SuccessIcon, null),
react_1.default.createElement("span", { style: {
fontWeight: 'normal',
color: '#333',
marginLeft: '5px',
} }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")),
"One content"),
react_1.default.createElement(index_1.VerticalTabs.Tab, null,
react_1.default.createElement(index_1.VerticalTabs.Title, null,
react_1.default.createElement("h2", { style: { margin: 0 } }, "Two"),
react_1.default.createElement(index_1.WarningIcon, null),
react_1.default.createElement("span", { style: {
fontWeight: 'normal',
color: '#333',
marginLeft: '5px',
} }, "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")),
"Two content"),
react_1.default.createElement(index_1.VerticalTabs.Tab, null,
react_1.default.createElement(index_1.VerticalTabs.Title, null, titleThree),
"Three content"),
react_1.default.createElement(index_1.VerticalTabs.Tab, null,
react_1.default.createElement(index_1.VerticalTabs.Title, null, "Four"),
"Four content"))));
},
});
//# sourceMappingURL=3-complex-title-as-child.js.map