@quintoandar-tokko/carousel 1.0.59 → 1.0.62

package/lib/components/FullScreen.js

@@ -31,7 +31,9 @@ var FullScreen = exports.FullScreen = function FullScreen(_ref) {
     setFullscreen = _ref.setFullscreen,
     planos = _ref.planos,
     handleImageClickToFullscreen = _ref.handleImageClickToFullscreen,
-    URLOpenFullscreen = _ref.URLOpenFullscreen;
+    URLOpenFullscreen = _ref.URLOpenFullscreen,
+    _ref$disableRightClic = _ref.disableRightClick,
+    disableRightClick = _ref$disableRightClic === void 0 ? false : _ref$disableRightClic;
   var allFiles = {
     fotos: fotos,
     videos: videos,
@@ -125,7 +127,8 @@ var FullScreen = exports.FullScreen = function FullScreen(_ref) {
     files: allFiles[tabSelected],
     index: index,
     windowWidth: windowWidth,
-    tabSelected: tabSelected
+    tabSelected: tabSelected,
+    disableRightClick: disableRightClick
   }), /*#__PURE__*/_react["default"].createElement(_text.Text, {
     className: "contFotos",
     variant: "bodyBold.fontSize14"

package/lib/components/SliderSwap.js

@@ -40,7 +40,9 @@ var SliderSwap = exports.SliderSwap = function SliderSwap(_ref) {
     index = _ref.index,
     tabSelected = _ref.tabSelected,
     _ref$setURLOpenFullsc = _ref.setURLOpenFullscreen,
-    setURLOpenFullscreen = _ref$setURLOpenFullsc === void 0 ? function () {} : _ref$setURLOpenFullsc;
+    setURLOpenFullscreen = _ref$setURLOpenFullsc === void 0 ? function () {} : _ref$setURLOpenFullsc,
+    _ref$disableRightClic = _ref.disableRightClick,
+    disableRightClick = _ref$disableRightClic === void 0 ? false : _ref$disableRightClic;
   var sliderContainerRef = (0, _react.useRef)(null);
   var sliderRef = (0, _react.useRef)(null);
   var iconNextRef = (0, _react.useRef)(null);
@@ -296,13 +298,17 @@ var SliderSwap = exports.SliderSwap = function SliderSwap(_ref) {
     }) : /*#__PURE__*/_react["default"].createElement("img", {
       className: "imgFullScreenSlide",
       style: {
-        pointerEvents: 'none'
+        pointerEvents: disableRightClick ? 'auto' : 'none'
       },
       src: img,
       alt: fileType,
       onError: function onError() {
         return handleImgError(img);
-      }
+      },
+      draggable: false,
+      onContextMenu: disableRightClick ? function (e) {
+        return e.preventDefault();
+      } : undefined
     }));
   }), fullScreen && (fileType === 'videos' || fileType === 'video360') && files.map(function (video, index) {
     return /*#__PURE__*/_react["default"].createElement(_box.Box, {

package/lib/index.js

@@ -11,10 +11,9 @@ var _theme = _interopRequireDefault(require("@quintoandar-tokko/theme"));
 var _icons = require("@quintoandar-tokko/icons");
 require("../styles/gallery.css");
 var _ImageCard = require("./components/ImageCard");
-var _FullScreen = require("./components/FullScreen");
-var _SliderSwap = require("./components/SliderSwap");
+var _imageFullScreen = require("@quintoandar-tokko/image-full-screen");
 var _ButtonsMainImage = require("./components/ButtonsMainImage");
-var _excluded = ["images", "planos", "video", "video360", "otherComponent", "otherButton", "frontCoverImg", "frontCoverBlueprints", "tabTextsDict"];
+var _excluded = ["images", "planos", "video", "video360", "otherComponent", "otherButton", "frontCoverImg", "frontCoverBlueprints", "tabTextsDict", "disableRightClick"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -57,6 +56,8 @@ var Carousel = exports.Carousel = function Carousel(_ref) {
     frontCoverBlueprints = _ref$frontCoverBluepr === void 0 ? false : _ref$frontCoverBluepr,
     _ref$tabTextsDict = _ref.tabTextsDict,
     tabTextsDict = _ref$tabTextsDict === void 0 ? defaultTabTextsDict : _ref$tabTextsDict,
+    _ref$disableRightClic = _ref.disableRightClick,
+    disableRightClick = _ref$disableRightClic === void 0 ? false : _ref$disableRightClic,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -298,7 +299,7 @@ var Carousel = exports.Carousel = function Carousel(_ref) {
       width: '100%',
       height: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_SliderSwap.SliderSwap, {
+  }, /*#__PURE__*/_react["default"].createElement(_imageFullScreen.SliderSwap, {
     files: allPictures,
     setFullscreen: setFullscreen,
     toggleFullscreen: toggleFullscreen,
@@ -402,7 +403,7 @@ var Carousel = exports.Carousel = function Carousel(_ref) {
     }, "+".concat(allPictures.length - 1 - followImgColumns * 2)));
   })))) : /*#__PURE__*/_react["default"].createElement(_box.Box, {
     onClick: toggleFullscreen
-  }, otherComponent), /*#__PURE__*/_react["default"].createElement(_FullScreen.FullScreen, {
+  }, otherComponent), /*#__PURE__*/_react["default"].createElement(_imageFullScreen.ImageFullScreen, {
     fullscreen: fullscreen,
     setFullscreen: setFullscreen,
     tabContainers: tabContainers,
@@ -417,6 +418,7 @@ var Carousel = exports.Carousel = function Carousel(_ref) {
     bluePrintsWithCover: bluePrintsWithCover,
     URLOpenFullscreen: URLOpenFullscreen,
     handleImageClickToFullscreen: handleImageClickToFullscreen,
-    tabTextsDict: tabTextsDict
+    tabTextsDict: tabTextsDict,
+    disableRightClick: disableRightClick
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintoandar-tokko/carousel",
-  "version": "1.0.59",
+  "version": "1.0.62",
   "main": "lib/index.js",
   "module": "src/index.js",
   "files": [
@@ -10,8 +10,9 @@
   ],
   "dependencies": {
     "@quintoandar-tokko/box": "^1.2.287",
-    "@quintoandar-tokko/button": "^1.2.376",
+    "@quintoandar-tokko/button": "^1.2.377",
     "@quintoandar-tokko/hooks": "^1.2.309",
+    "@quintoandar-tokko/image-full-screen": "^1.0.1",
     "@quintoandar-tokko/text": "^1.2.288",
     "prop-types": "^15.7.2"
   },
@@ -22,5 +23,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d7f572fb9d8afe4d0d344f2eb32d2d305693171"
+  "gitHead": "fc3653c041313bc92c58d14ac9ae974e71beb448"
 }