@jotforminc/dnd-builder 3.1.0 → 3.2.0

package/lib/cjs/assets/svg/slides.svg.js

@@ -2,26 +2,20 @@
 
 var React = require('react');
 
-var _path, _path2, _path3;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgSlides(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M9.73.472a5.695 5.695 0 014.54 0l9.158 3.981c.762.332.762 1.413 0 1.745l-9.158 3.98a5.695 5.695 0 01-4.54 0L.571 6.199c-.763-.332-.763-1.413 0-1.745L9.729.473z",
-    fill: "#fff"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    opacity: 0.6,
-    d: "M4.44 9.445L.572 11.127c-.763.332-.763 1.413 0 1.745l9.157 3.98c1.449.63 3.093.63 4.542 0l9.157-3.98c.762-.332.762-1.413 0-1.745L19.56 9.445l-4.801 2.088a6.918 6.918 0 01-5.516 0L4.44 9.445z",
-    fill: "#fff"
-  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
-    opacity: 0.3,
-    d: "M4.44 16.12L.572 17.803c-.763.332-.763 1.413 0 1.745l9.157 3.98c1.449.63 3.093.63 4.542 0l9.157-3.98c.762-.332.762-1.413 0-1.745l-3.868-1.681-4.801 2.087a6.917 6.917 0 01-5.517 0L4.44 16.121z",
-    fill: "#fff"
+    fill: "#fff",
+    fillRule: "evenodd",
+    d: "M13.632 1.486a3 3 0 00-3.264 0L2.91 6.321a2 2 0 000 3.357l7.458 4.835a3 3 0 003.264 0l7.458-4.835a2 2 0 000-3.357l-7.458-4.835zm8.188 10.481a1 1 0 01-.247 1.393l-.079.054-.004.003-6.604 4.668a5 5 0 01-5.772 0l-6.607-4.67-.08-.056a1 1 0 011.147-1.638l.086.06 6.608 4.67a3 3 0 003.463 0l6.61-4.67.004-.003.082-.058a1 1 0 011.393.247zm-.247 5.393a1 1 0 00-1.146-1.64l-.082.058-.005.003-6.609 4.67a3 3 0 01-3.463 0l-6.608-4.67-.086-.06a1 1 0 10-1.148 1.638l.081.057 6.607 4.669a5 5 0 005.772 0l6.604-4.668.005-.003.078-.054z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/slides.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"slides.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"slides.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/star_rating.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgStarRating(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 30 29"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M14.535 24.745L6.8 28.81a1 1 0 01-1.45-1.054l1.476-8.611a1 1 0 00-.287-.885L.283 12.16a1 1 0 01.554-1.706L9.484 9.2a1 1 0 00.752-.547L14.103.817a1 1 0 011.794 0l3.867 7.835a1 1 0 00.752.547l8.647 1.256a1 1 0 01.554 1.706L23.46 18.26a1 1 0 00-.287.885l1.477 8.611a1 1 0 01-1.451 1.054l-7.734-4.065a1 1 0 00-.93 0z"
+    fillRule: "evenodd",
+    d: "M12.864 3.05a.952.952 0 00-1.728 0L8.675 8.354l-5.836.687a.95.95 0 00-.792.647.942.942 0 00.258.987l4.315 3.966-1.145 5.729a.943.943 0 00.373.95c.3.216.7.24 1.024.06L12 18.526l5.128 2.854a.956.956 0 001.023-.06.943.943 0 00.375-.95l-1.146-5.73 4.315-3.965a.942.942 0 00.258-.987.95.95 0 00-.792-.647l-5.836-.687-2.461-5.304z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/star_rating.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"star_rating.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"star_rating.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/email.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgEmail(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 43 30"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M2.374.628c.075.059.132.096.18.142l15.777 14.696c.173.16.352.319.546.451 1.53 1.038 3.545.867 4.909-.404L39.585.79c.06-.056.114-.121.171-.183C38.983.155 38.16 0 37.294 0 26.486.002 15.678.003 4.87 0c-.867 0-1.689.157-2.496.628M.7 2.223C.234 2.983.007 3.758.007 4.59c-.003 6.9-.016 13.8.005 20.7.008 2.727 2.023 4.699 4.784 4.701 10.855.012 21.711.004 32.567.008.872 0 1.692-.183 2.435-.626 1.578-.94 2.354-2.34 2.36-4.15.008-1.946.002-3.891.002-5.837l.001-14.527c0-.93-.172-1.812-.698-2.627-.086.074-.155.13-.22.191-4.691 4.37-9.381 8.741-14.075 13.109-.791.736-1.542 1.532-2.413 2.166-2.473 1.799-5.702 1.59-7.95-.491C11.913 12.675 7.04 8.12 2.158 3.575 1.68 3.13 1.202 2.688.701 2.223"
+    fillRule: "evenodd",
+    d: "M1 7.52V18a3 3 0 003 3h16a3 3 0 003-3V7.52l-9.28 6.496a3 3 0 01-3.44 0L1 7.521zm21.881-2.358A3.001 3.001 0 0020 3H4a3.001 3.001 0 00-2.881 2.162l10.308 7.216a1 1 0 001.146 0l10.308-7.216z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/email.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"email.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"email.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/header.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgHeader(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M5.467 8.082v5.465c0 .733.04 1.191.122 1.374.081.184.24.344.476.482.236.137.555.206.957.206h.476V16H0v-.391h.476c.416 0 .75-.074 1.005-.222.183-.1.324-.268.423-.508.077-.17.116-.613.116-1.332V2.453c0-.733-.039-1.191-.116-1.374-.078-.184-.235-.344-.471-.482C1.197.46.878.391.476.391H0V0h7.498v.391h-.476c-.416 0-.751.074-1.005.222-.183.1-.328.268-.433.508-.078.17-.117.613-.117 1.332v4.698h5.066V2.453c0-.733-.04-1.191-.117-1.374-.077-.184-.236-.344-.475-.482C9.7.46 9.38.391 8.978.391h-.465V0H16v.391h-.465c-.423 0-.758.074-1.005.222-.183.1-.328.268-.434.508-.077.17-.116.613-.116 1.332v11.094c0 .733.039 1.191.116 1.374.078.184.237.344.476.482.24.137.56.206.963.206H16V16H8.513v-.391h.465c.423 0 .758-.074 1.005-.222.183-.1.328-.268.433-.508.078-.17.117-.613.117-1.332V8.082H5.467z"
+    fillRule: "evenodd",
+    d: "M3 3.5A1.5 1.5 0 014.5 2h4a1.5 1.5 0 110 3H8v5.5h8V5h-.5a1.5 1.5 0 010-3h4a1.5 1.5 0 010 3H19v14h.5a1.5 1.5 0 010 3h-4a1.5 1.5 0 010-3h.5v-5.5H8V19h.5a1.5 1.5 0 010 3h-4a1.5 1.5 0 010-3H5V5h-.5A1.5 1.5 0 013 3.5z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/header.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"header.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/icon.svg.js

@@ -2,24 +2,19 @@
 
 var React = require('react');
 
-var _path, _path2, _path3, _path4;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 22 17",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M17 0c2.758 0 5 2.242 5 5s-2.242 5-5 5-5-2.242-5-5 2.242-5 5-5zm0 9.074A4.084 4.084 0 0021.074 5 4.084 4.084 0 0017 .926 4.084 4.084 0 0012.926 5 4.084 4.084 0 0017 9.074z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M14.621 5.958a.466.466 0 01.653.063c.02.032.62.737 1.726.737 1.105 0 1.705-.705 1.726-.737a.467.467 0 01.653-.074c.2.158.231.453.074.653-.032.042-.895 1.084-2.453 1.084-1.558 0-2.41-1.031-2.453-1.084a.454.454 0 01.074-.642zM18.653 4.505a.642.642 0 110-1.284.642.642 0 010 1.284zM15.347 4.505a.642.642 0 110-1.284.642.642 0 010 1.284z"
-  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 3.28C10 1.9 8.88.818 7.5.818c-.671 0-1.28.285-1.73.716v.008l-.018.023-.038.04L5 2.32 4.28 1.6l-.024-.024-.025-.025v.002A2.5 2.5 0 000 3.355c0 .58.2 1.11.53 1.534.019.019.03.04.044.06l.005.007.006.012c.013.014.022.03.031.046l.006.008.008.012 4.017 4.137a.455.455 0 00.643 0l3.935-4.127c.01-.016.115-.12.129-.134.015-.022.086-.152.104-.152.339-.454.542-.89.542-1.478z"
-  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
-    d: "M7 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM12.5 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM18 15.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
+    d: "M4.75 4c.75 0 1.347.322 1.75.629C6.903 4.322 7.5 4 8.25 4 9.884 4 11 5.263 11 6.75c0 1.95-1.077 3.5-2.026 4.496a10.808 10.808 0 01-1.77 1.49l-.132.086-.038.024-.012.007-.005.003-.003.002a1 1 0 01-1.029 0v-.001l-.002-.001-.005-.003-.012-.007-.038-.024a9.621 9.621 0 01-.575-.399c-.36-.27-.842-.668-1.327-1.177C3.076 10.249 2 8.7 2 6.75 2 5.263 3.116 4 4.75 4zm12.75 9a4.5 4.5 0 100-9 4.5 4.5 0 000 9zm-1.591-4.765a.794.794 0 100-1.589.794.794 0 000 1.589zm3.176 0a.794.794 0 100-1.588.794.794 0 000 1.588zM16.08 9.788a.53.53 0 00-.877.594l.001.001v.001l.002.003.005.005.01.015a1.628 1.628 0 00.142.17c.093.098.231.225.417.349.378.252.942.486 1.717.486.775 0 1.339-.234 1.716-.486a2.428 2.428 0 00.528-.476l.032-.043.01-.014.004-.006.002-.003.001-.002a.53.53 0 00-.876-.594l-.006.008a1.368 1.368 0 01-.282.25c-.218.145-.58.307-1.13.307-.548 0-.91-.162-1.128-.308a1.37 1.37 0 01-.282-.25l-.006-.007zM6 20a2 2 0 100-4 2 2 0 000 4zm6 0a2 2 0 100-4 2 2 0 000 4zm8-2a2 2 0 11-4 0 2 2 0 014 0z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/icon.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/image.svg.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 
-var _path, _path2;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgImage(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 22 22",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M20.94 15.78a.67.67 0 01-.53.25.66.66 0 01-.42-.15l-4.35-3.48a.57.57 0 00-.37-.12.69.69 0 00-.39.12l-1.74 1.45 2.58 2.58a.68.68 0 01-.214 1.1.67.67 0 01-.736-.15l-7-7a.41.41 0 00-.3-.12.43.43 0 00-.27.1l-4.93 4.46a.67.67 0 01-1.021-.139.67.67 0 01-.099-.391.63.63 0 01.22-.46l4.91-4.47a1.78 1.78 0 012.43.06l3.48 3.48L14 11.37a2 2 0 011.25-.43 1.9 1.9 0 011.2.41l4.36 3.48a.71.71 0 01.25.45.69.69 0 01-.14.5h.02zm-5.1-13a2.69 2.69 0 11-2.69 2.69 2.7 2.7 0 012.69-2.69zM18.37 0H3.63A3.64 3.64 0 000 3.63v14.74A3.64 3.64 0 003.63 22h14.74A3.64 3.64 0 0022 18.37V3.63A3.64 3.64 0 0018.37 0z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M15.86 6.81a1.37 1.37 0 100-2.74 1.37 1.37 0 000 2.74z",
-    fill: "#fff"
+    fillRule: "evenodd",
+    d: "M1 6a3 3 0 013-3h16a3 3 0 013 3v12a3 3 0 01-3 3H4a3 3 0 01-3-3V6zm9 2a2 2 0 11-4 0 2 2 0 014 0zm5.248 2.312l5.59 7.416A.794.794 0 0120.204 19H3.796a.794.794 0 01-.643-1.26l3.63-5.002a.794.794 0 011.285 0l2.003 2.76 3.909-5.186a.794.794 0 011.268 0z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/label.svg.js

@@ -9,10 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgLabel(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 18 18"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14.858 1.8c-.728-.003-1.357.621-1.358 1.347-.001.726.629 1.356 1.354 1.353.719-.003 1.341-.622 1.346-1.339.005-.729-.616-1.358-1.342-1.361M18 .012v.229c0 2.527.001 5.054-.005 7.582a.48.48 0 01-.125.31c-3.14 3.106-6.284 6.207-9.429 9.307-.723.713-1.771.748-2.426.087-.611-.617-1.222-1.234-1.836-1.848C2.988 14.49 1.793 13.303.6 12.115c-.793-.792-.805-1.902-.014-2.692A6429.6 6429.6 0 019.932.117a.408.408 0 01.258-.112C12.74-.001 15.29 0 17.842 0c.04 0 .08.006.158.012"
+    d: "M5 2a3 3 0 00-3 3v6.172a3 3 0 00.879 2.12l8.533 8.534a4 4 0 005.656 0l4.758-4.758a4 4 0 000-5.656l-8.533-8.533A3 3 0 0011.172 2H5zm4 9a2 2 0 100-4 2 2 0 000 4z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/label.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"label.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/multiple_choice.svg.js

@@ -2,18 +2,19 @@
 
 var React = require('react');
 
-var _path, _path2;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgMultipleChoice(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 42 42"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M35.649 9.821a2.635 2.635 0 00-2.67 2.629c-.015 1.481 1.128 2.679 2.59 2.71a2.654 2.654 0 002.722-2.675 2.65 2.65 0 00-2.642-2.664m-1.824-3.54c2.384 0 4.768.017 7.152-.011.628-.007.869.163.862.832-.045 4.768-.046 9.536-.094 14.304-.004.354-.175.797-.422 1.047a5500.405 5500.405 0 01-18.087 18.163c-1.607 1.606-3.755 1.609-5.38.011-3.443-3.386-6.87-6.79-10.284-10.206-1.687-1.688-1.694-3.83-.022-5.52C13.54 18.851 19.54 12.81 25.558 6.79c.285-.286.797-.478 1.208-.486 2.352-.045 4.706-.022 7.059-.022"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M3.902 26.835c-1.051-1.146-2.36-2.34-3.373-3.746-.98-1.359-.537-3.17.824-4.543 4.098-4.136 8.205-8.263 12.308-12.393 1.834-1.846 3.648-3.712 5.516-5.521.335-.324.893-.586 1.35-.59C25.236-.001 29.944.032 34.652 0c.751-.005.966.246.93.96-.05 1.016-.012 2.035-.012 3.159-.4.024-.724.06-1.049.06-2.818.004-5.637-.025-8.455.03-.49.009-1.1.238-1.442.58-6.159 6.147-12.31 12.303-18.392 18.527-.93.953-1.507 2.252-2.33 3.519"
+    fillRule: "evenodd",
+    d: "M4.25 2a1 1 0 011-1h5.922a3 3 0 012.12.879l9.415 9.414a1 1 0 01-1.414 1.414l-9.414-9.414A1 1 0 0011.172 3H5.25a1 1 0 01-1-1zM5 4.5a3 3 0 00-3 3v3.671a3 3 0 00.879 2.122l8.533 8.533a4 4 0 005.656 0l2.758-2.758a4 4 0 000-5.656l-8.033-8.033A3 3 0 009.672 4.5H5z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/multiple_choice.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiple_choice.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"multiple_choice.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/shapes.svg.js

@@ -2,22 +2,19 @@
 
 var React = require('react');
 
-var _path, _circle, _path2;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgShapes(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 18 18",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M10 1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1V1zM10.297 17.703a1 1 0 010-1.414l5.992-5.992a1 1 0 111.414 1.414l-5.992 5.992a1 1 0 01-1.414 0z"
-  })), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
-    cx: 4,
-    cy: 14,
-    r: 4
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M3.776.447a.25.25 0 01.448 0l3.595 7.191A.25.25 0 017.595 8H.405a.25.25 0 01-.224-.362L3.776.448z"
+    fillRule: "evenodd",
+    d: "M5.615 2.549L2.113 9.553A1 1 0 003.007 11h7.004a1 1 0 00.895-1.447L7.404 2.549a1 1 0 00-1.789 0zM13 3a1 1 0 011-1h7a1 1 0 011 1v7a1 1 0 01-1 1h-7a1 1 0 01-1-1V3zm-2 14.5a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm6.925-4.241a.478.478 0 00-.85 0l-1.124 2.116a.485.485 0 01-.333.25l-2.226.442c-.37.073-.52.532-.268.82l1.543 1.76a.505.505 0 01.12.396l-.302 2.396c-.05.39.341.68.687.512l2.12-1.032a.474.474 0 01.416 0l2.12 1.032c.346.169.737-.123.688-.512l-.303-2.396a.505.505 0 01.12-.396l1.543-1.76c.251-.288.101-.747-.268-.82l-2.225-.443a.485.485 0 01-.333-.25l-1.125-2.115z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/shapes.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"shapes.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"shapes.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/single_choice.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgSingleChoice(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 40 40"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M32.981 4.012c-1.622-.006-3.023 1.378-3.026 2.99-.002 1.612 1.402 3.01 3.016 3.003 1.603-.007 2.99-1.38 3-2.972.012-1.618-1.371-3.015-2.99-3.021M40 .027v.508c0 5.616.003 11.232-.012 16.848 0 .234-.113.528-.277.69A16735.33 16735.33 0 0118.76 38.757c-1.608 1.585-3.937 1.662-5.392.193-1.358-1.37-2.715-2.742-4.08-4.106-2.648-2.643-5.302-5.28-7.95-7.922-1.763-1.758-1.79-4.227-.033-5.98C8.218 14.038 15.142 7.147 22.07.26c.14-.139.38-.25.574-.25C28.312-.003 33.98 0 39.648 0c.089 0 .177.012.352.026"
+    fillRule: "evenodd",
+    d: "M5 2a3 3 0 00-3 3v6.172a3 3 0 00.879 2.12l8.533 8.534a4 4 0 005.656 0l4.758-4.758a4 4 0 000-5.656l-8.533-8.533A3 3 0 0011.172 2H5zm4 9a2 2 0 100-4 2 2 0 000 4z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/single_choice.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"single_choice.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"single_choice.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/star.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgStar(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 30 29"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M14.535 24.745L6.8 28.81a1 1 0 01-1.45-1.054l1.476-8.611a1 1 0 00-.287-.885L.283 12.16a1 1 0 01.554-1.706L9.484 9.2a1 1 0 00.752-.547L14.103.817a1 1 0 011.794 0l3.867 7.835a1 1 0 00.752.547l8.647 1.256a1 1 0 01.554 1.706L23.46 18.26a1 1 0 00-.287.885l1.477 8.611a1 1 0 01-1.451 1.054l-7.734-4.065a1 1 0 00-.93 0z"
+    fillRule: "evenodd",
+    d: "M12.864 3.05a.952.952 0 00-1.728 0L8.675 8.354l-5.836.687a.95.95 0 00-.792.647.942.942 0 00.258.987l4.315 3.966-1.145 5.729a.943.943 0 00.373.95c.3.216.7.24 1.024.06L12 18.526l5.128 2.854a.956.956 0 001.023-.06.943.943 0 00.375-.95l-1.146-5.73 4.315-3.965a.942.942 0 00.258-.987.95.95 0 00-.792-.647l-5.836-.687-2.461-5.304z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/star.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"star.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"star.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/table.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgTable(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M14.286 0c.89 0 1.623.68 1.706 1.55l.008.164v12.572c0 .946-.768 1.714-1.714 1.714H1.714A1.714 1.714 0 010 14.286V1.714C0 .768.768 0 1.714 0h12.572zM4.602 11.429h-3.11a.35.35 0 00-.35.35v2.507c0 .315.257.571.572.571h2.888a.35.35 0 00.35-.35V11.78a.35.35 0 00-.35-.35zm4.952 0h-3.11a.35.35 0 00-.35.35v2.728c0 .193.158.35.35.35h3.11a.35.35 0 00.35-.35V11.78a.35.35 0 00-.35-.35zm4.953 0h-3.11a.35.35 0 00-.35.35v2.728c0 .193.157.35.35.35h2.889a.571.571 0 00.571-.571v-2.507a.35.35 0 00-.35-.35zm-9.905-4h-3.11a.35.35 0 00-.35.35v2.157c0 .193.158.35.35.35h3.11a.35.35 0 00.35-.35V7.779a.35.35 0 00-.35-.35zm4.952 0h-3.11a.35.35 0 00-.35.35v2.157c0 .193.158.35.35.35h3.11a.35.35 0 00.35-.35V7.779a.35.35 0 00-.35-.35zm4.953 0h-3.11a.35.35 0 00-.35.35v2.157c0 .193.157.35.35.35h3.11a.35.35 0 00.35-.35V7.779a.35.35 0 00-.35-.35zM1.143 3.779v2.157c0 .193.157.35.35.35h3.109a.35.35 0 00.35-.35V3.779a.35.35 0 00-.35-.35h-3.11a.35.35 0 00-.35.35zm8.411-.35h-3.11a.35.35 0 00-.35.35v2.157c0 .193.158.35.35.35h3.11a.35.35 0 00.35-.35V3.779a.35.35 0 00-.35-.35zm4.953 0h-3.11a.35.35 0 00-.35.35v2.157c0 .193.157.35.35.35h3.11a.35.35 0 00.35-.35V3.779a.35.35 0 00-.35-.35z"
+    fillRule: "evenodd",
+    d: "M2 5a3 3 0 013-3h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5zm14 15h3a1 1 0 001-1v-3h-4v4zm-2-4v4h-4v-4h4zm2-2h4v-4h-4v4zm-2-4v4h-4v-4h4zm1-2h5V5a1 1 0 00-1-1H5a1 1 0 00-1 1v3h11zM8 20v-4H4v3a1 1 0 001 1h3zm0-6v-4H4v4h4z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/table.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"table.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/text.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgText(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 30 30"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M7.036 26.49c0 .88-.003 1.637.001 2.393.004.75.372 1.12 1.107 1.113.624-.006 1.249 0 1.873 0 3.834 0 7.67.018 11.503-.024.438-.005 1.2-.283 1.249-.545.163-.88.178-1.833-.002-2.702-.041-.194-1.113-.168-1.71-.231-.266-.029-.538-.002-.8-.047-.885-.153-1.514-.837-1.516-1.758-.014-6.223-.006-12.446-.01-18.668 0-.733.383-1.052 1.054-1.062.684-.01 1.368-.004 2.051-.004 3.271 0 4.619 1.08 5.423 4.342.218.881.594 1.07 1.793.965.79-.07.95-.578.948-1.268-.01-2.562.003-5.125-.007-7.687C29.989.285 29.71.003 28.719.002 19.564 0 10.408 0 1.252.003.236.003.005.253.002 1.306c-.004 2.47-.001 4.942 0 7.412 0 1.386.217 1.57 1.54 1.554.912-.012 1.12-.597 1.275-1.338.547-2.636 2.163-3.97 4.782-3.978.833-.003 1.665.01 2.497-.004.786-.013 1.123.357 1.122 1.168-.012 6.132-.001 12.263-.011 18.395-.002 1.217-.69 1.924-1.879 1.97-.709.026-1.42.004-2.292.004"
+    fillRule: "evenodd",
+    d: "M5 5v.5a1.5 1.5 0 11-3 0v-1A2.5 2.5 0 014.5 2h15A2.5 2.5 0 0122 4.5v1a1.5 1.5 0 01-3 0V5h-5.5v14H15a1.5 1.5 0 010 3H9a1.5 1.5 0 010-3h1.5V5H5z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/text.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"text.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/toolbox/text_element.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgTextElement(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 25 18"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M14.49.75l.2 4.252h-.93l-.029-.217c-.083-.634-.194-1.081-.326-1.33-.221-.415-.51-.715-.87-.907-.366-.195-.86-.295-1.482-.295H9.05v11.974c0 .923.1 1.495.254 1.673.247.272.64.413 1.196.413h.804v.937H4.018v-.937h.817c.6 0 1.002-.17 1.233-.505.135-.195.216-.734.216-1.58V2.252H4.61c-.722 0-1.23.053-1.508.15-.357.13-.666.384-.93.768-.263.385-.423.917-.475 1.6l-.018.231H.737L.951.75H14.49zm10.315 5.068l.15 3.047h-.798l-.03-.217c-.057-.42-.134-.715-.22-.873a1.392 1.392 0 00-.585-.584C23.074 7.065 22.735 7 22.304 7H20.96v8.047c0 .605.068.978.158 1.077.159.169.418.258.795.258h.642v.797h-5.301v-.797h.65c.406 0 .669-.107.816-.312.082-.113.137-.466.137-1.023V6.999h-1.11c-.505 0-.858.035-1.045.098-.24.083-.446.246-.623.494-.177.247-.286.594-.321 1.043l-.019.23h-.811l.16-3.046h9.718z"
+    fillRule: "evenodd",
+    d: "M8 5.5A1.5 1.5 0 019.5 4h11a1.5 1.5 0 010 3h-4v11.5a1.5 1.5 0 01-3 0V7h-4A1.5 1.5 0 018 5.5zM3.5 9a1.5 1.5 0 100 3h2v6.5a1.5 1.5 0 003 0V12h2a1.5 1.5 0 000-3h-7z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/toolbox/text_element.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"text_element.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"text_element.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/assets/svg/trash.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgTrash(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 13 17"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M11.534 4v11.207c0 1.039-.722 1.793-1.706 1.793H3.29c-.984 0-1.706-.765-1.706-1.793V4h9.95zM9.03 6.591H7.62c-.23 0-.23 0-.23.252v7.544h1.64V6.59zm-3.55 0H4.07v7.796h1.64v-7.62c-.002-.132-.015-.165-.108-.173l-.053-.002zM8.16 0c.076 0 .175.044.241.11.22.244.417.51.648.742a.424.424 0 00.296.144h3.239V3h-12V1.007l3.25-.01A.47.47 0 004.13.851c.22-.232.417-.498.637-.73A.345.345 0 015.019 0h3.14z"
+    fillRule: "evenodd",
+    d: "M4 5h16a1 1 0 001-1V3a1 1 0 00-1-1h-2.764c-.55-.614-1.348-1-2.236-1H9a2.99 2.99 0 00-2.236 1H4a1 1 0 00-1 1v1a1 1 0 001 1zm.036 1.534A.5.5 0 014.535 6h14.93a.5.5 0 01.5.534l-.92 13.667A3 3 0 0116.052 23H7.948a3 3 0 01-2.993-2.799l-.92-13.667zM10 11a1 1 0 00-1 1v5a1 1 0 102 0v-5a1 1 0 00-1-1zm4 0a1 1 0 00-1 1v5a1 1 0 102 0v-5a1 1 0 00-1-1z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/trash.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"trash.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"trash.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/components/AlignmentGuides.js

@@ -1,8 +1,7 @@
 'use strict';
 
 require('core-js/modules/es.array.concat.js');
-require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.object.entries.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
@@ -16,40 +15,51 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var AlignmentGuides = function AlignmentGuides(_ref) {
   var axis = _ref.axis,
       _ref$guides = _ref.guides,
       guides = _ref$guides === void 0 ? {} : _ref$guides,
       _ref$matches = _ref.matches,
-      matches = _ref$matches === void 0 ? {} : _ref$matches,
-      _ref$show = _ref.show,
-      show = _ref$show === void 0 ? false : _ref$show;
+      matches = _ref$matches === void 0 ? {} : _ref$matches;
   var zoom = BuilderContext.useBuilderStore(function (state) {
     return state.zoom;
   });
-  if (Object.keys(matches).length === 0) return null;
   var styleKey = axis === 'x' ? 'left' : 'top';
-  return Object.keys(guides).reduce(function (result, box) {
-    var guideClassNames = show ? "guide ".concat(axis, "Axis active") : "guide ".concat(axis, "Axis");
-    var yAxisGuidesForCurrentBox = guides[box][axis].map(function (position, index) {
-      if (show && matches && matches[axis] && matches[axis].intersection && matches[axis].intersection === position) {
-        return /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: guideClassNames,
+  return Object.entries(guides).reduce(function (accum, _ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+        box = _ref3[0],
+        positions = _ref3[1];
+
+    var shownGuides = positions[axis].reduce(function (acc, position, index) {
+      if (matches.intersection === position) {
+        acc.push( /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "guide ".concat(axis, "Axis active"),
           style: _defineProperty({}, styleKey, position / zoom)
-        }, "".concat(position, "-").concat(index.toString(), "-").concat(box));
+        }, "".concat(position, "-").concat(index.toString(), "-").concat(box)));
       }
 
-      return null;
-    });
-    return result.concat(yAxisGuidesForCurrentBox);
+      return acc;
+    }, []);
+    return accum.concat(shownGuides);
   }, []);
 };
 
 AlignmentGuides.propTypes = {
   axis: PropTypes__default['default'].oneOf(['x', 'y']).isRequired,
   guides: PropTypes__default['default'].shape({}),
-  matches: PropTypes__default['default'].shape({}),
-  show: PropTypes__default['default'].bool
+  matches: PropTypes__default['default'].shape({})
 };
 var AlignmentGuides$1 = /*#__PURE__*/React.memo(AlignmentGuides);
 

package/lib/cjs/components/AlignmentGuides.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentGuides.js","sources":["../../../src/components/AlignmentGuides.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderStore } from '../contexts/BuilderContext';\n\nconst AlignmentGuides = ({\n  axis,\n  guides = {},\n  matches = {},\n  show = false,\n}) => {\n  const zoom = useBuilderStore(state => state.zoom);\n  if (Object.keys(matches).length === 0) return null;\n  const styleKey = axis === 'x' ? 'left' : 'top';\n\n  return Object.keys(guides).reduce((result, box) => {\n    const guideClassNames = show ? `guide ${axis}Axis active` : `guide ${axis}Axis`;\n    const yAxisGuidesForCurrentBox = guides[box][axis].map((position, index) => {\n      if (\n        show\n        && matches\n        && matches[axis]\n        && matches[axis].intersection\n        && matches[axis].intersection === position\n      ) {\n        return (\n          <div\n            key={`${position}-${index.toString()}-${box}`}\n            className={guideClassNames}\n            style={{ [styleKey]: position / zoom }}\n          />\n        );\n      }\n      return null;\n    });\n\n    return result.concat(yAxisGuidesForCurrentBox);\n  }, []);\n};\n\nAlignmentGuides.propTypes = {\n  axis: PropTypes.oneOf(['x', 'y']).isRequired,\n  guides: PropTypes.shape({}),\n  matches: PropTypes.shape({}),\n  show: PropTypes.bool,\n};\n\nexport default memo(AlignmentGuides);\n"],"names":["AlignmentGuides","axis","guides","matches","show","zoom","useBuilderStore","state","Object","keys","length","styleKey","reduce","result","box","guideClassNames","yAxisGuidesForCurrentBox","map","position","index","intersection","_jsx","toString","concat","propTypes","PropTypes","oneOf","isRequired","shape","bool","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKlB;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,EAGL;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,EAEN;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,KACH;AACJ,MAAMC,IAAI,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,IAAV;AAAA,GAAN,CAA5B;AACA,MAAIG,MAAM,CAACC,IAAP,CAAYN,OAAZ,EAAqBO,MAArB,KAAgC,CAApC,EAAuC,OAAO,IAAP;AACvC,MAAMC,QAAQ,GAAGV,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,KAAzC;AAEA,SAAOO,MAAM,CAACC,IAAP,CAAYP,MAAZ,EAAoBU,MAApB,CAA2B,UAACC,MAAD,EAASC,GAAT,EAAiB;AACjD,QAAMC,eAAe,GAAGX,IAAI,mBAAYH,IAAZ,mCAAyCA,IAAzC,SAA5B;AACA,QAAMe,wBAAwB,GAAGd,MAAM,CAACY,GAAD,CAAN,CAAYb,IAAZ,EAAkBgB,GAAlB,CAAsB,UAACC,QAAD,EAAWC,KAAX,EAAqB;AAC1E,UACEf,IAAI,IACDD,OADH,IAEGA,OAAO,CAACF,IAAD,CAFV,IAGGE,OAAO,CAACF,IAAD,CAAP,CAAcmB,YAHjB,IAIGjB,OAAO,CAACF,IAAD,CAAP,CAAcmB,YAAd,KAA+BF,QALpC,EAME;AACA,4BACEG;AAEE,UAAA,SAAS,EAAEN,eAFb;AAGE,UAAA,KAAK,sBAAKJ,QAAL,EAAgBO,QAAQ,GAAGb,IAA3B;AAHP,qBACUa,QADV,cACsBC,KAAK,CAACG,QAAN,EADtB,cAC0CR,GAD1C,EADF;AAOD;;AACD,aAAO,IAAP;AACD,KAjBgC,CAAjC;AAmBA,WAAOD,MAAM,CAACU,MAAP,CAAcP,wBAAd,CAAP;AACD,GAtBM,EAsBJ,EAtBI,CAAP;AAuBD,CAjCD;;AAmCAhB,eAAe,CAACwB,SAAhB,GAA4B;AAC1BvB,EAAAA,IAAI,EAAEwB,6BAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,UADR;AAE1BzB,EAAAA,MAAM,EAAEuB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAFkB;AAG1BzB,EAAAA,OAAO,EAAEsB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAHiB;AAI1BxB,EAAAA,IAAI,EAAEqB,6BAAS,CAACI;AAJU,CAA5B;AAOA,qCAAeC,UAAI,CAAC9B,eAAD,CAAnB;;;;"}
+{"version":3,"file":"AlignmentGuides.js","sources":["../../../src/components/AlignmentGuides.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useBuilderStore } from '../contexts/BuilderContext';\n\nconst AlignmentGuides = ({\n  axis,\n  guides = {},\n  matches = {},\n}) => {\n  const zoom = useBuilderStore(state => state.zoom);\n  const styleKey = axis === 'x' ? 'left' : 'top';\n\n  return Object.entries(guides).reduce((accum, [box, positions]) => {\n    const shownGuides = positions[axis].reduce((acc, position, index) => {\n      if (matches.intersection === position) {\n        acc.push(\n          <div\n            key={`${position}-${index.toString()}-${box}`}\n            className={`guide ${axis}Axis active`}\n            style={{ [styleKey]: position / zoom }}\n          />,\n        );\n      }\n      return acc;\n    }, []);\n\n    return accum.concat(shownGuides);\n  }, []);\n};\n\nAlignmentGuides.propTypes = {\n  axis: PropTypes.oneOf(['x', 'y']).isRequired,\n  guides: PropTypes.shape({}),\n  matches: PropTypes.shape({}),\n};\n\nexport default memo(AlignmentGuides);\n"],"names":["AlignmentGuides","axis","guides","matches","zoom","useBuilderStore","state","styleKey","Object","entries","reduce","accum","box","positions","shownGuides","acc","position","index","intersection","push","_jsx","toString","concat","propTypes","PropTypes","oneOf","isRequired","shape","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAIlB;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,EAEL;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,EACN;AACJ,MAAMC,IAAI,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,IAAV;AAAA,GAAN,CAA5B;AACA,MAAMG,QAAQ,GAAGN,IAAI,KAAK,GAAT,GAAe,MAAf,GAAwB,KAAzC;AAEA,SAAOO,MAAM,CAACC,OAAP,CAAeP,MAAf,EAAuBQ,MAAvB,CAA8B,UAACC,KAAD,SAA6B;AAAA;AAAA,QAApBC,GAAoB;AAAA,QAAfC,SAAe;;AAChE,QAAMC,WAAW,GAAGD,SAAS,CAACZ,IAAD,CAAT,CAAgBS,MAAhB,CAAuB,UAACK,GAAD,EAAMC,QAAN,EAAgBC,KAAhB,EAA0B;AACnE,UAAId,OAAO,CAACe,YAAR,KAAyBF,QAA7B,EAAuC;AACrCD,QAAAA,GAAG,CAACI,IAAJ,eACEC;AAEE,UAAA,SAAS,kBAAWnB,IAAX,gBAFX;AAGE,UAAA,KAAK,sBAAKM,QAAL,EAAgBS,QAAQ,GAAGZ,IAA3B;AAHP,qBACUY,QADV,cACsBC,KAAK,CAACI,QAAN,EADtB,cAC0CT,GAD1C,EADF;AAOD;;AACD,aAAOG,GAAP;AACD,KAXmB,EAWjB,EAXiB,CAApB;AAaA,WAAOJ,KAAK,CAACW,MAAN,CAAaR,WAAb,CAAP;AACD,GAfM,EAeJ,EAfI,CAAP;AAgBD,CAxBD;;AA0BAd,eAAe,CAACuB,SAAhB,GAA4B;AAC1BtB,EAAAA,IAAI,EAAEuB,6BAAS,CAACC,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BC,UADR;AAE1BxB,EAAAA,MAAM,EAAEsB,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAFkB;AAG1BxB,EAAAA,OAAO,EAAEqB,6BAAS,CAACG,KAAV,CAAgB,EAAhB;AAHiB,CAA5B;AAMA,qCAAeC,UAAI,CAAC5B,eAAD,CAAnB;;;;"}

package/lib/cjs/components/Builder/ContextMenu.js

@@ -264,7 +264,10 @@ var ContextMenu = function ContextMenu(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "contextMenu-icon",
           children: menuItem.icon
-        }), menuItem.text]
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "contextMenu-text",
+          children: menuItem.text
+        })]
       }, menuItem.text);
     })
   });

