@arc-fusion/pb-editor-wrapper
Advanced tools
Comparing version 0.0.128 to 0.0.129
@@ -28,2 +28,62 @@ "use strict"; | ||
var plus = (0, _react.jsx)("svg", { | ||
"aria-hidden": "true", | ||
width: "10", | ||
height: "10", | ||
role: "img", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
viewBox: "0 0 448 512" | ||
}, (0, _react.jsx)("path", { | ||
fill: "#ffffff", | ||
d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" | ||
})); | ||
var pencil = (0, _react.jsx)("svg", { | ||
"aria-hidden": "true", | ||
width: "12", | ||
height: "12", | ||
role: "img", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
viewBox: "0 0 512 512" | ||
}, (0, _react.jsx)("path", { | ||
fill: "#ffffff", | ||
d: "M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z" | ||
})); | ||
var trash = (0, _react.jsx)("svg", { | ||
"aria-hidden": "true", | ||
width: "12", | ||
height: "12", | ||
role: "img", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
viewBox: "0 0 448 512" | ||
}, (0, _react.jsx)("path", { | ||
fill: "#ffffff", | ||
d: "M0 84V56c0-13.3 10.7-24 24-24h112l9.4-18.7c4-8.2 12.3-13.3 21.4-13.3h114.3c9.1 0 17.4 5.1 21.5 13.3L312 32h112c13.3 0 24 10.7 24 24v28c0 6.6-5.4 12-12 12H12C5.4 96 0 90.6 0 84zm416 56v324c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V140c0-6.6 5.4-12 12-12h360c6.6 0 12 5.4 12 12zm-272 68c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208zm96 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208z" | ||
})); | ||
var locator = (0, _react.jsx)("svg", { | ||
"aria-hidden": "true", | ||
width: "13", | ||
height: "13", | ||
focusable: "false", | ||
"data-prefix": "fad", | ||
"data-icon": "line-columns", | ||
role: "img", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
viewBox: "0 0 512 512" | ||
}, (0, _react.jsx)("path", { | ||
fill: "#999999", | ||
d: "M496 288H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 128H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-256H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" | ||
}), (0, _react.jsx)("path", { | ||
fill: "#ffffff", | ||
d: "M208 288H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-384H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm0 128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" | ||
})); | ||
var plugin = (0, _react.jsx)("svg", { | ||
"aria-hidden": "true", | ||
width: "12", | ||
height: "12", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
viewBox: "0 0 384 512" | ||
}, (0, _react.jsx)("path", { | ||
fill: "#ffffff", | ||
d: "M256 144V32c0-17.673 14.327-32 32-32s32 14.327 32 32v112h-64zm112 16H16c-8.837 0-16 7.163-16 16v32c0 8.837 7.163 16 16 16h16v32c0 77.406 54.969 141.971 128 156.796V512h64v-99.204c73.031-14.825 128-79.39 128-156.796v-32h16c8.837 0 16-7.163 16-16v-32c0-8.837-7.163-16-16-16zm-240-16V32c0-17.673-14.327-32-32-32S64 14.327 64 32v112h64z" | ||
})); | ||
var styles = { | ||
@@ -143,3 +203,37 @@ wrapper: { | ||
"data-fusion-component": fingerprint | ||
}, children); | ||
}, isHovered && (0, _react.jsx)(React.Fragment, null, (0, _react.jsx)("button", { | ||
css: styles.wrapper.buttonTop, | ||
onClick: onAddTop | ||
}, (0, _react.jsx)("i", null, (0, _react.jsx)("img", { | ||
css: styles.wrapper.buttonIcon, | ||
src: plus | ||
}))), (0, _react.jsx)("button", { | ||
css: styles.wrapper.buttonBottom, | ||
onClick: onAddBottom | ||
}, (0, _react.jsx)("i", null, (0, _react.jsx)("img", { | ||
css: styles.wrapper.buttonIcon, | ||
src: plus | ||
}))), (0, _react.jsx)("div", { | ||
css: styles.wrapper.actions | ||
}, plugins && (0, _react.jsx)("i", { | ||
onClick: onPluginLoad | ||
}, (0, _react.jsx)("img", { | ||
src: plugin, | ||
alt: "plugin" | ||
})), (0, _react.jsx)("i", { | ||
onClick: onEdit | ||
}, (0, _react.jsx)("img", { | ||
src: pencil, | ||
alt: "edit" | ||
})), (0, _react.jsx)("i", { | ||
onClick: onLocate | ||
}, (0, _react.jsx)("img", { | ||
src: locator, | ||
alt: "locate" | ||
})), (0, _react.jsx)("i", { | ||
onClick: onDelete | ||
}, (0, _react.jsx)("img", { | ||
src: trash, | ||
alt: "remove" | ||
})))), children); | ||
}; | ||
@@ -146,0 +240,0 @@ |
{ | ||
"name": "@arc-fusion/pb-editor-wrapper", | ||
"description": "PageBuilder Preview Wrapper", | ||
"version": "0.0.128", | ||
"version": "0.0.129", | ||
"module": "dist/index.js", | ||
@@ -6,0 +6,0 @@ "files": [ |
14915
249