lucid-ui
Version:
A UI component library from AppNexus.
202 lines • 15.9 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 react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var Thead = index_1.Table.Thead, Tbody = index_1.Table.Tbody, Tr = index_1.Table.Tr, Th = index_1.Table.Th, Td = index_1.Table.Td;
exports.default = create_react_class_1.default({
render: function () {
return (react_1.default.createElement(index_1.Table, { hasBorder: true },
react_1.default.createElement(Thead, null,
react_1.default.createElement(Tr, null,
react_1.default.createElement(Th, { rowSpan: 2 },
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Th, { rowSpan: 2, isSortable: true }, "Lorem."),
react_1.default.createElement(Th, { rowSpan: 2 },
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Th, { rowSpan: 2 }, "Button"),
react_1.default.createElement(Th, { rowSpan: 2, isSorted: true, sortDirection: 'up' }, "Sorted Column"),
react_1.default.createElement(Th, { colSpan: 3, align: 'center' }, "Alignments")),
react_1.default.createElement(Tr, null,
react_1.default.createElement(Th, { align: 'left' }, "align left"),
react_1.default.createElement(Th, { align: 'center' }, "align center"),
react_1.default.createElement(Th, { align: 'right', isSortable: true, isSorted: true }, "align right"))),
react_1.default.createElement(Tbody, null,
react_1.default.createElement(Tr, null,
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null, "Text"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isDisabled: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null, "isDisabled"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isActionable: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null, "Text && isActionable"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isDisabled: true, isActionable: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null, "isDisabled && isActionable"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, null,
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement("a", { href: '#' }, "Link")),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isDisabled: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement("a", { href: '#' }, "isDisabled Link")),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isActionable: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement("a", { href: '#' }, "Link && isActionable")),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isActionable: true, isDisabled: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement("a", { href: '#' }, "isDisabled Link && isActionable")),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isSelected: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, { isSelected: true })),
react_1.default.createElement(Td, null, "isSelected"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isSelected: true, isDisabled: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, { isSelected: true })),
react_1.default.createElement(Td, null, "isSelected && isDisabled"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isSelected: true, isActionable: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, { isSelected: true })),
react_1.default.createElement(Td, null, "isSelected && isActionable"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isSelected: true, isDisabled: true, isActionable: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, { isSelected: true })),
react_1.default.createElement(Td, null, "isSelected && isDisabled && isActionable"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isActionable: true, isActive: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null, "isActive"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small' }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")),
react_1.default.createElement(Tr, { isActionable: true, isActive: true, isDisabled: true },
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, null, "isActive && isDisabled"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.SuccessIcon, null)),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Button, { size: 'small', isDisabled: true }, "button")),
react_1.default.createElement(Td, null, "Sorted Column"),
react_1.default.createElement(Td, { align: 'left' }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")))));
},
});
//# sourceMappingURL=4.with-border.js.map