@yorab/react-paint 0.4.1 → 0.4.2

package/Changelog.md

@@ -1,3 +1,8 @@
+# V.0.4.2
+
+- fix toolgroup not displayed
+- add passive prop to event listener
+
 # V.0.4.1
 
 - prevent mounting selection canvas when viewer mode

package/dist/components/toolbox/Toolbar.js

@@ -40,7 +40,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var ACTIONS_MENU_BREAKPOINT = 400;
-var TOOLS_MENU_BREAKPOINT = 280;
+var TOOLS_MENU_BREAKPOINT = 240;
 var StyledShrinkableTools = /*#__PURE__*/(0, _react2.styled)("div")({
   name: "StyledShrinkableTools",
   "class": "so6hnjf"

package/dist/hooks/useComponent.js

@@ -28,8 +28,12 @@ var useComponent = function useComponent(_ref) {
     if (disabled) {
       setIsInsideComponent(false);
     } else {
-      document.addEventListener('mousedown', onDetectClick);
-      document.addEventListener('touchstart', onDetectClick);
+      document.addEventListener('mousedown', onDetectClick, {
+        passive: true
+      });
+      document.addEventListener('touchstart', onDetectClick, {
+        passive: true
+      });
     }
 
     return function () {

package/dist/hooks/useDrawableCanvas.js

@@ -208,8 +208,12 @@ var useDrawableCanvas = function useDrawableCanvas(_ref) {
       }
     };
 
-    ref.addEventListener('mousedown', handleMouseDown);
-    ref.addEventListener('touchstart', handleMouseDown);
+    ref.addEventListener('mousedown', handleMouseDown, {
+      passive: false
+    });
+    ref.addEventListener('touchstart', handleMouseDown, {
+      passive: false
+    });
     return function () {
       ref.removeEventListener('mousedown', handleMouseDown);
       ref.removeEventListener('touchstart', handleMouseDown);

package/dist/styles.css

@@ -59,7 +59,7 @@
 .svkxpz4{display:grid;background:var(--toolbar-bg);box-shadow:0 3px 8px rgb(0 0 0 / 24%);padding:12px;border-radius:8px;white-space:nowrap;position:relative;}
 .s1s9jyyg{position:absolute;left:0;top:0;right:0;bottom:0;background:#00000073;}
 .s95bkm9 form{grid-template-columns:3fr 1fr 1fr;}.s95bkm9 form input{color:var(--font-color);border:1px solid var(--font-color);background:var(--toolbar-bg);outline:none;}
-.so6hnjf{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:100%;text-align:center;max-height:36px;overflow:hidden;}
+.so6hnjf{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:100%;text-align:center;height:36px;}
 .s1c1dllr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:36px;background:var(--toolbar-bg);border-bottom:1px solid var(--divider-color);box-sizing:border-box;}
 .s1g032mh{grid-template-columns:1fr 1fr 1fr;}
 .snh2jyk{width:24px;height:24px;box-sizing:border-box;border-radius:50%;border:1px solid gray;background:var(--snh2jyk-0);background-repeat:repeat;background-size:16px;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorab/react-paint",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "keywords": [],
   "author": "Yohann Rabatel",
   "license": "MIT",