@arc-fusion/pb-editor-wrapper
Advanced tools
Comparing version 0.0.130 to 0.0.131
"use strict"; | ||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -8,10 +10,14 @@ value: true | ||
var _react = require("@emotion/react"); | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _react2 = require("@emotion/react"); | ||
var _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _react2 = require("react"); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; } | ||
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } | ||
@@ -29,3 +35,3 @@ | ||
var plus = (0, _react.jsx)("svg", { | ||
var plus = (0, _react2.jsx)("svg", { | ||
"aria-hidden": "true", | ||
@@ -37,7 +43,7 @@ width: "10", | ||
viewBox: "0 0 448 512" | ||
}, (0, _react.jsx)("path", { | ||
}, (0, _react2.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", { | ||
var pencil = (0, _react2.jsx)("svg", { | ||
"aria-hidden": "true", | ||
@@ -49,7 +55,7 @@ width: "12", | ||
viewBox: "0 0 512 512" | ||
}, (0, _react.jsx)("path", { | ||
}, (0, _react2.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", { | ||
var trash = (0, _react2.jsx)("svg", { | ||
"aria-hidden": "true", | ||
@@ -61,3 +67,3 @@ width: "12", | ||
viewBox: "0 0 448 512" | ||
}, (0, _react.jsx)("path", { | ||
}, (0, _react2.jsx)("path", { | ||
fill: "#ffffff", | ||
@@ -68,3 +74,3 @@ 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 = function locator() { | ||
(0, _react.jsx)("svg", { | ||
(0, _react2.jsx)("svg", { | ||
"aria-hidden": "true", | ||
@@ -79,6 +85,6 @@ width: "13", | ||
viewBox: "0 0 512 512" | ||
}, (0, _react.jsx)("path", { | ||
}, (0, _react2.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", { | ||
}), (0, _react2.jsx)("path", { | ||
fill: "#ffffff", | ||
@@ -90,3 +96,3 @@ 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 = function plugin() { | ||
(0, _react.jsx)("svg", { | ||
(0, _react2.jsx)("svg", { | ||
"aria-hidden": "true", | ||
@@ -97,3 +103,3 @@ width: "12", | ||
viewBox: "0 0 384 512" | ||
}, (0, _react.jsx)("path", { | ||
}, (0, _react2.jsx)("path", { | ||
fill: "#ffffff", | ||
@@ -193,3 +199,3 @@ 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 _useState = (0, _react2.useState)(false), | ||
var _useState = (0, _react.useState)(false), | ||
_useState2 = _slicedToArray(_useState, 2), | ||
@@ -199,3 +205,3 @@ isHovered = _useState2[0], | ||
(0, _react2.useEffect)(function () { | ||
(0, _react.useEffect)(function () { | ||
return isHovered ? onHover && onHover() : onHoverEnd && onHoverEnd(); | ||
@@ -212,6 +218,6 @@ }, [isHovered]); | ||
return isChain ? (0, _react.jsx)("div", { | ||
return isChain ? (0, _react2.jsx)("div", { | ||
"data-fusion-component": fingerprint, | ||
"data-fusion-plugins": plugins | ||
}, children) : (0, _react.jsx)("div", { | ||
}, children) : (0, _react2.jsx)("div", { | ||
css: [styles.wrapper, isHovered && styles.wrapper.highlighted], | ||
@@ -221,34 +227,34 @@ onMouseEnter: onFeatureHover, | ||
"data-fusion-component": fingerprint | ||
}, isHovered && (0, _react.jsx)(React.Fragment, null, (0, _react.jsx)("button", { | ||
}, isHovered && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("button", { | ||
css: styles.wrapper.buttonTop, | ||
onClick: onAddTop | ||
}, (0, _react.jsx)("i", null, (0, _react.jsx)("img", { | ||
}, (0, _react2.jsx)("i", null, (0, _react2.jsx)("img", { | ||
css: styles.wrapper.buttonIcon, | ||
src: plus | ||
}))), (0, _react.jsx)("button", { | ||
}))), (0, _react2.jsx)("button", { | ||
css: styles.wrapper.buttonBottom, | ||
onClick: onAddBottom | ||
}, (0, _react.jsx)("i", null, (0, _react.jsx)("img", { | ||
}, (0, _react2.jsx)("i", null, (0, _react2.jsx)("img", { | ||
css: styles.wrapper.buttonIcon, | ||
src: plus | ||
}))), (0, _react.jsx)("div", { | ||
}))), (0, _react2.jsx)("div", { | ||
css: styles.wrapper.actions | ||
}, plugins && (0, _react.jsx)("i", { | ||
}, plugins && (0, _react2.jsx)("i", { | ||
onClick: onPluginLoad | ||
}, (0, _react.jsx)("img", { | ||
}, (0, _react2.jsx)("img", { | ||
src: plugin, | ||
alt: "plugin" | ||
})), (0, _react.jsx)("i", { | ||
})), (0, _react2.jsx)("i", { | ||
onClick: onEdit | ||
}, (0, _react.jsx)("img", { | ||
}, (0, _react2.jsx)("img", { | ||
src: pencil, | ||
alt: "edit" | ||
})), (0, _react.jsx)("i", { | ||
})), (0, _react2.jsx)("i", { | ||
onClick: onLocate | ||
}, (0, _react.jsx)("img", { | ||
}, (0, _react2.jsx)("img", { | ||
src: locator, | ||
alt: "locate" | ||
})), (0, _react.jsx)("i", { | ||
})), (0, _react2.jsx)("i", { | ||
onClick: onDelete | ||
}, (0, _react.jsx)("img", { | ||
}, (0, _react2.jsx)("img", { | ||
src: trash, | ||
@@ -255,0 +261,0 @@ alt: "remove" |
{ | ||
"name": "@arc-fusion/pb-editor-wrapper", | ||
"description": "PageBuilder Preview Wrapper", | ||
"version": "0.0.130", | ||
"version": "0.0.131", | ||
"module": "dist/index.js", | ||
@@ -6,0 +6,0 @@ "files": [ |
16419
259