lucid-ui
Version:
A UI component library from AppNexus.
271 lines • 14.4 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Button, Checkbox, ScrollTable, SuccessIcon } from '../../../index';
var Thead = ScrollTable.Thead,
Tbody = ScrollTable.Tbody,
Tr = ScrollTable.Tr,
Th = ScrollTable.Th,
Td = ScrollTable.Td;
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement(ScrollTable, {
tableWidth: 2000
}, /*#__PURE__*/React.createElement(Thead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, {
rowSpan: 2
}, "RS"), /*#__PURE__*/React.createElement(Th, {
rowSpan: 2
}, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Th, {
rowSpan: 2,
isSortable: true,
isResizable: true
}, "Sortable and resizable."), /*#__PURE__*/React.createElement(Th, {
rowSpan: 2
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Th, {
rowSpan: 2
}, "Button"), /*#__PURE__*/React.createElement(Th, {
rowSpan: 2,
isSorted: true,
sortDirection: "up",
isResizable: true
}, "Sorted Column"), /*#__PURE__*/React.createElement(Th, {
colSpan: 3,
align: "center"
}, "Alignments")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, {
align: "left"
}, "align left"), /*#__PURE__*/React.createElement(Th, {
align: "center",
isResizable: true
}, "align center"), /*#__PURE__*/React.createElement(Th, {
align: "right",
isSortable: true,
isSorted: true
}, "align right"))), /*#__PURE__*/React.createElement(Tbody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, {
rowSpan: 14,
hasBorderRight: true
}, "RS"), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, "Text"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isDisabled: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, "isDisabled"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isActionable: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, "Text && isActionable"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isDisabled: true,
isActionable: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, "isDisabled && isActionable"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement("a", {
href: "#"
}, "Link")), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isDisabled: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement("a", {
href: "#"
}, "isDisabled Link")), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isActionable: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement("a", {
href: "#"
}, "Link && isActionable")), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isActionable: true,
isDisabled: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement("a", {
href: "#"
}, "isDisabled Link && isActionable")), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isSelected: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, {
isSelected: true
})), /*#__PURE__*/React.createElement(Td, null, "isSelected"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isSelected: true,
isDisabled: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, {
isSelected: true
})), /*#__PURE__*/React.createElement(Td, null, "isSelected && isDisabled"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isSelected: true,
isActionable: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, {
isSelected: true
})), /*#__PURE__*/React.createElement(Td, null, "isSelected && isActionable"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isSelected: true,
isDisabled: true,
isActionable: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, {
isSelected: true
})), /*#__PURE__*/React.createElement(Td, null, "isSelected && isDisabled && isActionable"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isActionable: true,
isActive: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, "isActive"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small"
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right")), /*#__PURE__*/React.createElement(Tr, {
isActionable: true,
isActive: true,
isDisabled: true
}, /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Checkbox, null)), /*#__PURE__*/React.createElement(Td, null, "isActive && isDisabled"), /*#__PURE__*/React.createElement(Td, {
hasBorderLeft: true,
hasBorderRight: true
}, /*#__PURE__*/React.createElement(SuccessIcon, null)), /*#__PURE__*/React.createElement(Td, null, /*#__PURE__*/React.createElement(Button, {
size: "small",
isDisabled: true
}, "button")), /*#__PURE__*/React.createElement(Td, null, "Sorted Column"), /*#__PURE__*/React.createElement(Td, {
align: "left",
hasBorderLeft: true
}, "align left"), /*#__PURE__*/React.createElement(Td, {
align: "center"
}, "align center"), /*#__PURE__*/React.createElement(Td, {
align: "right"
}, "align right"))));
}
});