UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

40 lines 2 kB
"use strict"; var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); var create_react_class_1 = __importDefault(require("create-react-class")); var lodash_1 = __importDefault(require("lodash")); var index_1 = require("../../../index"); exports.default = create_react_class_1.default({ getInitialState: function () { return { activeIndex: 1, data: [], }; }, render: function () { var _a = this.state, activeIndex = _a.activeIndex, data = _a.data; return (react_1.default.createElement(index_1.DataTable, { data: lodash_1.default.map(data, function (row, index) { return index === activeIndex ? __assign(__assign({}, row), { isActive: true }) : row; }), density: 'extended', isFullWidth: true }, react_1.default.createElement(index_1.DataTable.Column, { field: 'id' }, "ID"), react_1.default.createElement(index_1.DataTable.Column, { field: 'first_name', width: 100 }, "First"), react_1.default.createElement(index_1.DataTable.Column, { field: 'last_name', align: 'left', width: 100 }, "Last"), react_1.default.createElement(index_1.DataTable.Column, { field: 'email', align: 'center' }, "E-Mail"), react_1.default.createElement(index_1.DataTable.Column, { field: 'occupation', align: 'right', width: 100 }, "Occupation"))); }, }); //# sourceMappingURL=06.empty.js.map