@yorab/react-paint 0.6.0 → 0.6.1
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/Changelog.md +4 -0
- package/dist/components/App.js +7 -5
- package/package.json +1 -1
package/Changelog.md
CHANGED
package/dist/components/App.js
CHANGED
|
@@ -383,7 +383,7 @@ var App = function App(_ref5) {
|
|
|
383
383
|
setIsLoading(false);
|
|
384
384
|
}
|
|
385
385
|
}, [shapesRef, addSnackbar, canvasWidth, canvasHeight]);
|
|
386
|
-
var
|
|
386
|
+
var loadImportedData = (0, _react.useCallback)( /*#__PURE__*/function () {
|
|
387
387
|
var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(json) {
|
|
388
388
|
var shapes;
|
|
389
389
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
@@ -424,7 +424,7 @@ var App = function App(_ref5) {
|
|
|
424
424
|
case 4:
|
|
425
425
|
json = _context2.sent;
|
|
426
426
|
_context2.next = 7;
|
|
427
|
-
return
|
|
427
|
+
return loadImportedData(json);
|
|
428
428
|
|
|
429
429
|
case 7:
|
|
430
430
|
addSnackbar({
|
|
@@ -463,7 +463,7 @@ var App = function App(_ref5) {
|
|
|
463
463
|
return function (_x2) {
|
|
464
464
|
return _ref7.apply(this, arguments);
|
|
465
465
|
};
|
|
466
|
-
}(), [
|
|
466
|
+
}(), [loadImportedData, addSnackbar]);
|
|
467
467
|
var addPicture = (0, _react.useCallback)( /*#__PURE__*/function () {
|
|
468
468
|
var _ref8 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(fileOrUrl) {
|
|
469
469
|
var pictureShape;
|
|
@@ -540,9 +540,11 @@ var App = function App(_ref5) {
|
|
|
540
540
|
}, [isInsideComponent, setSelectedShape]);
|
|
541
541
|
(0, _react.useEffect)(function () {
|
|
542
542
|
if (shapesFromProps !== undefined) {
|
|
543
|
-
void
|
|
543
|
+
void loadImportedData({
|
|
544
|
+
shapes: shapesFromProps
|
|
545
|
+
});
|
|
544
546
|
}
|
|
545
|
-
}, [
|
|
547
|
+
}, [loadImportedData, shapesFromProps]);
|
|
546
548
|
(0, _react.useEffect)(function () {
|
|
547
549
|
if (!apiRef) return;
|
|
548
550
|
apiRef.current = {
|