lucid-ui
Version:
A UI component library from AppNexus.
61 lines • 3.32 kB
JavaScript
;
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 lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var CENTER = index_1.ContextMenu.CENTER, DOWN = index_1.ContextMenu.DOWN, END = index_1.ContextMenu.END, LEFT = index_1.ContextMenu.LEFT, RIGHT = index_1.ContextMenu.RIGHT, START = index_1.ContextMenu.START, UP = index_1.ContextMenu.UP;
var directions = [UP, DOWN, LEFT, RIGHT];
var alignments = [START, CENTER, END];
exports.default = create_react_class_1.default({
render: function () {
var style = {
background: 'white',
boxShadow: '1px 1px 4px black',
padding: 4,
};
return (react_1.default.createElement("section", { style: {
display: 'flex',
flexDirection: 'row',
margin: '0 60px',
} }, lodash_1.default.map(directions, function (direction) {
return (react_1.default.createElement("section", { key: direction, style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
flexGrow: 1,
} }, lodash_1.default.map(alignments, function (alignment) {
return lodash_1.default.map([0, 15, -15], function (directonOffset) {
return lodash_1.default.map([0, 15, -15], function (alignmentOffset) { return (react_1.default.createElement("div", { key: "" + alignment + alignmentOffset + directonOffset, style: { marginTop: '120px' } },
react_1.default.createElement(index_1.ContextMenu, __assign({}, {
direction: direction,
directonOffset: directonOffset,
alignment: alignment,
alignmentOffset: alignmentOffset,
}),
react_1.default.createElement(index_1.ContextMenu.Target, null, "Target"),
react_1.default.createElement(index_1.ContextMenu.FlyOut, { style: style },
react_1.default.createElement("div", null, "direction: " + direction),
react_1.default.createElement("div", null, "directonOffset: " + directonOffset),
react_1.default.createElement("div", null, "alignment: " + alignment),
react_1.default.createElement("div", null, "alignmentOffset: " + alignmentOffset))))); });
});
})));
})));
},
});
//# sourceMappingURL=5.directions-static.js.map