package/lib/cjs/components/Builder/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/Builder/ContextMenu.js"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { useEventListener, useTranslatedTexts } from '../../utils/hooks';\nimport {\n  collisionCheck,\n  getContainerPositions,\n  moveArrayItem,\n} from '../../utils/functions';\nimport * as icons from '../../utils/icons';\n\nimport withClickOutside from '../withClickOutside';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst ContextMenu = ({\n  height = 1,\n  item = {},\n  items = [],\n  onClickOutside = () => {},\n  position = {},\n  width = 1,\n}) => {\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const onItemChange = usePropStore(state => state.onItemChange);\n  const onItemRemove = usePropStore(state => state.onItemRemove);\n  const onPageChange = usePropStore(state => state.onPageChange);\n  const [positions, setPositions] = useState(position);\n  const container = useRef(null);\n  const itemIndex = items.findIndex(_item => _item.id === item.id);\n  // Will be mutated.\n  const orderArray = items.map(_item => _item.id);\n\n  const removeFunc = () => {\n    // TODO :: should listen to scroll event, not wheel\n    onClickOutside();\n  };\n\n  useEventListener('wheel', removeFunc);\n\n  useLayoutEffect(() => {\n    setPositions(prev => {\n      const newPosition = getContainerPositions(container.current, prev);\n      return {\n        ...prev,\n        x: newPosition.x,\n        y: newPosition.y,\n      };\n    });\n  }, []);\n\n  const moveToFront = () => {\n    if (items.length !== itemIndex + 1) {\n      moveArrayItem(orderArray, itemIndex, items.length - 1);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveToBack = () => {\n    if (itemIndex !== 0) {\n      moveArrayItem(orderArray, itemIndex, 0);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveForward = () => {\n    if (items.length !== itemIndex + 1) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, 1);\n      if (colluddedItemIndex !== null) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex + 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveBackward = () => {\n    if (itemIndex !== 0) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, -1);\n      if (colluddedItemIndex) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex - 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n\n    onClickOutside();\n  };\n\n  const deleteItem = () => {\n    onItemRemove(item);\n    onClickOutside();\n    onAnEventTrigger('removeItem', item.itemType);\n  };\n\n  const lockOrUnlockItem = () => {\n    onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n    onClickOutside();\n  };\n\n  const fitToPage = () => {\n    let _height = height;\n    let _width = width;\n    // Keep image ratio on fit\n    if (item.itemType === 'image') {\n      if (item.height > item.width) {\n        _width = (item.width * _height) / item.height;\n      } else if (item.width > item.height) {\n        _height = (item.height * _width) / item.width;\n      }\n    }\n\n    onItemChange({ id: item.id }, {\n      height: _height,\n      left: 0,\n      top: 0,\n      width: _width,\n    });\n\n    onClickOutside();\n    onAnEventTrigger('fitToPage', item.itemType);\n  };\n\n  const {\n    DELETE, FIT_TO_PAGE, LOCK_ITEM,\n    MOVE_BACKWARDS, MOVE_FORWARDS,\n    MOVE_TO_BACK, MOVE_TO_FRONT, UNLOCK_ITEM,\n  } = useTranslatedTexts();\n\n  const menuItems = [\n    { func: moveToFront, icon: <icons.moveToFront />, text: MOVE_TO_FRONT },\n    { func: moveForward, icon: <icons.moveToForward />, text: MOVE_FORWARDS },\n    { func: moveBackward, icon: <icons.moveToBackward />, text: MOVE_BACKWARDS },\n    { func: moveToBack, icon: <icons.moveToBack />, text: MOVE_TO_BACK },\n    {\n      func: lockOrUnlockItem,\n      icon: item.isLocked ? (\n        <icons.unlock className=\"icon-lock\" />\n      ) : (\n        <icons.lock className=\"icon-lock\" />\n      ),\n      text: item.isLocked ? UNLOCK_ITEM : LOCK_ITEM,\n    },\n    {\n      func: fitToPage, icon: <icons.enterFullscreen className=\"icon-lock\" />, text: FIT_TO_PAGE,\n    },\n    {\n      class: ' isDanger', func: deleteItem, icon: <icons.trash />, text: DELETE,\n    },\n  ];\n\n  return (\n    <div\n      ref={container}\n      className=\"contextMenu-wrapper\"\n      style={{\n        left: positions.x,\n        top: positions.y,\n      }}\n    >\n      {menuItems.map(menuItem => {\n        const btnClass = `contextMenu-button jfReportButton${menuItem.class ? menuItem.class : ''}`;\n        return (\n          <button\n            key={menuItem.text}\n            className={btnClass}\n            onClick={menuItem.func}\n            type=\"button\"\n          >\n            <span className=\"contextMenu-icon\">\n              {menuItem.icon}\n            </span>\n            {menuItem.text}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenu.propTypes = {\n  height: PropTypes.number,\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    itemType: PropTypes.string,\n    left: PropTypes.number,\n    pageID: PropTypes.string,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  }),\n  items: PropTypes.arrayOf(PropTypes.shape({\n    height: PropTypes.number,\n    // id: PropTypes.string,\n    left: PropTypes.number,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  })),\n  onClickOutside: PropTypes.func,\n  position: PropTypes.shape({}),\n  width: PropTypes.number,\n};\n\nconst PortalContext = props => createPortal(<ContextMenu {...props} />, document.body);\n\nexport default withClickOutside(PortalContext);\n"],"names":["ContextMenu","height","item","items","onClickOutside","position","width","onAnEventTrigger","usePropStore","state","onItemChange","onItemRemove","onPageChange","useState","positions","setPositions","container","useRef","itemIndex","findIndex","_item","id","orderArray","map","removeFunc","useEventListener","useLayoutEffect","prev","newPosition","getContainerPositions","current","x","y","moveToFront","length","moveArrayItem","pageID","JSON","stringify","moveToBack","moveForward","colluddedItemIndex","collisionCheck","moveBackward","deleteItem","itemType","lockOrUnlockItem","isLocked","fitToPage","_height","_width","left","top","useTranslatedTexts","DELETE","FIT_TO_PAGE","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","UNLOCK_ITEM","menuItems","func","icon","_jsx","icons.moveToFront","text","icons.moveToForward","icons.moveToBackward","icons.moveToBack","icons.unlock","icons.lock","icons.enterFullscreen","class","icons.trash","menuItem","btnClass","_jsxs","propTypes","PropTypes","number","shape","string","bool","arrayOf","PortalContext","props","createPortal","document","body","withClickOutside"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/Builder/ContextMenu.js"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { useEventListener, useTranslatedTexts } from '../../utils/hooks';\nimport {\n  collisionCheck,\n  getContainerPositions,\n  moveArrayItem,\n} from '../../utils/functions';\nimport * as icons from '../../utils/icons';\n\nimport withClickOutside from '../withClickOutside';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst ContextMenu = ({\n  height = 1,\n  item = {},\n  items = [],\n  onClickOutside = () => {},\n  position = {},\n  width = 1,\n}) => {\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const onItemChange = usePropStore(state => state.onItemChange);\n  const onItemRemove = usePropStore(state => state.onItemRemove);\n  const onPageChange = usePropStore(state => state.onPageChange);\n  const [positions, setPositions] = useState(position);\n  const container = useRef(null);\n  const itemIndex = items.findIndex(_item => _item.id === item.id);\n  // Will be mutated.\n  const orderArray = items.map(_item => _item.id);\n\n  const removeFunc = () => {\n    // TODO :: should listen to scroll event, not wheel\n    onClickOutside();\n  };\n\n  useEventListener('wheel', removeFunc);\n\n  useLayoutEffect(() => {\n    setPositions(prev => {\n      const newPosition = getContainerPositions(container.current, prev);\n      return {\n        ...prev,\n        x: newPosition.x,\n        y: newPosition.y,\n      };\n    });\n  }, []);\n\n  const moveToFront = () => {\n    if (items.length !== itemIndex + 1) {\n      moveArrayItem(orderArray, itemIndex, items.length - 1);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveToBack = () => {\n    if (itemIndex !== 0) {\n      moveArrayItem(orderArray, itemIndex, 0);\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveForward = () => {\n    if (items.length !== itemIndex + 1) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, 1);\n      if (colluddedItemIndex !== null) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex + 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n    onClickOutside();\n  };\n\n  const moveBackward = () => {\n    if (itemIndex !== 0) {\n      const colluddedItemIndex = collisionCheck(item, items, itemIndex, -1);\n      if (colluddedItemIndex) {\n        moveArrayItem(orderArray, itemIndex, colluddedItemIndex);\n      } else {\n        moveArrayItem(orderArray, itemIndex, itemIndex - 1);\n      }\n      onPageChange({\n        id: item.pageID,\n      }, { items: JSON.stringify(orderArray) });\n    }\n\n    onClickOutside();\n  };\n\n  const deleteItem = () => {\n    onItemRemove(item);\n    onClickOutside();\n    onAnEventTrigger('removeItem', item.itemType);\n  };\n\n  const lockOrUnlockItem = () => {\n    onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n    onClickOutside();\n  };\n\n  const fitToPage = () => {\n    let _height = height;\n    let _width = width;\n    // Keep image ratio on fit\n    if (item.itemType === 'image') {\n      if (item.height > item.width) {\n        _width = (item.width * _height) / item.height;\n      } else if (item.width > item.height) {\n        _height = (item.height * _width) / item.width;\n      }\n    }\n\n    onItemChange({ id: item.id }, {\n      height: _height,\n      left: 0,\n      top: 0,\n      width: _width,\n    });\n\n    onClickOutside();\n    onAnEventTrigger('fitToPage', item.itemType);\n  };\n\n  const {\n    DELETE, FIT_TO_PAGE, LOCK_ITEM,\n    MOVE_BACKWARDS, MOVE_FORWARDS,\n    MOVE_TO_BACK, MOVE_TO_FRONT, UNLOCK_ITEM,\n  } = useTranslatedTexts();\n\n  const menuItems = [\n    { func: moveToFront, icon: <icons.moveToFront />, text: MOVE_TO_FRONT },\n    { func: moveForward, icon: <icons.moveToForward />, text: MOVE_FORWARDS },\n    { func: moveBackward, icon: <icons.moveToBackward />, text: MOVE_BACKWARDS },\n    { func: moveToBack, icon: <icons.moveToBack />, text: MOVE_TO_BACK },\n    {\n      func: lockOrUnlockItem,\n      icon: item.isLocked ? (\n        <icons.unlock className=\"icon-lock\" />\n      ) : (\n        <icons.lock className=\"icon-lock\" />\n      ),\n      text: item.isLocked ? UNLOCK_ITEM : LOCK_ITEM,\n    },\n    {\n      func: fitToPage, icon: <icons.enterFullscreen className=\"icon-lock\" />, text: FIT_TO_PAGE,\n    },\n    {\n      class: ' isDanger', func: deleteItem, icon: <icons.trash />, text: DELETE,\n    },\n  ];\n\n  return (\n    <div\n      ref={container}\n      className=\"contextMenu-wrapper\"\n      style={{\n        left: positions.x,\n        top: positions.y,\n      }}\n    >\n      {menuItems.map(menuItem => {\n        const btnClass = `contextMenu-button jfReportButton${menuItem.class ? menuItem.class : ''}`;\n        return (\n          <button\n            key={menuItem.text}\n            className={btnClass}\n            onClick={menuItem.func}\n            type=\"button\"\n          >\n            <span className=\"contextMenu-icon\">\n              {menuItem.icon}\n            </span>\n            <span className=\"contextMenu-text\">\n              {menuItem.text}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenu.propTypes = {\n  height: PropTypes.number,\n  item: PropTypes.shape({\n    height: PropTypes.number,\n    id: PropTypes.string,\n    isLocked: PropTypes.bool,\n    itemType: PropTypes.string,\n    left: PropTypes.number,\n    pageID: PropTypes.string,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  }),\n  items: PropTypes.arrayOf(PropTypes.shape({\n    height: PropTypes.number,\n    // id: PropTypes.string,\n    left: PropTypes.number,\n    top: PropTypes.number,\n    width: PropTypes.number,\n  })),\n  onClickOutside: PropTypes.func,\n  position: PropTypes.shape({}),\n  width: PropTypes.number,\n};\n\nconst PortalContext = props => createPortal(<ContextMenu {...props} />, document.body);\n\nexport default withClickOutside(PortalContext);\n"],"names":["ContextMenu","height","item","items","onClickOutside","position","width","onAnEventTrigger","usePropStore","state","onItemChange","onItemRemove","onPageChange","useState","positions","setPositions","container","useRef","itemIndex","findIndex","_item","id","orderArray","map","removeFunc","useEventListener","useLayoutEffect","prev","newPosition","getContainerPositions","current","x","y","moveToFront","length","moveArrayItem","pageID","JSON","stringify","moveToBack","moveForward","colluddedItemIndex","collisionCheck","moveBackward","deleteItem","itemType","lockOrUnlockItem","isLocked","fitToPage","_height","_width","left","top","useTranslatedTexts","DELETE","FIT_TO_PAGE","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","UNLOCK_ITEM","menuItems","func","icon","_jsx","icons.moveToFront","text","icons.moveToForward","icons.moveToBackward","icons.moveToBack","icons.unlock","icons.lock","icons.enterFullscreen","class","icons.trash","menuItem","btnClass","_jsxs","propTypes","PropTypes","number","shape","string","bool","arrayOf","PortalContext","props","createPortal","document","body","withClickOutside"],"mappings":"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"}