lucid-ui
Version:
A UI component library from AppNexus.
57 lines • 2.24 kB
JavaScript
import _map from "lodash/map";
import React from 'react';
import createClass from 'create-react-class';
import { ContextMenu } from '../../../index';
var CENTER = ContextMenu.CENTER,
DOWN = ContextMenu.DOWN,
END = ContextMenu.END,
LEFT = ContextMenu.LEFT,
RIGHT = ContextMenu.RIGHT,
START = ContextMenu.START,
UP = ContextMenu.UP;
var directions = [UP, DOWN, LEFT, RIGHT];
var alignments = [START, CENTER, END];
export default createClass({
render: function render() {
var style = {
background: 'white',
boxShadow: '1px 1px 4px black',
padding: 4
};
return /*#__PURE__*/React.createElement("section", {
style: {
display: 'flex',
flexDirection: 'row',
margin: '0 60px'
}
}, _map(directions, function (direction) {
return /*#__PURE__*/React.createElement("section", {
key: direction,
style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
flexGrow: 1
}
}, _map(alignments, function (alignment) {
return _map([0, 15, -15], function (directonOffset) {
return _map([0, 15, -15], function (alignmentOffset) {
return /*#__PURE__*/React.createElement("div", {
key: "".concat(alignment).concat(alignmentOffset).concat(directonOffset),
style: {
marginTop: '120px'
}
}, /*#__PURE__*/React.createElement(ContextMenu, {
direction: direction,
directonOffset: directonOffset,
alignment: alignment,
alignmentOffset: alignmentOffset
}, /*#__PURE__*/React.createElement(ContextMenu.Target, null, "Target"), /*#__PURE__*/React.createElement(ContextMenu.FlyOut, {
style: style
}, /*#__PURE__*/React.createElement("div", null, "direction: ".concat(direction)), /*#__PURE__*/React.createElement("div", null, "directonOffset: ".concat(directonOffset)), /*#__PURE__*/React.createElement("div", null, "alignment: ".concat(alignment)), /*#__PURE__*/React.createElement("div", null, "alignmentOffset: ".concat(alignmentOffset)))));
});
});
}));
}));
}
});