|
|
@ -48,30 +48,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
// NOTE: This file will eventually contain non-editor JS. For now, it's just a 'redirect' to the editor implementation.
|
|
|
|
// NOTE: This file will eventually contain non-editor JS. For now, it's just a 'redirect' to the editor implementation.
|
|
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1);
|
|
|
|
__webpack_require__(84);
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 1 */
|
|
|
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Promise = __webpack_require__(2);
|
|
|
|
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
|
|
|
|
var ReactDOM = __webpack_require__(51);
|
|
|
|
|
|
|
|
var documentReadyPromise = __webpack_require__(67);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var App = __webpack_require__(68);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Promise.try(function () {
|
|
|
|
|
|
|
|
return documentReadyPromise();
|
|
|
|
|
|
|
|
}).then(function () {
|
|
|
|
|
|
|
|
ReactDOM.render(React.createElement(App, null), document.getElementById("editor-app"));
|
|
|
|
|
|
|
|
}).catch(function (err) {
|
|
|
|
|
|
|
|
console.error(err);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 1 */,
|
|
|
|
/* 2 */
|
|
|
|
/* 2 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
@ -24346,65 +24326,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 68 */
|
|
|
|
/* 68 */,
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Menu = __webpack_require__(72);
|
|
|
|
|
|
|
|
var Node = __webpack_require__(74);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var App = createReactClass({
|
|
|
|
|
|
|
|
displayName: "App",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getInitialState: function getInitialState() {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
menuItems: [{
|
|
|
|
|
|
|
|
type: "folder",
|
|
|
|
|
|
|
|
name: "Foo"
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
type: "folder",
|
|
|
|
|
|
|
|
name: "Bar"
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
type: "object-type",
|
|
|
|
|
|
|
|
name: "Baz"
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
|
|
|
|
return React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "editor-app" },
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "header" },
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"h1",
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
React.createElement("img", { src: "/images/logo-32.png", className: "logo" }),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"span",
|
|
|
|
|
|
|
|
{ className: "name" },
|
|
|
|
|
|
|
|
"Cryto Play"
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(Menu, { items: this.state.menuItems }),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "canvas" },
|
|
|
|
|
|
|
|
React.createElement(Node, null)
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = App;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 69 */
|
|
|
|
/* 69 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
@ -25412,7 +25334,152 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 72 */
|
|
|
|
/* 72 */,
|
|
|
|
|
|
|
|
/* 73 */
|
|
|
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
|
|
|
|
|
|
Copyright (c) 2016 Jed Watson.
|
|
|
|
|
|
|
|
Licensed under the MIT License (MIT), see
|
|
|
|
|
|
|
|
http://jedwatson.github.io/classnames
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* global define */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var hasOwn = {}.hasOwnProperty;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function classNames () {
|
|
|
|
|
|
|
|
var classes = [];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
|
|
|
|
|
|
var arg = arguments[i];
|
|
|
|
|
|
|
|
if (!arg) continue;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var argType = typeof arg;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (argType === 'string' || argType === 'number') {
|
|
|
|
|
|
|
|
classes.push(arg);
|
|
|
|
|
|
|
|
} else if (Array.isArray(arg)) {
|
|
|
|
|
|
|
|
classes.push(classNames.apply(null, arg));
|
|
|
|
|
|
|
|
} else if (argType === 'object') {
|
|
|
|
|
|
|
|
for (var key in arg) {
|
|
|
|
|
|
|
|
if (hasOwn.call(arg, key) && arg[key]) {
|
|
|
|
|
|
|
|
classes.push(key);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return classes.join(' ');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (typeof module !== 'undefined' && module.exports) {
|
|
|
|
|
|
|
|
module.exports = classNames;
|
|
|
|
|
|
|
|
} else if (true) {
|
|
|
|
|
|
|
|
// register as 'classnames', consistent with npm package name
|
|
|
|
|
|
|
|
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
|
|
|
|
|
|
|
|
return classNames;
|
|
|
|
|
|
|
|
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
window.classNames = classNames;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}());
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 74 */,
|
|
|
|
|
|
|
|
/* 75 */,
|
|
|
|
|
|
|
|
/* 76 */,
|
|
|
|
|
|
|
|
/* 77 */,
|
|
|
|
|
|
|
|
/* 78 */,
|
|
|
|
|
|
|
|
/* 79 */,
|
|
|
|
|
|
|
|
/* 80 */,
|
|
|
|
|
|
|
|
/* 81 */,
|
|
|
|
|
|
|
|
/* 82 */,
|
|
|
|
|
|
|
|
/* 83 */,
|
|
|
|
|
|
|
|
/* 84 */
|
|
|
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Promise = __webpack_require__(2);
|
|
|
|
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
|
|
|
|
var ReactDOM = __webpack_require__(51);
|
|
|
|
|
|
|
|
var documentReadyPromise = __webpack_require__(67);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var App = __webpack_require__(85);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Promise.try(function () {
|
|
|
|
|
|
|
|
return documentReadyPromise();
|
|
|
|
|
|
|
|
}).then(function () {
|
|
|
|
|
|
|
|
ReactDOM.render(React.createElement(App, null), document.getElementById("editor-app"));
|
|
|
|
|
|
|
|
}).catch(function (err) {
|
|
|
|
|
|
|
|
console.error(err);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 85 */
|
|
|
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Menu = __webpack_require__(86);
|
|
|
|
|
|
|
|
var Node = __webpack_require__(92);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var App = createReactClass({
|
|
|
|
|
|
|
|
displayName: "App",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getInitialState: function getInitialState() {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
menuItems: [{
|
|
|
|
|
|
|
|
type: "folder",
|
|
|
|
|
|
|
|
name: "Foo"
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
type: "folder",
|
|
|
|
|
|
|
|
name: "Bar"
|
|
|
|
|
|
|
|
}, {
|
|
|
|
|
|
|
|
type: "object-type",
|
|
|
|
|
|
|
|
name: "Baz"
|
|
|
|
|
|
|
|
}]
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
|
|
|
|
return React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "editor-app" },
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "header" },
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"h1",
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
React.createElement("img", { src: "/images/logo-32.png", className: "logo" }),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"span",
|
|
|
|
|
|
|
|
{ className: "name" },
|
|
|
|
|
|
|
|
"Cryto Play"
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(Menu, { items: this.state.menuItems }),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "canvas" },
|
|
|
|
|
|
|
|
React.createElement(Node, null)
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = App;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 86 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25423,12 +25490,12 @@
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var classnames = __webpack_require__(73);
|
|
|
|
var classnames = __webpack_require__(73);
|
|
|
|
|
|
|
|
|
|
|
|
var HorizontalInputList = __webpack_require__(82);
|
|
|
|
var HorizontalInputList = __webpack_require__(87);
|
|
|
|
var ControlBar = __webpack_require__(81);
|
|
|
|
var ControlBar = __webpack_require__(88);
|
|
|
|
|
|
|
|
|
|
|
|
var Label = __webpack_require__(75);
|
|
|
|
var Label = __webpack_require__(89);
|
|
|
|
var HorizontalButtonSet = __webpack_require__(76);
|
|
|
|
var HorizontalButtonSet = __webpack_require__(90);
|
|
|
|
var Button = __webpack_require__(77);
|
|
|
|
var Button = __webpack_require__(91);
|
|
|
|
|
|
|
|
|
|
|
|
var MenuItem = createReactClass({
|
|
|
|
var MenuItem = createReactClass({
|
|
|
|
displayName: "MenuItem",
|
|
|
|
displayName: "MenuItem",
|
|
|
@ -25521,61 +25588,7 @@
|
|
|
|
module.exports = Menu;
|
|
|
|
module.exports = Menu;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 73 */
|
|
|
|
/* 87 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
|
|
|
|
|
|
Copyright (c) 2016 Jed Watson.
|
|
|
|
|
|
|
|
Licensed under the MIT License (MIT), see
|
|
|
|
|
|
|
|
http://jedwatson.github.io/classnames
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* global define */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var hasOwn = {}.hasOwnProperty;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function classNames () {
|
|
|
|
|
|
|
|
var classes = [];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
|
|
|
|
|
|
var arg = arguments[i];
|
|
|
|
|
|
|
|
if (!arg) continue;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var argType = typeof arg;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (argType === 'string' || argType === 'number') {
|
|
|
|
|
|
|
|
classes.push(arg);
|
|
|
|
|
|
|
|
} else if (Array.isArray(arg)) {
|
|
|
|
|
|
|
|
classes.push(classNames.apply(null, arg));
|
|
|
|
|
|
|
|
} else if (argType === 'object') {
|
|
|
|
|
|
|
|
for (var key in arg) {
|
|
|
|
|
|
|
|
if (hasOwn.call(arg, key) && arg[key]) {
|
|
|
|
|
|
|
|
classes.push(key);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return classes.join(' ');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (typeof module !== 'undefined' && module.exports) {
|
|
|
|
|
|
|
|
module.exports = classNames;
|
|
|
|
|
|
|
|
} else if (true) {
|
|
|
|
|
|
|
|
// register as 'classnames', consistent with npm package name
|
|
|
|
|
|
|
|
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
|
|
|
|
|
|
|
|
return classNames;
|
|
|
|
|
|
|
|
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
window.classNames = classNames;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}());
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 74 */
|
|
|
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25583,96 +25596,45 @@
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
var VerticalInputList = __webpack_require__(83);
|
|
|
|
var HorizontalInputList = createReactClass({
|
|
|
|
var HorizontalInputList = __webpack_require__(82);
|
|
|
|
displayName: "HorizontalInputList",
|
|
|
|
var PanelHeader = __webpack_require__(80);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TextInput = __webpack_require__(78);
|
|
|
|
|
|
|
|
var Label = __webpack_require__(75);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var PropertyInput = createReactClass({
|
|
|
|
|
|
|
|
displayName: "PropertyInput",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement(
|
|
|
|
return React.createElement(
|
|
|
|
HorizontalInputList,
|
|
|
|
"div",
|
|
|
|
null,
|
|
|
|
{ className: "editor-input editor-input-horizontal" },
|
|
|
|
React.createElement(
|
|
|
|
this.props.children
|
|
|
|
Label,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
this.props.label
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(TextInput, null)
|
|
|
|
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var PropertyConnector = createReactClass({
|
|
|
|
module.exports = HorizontalInputList;
|
|
|
|
displayName: "PropertyConnector",
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
render: function render() {
|
|
|
|
/* 88 */
|
|
|
|
var label = React.createElement(
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "description" },
|
|
|
|
'use strict';
|
|
|
|
this.props.label
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return React.createElement(
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
"div",
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
{ className: "connector" },
|
|
|
|
|
|
|
|
this.props.labelDirection === "left" ? label : null,
|
|
|
|
|
|
|
|
React.createElement("div", { className: "bullet" }),
|
|
|
|
|
|
|
|
this.props.labelDirection === "right" ? label : null
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Node = createReactClass({
|
|
|
|
var ControlBar = createReactClass({
|
|
|
|
displayName: "Node",
|
|
|
|
displayName: "ControlBar",
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement(
|
|
|
|
return React.createElement(
|
|
|
|
"div",
|
|
|
|
"div",
|
|
|
|
{ className: "node" },
|
|
|
|
{ className: "editor-control-bar" },
|
|
|
|
React.createElement(
|
|
|
|
this.props.children
|
|
|
|
PanelHeader,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
"Example Node"
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement("div", { className: "background" }),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "left-connectors" },
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "One", labelDirection: "left" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Two", labelDirection: "left" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Three", labelDirection: "left" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Four", labelDirection: "left" })
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "inputs" },
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
VerticalInputList,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
React.createElement(PropertyInput, { label: "Five:" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyInput, { label: "Six:" })
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "right-connectors" },
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Seven", labelDirection: "right" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Eight", labelDirection: "right" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Nine", labelDirection: "right" })
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = Node;
|
|
|
|
module.exports = ControlBar;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 75 */
|
|
|
|
/* 89 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25696,7 +25658,7 @@
|
|
|
|
module.exports = Label;
|
|
|
|
module.exports = Label;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 76 */
|
|
|
|
/* 90 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25719,7 +25681,7 @@
|
|
|
|
module.exports = HorizontalButtonSet;
|
|
|
|
module.exports = HorizontalButtonSet;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 77 */
|
|
|
|
/* 91 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25742,7 +25704,7 @@
|
|
|
|
module.exports = ButtonInput;
|
|
|
|
module.exports = ButtonInput;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 78 */
|
|
|
|
/* 92 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25750,42 +25712,96 @@
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
var TextInput = createReactClass({
|
|
|
|
var VerticalInputList = __webpack_require__(93);
|
|
|
|
displayName: "TextInput",
|
|
|
|
var HorizontalInputList = __webpack_require__(87);
|
|
|
|
|
|
|
|
var PanelHeader = __webpack_require__(94);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TextInput = __webpack_require__(95);
|
|
|
|
|
|
|
|
var Label = __webpack_require__(89);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var PropertyInput = createReactClass({
|
|
|
|
|
|
|
|
displayName: "PropertyInput",
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement("input", { className: "editor-input editor-input-text", type: "text" });
|
|
|
|
return React.createElement(
|
|
|
|
|
|
|
|
HorizontalInputList,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
Label,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
this.props.label
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(TextInput, null)
|
|
|
|
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = TextInput;
|
|
|
|
var PropertyConnector = createReactClass({
|
|
|
|
|
|
|
|
displayName: "PropertyConnector",
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
/* 79 */,
|
|
|
|
|
|
|
|
/* 80 */
|
|
|
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
render: function render() {
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var label = React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "description" },
|
|
|
|
|
|
|
|
this.props.label
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
var PanelHeader = createReactClass({
|
|
|
|
return React.createElement(
|
|
|
|
displayName: "PanelHeader",
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "connector" },
|
|
|
|
|
|
|
|
this.props.labelDirection === "left" ? label : null,
|
|
|
|
|
|
|
|
React.createElement("div", { className: "bullet" }),
|
|
|
|
|
|
|
|
this.props.labelDirection === "right" ? label : null
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Node = createReactClass({
|
|
|
|
|
|
|
|
displayName: "Node",
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement(
|
|
|
|
return React.createElement(
|
|
|
|
"div",
|
|
|
|
"div",
|
|
|
|
{ className: "editor-panel-header" },
|
|
|
|
{ className: "node" },
|
|
|
|
this.props.children
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
PanelHeader,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
"Example Node"
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement("div", { className: "background" }),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "left-connectors" },
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "One", labelDirection: "left" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Two", labelDirection: "left" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Three", labelDirection: "left" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Four", labelDirection: "left" })
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "inputs" },
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
VerticalInputList,
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
React.createElement(PropertyInput, { label: "Five:" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyInput, { label: "Six:" })
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
React.createElement(
|
|
|
|
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "right-connectors" },
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Seven", labelDirection: "right" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Eight", labelDirection: "right" }),
|
|
|
|
|
|
|
|
React.createElement(PropertyConnector, { label: "Nine", labelDirection: "right" })
|
|
|
|
|
|
|
|
)
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = PanelHeader;
|
|
|
|
module.exports = Node;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 81 */
|
|
|
|
/* 93 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25793,22 +25809,22 @@
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
var ControlBar = createReactClass({
|
|
|
|
var VerticalInputList = createReactClass({
|
|
|
|
displayName: "ControlBar",
|
|
|
|
displayName: "VerticalInputList",
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement(
|
|
|
|
return React.createElement(
|
|
|
|
"div",
|
|
|
|
"div",
|
|
|
|
{ className: "editor-control-bar" },
|
|
|
|
{ className: "editor-input editor-input-vertical" },
|
|
|
|
this.props.children
|
|
|
|
this.props.children
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = ControlBar;
|
|
|
|
module.exports = VerticalInputList;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 82 */
|
|
|
|
/* 94 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25816,22 +25832,22 @@
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
var HorizontalInputList = createReactClass({
|
|
|
|
var PanelHeader = createReactClass({
|
|
|
|
displayName: "HorizontalInputList",
|
|
|
|
displayName: "PanelHeader",
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement(
|
|
|
|
return React.createElement(
|
|
|
|
"div",
|
|
|
|
"div",
|
|
|
|
{ className: "editor-input editor-input-horizontal" },
|
|
|
|
{ className: "editor-panel-header" },
|
|
|
|
this.props.children
|
|
|
|
this.props.children
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = HorizontalInputList;
|
|
|
|
module.exports = PanelHeader;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ }),
|
|
|
|
/* 83 */
|
|
|
|
/* 95 */
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
'use strict';
|
|
|
@ -25839,19 +25855,15 @@
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var React = __webpack_require__(41);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
var createReactClass = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
|
|
var VerticalInputList = createReactClass({
|
|
|
|
var TextInput = createReactClass({
|
|
|
|
displayName: "VerticalInputList",
|
|
|
|
displayName: "TextInput",
|
|
|
|
|
|
|
|
|
|
|
|
render: function render() {
|
|
|
|
render: function render() {
|
|
|
|
return React.createElement(
|
|
|
|
return React.createElement("input", { className: "editor-input editor-input-text", type: "text" });
|
|
|
|
"div",
|
|
|
|
|
|
|
|
{ className: "editor-input editor-input-vertical" },
|
|
|
|
|
|
|
|
this.props.children
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = VerticalInputList;
|
|
|
|
module.exports = TextInput;
|
|
|
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
/***/ })
|
|
|
|
/******/ ]);
|
|
|
|
/******/ ]);
|
|
|
|