redhotmagma-graphics-editor 1.51.0 → 1.51.2
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
|
@@ -10,46 +10,44 @@ var _DOM = require("../../Utils/DOM");
|
|
|
10
10
|
var _Range = require("../../Utils/Range");
|
|
11
11
|
var _TextEditorStateProvider = require("./TextEditorStateProvider");
|
|
12
12
|
var _excluded = ["fontItem", "color"];
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
15
|
-
function _objectWithoutProperties(
|
|
16
|
-
function _objectWithoutPropertiesLoose(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
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); }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
17
|
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); }
|
|
18
|
-
function _toConsumableArray(
|
|
18
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
19
19
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
function _unsupportedIterableToArray(
|
|
21
|
-
function _iterableToArray(
|
|
22
|
-
function _arrayWithoutHoles(
|
|
23
|
-
function _arrayLikeToArray(
|
|
20
|
+
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; } }
|
|
21
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
22
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
23
|
+
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; }
|
|
24
24
|
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; }
|
|
25
25
|
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; }
|
|
26
|
-
function _classCallCheck(
|
|
27
|
-
function _defineProperties(
|
|
28
|
-
function _createClass(
|
|
29
|
-
function
|
|
30
|
-
function
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function
|
|
35
|
-
function
|
|
36
|
-
function _defineProperty(
|
|
37
|
-
function _toPropertyKey(
|
|
38
|
-
function _toPrimitive(
|
|
26
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
27
|
+
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); } }
|
|
28
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
29
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
30
|
+
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); }
|
|
31
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
32
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
33
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
34
|
+
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); }
|
|
35
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
36
|
+
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; }
|
|
37
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
38
|
+
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); }
|
|
39
39
|
var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
40
|
-
_inherits(TextEditor, _React$Component);
|
|
41
|
-
var _super = _createSuper(TextEditor);
|
|
42
40
|
function TextEditor() {
|
|
43
41
|
var _this;
|
|
44
42
|
_classCallCheck(this, TextEditor);
|
|
45
43
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
44
|
args[_key] = arguments[_key];
|
|
47
45
|
}
|
|
48
|
-
_this =
|
|
49
|
-
_defineProperty(
|
|
46
|
+
_this = _callSuper(this, TextEditor, [].concat(args));
|
|
47
|
+
_defineProperty(_this, "state", {
|
|
50
48
|
contentHTML: ''
|
|
51
49
|
});
|
|
52
|
-
_defineProperty(
|
|
50
|
+
_defineProperty(_this, "selectionChangeListener", function () {
|
|
53
51
|
var editorContent = _this.contentRef.current;
|
|
54
52
|
var selection = window.getSelection();
|
|
55
53
|
var node;
|
|
@@ -75,7 +73,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
75
73
|
_this.updateCurrentFormatting(node);
|
|
76
74
|
}
|
|
77
75
|
});
|
|
78
|
-
_defineProperty(
|
|
76
|
+
_defineProperty(_this, "updateCurrentFormatting", function () {
|
|
79
77
|
var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.getStyleSourceNode();
|
|
80
78
|
if (!node.innerText) {
|
|
81
79
|
return;
|
|
@@ -99,7 +97,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
99
97
|
onUpdateCurrentStyle && onUpdateCurrentStyle(currentFormatting);
|
|
100
98
|
textEditorState && textEditorState.updateCurrentStyle && textEditorState.updateCurrentStyle(currentFormatting);
|
|
101
99
|
});
|
|
102
|
-
_defineProperty(
|
|
100
|
+
_defineProperty(_this, "initTextEditorContent", function () {
|
|
103
101
|
// init text editor content
|
|
104
102
|
var _this$props2 = _this.props,
|
|
105
103
|
content = _this$props2.content,
|
|
@@ -113,7 +111,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
113
111
|
}
|
|
114
112
|
}
|
|
115
113
|
});
|
|
116
|
-
_defineProperty(
|
|
114
|
+
_defineProperty(_this, "focusToEnd", function () {
|
|
117
115
|
var editorContent = _this.contentRef.current;
|
|
118
116
|
editorContent.focus();
|
|
119
117
|
// set the cursor to the end of the text
|
|
@@ -124,7 +122,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
124
122
|
range.setStart(lastEndNode, lastEndNode.textContent.length);
|
|
125
123
|
}
|
|
126
124
|
});
|
|
127
|
-
_defineProperty(
|
|
125
|
+
_defineProperty(_this, "onKeyDown", function (evt) {
|
|
128
126
|
var disableLinebreaks = _this.props.disableLinebreaks;
|
|
129
127
|
if (disableLinebreaks && evt.keyCode === 13) {
|
|
130
128
|
evt.preventDefault();
|
|
@@ -147,7 +145,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
147
145
|
}
|
|
148
146
|
evt.stopPropagation();
|
|
149
147
|
});
|
|
150
|
-
_defineProperty(
|
|
148
|
+
_defineProperty(_this, "onPaste", function () {
|
|
151
149
|
setTimeout(function () {
|
|
152
150
|
var container = _this.contentRef.current;
|
|
153
151
|
var defaultStyle = (0, _get["default"])(_this.props, 'textEditorState.defaultStyle', {});
|
|
@@ -169,7 +167,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
169
167
|
});
|
|
170
168
|
});
|
|
171
169
|
});
|
|
172
|
-
_defineProperty(
|
|
170
|
+
_defineProperty(_this, "updateContent", function () {
|
|
173
171
|
var htmlElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.contentRef.current;
|
|
174
172
|
var wrappedContent = _this.wrapContentWithDefaultStyle(htmlElement);
|
|
175
173
|
var value = wrappedContent.outerHTML;
|
|
@@ -181,8 +179,8 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
181
179
|
onChangeHTML && onChangeHTML(wrappedContent);
|
|
182
180
|
}
|
|
183
181
|
});
|
|
184
|
-
_defineProperty(
|
|
185
|
-
_defineProperty(
|
|
182
|
+
_defineProperty(_this, "contentRef", _this.props.rteRef || /*#__PURE__*/_react["default"].createRef());
|
|
183
|
+
_defineProperty(_this, "getSelectedNodes", function () {
|
|
186
184
|
var selectAllIfEmpty = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
187
185
|
var forceSelectAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
188
186
|
var updateSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
@@ -212,7 +210,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
212
210
|
}
|
|
213
211
|
return false;
|
|
214
212
|
});
|
|
215
|
-
_defineProperty(
|
|
213
|
+
_defineProperty(_this, "applyOnSelectedNodes", function (fn) {
|
|
216
214
|
var applyOnAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
217
215
|
var nodes = _this.getSelectedNodes(true, applyOnAll);
|
|
218
216
|
var results = [];
|
|
@@ -224,10 +222,10 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
224
222
|
_this.updateCurrentFormatting();
|
|
225
223
|
return results;
|
|
226
224
|
});
|
|
227
|
-
_defineProperty(
|
|
225
|
+
_defineProperty(_this, "setNodeData", function (node, name, value) {
|
|
228
226
|
node.dataset[name] = value;
|
|
229
227
|
});
|
|
230
|
-
_defineProperty(
|
|
228
|
+
_defineProperty(_this, "getNodeData", function (node, key) {
|
|
231
229
|
if (!node || !key) {
|
|
232
230
|
throw new Error('Empty node or data key!');
|
|
233
231
|
}
|
|
@@ -240,7 +238,7 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
240
238
|
return data;
|
|
241
239
|
});
|
|
242
240
|
// https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content#Example_A_simple_but_complete_rich_text_editor
|
|
243
|
-
_defineProperty(
|
|
241
|
+
_defineProperty(_this, "formatDoc", function (sCmd, sValue) {
|
|
244
242
|
var _this$props3 = _this.props,
|
|
245
243
|
fullTextCommandList = _this$props3.fullTextCommandList,
|
|
246
244
|
onChangeProp = _this$props3.onChangeProp;
|
|
@@ -311,7 +309,8 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
311
309
|
});
|
|
312
310
|
return _this;
|
|
313
311
|
}
|
|
314
|
-
|
|
312
|
+
_inherits(TextEditor, _React$Component);
|
|
313
|
+
return _createClass(TextEditor, [{
|
|
315
314
|
key: "componentDidMount",
|
|
316
315
|
value: function componentDidMount() {
|
|
317
316
|
var _this2 = this;
|
|
@@ -481,7 +480,6 @@ var TextEditor = exports.TextEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
481
480
|
);
|
|
482
481
|
}
|
|
483
482
|
}]);
|
|
484
|
-
return TextEditor;
|
|
485
483
|
}(_react["default"].Component);
|
|
486
484
|
_defineProperty(TextEditor, "defaultProps", {
|
|
487
485
|
autoFocusWhenMounted: true,
|
|
@@ -6,37 +6,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.withTextEditorState = exports.TextEditorStateProvider = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _Logger = _interopRequireDefault(require("../../Utils/Logger"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
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); }
|
|
11
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
11
|
+
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); }
|
|
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
|
var logger = new _Logger["default"]('TextEditorStateProvider');
|
|
28
28
|
var TextEditorContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
29
29
|
var TextEditorStateProvider = exports.TextEditorStateProvider = /*#__PURE__*/function (_React$Component) {
|
|
30
|
-
_inherits(TextEditorStateProvider, _React$Component);
|
|
31
|
-
var _super = _createSuper(TextEditorStateProvider);
|
|
32
30
|
function TextEditorStateProvider() {
|
|
33
31
|
var _this;
|
|
34
32
|
_classCallCheck(this, TextEditorStateProvider);
|
|
35
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
36
34
|
args[_key] = arguments[_key];
|
|
37
35
|
}
|
|
38
|
-
_this =
|
|
39
|
-
_defineProperty(
|
|
36
|
+
_this = _callSuper(this, TextEditorStateProvider, [].concat(args));
|
|
37
|
+
_defineProperty(_this, "state", {
|
|
40
38
|
currentStyle: _this.props.defaultStyle || {},
|
|
41
39
|
defaultStyle: _this.props.defaultStyle || {},
|
|
42
40
|
formatDoc: function formatDoc() {},
|
|
@@ -79,7 +77,8 @@ var TextEditorStateProvider = exports.TextEditorStateProvider = /*#__PURE__*/fun
|
|
|
79
77
|
});
|
|
80
78
|
return _this;
|
|
81
79
|
}
|
|
82
|
-
|
|
80
|
+
_inherits(TextEditorStateProvider, _React$Component);
|
|
81
|
+
return _createClass(TextEditorStateProvider, [{
|
|
83
82
|
key: "componentDidUpdate",
|
|
84
83
|
value: function componentDidUpdate(prevProps) {
|
|
85
84
|
var defaultStyle = this.props.defaultStyle;
|
|
@@ -97,7 +96,6 @@ var TextEditorStateProvider = exports.TextEditorStateProvider = /*#__PURE__*/fun
|
|
|
97
96
|
}, this.props.children);
|
|
98
97
|
}
|
|
99
98
|
}]);
|
|
100
|
-
return TextEditorStateProvider;
|
|
101
99
|
}(_react["default"].Component);
|
|
102
100
|
var withTextEditorState = exports.withTextEditorState = function withTextEditorState(Component) {
|
|
103
101
|
return /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
@@ -9,10 +9,10 @@ var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withS
|
|
|
9
9
|
var _String = require("../../Utils/String");
|
|
10
10
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
11
11
|
var _excluded = ["classes", "className"];
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
function _objectWithoutProperties(
|
|
15
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
16
|
var ToolboxContainer = exports.ToolboxContainer = (0, _withStyles["default"])(_styles["default"], {
|
|
17
17
|
name: 'Designer-ToolboxContainer'
|
|
18
18
|
})(function (_ref) {
|
|
@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
|
|
9
9
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
10
10
|
var _excluded = ["classes"];
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
function _objectWithoutProperties(
|
|
14
|
-
function _objectWithoutPropertiesLoose(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
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
15
|
var ToolboxRow = exports.ToolboxRow = (0, _withStyles["default"])(_styles["default"], {
|
|
16
16
|
name: 'Designer-ToolboxRow'
|
|
17
17
|
})(function (_ref) {
|
package/Utils/DOM.js
CHANGED
|
@@ -13,9 +13,9 @@ exports.isElement = isElement;
|
|
|
13
13
|
exports.traverse = exports.removeLinebreaks = exports.placeCaretAtEnd = void 0;
|
|
14
14
|
exports.unwrap = unwrap;
|
|
15
15
|
exports.updateTextWrapper = exports.updatePastedTextNode = void 0;
|
|
16
|
-
function _createForOfIteratorHelper(
|
|
17
|
-
function _unsupportedIterableToArray(
|
|
18
|
-
function _arrayLikeToArray(
|
|
16
|
+
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; } } }; }
|
|
17
|
+
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; } }
|
|
18
|
+
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; }
|
|
19
19
|
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); }
|
|
20
20
|
function isElement(o) {
|
|
21
21
|
return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === 'object' ? o instanceof HTMLElement : o && _typeof(o) === 'object' && o !== null && o.nodeType === 1 && typeof o.nodeName === 'string';
|
|
@@ -74,9 +74,9 @@ function getNextNode(node, rootNode) {
|
|
|
74
74
|
}
|
|
75
75
|
return false;
|
|
76
76
|
}
|
|
77
|
-
var
|
|
77
|
+
var _getClosestAttribute = exports.getClosestAttribute = function getClosestAttribute(node, attributeName) {
|
|
78
78
|
var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
79
|
-
return node.hasAttribute && node.hasAttribute(attributeName) ? node.getAttribute(attributeName) : node.parentNode ?
|
|
79
|
+
return node.hasAttribute && node.hasAttribute(attributeName) ? node.getAttribute(attributeName) : node.parentNode ? _getClosestAttribute(node.parentNode, attributeName) : defaultValue;
|
|
80
80
|
};
|
|
81
81
|
var placeCaretAtEnd = exports.placeCaretAtEnd = function placeCaretAtEnd(el) {
|
|
82
82
|
el.focus();
|
|
@@ -160,10 +160,10 @@ var updateTextWrapper = exports.updateTextWrapper = function updateTextWrapper(c
|
|
|
160
160
|
child.replaceWith(wrapperDiv);
|
|
161
161
|
placeCaretAtEnd(wrapperDiv);
|
|
162
162
|
};
|
|
163
|
-
var
|
|
163
|
+
var _traverse = exports.traverse = function traverse(node, cb) {
|
|
164
164
|
cb(node);
|
|
165
165
|
for (var i = 0; i < node.childNodes.length; i++) {
|
|
166
|
-
|
|
166
|
+
_traverse(node.childNodes[i], cb);
|
|
167
167
|
}
|
|
168
168
|
};
|
|
169
169
|
function fixContentEditableDOM(rootElement, node) {
|
package/Utils/Device.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getScreenDPI = void 0;
|
|
7
7
|
var _once = _interopRequireDefault(require("lodash/once"));
|
|
8
|
-
function _interopRequireDefault(
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
9
|
var getScreenDPI = exports.getScreenDPI = (0, _once["default"])(function () {
|
|
10
10
|
var d = document.createElement('div');
|
|
11
11
|
d.style.width = '1cm';
|
package/Utils/Logger.js
CHANGED
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Logger = 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 _classCallCheck(
|
|
9
|
-
function _defineProperties(
|
|
10
|
-
function _createClass(
|
|
11
|
-
function _defineProperty(
|
|
12
|
-
function _toPropertyKey(
|
|
13
|
-
function _toPrimitive(
|
|
8
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
9
|
+
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); } }
|
|
10
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
11
|
+
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; }
|
|
12
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
13
|
+
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); }
|
|
14
14
|
var Logger = exports.Logger = /*#__PURE__*/function () {
|
|
15
15
|
function Logger() {
|
|
16
16
|
var _this = this;
|
|
@@ -43,7 +43,7 @@ var Logger = exports.Logger = /*#__PURE__*/function () {
|
|
|
43
43
|
});
|
|
44
44
|
this.name = name;
|
|
45
45
|
}
|
|
46
|
-
_createClass(Logger, [{
|
|
46
|
+
return _createClass(Logger, [{
|
|
47
47
|
key: "callLog",
|
|
48
48
|
value: function callLog(fn) {
|
|
49
49
|
var _ref;
|
|
@@ -53,7 +53,6 @@ var Logger = exports.Logger = /*#__PURE__*/function () {
|
|
|
53
53
|
Logger.Levels[fn] && (_ref = Logger.loggerObject)[fn].apply(_ref, ["[".concat(this.name, "]")].concat(args));
|
|
54
54
|
}
|
|
55
55
|
}]);
|
|
56
|
-
return Logger;
|
|
57
56
|
}();
|
|
58
57
|
_defineProperty(Logger, "Levels", {
|
|
59
58
|
log: true,
|
package/Utils/Range.js
CHANGED
|
@@ -9,7 +9,7 @@ exports.selectAll = selectAll;
|
|
|
9
9
|
exports.selectNodes = selectNodes;
|
|
10
10
|
var _DOM = require("./DOM");
|
|
11
11
|
var _Logger = _interopRequireDefault(require("./Logger"));
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
13
|
var logger = new _Logger["default"]('Range');
|
|
14
14
|
function selectNodes(nodes) {
|
|
15
15
|
if (nodes.length > 0) {
|
|
@@ -10,33 +10,31 @@ var _Editor = _interopRequireDefault(require("../../Components/Editor/Editor"));
|
|
|
10
10
|
var _CanvasProvider = require("../../CanvasInterface/CanvasProvider");
|
|
11
11
|
var _SelectionToolbox = _interopRequireDefault(require("../../Components/SelectionToolbox/SelectionToolbox"));
|
|
12
12
|
var _TextEditorStateProvider = require("../../Components/TextEditor/TextEditorStateProvider");
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
14
|
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); }
|
|
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(
|
|
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 = new _PaperJs.Canvas();
|
|
29
29
|
var App = /*#__PURE__*/function (_React$Component) {
|
|
30
|
-
_inherits(App, _React$Component);
|
|
31
|
-
var _super = _createSuper(App);
|
|
32
30
|
function App() {
|
|
33
31
|
var _this;
|
|
34
32
|
_classCallCheck(this, App);
|
|
35
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
36
34
|
args[_key] = arguments[_key];
|
|
37
35
|
}
|
|
38
|
-
_this =
|
|
39
|
-
_defineProperty(
|
|
36
|
+
_this = _callSuper(this, App, [].concat(args));
|
|
37
|
+
_defineProperty(_this, "mockUploadFunction", function (files) {
|
|
40
38
|
return new Promise(function (resolve, reject) {
|
|
41
39
|
var reader = new FileReader();
|
|
42
40
|
reader.onload = function () {
|
|
@@ -51,7 +49,8 @@ var App = /*#__PURE__*/function (_React$Component) {
|
|
|
51
49
|
});
|
|
52
50
|
return _this;
|
|
53
51
|
}
|
|
54
|
-
|
|
52
|
+
_inherits(App, _React$Component);
|
|
53
|
+
return _createClass(App, [{
|
|
55
54
|
key: "render",
|
|
56
55
|
value: function render() {
|
|
57
56
|
return /*#__PURE__*/_react["default"].createElement(_CanvasProvider.CanvasProvider, {
|
|
@@ -90,6 +89,5 @@ var App = /*#__PURE__*/function (_React$Component) {
|
|
|
90
89
|
}, /*#__PURE__*/_react["default"].createElement(_SelectionToolbox["default"], null)))));
|
|
91
90
|
}
|
|
92
91
|
}]);
|
|
93
|
-
return App;
|
|
94
92
|
}(_react["default"].Component);
|
|
95
93
|
var _default = exports["default"] = App;
|