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

Comparing version 1.0.5 to 1.0.6

dist/FeatureWrapper/index.js

@@ -14,12 +14,2 @@ "use strict";
 
-var _pencil = _interopRequireDefault(require("./img/svg/pencil.svg"));
-
-var _trash = _interopRequireDefault(require("./img/svg/trash.svg"));
-
-var _locator = _interopRequireDefault(require("./img/svg/locator.svg"));
-
-var _plugin = _interopRequireDefault(require("./img/svg/plugin.svg"));
-
-var _plus = _interopRequireDefault(require("./img/svg/plus.svg"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,2 +29,77 @@
 
+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 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",
+    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 PluginIcon = function PluginIcon() {
+  return (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 = {
@@ -44,3 +109,3 @@ wrapper: {
     highlighted: {
-      zIndex: 99999,
+      zIndex: 2147483646,
       boxShadow: '2px -2px 0px #3760ff, -2px -2px 0px #3760ff, -2px 2px 0px #3760ff, 2px 2px 0px #3760ff',
@@ -57,9 +122,9 @@ transition: 'all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1)'
       zIndex: 2147483646,
-      top: '5px',
-      right: '5px',
-      padding: '5px',
+      top: 5,
+      right: 5,
+      padding: 5,
       width: 'initial',
-      borderRadius: '5px',
+      borderRadius: 5,
       '& i': {
-        padding: '6px'
+        padding: 6
       },
@@ -72,3 +137,3 @@ '& i:hover': {
       fontFamily: 'OutputSans',
-      fontSize: '13px',
+      fontSize: 13,
       zIndex: 2147483646,
@@ -88,6 +153,6 @@ textAlign: 'center',
       top: '-20px',
-      borderTopLeftRadius: '5px',
-      borderTopRightRadius: '5px',
-      width: '65px',
-      height: '20px',
+      borderTopLeftRadius: 5,
+      borderTopRightRadius: 5,
+      width: 65,
+      height: 20,
       right: 0,
@@ -101,16 +166,16 @@ left: 0,
       bottom: '-20px',
-      borderBottomLeftRadius: '5px',
-      borderBottomRightRadius: '5px',
-      width: '65px',
-      height: '20px',
+      borderBottomLeftRadius: 5,
+      borderBottomRightRadius: 5,
+      width: 65,
+      height: 20,
       right: 0,
       left: 0,
       marginLeft: 'auto',
-      marginRight: 'auto'
-    },
-    buttonIcon: {
-      width: '10px',
-      display: 'inline',
-      margin: 0,
-      padding: 0
+      marginRight: 'auto',
+      'svg': {
+        width: 10,
+        display: 'inline',
+        margin: 0,
+        padding: 0
+      }
     }
@@ -162,34 +227,16 @@ }
     onClick: onAddTop
-  }, (0, _react.jsx)("i", null, (0, _react.jsx)("img", {
-    css: styles.wrapper.buttonIcon,
-    src: _plus.default
-  }))), (0, _react.jsx)("button", {
+  }, (0, _react.jsx)("i", null, (0, _react.jsx)(PlusIcon, null))), (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.default
-  }))), (0, _react.jsx)("div", {
+  }, (0, _react.jsx)("i", null, (0, _react.jsx)(PlusIcon, null))), (0, _react.jsx)("div", {
     css: styles.wrapper.actions
   }, plugins && (0, _react.jsx)("i", {
     onClick: onPluginLoad
-  }, (0, _react.jsx)("img", {
-    src: _plugin.default,
-    alt: "plugin"
-  })), (0, _react.jsx)("i", {
+  }, (0, _react.jsx)(PluginIcon, null)), (0, _react.jsx)("i", {
     onClick: onEdit
-  }, (0, _react.jsx)("img", {
-    src: _pencil.default,
-    alt: "edit"
-  })), (0, _react.jsx)("i", {
+  }, (0, _react.jsx)(EditIcon, null)), (0, _react.jsx)("i", {
     onClick: onLocate
-  }, (0, _react.jsx)("img", {
-    src: _locator.default,
-    alt: "locate"
-  })), (0, _react.jsx)("i", {
+  }, (0, _react.jsx)(LocatorIcon, null)), (0, _react.jsx)("i", {
     onClick: onDelete
-  }, (0, _react.jsx)("img", {
-    src: _trash.default,
-    alt: "remove"
-  })))), children);
+  }, (0, _react.jsx)(TrashIcon, null)))), children);
 };
@@ -196,0 +243,0 @@

package.json

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

No alert changes

Improved metrics

Lines of code

241

increased by27.51%

Worsened metrics

Total package byte prevSize

11266

decreased by-3.96%

Number of package files

4

decreased by-60%

No dependency changes