@arc-fusion/pb-editor-wrapper - npm Package Compare versions

Comparing version 0.0.131 to 0.0.132

dist/FeatureWrapper/index.js

 "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", {
@@ -10,14 +8,10 @@ value: true
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/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(); }
@@ -35,39 +29,47 @@
 
-var plus = (0, _react2.jsx)("svg", {
-  "aria-hidden": "true",
-  width: "10",
-  height: "10",
-  role: "img",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512"
-}, (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, _react2.jsx)("svg", {
-  "aria-hidden": "true",
-  width: "12",
-  height: "12",
-  role: "img",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512"
-}, (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, _react2.jsx)("svg", {
-  "aria-hidden": "true",
-  width: "12",
-  height: "12",
-  role: "img",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 448 512"
-}, (0, _react2.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 PlusIcon = function PlusIcon() {
+  return (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 locator = function locator() {
-  (0, _react2.jsx)("svg", {
+var EditIcon = function EditIcon() {
+  return (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 TrashIcon = function TrashIcon() {
+  return (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 LocatorIcon = function LocatorIcon() {
+  return (0, _react.jsx)("svg", {
+    "aria-hidden": "true",
     width: "13",
@@ -81,6 +83,6 @@ height: "13",
     viewBox: "0 0 512 512"
-  }, (0, _react2.jsx)("path", {
+  }, (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, _react2.jsx)("path", {
+  }), (0, _react.jsx)("path", {
     fill: "#ffffff",
@@ -91,4 +93,4 @@ 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, _react2.jsx)("svg", {
+var PluginIcon = function PluginIcon() {
+  return (0, _react.jsx)("svg", {
     "aria-hidden": "true",
@@ -99,3 +101,3 @@ width: "12",
     viewBox: "0 0 384 512"
-  }, (0, _react2.jsx)("path", {
+  }, (0, _react.jsx)("path", {
     fill: "#ffffff",
@@ -170,9 +172,9 @@ 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"
       marginLeft: 'auto',
-      marginRight: 'auto'
-    },
-    buttonIcon: {
-      width: '10px',
-      display: 'inline',
-      margin: 0,
-      padding: 0
+      marginRight: 'auto',
+      'svg': {
+        width: '10px',
+        display: 'inline',
+        margin: 0,
+        padding: 0
+      }
     }
@@ -196,3 +198,3 @@ }
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react2.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -202,3 +204,3 @@ isHovered = _useState2[0],
 
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     return isHovered ? onHover && onHover() : onHoverEnd && onHoverEnd();
@@ -215,6 +217,6 @@ }, [isHovered]);
 
-  return isChain ? (0, _react2.jsx)("div", {
+  return isChain ? (0, _react.jsx)("div", {
     "data-fusion-component": fingerprint,
     "data-fusion-plugins": plugins
-  }, children) : (0, _react2.jsx)("div", {
+  }, children) : (0, _react.jsx)("div", {
     css: [styles.wrapper, isHovered && styles.wrapper.highlighted],
@@ -224,37 +226,19 @@ onMouseEnter: onFeatureHover,
     "data-fusion-component": fingerprint
-  }, isHovered && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("button", {
+  }, isHovered && (0, _react.jsx)(React.Fragment, null, (0, _react.jsx)("button", {
     css: styles.wrapper.buttonTop,
     onClick: onAddTop
-  }, (0, _react2.jsx)("i", null, (0, _react2.jsx)("img", {
-    css: styles.wrapper.buttonIcon,
-    src: plus
-  }))), (0, _react2.jsx)("button", {
+  }, (0, _react.jsx)("i", null, (0, _react.jsx)(PlusIcon, null))), (0, _react.jsx)("button", {
     css: styles.wrapper.buttonBottom,
     onClick: onAddBottom
-  }, (0, _react2.jsx)("i", null, (0, _react2.jsx)("img", {
-    css: styles.wrapper.buttonIcon,
-    src: plus
-  }))), (0, _react2.jsx)("div", {
+  }, (0, _react.jsx)("i", null, (0, _react.jsx)(PlusIcon, null))), (0, _react.jsx)("div", {
     css: styles.wrapper.actions
-  }, plugins && (0, _react2.jsx)("i", {
+  }, plugins && (0, _react.jsx)("i", {
     onClick: onPluginLoad
-  }, (0, _react2.jsx)("img", {
-    src: plugin,
-    alt: "plugin"
-  })), (0, _react2.jsx)("i", {
+  }, (0, _react.jsx)(PluginIcon, null)), (0, _react.jsx)("i", {
     onClick: onEdit
-  }, (0, _react2.jsx)("img", {
-    src: pencil,
-    alt: "edit"
-  })), (0, _react2.jsx)("i", {
+  }, (0, _react.jsx)(EditIcon, null)), (0, _react.jsx)("i", {
     onClick: onLocate
-  }, (0, _react2.jsx)("img", {
-    src: locator,
-    alt: "locate"
-  })), (0, _react2.jsx)("i", {
+  }, (0, _react.jsx)(LocatorIcon, null)), (0, _react.jsx)("i", {
     onClick: onDelete
-  }, (0, _react2.jsx)("img", {
-    src: trash,
-    alt: "remove"
-  })))), children);
+  }, (0, _react.jsx)(TrashIcon, null)))), children);
 };
@@ -261,0 +245,0 @@

package.json

 {
   "name": "@arc-fusion/pb-editor-wrapper",
   "description": "PageBuilder Preview Wrapper",
-  "version": "0.0.131",
+  "version": "0.0.132",
   "module": "dist/index.js",
@@ -6,0 +6,0 @@ "files": [

No alert changes

Worsened metrics

Total package byte prevSize

15011

decreased by-8.58%

Lines of code

241

decreased by-6.95%

No dependency changes