polotno 1.14.0 → 1.14.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/canvas/tooltip.js +1 -1
- package/package.json +9 -9
- package/polotno.bundle.js +2 -2
- package/toolbar/animations-picker.js +1 -1
- package/utils/l10n.d.ts +3 -0
- package/utils/l10n.js +1 -1
package/canvas/tooltip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),react_konva_utils_1=require("react-konva-utils"),core_1=require("@blueprintjs/core"),math_1=require("../utils/math"),element_container_1=require("../toolbar/element-container"),duplicate_button_1=require("../toolbar/duplicate-button"),remove_button_1=require("../toolbar/remove-button"),position_picker_1=require("../toolbar/position-picker");function findParentWithClass(e,t){return e.classList.contains(t)?e:e.parentElement?findParentWithClass(e.parentElement,t):null}exports.Tooltip=(0,mobx_react_lite_1.observer)((({store:e,page:t,components:r,stageRef:n})=>{const l=(0,math_1.getTotalClientRect)(e.
|
|
1
|
+
"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),react_konva_utils_1=require("react-konva-utils"),core_1=require("@blueprintjs/core"),math_1=require("../utils/math"),element_container_1=require("../toolbar/element-container"),duplicate_button_1=require("../toolbar/duplicate-button"),remove_button_1=require("../toolbar/remove-button"),position_picker_1=require("../toolbar/position-picker");function findParentWithClass(e,t){return e.classList.contains(t)?e:e.parentElement?findParentWithClass(e.parentElement,t):null}exports.Tooltip=(0,mobx_react_lite_1.observer)((({store:e,page:t,components:r,stageRef:n})=>{const l=(0,math_1.getTotalClientRect)(e.selectedShapes),a=e.selectedShapes.every((e=>e.page===t)),o=react_1.default.useRef(null),[u,c]=react_1.default.useState(!1);react_1.default.useEffect((()=>{var e,t,r;const l=()=>{c(!0)},a=()=>{c(!1)};null===(e=null==n?void 0:n.current)||void 0===e||e.on("dragstart",l),null===(t=null==n?void 0:n.current)||void 0===t||t.on("dragend",a);const o=null===(r=null==n?void 0:n.current)||void 0===r?void 0:r.findOne("Transformer");return null==o||o.on("transformstart",l),null==o||o.on("transformend",a),()=>{var e,t;null===(e=null==n?void 0:n.current)||void 0===e||e.off("dragstart",l),null===(t=null==n?void 0:n.current)||void 0===t||t.off("dragend",a),null==o||o.off("transformstart",l),null==o||o.off("transformend",a)}}),[]);const[i,s]=react_1.default.useState({fit:!0,needCalculate:!0});if(react_1.default.useEffect((()=>{if(!o.current)return;if(!i.needCalculate)return;const e=findParentWithClass(o.current,"polotno-workspace-container");if(!e)return;const t=e.getBoundingClientRect(),r=o.current.getBoundingClientRect(),n=(r.right,t.left,r.top-t.top);r.left,t.left,r.bottom,t.top;s(n<20?{fit:!1,needCalculate:!1}:{fit:!0,needCalculate:!1})}),[i.needCalculate,o.current]),react_1.default.useEffect((()=>{const e=findParentWithClass(n.current.content,"polotno-workspace-inner"),t=()=>{s({fit:!0,needCalculate:!0})};return null==e||e.addEventListener("scroll",t),()=>{null==e||e.removeEventListener("scroll",t)}}),[]),0===e.selectedShapes.length)return null;if(u)return null;if(!a)return null;if(e.activePage!==t)return;const d=(null==r?void 0:r.Position)||position_picker_1.PositionPicker,f=(null==r?void 0:r.Duplicate)||duplicate_button_1.DuplicateButton,_=(null==r?void 0:r.Remove)||remove_button_1.RemoveButton,m=e.selectedElements[0].type,p=(0,element_container_1.extendToolbar)({components:r,type:m,usedItems:[]});return react_1.default.createElement(react_konva_utils_1.Html,{transformFunc:e=>{const t=l.x+l.width/2,r=i.fit?l.y*e.scaleY-80:l.y*e.scaleY+l.height*e.scaleY+30;return Object.assign(Object.assign({},e),{x:e.x+t*e.scaleX,y:e.y+r,scaleX:1,scaleY:1})}},react_1.default.createElement("div",{ref:o},react_1.default.createElement(core_1.Navbar,{style:{padding:"2px",borderRadius:"5px",height:"34px",transform:"translate(-50%, -50%)"}},react_1.default.createElement(core_1.NavbarGroup,{style:{height:"30px"}},p.map((t=>{const n=r[t];return react_1.default.createElement(n,{elements:e.selectedElements,element:e.selectedElements[0],store:e,key:t})})),react_1.default.createElement(f,{store:e}),react_1.default.createElement(_,{store:e}),react_1.default.createElement(d,{store:e})))))}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "polotno",
|
|
3
|
-
"version": "1.14.
|
|
3
|
+
"version": "1.14.2",
|
|
4
4
|
"description": "Design Editor Framework",
|
|
5
5
|
"author": "Anton Lavrenov",
|
|
6
6
|
"keywords": [
|
|
@@ -16,20 +16,20 @@
|
|
|
16
16
|
"@meronex/icons": "^4.0.0",
|
|
17
17
|
"gradient-parser": "^1.0.2",
|
|
18
18
|
"konva": "^9.2.0",
|
|
19
|
-
"mobx": "6.
|
|
20
|
-
"mobx-react-lite": "^
|
|
19
|
+
"mobx": "6.10.2",
|
|
20
|
+
"mobx-react-lite": "^4.0.4",
|
|
21
21
|
"mobx-state-tree": "5.1.8",
|
|
22
22
|
"nanoid": "3.3.4",
|
|
23
23
|
"quill": "^1.3.7",
|
|
24
24
|
"rasterizehtml": "^1.3.1",
|
|
25
25
|
"react-color": "^2.19.3",
|
|
26
26
|
"react-konva": "18.2.10",
|
|
27
|
-
"react-konva-utils": "^1.0.
|
|
27
|
+
"react-konva-utils": "^1.0.5",
|
|
28
28
|
"react-sortablejs": "6.1.4",
|
|
29
29
|
"react-window": "^1.8.9",
|
|
30
30
|
"sortablejs": "^1.15.0",
|
|
31
31
|
"svg-round-corners": "^0.4.1",
|
|
32
|
-
"swr": "^2.
|
|
32
|
+
"swr": "^2.2.2",
|
|
33
33
|
"use-image": "^1.1.1"
|
|
34
34
|
},
|
|
35
35
|
"targets": {
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
],
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/jest": "^27",
|
|
55
|
-
"@types/react": "^18.2.
|
|
55
|
+
"@types/react": "^18.2.21",
|
|
56
56
|
"@types/sanitize-html": "^2.9.0",
|
|
57
|
-
"assert": "^2.
|
|
57
|
+
"assert": "^2.1.0",
|
|
58
58
|
"buffer": "^6.0.3",
|
|
59
59
|
"canvas": "^2.11.2",
|
|
60
60
|
"jest": "^27",
|
|
61
61
|
"jest-file-snapshot": "^0.5.0",
|
|
62
|
-
"parcel": "^2.9.
|
|
62
|
+
"parcel": "^2.9.3",
|
|
63
63
|
"path-browserify": "^1.0.1",
|
|
64
64
|
"process": "^0.11.10",
|
|
65
65
|
"punycode": "^1.4.1",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"svg-path-bounds": "^1.0.2",
|
|
70
70
|
"ts-jest": "^27",
|
|
71
71
|
"typescript": "^4.9.5",
|
|
72
|
-
"uglifyjs-folder": "^3.
|
|
72
|
+
"uglifyjs-folder": "^3.3.0"
|
|
73
73
|
},
|
|
74
74
|
"homepage": "https://polotno.com/",
|
|
75
75
|
"scripts": {
|