@jotforminc/dnd-builder 2.0.0-beta.4 → 2.0.3

package/CHANGELOG.md

@@ -2,6 +2,37 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.0.3](https://github.com/jotform/dnd-builder/compare/v2.0.2...v2.0.3) (2022-03-10)
+
+
+### Bug Fixes
+
+* changed withclickoutside logic ([5b0cac3](https://github.com/jotform/dnd-builder/commit/5b0cac338e740ede76de9bfe04eebe13bfb135ef))
+* **readme:** readme img height fix ([18cf8cb](https://github.com/jotform/dnd-builder/commit/18cf8cbf2c653caebc7d7a6f6a17e8a3b2c4dc20))
+
+### [2.0.2](https://github.com/jotform/dnd-builder/compare/v2.0.0...v2.0.2) (2021-12-02)
+
+
+### Bug Fixes
+
+* **assets:** logo & readme gif has added ([6385694](https://github.com/jotform/dnd-builder/commit/6385694f86d9bad8ddd27d51b45b620973f07f8a))
+* **storybook:** new branding updates ([f2d28f2](https://github.com/jotform/dnd-builder/commit/f2d28f221c1b6debd9ba71a9bdf0a5c418a12e56))
+* **storybook:** theme added ([f22e8bc](https://github.com/jotform/dnd-builder/commit/f22e8bcdf12709635f9d26a4bf794be7d373a0be))
+
+## [2.0.0](https://github.com/jotform/dnd-builder/compare/v2.0.0-beta.3...v2.0.0) (2021-11-29)
+
+
+### Features
+
+* **printmode:** support custom dimensions in print mode ([10680f3](https://github.com/jotform/dnd-builder/commit/10680f38820340d270b5ee9638dc45bfa3e48d45))
+* **storybook:** dark&light mode addons ([3977621](https://github.com/jotform/dnd-builder/commit/3977621902019931da7a1a04218e3c78dcb648d8))
+
+
+### Bug Fixes
+
+* **theme:** dark&light mode major fix ([2c03387](https://github.com/jotform/dnd-builder/commit/2c033878290949108e0aa2092045697e905b9dc2))
+* **theme:** toolItem icon fill fix ([0c50632](https://github.com/jotform/dnd-builder/commit/0c506324a405251815c30604656a7fc185b2ef8c))
+
 ## [2.0.0-beta.4](https://github.com/jotform/dnd-builder/compare/v2.0.0-beta.3...v2.0.0-beta.4) (2021-10-05)
 
 

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 JotForm
+Copyright (c) 2021 Jotform
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/README.md

@@ -1,7 +1,7 @@
 <p align="center">
-  <img src="/.storybook/assets/logo.png" alt="react beautiful dnd logo" />
+  <img src="https://cdn.jotfor.ms/assets/img/logo2021/jotform-logo-dnd.png" alt="Jotform DND Builder" height="50px" />
 </p>
-<h1 align="center">JotForm - React Page Builder <small></small></h1>
+<h1 align="center">Jotform - React Page Builder <small></small></h1>
 
 <div align="center">
 
@@ -40,13 +40,11 @@ $npm install @jotforminc/dnd-builder --save
 ```
 
 
-## Documentation & API Reference📖
+## Documentation & API Reference 📖
 
 [Stories & Documentation](https://www.jotform.com/open-source/dnd-builder/)
 
-## Features
-
-## Core characteristics
+## Features & Core characteristics
 
 - Ready to use 🎁 💈
 - Draggable Elements 🧤
@@ -62,4 +60,4 @@ $npm install @jotforminc/dnd-builder --save
 
 ## License
 
-Code copyright 2021 JotForm. Code released under [the MIT license](https://github.com/jotform/dnd-builder/blob/master/LICENSE.md).
+Code copyright 2021 Jotform. Code released under [the MIT license](https://github.com/jotform/dnd-builder/blob/master/LICENSE.md).

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fill: "#6A7690",
-  d: "M1.88 6.83a4.88 4.88 0 014.8-4.93 4.88 4.88 0 014.82 4.93 4.88 4.88 0 01-4.81 4.94 4.88 4.88 0 01-4.82-4.94m13 7.76L11 10.62a5.9 5.9 0 001.38-3.79A5.77 5.77 0 006.67 1 5.77 5.77 0 001 6.83a5.77 5.77 0 005.69 5.84c1.4 0 2.7-.54 3.7-1.41l3.86 3.97c.08.08.2.13.31.13a.45.45 0 10.3-.77"
-});
+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 SvgSearch(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#6A7690",
+    d: "M1.88 6.83a4.88 4.88 0 014.8-4.93 4.88 4.88 0 014.82 4.93 4.88 4.88 0 01-4.81 4.94 4.88 4.88 0 01-4.82-4.94m13 7.76L11 10.62a5.9 5.9 0 001.38-3.79A5.77 5.77 0 006.67 1 5.77 5.77 0 001 6.83a5.77 5.77 0 005.69 5.84c1.4 0 2.7-.54 3.7-1.41l3.86 3.97c.08.08.2.13.31.13a.45.45 0 10.3-.77"
+  })));
 }
 
 module.exports = SvgSearch;

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

@@ -2,47 +2,41 @@
 
 var React = require('react');
 
-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); }
-
-var _ref = /*#__PURE__*/React.createElement("rect", {
-  width: 7,
-  height: 7,
-  rx: 1.5,
-  fill: "#fff"
-});
-
-var _ref2 = /*#__PURE__*/React.createElement("rect", {
-  y: 9,
-  width: 7,
-  height: 7,
-  rx: 1.5,
-  fill: "#fff"
-});
+var _rect, _rect2, _rect3, _rect4;
 
-var _ref3 = /*#__PURE__*/React.createElement("rect", {
-  x: 9,
-  width: 7,
-  height: 7,
-  rx: 1.5,
-  fill: "#fff"
-});
-
-var _ref4 = /*#__PURE__*/React.createElement("rect", {
-  opacity: 0.3,
-  x: 9,
-  y: 9,
-  width: 7,
-  height: 7,
-  rx: 1.5,
-  fill: "#fff"
-});
+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 SvgAllSlides(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _ref, _ref2, _ref3, _ref4);
+  }, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 7,
+    height: 7,
+    rx: 1.5,
+    fill: "#fff"
+  })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement("rect", {
+    y: 9,
+    width: 7,
+    height: 7,
+    rx: 1.5,
+    fill: "#fff"
+  })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    width: 7,
+    height: 7,
+    rx: 1.5,
+    fill: "#fff"
+  })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement("rect", {
+    opacity: 0.3,
+    x: 9,
+    y: 9,
+    width: 7,
+    height: 7,
+    rx: 1.5,
+    fill: "#fff"
+  })));
 }
 
 module.exports = SvgAllSlides;

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

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

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  d: "M1.11 1.89A1 1 0 012.526.474l5.657 5.657L13.839.475a1 1 0 011.414 1.414L8.889 8.253a1 1 0 01-1.414 0L1.11 1.89z"
-});
+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 SvgArrowDown(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 9"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.11 1.89A1 1 0 012.526.474l5.657 5.657L13.839.475a1 1 0 011.414 1.414L8.889 8.253a1 1 0 01-1.414 0L1.11 1.89z"
+  })));
 }
 
 module.exports = SvgArrowDown;

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  d: "M6.657.293A1 1 0 018.07 1.707L2.414 7.364l5.657 5.657a1 1 0 01-1.414 1.414L.293 8.071a1 1 0 010-1.414L6.657.293z"
-});
+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 SvgArrowLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 9 15"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.657.293A1 1 0 018.07 1.707L2.414 7.364l5.657 5.657a1 1 0 01-1.414 1.414L.293 8.071a1 1 0 010-1.414L6.657.293z"
+  })));
 }
 
 module.exports = SvgArrowLeft;

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

@@ -2,19 +2,19 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M.223 8.598a.837.837 0 00.02 1.158.834.834 0 001.179 0l.623-.667 1.34-1.434 1.95-2.087a.837.837 0 000-1.136L1.441.262C1.1-.08.572-.087.243.243a.832.832 0 00-.02 1.155l3.362 3.602L.223 8.598z",
-  fill: "#A8AABF"
-});
+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 SvgArrowRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 6 10",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M.223 8.598a.837.837 0 00.02 1.158.834.834 0 001.179 0l.623-.667 1.34-1.434 1.95-2.087a.837.837 0 000-1.136L1.441.262C1.1-.08.572-.087.243.243a.832.832 0 00-.02 1.155l3.362 3.602L.223 8.598z",
+    fill: "#A8AABF"
+  })));
 }
 
 module.exports = SvgArrowRight;

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  d: "M15.253 6.839a1 1 0 01-1.414 1.414L8.182 2.596 2.525 8.253A1 1 0 011.111 6.84L7.475.475a1 1 0 011.414 0l6.364 6.364z"
-});
+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 SvgArrowUp(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 9"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.253 6.839a1 1 0 01-1.414 1.414L8.182 2.596 2.525 8.253A1 1 0 011.111 6.84L7.475.475a1 1 0 011.414 0l6.364 6.364z"
+  })));
 }
 
 module.exports = SvgArrowUp;

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  d: "M8.128 7l5.639 5.639a.798.798 0 01-1.128 1.128L7 8.127l-5.639 5.64a.798.798 0 01-1.128-1.128L5.873 7 .232 1.361A.798.798 0 011.361.233L7 5.873l5.639-5.64a.798.798 0 011.128 1.128L8.127 7z"
-});
+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 SvgClose(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 14 14"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.128 7l5.639 5.639a.798.798 0 01-1.128 1.128L7 8.127l-5.639 5.64a.798.798 0 01-1.128-1.128L5.873 7 .232 1.361A.798.798 0 011.361.233L7 5.873l5.639-5.64a.798.798 0 011.128 1.128L8.127 7z"
+  })));
 }
 
 module.exports = SvgClose;

package/lib/cjs/assets/svg/contextmenu/moveToBack.svg.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 
-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); }
+var _g;
 
-var _ref = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#B3C9FF",
-  d: "M5.356 14a.5.5 0 00.354-.854l-3-3A.5.5 0 002.356 10H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h4.856zm9.144 0a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-1.865a.5.5 0 00-.353.146l-3 3a.5.5 0 00.353.854z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M.5 4h14a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#7A9FFF",
-  d: "M.5 9h5a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5zm9 0h5a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M7.855 13.148l2.743-2.72a.25.25 0 00-.176-.428H8L8 2H7v8H4.63a.25.25 0 00-.178.426l2.696 2.719a.5.5 0 00.707.003z"
-}));
+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 SvgMoveToBack(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 15 14"
-  }, props), _ref);
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#B3C9FF",
+    d: "M5.356 14a.5.5 0 00.354-.854l-3-3A.5.5 0 002.356 10H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h4.856zm9.144 0a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-1.865a.5.5 0 00-.353.146l-3 3a.5.5 0 00.353.854z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M.5 4h14a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#7A9FFF",
+    d: "M.5 9h5a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5zm9 0h5a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M7.855 13.148l2.743-2.72a.25.25 0 00-.176-.428H8L8 2H7v8H4.63a.25.25 0 00-.178.426l2.696 2.719a.5.5 0 00.707.003z"
+  }))));
 }
 
 module.exports = SvgMoveToBack;

package/lib/cjs/assets/svg/contextmenu/moveToBackward.svg.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 
-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); }
+var _g;
 
-var _ref = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#B3C9FF",
-  d: "M5.356 9a.5.5 0 00.354-.854l-3-3A.5.5 0 002.356 5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h4.856zM14.5 9a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-1.865a.5.5 0 00-.353.146l-3 3A.5.5 0 009.635 9z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M.5 4h14a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#7A9FFF",
-  d: "M.5 14h14a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M7.855 8.148l2.743-2.72A.25.25 0 0010.422 5H8L8 2H7v3H4.63a.25.25 0 00-.178.426l2.696 2.719a.5.5 0 00.707.003z"
-}));
+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 SvgMoveToBackward(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 15 14"
-  }, props), _ref);
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#B3C9FF",
+    d: "M5.356 9a.5.5 0 00.354-.854l-3-3A.5.5 0 002.356 5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h4.856zM14.5 9a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-1.865a.5.5 0 00-.353.146l-3 3A.5.5 0 009.635 9z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M.5 4h14a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#7A9FFF",
+    d: "M.5 14h14a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v3a.5.5 0 00.5.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M7.855 8.148l2.743-2.72A.25.25 0 0010.422 5H8L8 2H7v3H4.63a.25.25 0 00-.178.426l2.696 2.719a.5.5 0 00.707.003z"
+  }))));
 }
 
 module.exports = SvgMoveToBackward;

package/lib/cjs/assets/svg/contextmenu/moveToForward.svg.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 
-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); }
+var _g;
 
-var _ref = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#B3C9FF",
-  d: "M5.356 5a.5.5 0 01.354.854l-3 3A.5.5 0 012.356 9H.5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 5h4.856zM14.5 5a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-1.865a.5.5 0 01-.353-.146l-3-3A.5.5 0 019.635 5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M.5 10h14a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#7A9FFF",
-  d: "M.5 0h14a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 0z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M7.855 5.852l2.743 2.72a.25.25 0 01-.176.428H8L8 12H7V9H4.63a.25.25 0 01-.178-.426l2.696-2.719a.5.5 0 01.707-.003z"
-}));
+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 SvgMoveToForward(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 15 14"
-  }, props), _ref);
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#B3C9FF",
+    d: "M5.356 5a.5.5 0 01.354.854l-3 3A.5.5 0 012.356 9H.5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 5h4.856zM14.5 5a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-1.865a.5.5 0 01-.353-.146l-3-3A.5.5 0 019.635 5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M.5 10h14a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#7A9FFF",
+    d: "M.5 0h14a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M7.855 5.852l2.743 2.72a.25.25 0 01-.176.428H8L8 12H7V9H4.63a.25.25 0 01-.178-.426l2.696-2.719a.5.5 0 01.707-.003z"
+  }))));
 }
 
 module.exports = SvgMoveToForward;

package/lib/cjs/assets/svg/contextmenu/moveToFront.svg.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 
-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); }
+var _g;
 
-var _ref = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "#B3C9FF",
-  d: "M5.356 0a.5.5 0 01.354.854l-3 3A.5.5 0 012.356 4H.5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 0h4.856zM14.5 0a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-1.865a.5.5 0 01-.353-.146l-3-3A.5.5 0 019.635 0z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M.5 10h14a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#7A9FFF",
-  d: "M.5 5h5a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 5zm9 0h5a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5z"
-}), /*#__PURE__*/React.createElement("path", {
-  fill: "#4277FF",
-  d: "M7.855.852l2.743 2.72a.25.25 0 01-.176.428H8L8 12H7V4H4.63a.25.25 0 01-.178-.426L7.148.855a.5.5 0 01.707-.003z"
-}));
+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 SvgMoveToFront(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 15 14"
-  }, props), _ref);
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#B3C9FF",
+    d: "M5.356 0a.5.5 0 01.354.854l-3 3A.5.5 0 012.356 4H.5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 0h4.856zM14.5 0a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-1.865a.5.5 0 01-.353-.146l-3-3A.5.5 0 019.635 0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M.5 10h14a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#7A9FFF",
+    d: "M.5 5h5a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3A.5.5 0 01.5 5zm9 0h5a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#4277FF",
+    d: "M7.855.852l2.743 2.72a.25.25 0 01-.176.428H8L8 12H7V4H4.63a.25.25 0 01-.178-.426L7.148.855a.5.5 0 01.707-.003z"
+  }))));
 }
 
 module.exports = SvgMoveToFront;

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  d: "M8.282 9.353a1.204 1.204 0 010-1.703l4.378-4.378a.172.172 0 000-.244l-1.946-1.946a.172.172 0 00-.243 0l-.973.973.608.608a.688.688 0 010 .973l-6.81 6.811a.688.688 0 01-.974 0L.376 8.501a.688.688 0 010-.973L7.187.718a.688.688 0 01.973 0l.608.608.973-.973c.47-.47 1.233-.47 1.703 0l1.946 1.946c.47.47.47 1.232 0 1.702L9.01 8.38a.172.172 0 000 .243l1.946 1.946.122-.122a.688.688 0 01.973 0l3.405 3.406a.688.688 0 010 .973l-.973.972a.688.688 0 01-.973 0l-3.405-3.405a.688.688 0 010-.973l.122-.121-1.946-1.946z"
-});
+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 SvgCustomize(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.282 9.353a1.204 1.204 0 010-1.703l4.378-4.378a.172.172 0 000-.244l-1.946-1.946a.172.172 0 00-.243 0l-.973.973.608.608a.688.688 0 010 .973l-6.81 6.811a.688.688 0 01-.974 0L.376 8.501a.688.688 0 010-.973L7.187.718a.688.688 0 01.973 0l.608.608.973-.973c.47-.47 1.233-.47 1.703 0l1.946 1.946c.47.47.47 1.232 0 1.702L9.01 8.38a.172.172 0 000 .243l1.946 1.946.122-.122a.688.688 0 01.973 0l3.405 3.406a.688.688 0 010 .973l-.973.972a.688.688 0 01-.973 0l-3.405-3.405a.688.688 0 010-.973l.122-.121-1.946-1.946z"
+  })));
 }
 
 module.exports = SvgCustomize;

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

@@ -2,17 +2,17 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M6.528 2.371c.406 0 .734.329.734.735v8.16a.734.734 0 01-.734.734H.734A.734.734 0 010 11.266v-8.16C0 2.7.329 2.37.734 2.37h5.794zM8.976.005a.734.734 0 01.816.669V8.85a.734.734 0 01-.816.735h-.898V2.24a.734.734 0 00-.734-.735H2.53V.74c0-.405.328-.734.734-.734z"
-});
+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 SvgDuplicate(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 10 12"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M6.528 2.371c.406 0 .734.329.734.735v8.16a.734.734 0 01-.734.734H.734A.734.734 0 010 11.266v-8.16C0 2.7.329 2.37.734 2.37h5.794zM8.976.005a.734.734 0 01.816.669V8.85a.734.734 0 01-.816.735h-.898V2.24a.734.734 0 00-.734-.735H2.53V.74c0-.405.328-.734.734-.734z"
+  })));
 }
 
 module.exports = SvgDuplicate;

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

@@ -2,22 +2,20 @@
 
 var React = require('react');
 
-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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M18.061 0C19.132 0 20 .868 20 1.939v3.877a.83.83 0 11-1.662 0V1.94a.277.277 0 00-.277-.277h-3.877a.83.83 0 110-1.662h3.877zM.831 13.353a.83.83 0 01.83.83v3.878c0 .153.125.277.278.277h3.877a.83.83 0 110 1.662H1.94A1.939 1.939 0 010 18.061v-3.877a.83.83 0 01.83-.831z"
-});
+var _path, _path2;
 
-var _ref2 = /*#__PURE__*/React.createElement("path", {
-  d: "M1.552 18.448a.909.909 0 010-1.285l3.48-3.48a.91.91 0 011.286 1.285l-3.48 3.48a.909.909 0 01-1.286 0zM18.448 1.552a.91.91 0 010 1.285l-3.48 3.48a.909.909 0 11-1.286-1.285l3.48-3.48a.909.909 0 011.286 0z"
-});
+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 SvgFitScreen(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _ref, _ref2);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M18.061 0C19.132 0 20 .868 20 1.939v3.877a.83.83 0 11-1.662 0V1.94a.277.277 0 00-.277-.277h-3.877a.83.83 0 110-1.662h3.877zM.831 13.353a.83.83 0 01.83.83v3.878c0 .153.125.277.278.277h3.877a.83.83 0 110 1.662H1.94A1.939 1.939 0 010 18.061v-3.877a.83.83 0 01.83-.831z"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M1.552 18.448a.909.909 0 010-1.285l3.48-3.48a.91.91 0 011.286 1.285l-3.48 3.48a.909.909 0 01-1.286 0zM18.448 1.552a.91.91 0 010 1.285l-3.48 3.48a.909.909 0 11-1.286-1.285l3.48-3.48a.909.909 0 011.286 0z"
+  })));
 }
 
 module.exports = SvgFitScreen;

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

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

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

@@ -2,18 +2,18 @@
 
 var React = require('react');
 
-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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M30.299 8.546c1.903-1.95 3.508-4.126 5.6-5.627 4.873-3.495 10.244-3.813 15.61-1.16 5.385 2.664 8.277 7.172 8.507 13.165.272 7.094-2.801 12.94-7.35 18.121-4.64 5.284-10.373 9.249-16.079 13.245-1.787 1.253-3.543 2.553-5.354 3.77-.325.218-1.005.348-1.264.162-6.707-4.842-13.815-9.17-19.696-15.081-4.306-4.327-7.704-9.221-8.876-15.358-1.201-6.29-.004-11.884 5.139-16.146 6.783-5.62 16.706-4.45 22.051 2.547.632.826 1.223 1.685 1.712 2.362",
-  fillRule: "evenodd"
-});
+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 SvgHeartRating(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M30.299 8.546c1.903-1.95 3.508-4.126 5.6-5.627 4.873-3.495 10.244-3.813 15.61-1.16 5.385 2.664 8.277 7.172 8.507 13.165.272 7.094-2.801 12.94-7.35 18.121-4.64 5.284-10.373 9.249-16.079 13.245-1.787 1.253-3.543 2.553-5.354 3.77-.325.218-1.005.348-1.264.162-6.707-4.842-13.815-9.17-19.696-15.081-4.306-4.327-7.704-9.221-8.876-15.358-1.201-6.29-.004-11.884 5.139-16.146 6.783-5.62 16.706-4.45 22.051 2.547.632.826 1.223 1.685 1.712 2.362",
+    fillRule: "evenodd"
+  })));
 }
 
 module.exports = SvgHeartRating;