lucid-ui
Version:
A UI component library from AppNexus.
200 lines • 16.6 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, null,
react_1.default.createElement(Thead, null,
react_1.default.createElement(Tr, null,
react_1.default.createElement(Th, { rowSpan: 2 }, "RS"),
react_1.default.createElement(Th, { rowSpan: 2 },
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Th, { rowSpan: 2, isSortable: true }, "Empty"),
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, { rowSpan: 14, hasBorderRight: true }, "RS"),
react_1.default.createElement(Td, null,
react_1.default.createElement(index_1.Checkbox, null)),
react_1.default.createElement(Td, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "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, { isEmpty: true }, "No Data"),
react_1.default.createElement(Td, { hasBorderLeft: true, hasBorderRight: true },
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', hasBorderLeft: true }, "align left"),
react_1.default.createElement(Td, { align: 'center' }, "align center"),
react_1.default.createElement(Td, { align: 'right' }, "align right")))));
},
});
//# sourceMappingURL=5.with-empty-column.js.map