@jotforminc/dnd-builder 3.1.0 → 3.1.1

package/lib/esm/assets/svg/settings.svg.js.map

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

package/lib/esm/assets/svg/settings_toggle.svg.js

@@ -6,12 +6,14 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function SvgSettingsToggle(props) {
   return /*#__PURE__*/createElement("svg", _extends({
-    viewBox: "0 0 25 25",
-    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__*/createElement("path", {
-    d: "M.534 12.459L12.476.517c.597-.597 1.393-.597 1.99 0l.995.995.995-.995c.597-.597 1.393-.597 1.99 0l5.971 5.97c.597.598.597 1.394 0 1.991l-5.97 5.97 6.252 6.254a1 1 0 010 1.414l-2.566 2.567a1 1 0 01-1.414 0l-7.248-7.249c-.598-.597-.598-1.393 0-1.99l8.726-8.727-2.991-2.991-.76.771c.598.597.598 1.394 0 1.99L6.505 18.43c-.598.597-1.394.597-1.99 0L.533 14.449c-.598-.597-.598-1.393 0-1.99z",
-    fill: "#09F"
+    fill: "#09F",
+    fillRule: "evenodd",
+    d: "M2.877 10.69a3 3 0 000 4.242l1.414 1.414a3 3 0 004.243 0L15.25 9.63a3 3 0 000-4.243l.763-.763a.421.421 0 01.596 0l2.53 2.531a1 1 0 010 1.414l-3.535 3.536a2.994 2.994 0 00-.86 2.462 2 2 0 00.152 2.66l3.689 3.688a2 2 0 102.828-2.829l-3.688-3.688a1.991 1.991 0 00-.935-.528.997.997 0 01.228-.351l3.536-3.536a3 3 0 000-4.242l-2.531-2.53a2.42 2.42 0 00-3.424 0l-.763.762a3 3 0 00-4.243 0L2.877 10.69z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/esm/assets/svg/settings_toggle.svg.js.map

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

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

@@ -1,25 +1,19 @@
 import { createElement } from '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__*/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__*/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__*/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__*/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/esm/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/esm/assets/svg/star_rating.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgStarRating(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/email.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgEmail(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/header.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgHeader(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/icon.svg.js

@@ -1,23 +1,18 @@
 import { createElement } from '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__*/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__*/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__*/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__*/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__*/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/esm/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/esm/assets/svg/toolbox/image.svg.js

@@ -1,18 +1,18 @@
 import { createElement } from '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__*/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__*/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__*/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/esm/assets/svg/toolbox/label.svg.js

@@ -7,10 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgLabel(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/multiple_choice.svg.js

@@ -1,17 +1,18 @@
 import { createElement } from '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__*/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__*/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__*/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/esm/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/esm/assets/svg/toolbox/shapes.svg.js

@@ -1,21 +1,18 @@
 import { createElement } from '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__*/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__*/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__*/createElement("circle", {
-    cx: 4,
-    cy: 14,
-    r: 4
-  })), _path2 || (_path2 = /*#__PURE__*/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/esm/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/esm/assets/svg/toolbox/single_choice.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgSingleChoice(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/star.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgStar(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/table.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgTable(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/text.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgText(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/toolbox/text_element.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgTextElement(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/assets/svg/trash.svg.js

@@ -7,9 +7,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgTrash(props) {
   return /*#__PURE__*/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__*/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/esm/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/esm/components/Builder/DraggableLayer.js

@@ -0,0 +1,38 @@
+import PropTypes from 'prop-types';
+import { useDragLayer } from 'react-dnd';
+import DraggableItemLayer from '../DraggableItem/DraggableItemLayer.js';
+import { jsx } from 'react/jsx-runtime';
+
+var DraggableLayer = function DraggableLayer(_ref) {
+  var _ref$guides = _ref.guides,
+      guides = _ref$guides === void 0 ? {} : _ref$guides,
+      _ref$pageRefs = _ref.pageRefs,
+      pageRefs = _ref$pageRefs === void 0 ? {} : _ref$pageRefs;
+  var collectedProps = useDragLayer(function (monitor) {
+    return {
+      currentOffset: monitor.getSourceClientOffset(),
+      initialOffset: monitor.getInitialSourceClientOffset(),
+      isDragging: monitor.isDragging(),
+      item: monitor.getItem(),
+      itemType: monitor.getItemType()
+    };
+  });
+
+  if (!collectedProps.currentOffset || !collectedProps.isDragging) {
+    return null;
+  }
+
+  return /*#__PURE__*/jsx(DraggableItemLayer, {
+    collectedProps: collectedProps,
+    guides: guides,
+    pageRefs: pageRefs
+  });
+};
+
+DraggableLayer.propTypes = {
+  guides: PropTypes.shape({}),
+  pageRefs: PropTypes.shape({})
+};
+
+export default DraggableLayer;
+//# sourceMappingURL=DraggableLayer.js.map

package/lib/esm/components/Builder/DraggableLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableLayer.js","sources":["../../../../src/components/Builder/DraggableLayer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useDragLayer } from 'react-dnd';\nimport DraggableItemLayer from '../DraggableItem/DraggableItemLayer';\n\nconst DraggableLayer = ({\n  guides = {},\n  pageRefs = {},\n}) => {\n  const collectedProps = useDragLayer(monitor => ({\n    currentOffset: monitor.getSourceClientOffset(),\n    initialOffset: monitor.getInitialSourceClientOffset(),\n    isDragging: monitor.isDragging(),\n    item: monitor.getItem(),\n    itemType: monitor.getItemType(),\n  }));\n\n  if (!collectedProps.currentOffset || !collectedProps.isDragging) {\n    return null;\n  }\n\n  return (\n    <DraggableItemLayer\n      collectedProps={collectedProps}\n      guides={guides}\n      pageRefs={pageRefs}\n    />\n  );\n};\n\nDraggableLayer.propTypes = {\n  guides: PropTypes.shape({}),\n  pageRefs: PropTypes.shape({}),\n};\n\nexport default DraggableLayer;\n"],"names":["DraggableLayer","guides","pageRefs","collectedProps","useDragLayer","monitor","currentOffset","getSourceClientOffset","initialOffset","getInitialSourceClientOffset","isDragging","item","getItem","itemType","getItemType","_jsx","propTypes","PropTypes","shape"],"mappings":";;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB,OAGjB;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,EAEL;AAAA,2BADJC,QACI;AAAA,MADJA,QACI,8BADO,EACP;AACJ,MAAMC,cAAc,GAAGC,YAAY,CAAC,UAAAC,OAAO;AAAA,WAAK;AAC9CC,MAAAA,aAAa,EAAED,OAAO,CAACE,qBAAR,EAD+B;AAE9CC,MAAAA,aAAa,EAAEH,OAAO,CAACI,4BAAR,EAF+B;AAG9CC,MAAAA,UAAU,EAAEL,OAAO,CAACK,UAAR,EAHkC;AAI9CC,MAAAA,IAAI,EAAEN,OAAO,CAACO,OAAR,EAJwC;AAK9CC,MAAAA,QAAQ,EAAER,OAAO,CAACS,WAAR;AALoC,KAAL;AAAA,GAAR,CAAnC;;AAQA,MAAI,CAACX,cAAc,CAACG,aAAhB,IAAiC,CAACH,cAAc,CAACO,UAArD,EAAiE;AAC/D,WAAO,IAAP;AACD;;AAED,sBACEK,IAAC,kBAAD;AACE,IAAA,cAAc,EAAEZ,cADlB;AAEE,IAAA,MAAM,EAAEF,MAFV;AAGE,IAAA,QAAQ,EAAEC;AAHZ,IADF;AAOD;;AAEDF,cAAc,CAACgB,SAAf,GAA2B;AACzBf,EAAAA,MAAM,EAAEgB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADiB;AAEzBhB,EAAAA,QAAQ,EAAEe,SAAS,CAACC,KAAV,CAAgB,EAAhB;AAFe,CAA3B;;;;"}

package/lib/esm/components/Builder/Element.js

@@ -73,6 +73,7 @@ var Element = function Element(_ref) {
         };
       },
       item: function item() {
+        setActiveElement(null);
         return _objectSpread({
           itemType: itemType,
           type: DROPPABLE_ITEM_TYPE

package/lib/esm/components/Builder/Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Element.js","sources":["../../../../src/components/Builder/Element.js"],"sourcesContent":["import { useEffect, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { DROPPABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n  getMostVisiblePage, getExactIconType, getAvailableCoordinate,\n} from '../../utils/functions';\nimport generateId from '../../utils/generateId';\nimport * as icons from '../../utils/icons';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst Element = ({\n  icon = null,\n  iconType = '',\n  itemType = '',\n  title = '',\n  ...additionalData\n}) => {\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const onItemAdd = usePropStore(state => state.onItemAdd);\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n\n    item: () => ({\n      itemType,\n      type: DROPPABLE_ITEM_TYPE,\n      ...additionalData,\n    }),\n\n    type: DROPPABLE_ITEM_TYPE,\n  }), [itemType, additionalData]);\n\n  useEffect(() => {\n    preview(getEmptyImage(), { captureDraggingState: true });\n  }, [preview]);\n\n  const onElementClick = () => {\n    const itemID = generateId();\n    const page = getMostVisiblePage();\n    let left = 0;\n    let top = 0;\n    if (page) { // for test\n      [left, top] = getAvailableCoordinate(page, zoom);\n    }\n    onItemAdd({\n      ...acceptedItems[itemType].details,\n      ...additionalData,\n      id: itemID,\n      left,\n      pageID: page.id,\n      top,\n    });\n    onAnEventTrigger('reportItemAdd', itemType);\n    setActiveElement(itemID);\n    setIsRightPanelOpen(true);\n  };\n\n  const onElementOtherActions = () => {};\n\n  const exactIconType = getExactIconType(iconType);\n  const Icon = icons[exactIconType] ? icons[exactIconType] : icons.label;\n  return (\n    <>\n      <div\n        ref={drag}\n        className=\"toolItem d-flex a-center js-toolItem\"\n        onClick={onElementClick}\n        onKeyDown={onElementOtherActions}\n        style={{ cursor: isDragging ? 'grabbing' : 'pointer', opacity: isDragging ? 0.5 : 1 }}\n        title={title}\n      >\n        <span className=\"toolItem-icon d-flex j-center a-center\">\n          {icon ? icon : (\n            <Icon className={`jfReportSVG icon-question icon-${iconType}`} />\n          )}\n        </span>\n        <span className=\"js-toolItemName toolItem-name d-flex a-center\">\n          { title }\n        </span>\n      </div>\n    </>\n  );\n};\n\nElement.propTypes = {\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  iconType: PropTypes.string,\n  itemType: PropTypes.string,\n  title: PropTypes.string,\n};\n\nexport default memo(Element);\n"],"names":["Element","icon","iconType","itemType","title","additionalData","acceptedItems","usePropStore","state","onAnEventTrigger","onItemAdd","setActiveElement","useBuilderStore","setIsRightPanelOpen","zoom","useDrag","collect","monitor","isDragging","item","type","DROPPABLE_ITEM_TYPE","drag","preview","useEffect","getEmptyImage","captureDraggingState","onElementClick","itemID","generateId","page","getMostVisiblePage","left","top","getAvailableCoordinate","details","id","pageID","onElementOtherActions","exactIconType","getExactIconType","Icon","icons","_jsx","_jsxs","cursor","opacity","propTypes","PropTypes","oneOfType","element","func","string","memo"],"mappings":"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"}
+{"version":3,"file":"Element.js","sources":["../../../../src/components/Builder/Element.js"],"sourcesContent":["import { useEffect, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport { DROPPABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n  getMostVisiblePage, getExactIconType, getAvailableCoordinate,\n} from '../../utils/functions';\nimport generateId from '../../utils/generateId';\nimport * as icons from '../../utils/icons';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst Element = ({\n  icon = null,\n  iconType = '',\n  itemType = '',\n  title = '',\n  ...additionalData\n}) => {\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const onItemAdd = usePropStore(state => state.onItemAdd);\n  const setActiveElement = useBuilderStore(state => state.setActiveElement);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n\n    item: () => {\n      setActiveElement(null);\n      return {\n        itemType,\n        type: DROPPABLE_ITEM_TYPE,\n        ...additionalData,\n      };\n    },\n\n    type: DROPPABLE_ITEM_TYPE,\n  }), [itemType, additionalData]);\n\n  useEffect(() => {\n    preview(getEmptyImage(), { captureDraggingState: true });\n  }, [preview]);\n\n  const onElementClick = () => {\n    const itemID = generateId();\n    const page = getMostVisiblePage();\n    let left = 0;\n    let top = 0;\n    if (page) { // for test\n      [left, top] = getAvailableCoordinate(page, zoom);\n    }\n    onItemAdd({\n      ...acceptedItems[itemType].details,\n      ...additionalData,\n      id: itemID,\n      left,\n      pageID: page.id,\n      top,\n    });\n    onAnEventTrigger('reportItemAdd', itemType);\n    setActiveElement(itemID);\n    setIsRightPanelOpen(true);\n  };\n\n  const onElementOtherActions = () => {};\n\n  const exactIconType = getExactIconType(iconType);\n  const Icon = icons[exactIconType] ? icons[exactIconType] : icons.label;\n  return (\n    <>\n      <div\n        ref={drag}\n        className=\"toolItem d-flex a-center js-toolItem\"\n        onClick={onElementClick}\n        onKeyDown={onElementOtherActions}\n        style={{ cursor: isDragging ? 'grabbing' : 'pointer', opacity: isDragging ? 0.5 : 1 }}\n        title={title}\n      >\n        <span className=\"toolItem-icon d-flex j-center a-center\">\n          {icon ? icon : (\n            <Icon className={`jfReportSVG icon-question icon-${iconType}`} />\n          )}\n        </span>\n        <span className=\"js-toolItemName toolItem-name d-flex a-center\">\n          { title }\n        </span>\n      </div>\n    </>\n  );\n};\n\nElement.propTypes = {\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  iconType: PropTypes.string,\n  itemType: PropTypes.string,\n  title: PropTypes.string,\n};\n\nexport default memo(Element);\n"],"names":["Element","icon","iconType","itemType","title","additionalData","acceptedItems","usePropStore","state","onAnEventTrigger","onItemAdd","setActiveElement","useBuilderStore","setIsRightPanelOpen","zoom","useDrag","collect","monitor","isDragging","item","type","DROPPABLE_ITEM_TYPE","drag","preview","useEffect","getEmptyImage","captureDraggingState","onElementClick","itemID","generateId","page","getMostVisiblePage","left","top","getAvailableCoordinate","details","id","pageID","onElementOtherActions","exactIconType","getExactIconType","Icon","icons","_jsx","_jsxs","cursor","opacity","propTypes","PropTypes","oneOfType","element","func","string","memo"],"mappings":"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"}

package/lib/esm/components/Builder/Page.js

@@ -105,7 +105,7 @@ var Page = function Page(_ref) {
           return;
         }
 
-        var coords = getCorrectDroppedOffsetValue(monitor, dropRef.current.getBoundingClientRect(), zoom);
+        var coords = getCorrectDroppedOffsetValue(monitor.getSourceClientOffset(), monitor.getInitialSourceClientOffset(), dropRef.current.getBoundingClientRect(), zoom);
 
         var activeItem = _objectSpread(_objectSpread({}, item), coords);
 
@@ -138,8 +138,7 @@ var Page = function Page(_ref) {
     drop: function drop(item, monitor) {
       var _dropRef$current;
 
-      var pageClient = (_dropRef$current = dropRef.current) === null || _dropRef$current === void 0 ? void 0 : _dropRef$current.getBoundingClientRect();
-      var coords = getCorrectDroppedOffsetValue(monitor, pageClient, zoom);
+      var coords = getCorrectDroppedOffsetValue(monitor.getSourceClientOffset(), monitor.getInitialSourceClientOffset(), (_dropRef$current = dropRef.current) === null || _dropRef$current === void 0 ? void 0 : _dropRef$current.getBoundingClientRect(), zoom);
       var type = monitor.getItemType();
 
       var id = item.id,