redhotmagma-graphics-editor 1.51.1 → 1.51.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.js +76 -81
- package/CanvasAdapters/Mock/Canvas.js +54 -62
- package/CanvasAdapters/Mock/Objects/CanvasObject.js +15 -17
- package/CanvasAdapters/Mock/Objects/Group.js +21 -23
- package/CanvasAdapters/Mock/Objects/Image.js +21 -23
- package/CanvasAdapters/Mock/Objects/Text.js +22 -24
- package/CanvasAdapters/PaperJs/Canvas.js +144 -164
- package/CanvasAdapters/PaperJs/Objects/CanvasObject.js +24 -25
- package/CanvasAdapters/PaperJs/Objects/Group.js +22 -24
- package/CanvasAdapters/PaperJs/Objects/Image.js +56 -62
- package/CanvasAdapters/PaperJs/Objects/Text.js +35 -36
- package/CanvasAdapters/PaperJs/Utils/HTML2Paper.js +11 -12
- package/CanvasAdapters/PaperJs/Utils/SVGfix.js +5 -5
- package/CanvasAdapters/PaperJs/Utils/StyleParams.js +3 -3
- package/CanvasAdapters/PaperJs/Utils/TextToSVGRepository.js +26 -27
- package/CanvasAdapters/PaperJs/Utils/UseColorLayer.js +1 -1
- package/CanvasAdapters/PaperJs/Utils/UseMask.js +49 -55
- package/CanvasInterface/Canvas.js +56 -61
- package/CanvasInterface/CanvasProvider.js +22 -24
- package/CanvasInterface/Objects/CanvasObject.js +16 -19
- package/CanvasInterface/Observable.js +10 -11
- package/CanvasInterface/canvasConnect.js +21 -23
- package/CanvasInterface/index.js +1 -2
- package/Components/Canvas/Canvas.js +20 -22
- package/Components/Canvas/CanvasContainer.js +1 -1
- package/Components/DelayedContainer.js +19 -21
- package/Components/Editor/Editor.js +19 -20
- package/Components/Editor/EditorContainer.js +30 -32
- package/Components/InlineToolbox/InlineToolbox.js +40 -42
- package/Components/InlineToolbox/InlineToolboxButton.js +7 -7
- package/Components/ManipulableContainer.js +20 -22
- package/Components/ResizeDetect/ResizeDetect.js +20 -22
- package/Components/Rulers/Ruler.js +22 -25
- package/Components/Rulers/Rulers.js +17 -19
- package/Components/SelectionToolbox/ColorPalette.js +20 -23
- package/Components/SelectionToolbox/SelectionToolbox.js +25 -26
- package/Components/SelectionToolbox/TextTools.js +29 -31
- package/Components/StandardToolbox/StandardToolbox.js +63 -65
- package/Components/TextEditor/TextEditor.js +39 -41
- package/Components/TextEditor/TextEditorStateProvider.js +19 -21
- package/Components/Toolbox/ToolboxContainer.js +4 -4
- package/Components/Toolbox/ToolboxRow.js +4 -4
- package/Utils/DOM.js +7 -7
- package/Utils/Device.js +1 -1
- package/Utils/Logger.js +7 -8
- package/Utils/Range.js +1 -1
- package/_demos/UsingExternalControls/App.js +18 -20
- package/_demos/UsingRenderProps/App.js +21 -23
- package/index.js +4 -2
- package/package.json +1 -1
|
@@ -9,21 +9,21 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
11
11
|
var _Canvas = require("./Canvas");
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _classCallCheck(
|
|
14
|
-
function _defineProperties(
|
|
15
|
-
function _createClass(
|
|
16
|
-
function
|
|
17
|
-
function
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
function _defineProperty(
|
|
24
|
-
function _toPropertyKey(
|
|
25
|
-
function _toPrimitive(
|
|
26
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
14
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
15
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
16
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
17
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
18
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
19
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
20
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
21
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
22
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
23
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
25
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
27
27
|
var CanvasContext = exports.CanvasContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
28
28
|
var CanvasProvider = exports.CanvasProvider = function CanvasProvider(_ref) {
|
|
29
29
|
var canvas = _ref.canvas,
|
|
@@ -43,18 +43,16 @@ var withCanvas = exports.withCanvas = function withCanvas(Component) {
|
|
|
43
43
|
};
|
|
44
44
|
var CanvasStateContext = exports.CanvasStateContext = /*#__PURE__*/_react["default"].createContext({});
|
|
45
45
|
var CanvasStateProvider = exports.CanvasStateProvider = /*#__PURE__*/function (_React$Component) {
|
|
46
|
-
_inherits(CanvasStateProvider, _React$Component);
|
|
47
|
-
var _super = _createSuper(CanvasStateProvider);
|
|
48
46
|
function CanvasStateProvider() {
|
|
49
47
|
var _this;
|
|
50
48
|
_classCallCheck(this, CanvasStateProvider);
|
|
51
49
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
52
50
|
args[_key] = arguments[_key];
|
|
53
51
|
}
|
|
54
|
-
_this =
|
|
52
|
+
_this = _callSuper(this, CanvasStateProvider, [].concat(args));
|
|
55
53
|
// get the initial state of the canvas
|
|
56
|
-
_defineProperty(
|
|
57
|
-
_defineProperty(
|
|
54
|
+
_defineProperty(_this, "state", _this.props.canvas ? _this.props.canvas.getState() : {});
|
|
55
|
+
_defineProperty(_this, "onChange", function (canvas) {
|
|
58
56
|
if (!canvas) {
|
|
59
57
|
return;
|
|
60
58
|
}
|
|
@@ -67,15 +65,16 @@ var CanvasStateProvider = exports.CanvasStateProvider = /*#__PURE__*/function (_
|
|
|
67
65
|
_this.onChangeDebounced(canvas);
|
|
68
66
|
}
|
|
69
67
|
});
|
|
70
|
-
_defineProperty(
|
|
68
|
+
_defineProperty(_this, "onChangeDebounced", (0, _debounce["default"])(function (canvas) {
|
|
71
69
|
_this.setState(canvas.getState());
|
|
72
70
|
}, 10));
|
|
73
|
-
_defineProperty(
|
|
71
|
+
_defineProperty(_this, "resetFirstChange", (0, _debounce["default"])(function () {
|
|
74
72
|
_this._firstChangeDone = false;
|
|
75
73
|
}, 100));
|
|
76
74
|
return _this;
|
|
77
75
|
}
|
|
78
|
-
|
|
76
|
+
_inherits(CanvasStateProvider, _React$Component);
|
|
77
|
+
return _createClass(CanvasStateProvider, [{
|
|
79
78
|
key: "componentDidMount",
|
|
80
79
|
value: function componentDidMount() {
|
|
81
80
|
var canvas = this.props.canvas;
|
|
@@ -129,7 +128,6 @@ var CanvasStateProvider = exports.CanvasStateProvider = /*#__PURE__*/function (_
|
|
|
129
128
|
}, this.props.children);
|
|
130
129
|
}
|
|
131
130
|
}]);
|
|
132
|
-
return CanvasStateProvider;
|
|
133
131
|
}(_react["default"].Component);
|
|
134
132
|
_defineProperty(CanvasStateProvider, "propTypes", {
|
|
135
133
|
canvas: _propTypes["default"].instanceOf(_Canvas.AbstractCanvas)
|
|
@@ -7,19 +7,20 @@ exports.CanvasObjectEvents = exports.AbstractCanvasObject = void 0;
|
|
|
7
7
|
var _Observable = require("../Observable");
|
|
8
8
|
var _Calc2D = require("../../Utils/Calc2D");
|
|
9
9
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
-
function
|
|
15
|
-
function
|
|
16
|
-
function
|
|
17
|
-
function
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
14
|
+
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
15
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
16
|
+
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
17
|
+
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
18
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
19
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
20
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
21
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
24
|
var CanvasObjectEvents = exports.CanvasObjectEvents = /*#__PURE__*/function (CanvasObjectEvents) {
|
|
24
25
|
CanvasObjectEvents["OnChange"] = "onChange";
|
|
25
26
|
return CanvasObjectEvents;
|
|
@@ -58,7 +59,7 @@ var AbstractCanvasObject = exports.AbstractCanvasObject = /*#__PURE__*/function
|
|
|
58
59
|
this.initOptions(options);
|
|
59
60
|
this._observable.on(CanvasObjectEvents.OnChange, this.updateConstraints.bind(this));
|
|
60
61
|
}
|
|
61
|
-
_createClass(AbstractCanvasObject, [{
|
|
62
|
+
return _createClass(AbstractCanvasObject, [{
|
|
62
63
|
key: "initOptions",
|
|
63
64
|
value: function initOptions(options) {
|
|
64
65
|
if (options) {
|
|
@@ -72,10 +73,10 @@ var AbstractCanvasObject = exports.AbstractCanvasObject = /*#__PURE__*/function
|
|
|
72
73
|
}, {
|
|
73
74
|
key: "updateOptions",
|
|
74
75
|
value: function () {
|
|
75
|
-
var _updateOptions = _asyncToGenerator(
|
|
76
|
+
var _updateOptions = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(options) {
|
|
76
77
|
var _i2, _Object$keys2, key;
|
|
77
|
-
return
|
|
78
|
-
while (1) switch (_context.
|
|
78
|
+
return _regenerator().w(function (_context) {
|
|
79
|
+
while (1) switch (_context.n) {
|
|
79
80
|
case 0:
|
|
80
81
|
if (options) {
|
|
81
82
|
for (_i2 = 0, _Object$keys2 = Object.keys(options); _i2 < _Object$keys2.length; _i2++) {
|
|
@@ -85,10 +86,7 @@ var AbstractCanvasObject = exports.AbstractCanvasObject = /*#__PURE__*/function
|
|
|
85
86
|
}
|
|
86
87
|
}
|
|
87
88
|
}
|
|
88
|
-
return _context.
|
|
89
|
-
case 2:
|
|
90
|
-
case "end":
|
|
91
|
-
return _context.stop();
|
|
89
|
+
return _context.a(2, this);
|
|
92
90
|
}
|
|
93
91
|
}, _callee, this);
|
|
94
92
|
}));
|
|
@@ -425,7 +423,6 @@ var AbstractCanvasObject = exports.AbstractCanvasObject = /*#__PURE__*/function
|
|
|
425
423
|
this.autoFit && this.fitCanvas(true, true);
|
|
426
424
|
}
|
|
427
425
|
}]);
|
|
428
|
-
return AbstractCanvasObject;
|
|
429
426
|
}();
|
|
430
427
|
// this should be provided by every canvas object adapter
|
|
431
428
|
_defineProperty(AbstractCanvasObject, "type", void 0);
|
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Observable = void 0;
|
|
7
7
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
8
|
-
function _createForOfIteratorHelper(
|
|
9
|
-
function _unsupportedIterableToArray(
|
|
10
|
-
function _arrayLikeToArray(
|
|
11
|
-
function _classCallCheck(
|
|
12
|
-
function _defineProperties(
|
|
13
|
-
function _createClass(
|
|
14
|
-
function _defineProperty(
|
|
15
|
-
function _toPropertyKey(
|
|
16
|
-
function _toPrimitive(
|
|
8
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
9
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
10
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
11
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
12
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
13
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
14
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
17
|
var Observable = exports.Observable = /*#__PURE__*/function () {
|
|
18
18
|
function Observable(object) {
|
|
19
19
|
_classCallCheck(this, Observable);
|
|
@@ -21,7 +21,7 @@ var Observable = exports.Observable = /*#__PURE__*/function () {
|
|
|
21
21
|
_defineProperty(this, "_object", null);
|
|
22
22
|
this._object = object;
|
|
23
23
|
}
|
|
24
|
-
_createClass(Observable, [{
|
|
24
|
+
return _createClass(Observable, [{
|
|
25
25
|
key: "on",
|
|
26
26
|
value: function on(eventName, callback) {
|
|
27
27
|
if (this.indexOf(eventName, callback) !== -1) {
|
|
@@ -74,5 +74,4 @@ var Observable = exports.Observable = /*#__PURE__*/function () {
|
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
}]);
|
|
77
|
-
return Observable;
|
|
78
77
|
}();
|
|
@@ -7,36 +7,34 @@ exports["default"] = canvasConnect;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
9
9
|
var _Canvas = require("./Canvas");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
-
function _classCallCheck(
|
|
15
|
-
function _defineProperties(
|
|
16
|
-
function _createClass(
|
|
17
|
-
function
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function _defineProperty(
|
|
25
|
-
function _toPropertyKey(
|
|
26
|
-
function _toPrimitive(
|
|
14
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
15
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
16
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
17
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
18
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
19
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
20
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
22
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
23
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
24
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
27
27
|
function canvasConnect(canvas, Component) {
|
|
28
28
|
var ConnectedCanvas = /*#__PURE__*/function (_React$Component) {
|
|
29
|
-
_inherits(ConnectedCanvas, _React$Component);
|
|
30
|
-
var _super = _createSuper(ConnectedCanvas);
|
|
31
29
|
function ConnectedCanvas() {
|
|
32
30
|
var _this;
|
|
33
31
|
_classCallCheck(this, ConnectedCanvas);
|
|
34
32
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
35
33
|
args[_key] = arguments[_key];
|
|
36
34
|
}
|
|
37
|
-
_this =
|
|
38
|
-
_defineProperty(
|
|
39
|
-
_defineProperty(
|
|
35
|
+
_this = _callSuper(this, ConnectedCanvas, [].concat(args));
|
|
36
|
+
_defineProperty(_this, "state", {});
|
|
37
|
+
_defineProperty(_this, "onChange", function (canvas) {
|
|
40
38
|
// for the first change event the state should be updated immediately
|
|
41
39
|
if (!_this._firstChangeDone) {
|
|
42
40
|
_this._firstChangeDone = true;
|
|
@@ -46,15 +44,16 @@ function canvasConnect(canvas, Component) {
|
|
|
46
44
|
_this.onChangeDebounced(canvas);
|
|
47
45
|
}
|
|
48
46
|
});
|
|
49
|
-
_defineProperty(
|
|
47
|
+
_defineProperty(_this, "onChangeDebounced", (0, _debounce["default"])(function (canvas) {
|
|
50
48
|
_this.setState(canvas.getState());
|
|
51
49
|
}, 10));
|
|
52
|
-
_defineProperty(
|
|
50
|
+
_defineProperty(_this, "resetFirstChange", (0, _debounce["default"])(function () {
|
|
53
51
|
_this._firstChangeDone = false;
|
|
54
52
|
}, 100));
|
|
55
53
|
return _this;
|
|
56
54
|
}
|
|
57
|
-
|
|
55
|
+
_inherits(ConnectedCanvas, _React$Component);
|
|
56
|
+
return _createClass(ConnectedCanvas, [{
|
|
58
57
|
key: "componentDidMount",
|
|
59
58
|
value: function componentDidMount() {
|
|
60
59
|
canvas.on(_Canvas.CanvasEvents.OnChange, this.onChange);
|
|
@@ -77,7 +76,6 @@ function canvasConnect(canvas, Component) {
|
|
|
77
76
|
return /*#__PURE__*/_react["default"].createElement(Component, props);
|
|
78
77
|
}
|
|
79
78
|
}]);
|
|
80
|
-
return ConnectedCanvas;
|
|
81
79
|
}(_react["default"].Component);
|
|
82
80
|
return ConnectedCanvas;
|
|
83
81
|
}
|
package/CanvasInterface/index.js
CHANGED
|
@@ -14,5 +14,4 @@ exports.Objects = void 0;
|
|
|
14
14
|
var _Canvas = require("./Canvas");
|
|
15
15
|
var Objects = _interopRequireWildcard(require("./Objects"));
|
|
16
16
|
exports.Objects = Objects;
|
|
17
|
-
function
|
|
18
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -7,32 +7,31 @@ exports["default"] = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _excluded = ["canvasElementRef"];
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
function _objectWithoutProperties(
|
|
14
|
-
function _objectWithoutPropertiesLoose(
|
|
15
|
-
function _classCallCheck(
|
|
16
|
-
function _defineProperties(
|
|
17
|
-
function _createClass(
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function _defineProperty(
|
|
26
|
-
function _toPropertyKey(
|
|
27
|
-
function _toPrimitive(
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
14
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
15
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
16
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
17
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
18
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
19
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
20
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
21
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
23
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
24
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
25
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
26
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
27
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
28
28
|
var Canvas = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
29
|
-
_inherits(Canvas, _React$Component);
|
|
30
|
-
var _super = _createSuper(Canvas);
|
|
31
29
|
function Canvas() {
|
|
32
30
|
_classCallCheck(this, Canvas);
|
|
33
|
-
return
|
|
31
|
+
return _callSuper(this, Canvas, arguments);
|
|
34
32
|
}
|
|
35
|
-
|
|
33
|
+
_inherits(Canvas, _React$Component);
|
|
34
|
+
return _createClass(Canvas, [{
|
|
36
35
|
key: "render",
|
|
37
36
|
value: function render() {
|
|
38
37
|
var _this$props = this.props,
|
|
@@ -44,7 +43,6 @@ var Canvas = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
|
44
43
|
}, otherProps));
|
|
45
44
|
}
|
|
46
45
|
}]);
|
|
47
|
-
return Canvas;
|
|
48
46
|
}(_react["default"].Component);
|
|
49
47
|
_defineProperty(Canvas, "propTypes", {
|
|
50
48
|
canvasElementRef: _propTypes["default"].any
|
|
@@ -10,7 +10,7 @@ var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withS
|
|
|
10
10
|
var _EditorContainer = require("../Editor/EditorContainer");
|
|
11
11
|
var _Logger = _interopRequireDefault(require("../../Utils/Logger"));
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
14
|
var logger = new _Logger["default"]('CanvasContainer');
|
|
15
15
|
var CanvasContainer = function CanvasContainer(_ref) {
|
|
16
16
|
var canvasPosition = _ref.canvasPosition,
|