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

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.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/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;

package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-diverge.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", {
-  "data-name": "arrow-diverge",
-  d: "M17 15.012V17h-3.08l-4.286-5 4.286-5H17v1.988a1.115 1.115 0 001.878.714L24 5 18.878.3A1.115 1.115 0 0017 1.012V3h-4.92l-6 7H2a2 2 0 000 4h4.08l6 7H17v1.988a1.115 1.115 0 001.878.714L24 19l-5.122-4.7a1.115 1.115 0 00-1.878.712z"
-});
+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 SvgJfcIconSolidArrowDiverge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    "data-name": "arrow-diverge",
+    d: "M17 15.012V17h-3.08l-4.286-5 4.286-5H17v1.988a1.115 1.115 0 001.878.714L24 5 18.878.3A1.115 1.115 0 0017 1.012V3h-4.92l-6 7H2a2 2 0 000 4h4.08l6 7H17v1.988a1.115 1.115 0 001.878.714L24 19l-5.122-4.7a1.115 1.115 0 00-1.878.712z"
+  })));
 }
 
 module.exports = SvgJfcIconSolidArrowDiverge;

package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-down-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", {
-  "data-name": "arrow-down-left",
-  d: "M20.125 3.875a3.009 3.009 0 00-4.243 0l-6.5 6.5-2.968-2.961A2 2 0 003 8.828V21h12.172a2 2 0 001.414-3.414l-2.965-2.965 6.5-6.5a3.009 3.009 0 00.004-4.246z"
-});
+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 SvgJfcIconSolidArrowDownLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _ref);
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    "data-name": "arrow-down-left",
+    d: "M20.125 3.875a3.009 3.009 0 00-4.243 0l-6.5 6.5-2.968-2.961A2 2 0 003 8.828V21h12.172a2 2 0 001.414-3.414l-2.965-2.965 6.5-6.5a3.009 3.009 0 00.004-4.246z"
+  })));
 }
 
 module.exports = SvgJfcIconSolidArrowDownLeft;