@zohodesk/dot 1.0.0-temp-212 → 1.0.0-temp-200.8

package/lib/AttachmentViewer/utils.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ZoomEvent = exports.Zoom = void 0;
+exports.ZoomEvent = exports.Zoom = exports.FILE_EXTENSIONS = void 0;
 exports.checkAudioUrlValidity = checkAudioUrlValidity;
 exports.checkFileSourcesValidation = checkFileSourcesValidation;
 exports.checkImageValidity = checkImageValidity;
+exports.checkVideoUrlValidity = checkVideoUrlValidity;
+exports.isValidDocument = isValidDocument;
 
 var _Attachment = require("./Attachment");
 
@@ -153,6 +155,21 @@ function checkImageValidity(src) {
   });
 }
 
+function checkVideoUrlValidity(url) {
+  return new Promise(function (resolve) {
+    var video = document.createElement('video');
+    video.src = url;
+
+    video.oncanplaythrough = function () {
+      return resolve(true);
+    };
+
+    video.onerror = function () {
+      return resolve(false);
+    };
+  });
+}
+
 function checkAudioUrlValidity(url) {
   return new Promise(function (resolve) {
     var audio = new Audio(url);
@@ -169,25 +186,85 @@ function checkAudioUrlValidity(url) {
 
 ;
 
+function isValidDocument(url) {
+  if (!url) {
+    return false;
+  }
+
+  return true;
+}
+
+var FILE_EXTENSIONS = {
+  audio: ['mp3', 'wav', 'wma', 'aac', 'm4r', 'm4a', 'flac', 'aiff', 'alac', 'ogg', 'opus', 'amr', 'mid', 'midi'],
+  video: ['mp4', 'mkv', 'mov', 'mpeg', 'mpg', 'flv', 'wmv', 'avi', 'webm', 'ogv', 'm4v', '3gp', '3g2'],
+  document: ['doc', 'docx', 'docm', 'dot', 'dotx', 'dotm', 'odt', 'rtf', 'txt', 'md', 'pages', 'xls', 'xlsx', 'xlsm', 'xlsb', 'csv', 'tsv', 'ods', 'sxc', 'numbers', 'ppt', 'pptx', 'pps', 'ppsx', 'pot', 'potx', 'odp', 'sxi', 'key', 'pdf', 'xml', 'json', 'yaml', 'yml', 'log', 'eml', 'msg'],
+  image: ['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'dib', 'tiff', 'tif', 'ico', 'svg', 'webp', 'heic', 'heif', 'jfif', 'pjpeg', 'pjp', 'avif']
+};
+exports.FILE_EXTENSIONS = FILE_EXTENSIONS;
+
 function checkFileSourcesValidation(_ref) {
+  var _getExtensionFromFile;
+
   var fileName = _ref.fileName,
-      viewURL = _ref.viewURL;
+      viewURL = _ref.viewURL,
+      previewUrl = _ref.previewUrl,
+      allowedPreviewExtensionsData = _ref.allowedPreviewExtensionsData;
+  var extension = (_getExtensionFromFile = (0, _Attachment.getExtensionFromFileName)(fileName)) === null || _getExtensionFromFile === void 0 ? void 0 : _getExtensionFromFile.toLowerCase();
+
+  if (!extension) {
+    return Promise.resolve({
+      isViewURLValid: false,
+      canZoom: false
+    });
+  }
 
-  if ((0, _Attachment.isAudioFile)(fileName)) {
-    var audioValidityPromise = checkAudioUrlValidity(viewURL);
-    return audioValidityPromise.then(function (isURLValid) {
+  var extensionSource = allowedPreviewExtensionsData || FILE_EXTENSIONS;
+
+  var fileExtensionValidation = function fileExtensionValidation(type) {
+    var list = extensionSource[type];
+    if (!Array.isArray(list)) return false;
+    return list.map(function (e) {
+      return e.toLowerCase();
+    }).includes(extension);
+  };
+
+  if (fileExtensionValidation('audio')) {
+    return checkAudioUrlValidity(viewURL).then(function (isURLValid) {
+      return {
+        isViewURLValid: isURLValid,
+        canZoom: false
+      };
+    });
+  }
+
+  if (fileExtensionValidation('video')) {
+    return checkVideoUrlValidity(viewURL).then(function (isURLValid) {
       return {
         isViewURLValid: isURLValid,
         canZoom: false
       };
     });
-  } else {
-    var imageValidityPromise = checkImageValidity(viewURL);
-    return imageValidityPromise.then(function (isURLValid) {
+  }
+
+  if (fileExtensionValidation('document')) {
+    var isValid = isValidDocument(previewUrl, fileName);
+    return Promise.resolve({
+      isViewURLValid: isValid,
+      canZoom: false
+    });
+  }
+
+  if (fileExtensionValidation('image')) {
+    return checkImageValidity(viewURL).then(function (isURLValid) {
       return {
         isViewURLValid: isURLValid,
         canZoom: isURLValid
       };
     });
   }
+
+  return Promise.resolve({
+    isViewURLValid: false,
+    canZoom: false
+  });
 }

package/lib/DotProvider/__tests__/DotProvider.spec.js

@@ -6,6 +6,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@testing-library/react");
 
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
+
 var _DotProvider = _interopRequireDefault(require("../DotProvider"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -16,7 +18,13 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-// snapshot test cases
+beforeEach(function () {
+  (0, _IdProvider.setGlobalId)(0);
+});
+afterEach(function () {
+  (0, _react2.cleanup)();
+}); // snapshot test cases
+
 describe('DotProvider Snapshot', function () {
   var THEME_APPEARANCE = ['light', 'dark', 'pureDark'];
   var THEME_COLOR = ['blue', 'green', 'orange', 'red', 'yellow'];
@@ -32,7 +40,12 @@ describe('DotProvider Snapshot', function () {
             _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_DotProvider["default"], null, "This is a DotProvider component")), asFragment = _render.asFragment; // wait for the data attributes and styles to be applied
 
             _context.next = 3;
-            return (0, _react2.waitFor)(function () {});
+            return (0, _react2.waitFor)(function () {
+              var el = document.body.querySelector('[data-mode]');
+              expect(el === null || el === void 0 ? void 0 : el.getAttribute('data-mode')).toBe('light');
+              var el2 = document.body.querySelector('[data-theme]');
+              expect(el2 === null || el2 === void 0 ? void 0 : el2.getAttribute('data-theme')).toBe('blue');
+            });
 
           case 3:
             // take the snapshot after the attributes and styles are applied
@@ -161,71 +174,85 @@ describe('DotProvider Snapshot', function () {
       }
     }, _callee6);
   })));
-  THEME_APPEARANCE.map(function (appearance) {
-    test.each(THEME_COLOR)("rendering the theme-appearance of ".concat(appearance, " along with theme-color of %s"), /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(theme) {
-        var _render6, asFragment;
-
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) {
-            switch (_context7.prev = _context7.next) {
-              case 0:
-                _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_DotProvider["default"], {
-                  themeAppearance: appearance,
-                  themeColor: theme
-                })), asFragment = _render6.asFragment;
-                _context7.next = 3;
-                return (0, _react2.waitFor)(function () {});
-
-              case 3:
-                expect(asFragment()).toMatchSnapshot();
-
-              case 4:
-              case "end":
-                return _context7.stop();
+  THEME_APPEARANCE.forEach(function (appearance) {
+    describe("Theme appearance: ".concat(appearance), function () {
+      test.each(THEME_COLOR)("should render with themeAppearance = ".concat(appearance, " and themeColor = %s "), /*#__PURE__*/function () {
+        var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(theme) {
+          var _render6, asFragment;
+
+          return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+            while (1) {
+              switch (_context7.prev = _context7.next) {
+                case 0:
+                  _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_DotProvider["default"], {
+                    themeAppearance: appearance,
+                    themeColor: theme
+                  })), asFragment = _render6.asFragment;
+                  _context7.next = 3;
+                  return (0, _react2.waitFor)(function () {
+                    var el = document.body.querySelector('[data-mode]');
+                    expect(el === null || el === void 0 ? void 0 : el.getAttribute('data-mode')).toBe(appearance);
+                    var el2 = document.body.querySelector('[data-theme]');
+                    expect(el2 === null || el2 === void 0 ? void 0 : el2.getAttribute('data-theme')).toBe(theme);
+                  });
+
+                case 3:
+                  expect(asFragment()).toMatchSnapshot();
+
+                case 4:
+                case "end":
+                  return _context7.stop();
+              }
             }
-          }
-        }, _callee7);
-      }));
-
-      return function (_x) {
-        return _ref7.apply(this, arguments);
-      };
-    }());
+          }, _callee7);
+        }));
+
+        return function (_x) {
+          return _ref7.apply(this, arguments);
+        };
+      }());
+    });
   });
-  THEME_APPEARANCE.map(function (appearance) {
-    test.each(THEME_COLOR)("rendering the custom themeAppearanceAttr and themeColorAttr props with theme-appearance of ".concat(appearance, " along with theme-color of %s"), /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(theme) {
-        var _render7, asFragment;
-
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) {
-            switch (_context8.prev = _context8.next) {
-              case 0:
-                _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_DotProvider["default"], {
-                  themeAppearance: appearance,
-                  themeColor: theme,
-                  themeAppearanceAttr: "data-desk-mode",
-                  themeColorAttr: "data-desk-theme"
-                })), asFragment = _render7.asFragment;
-                _context8.next = 3;
-                return (0, _react2.waitFor)(function () {});
-
-              case 3:
-                expect(asFragment()).toMatchSnapshot();
-
-              case 4:
-              case "end":
-                return _context8.stop();
+  THEME_APPEARANCE.forEach(function (appearance) {
+    describe("Theme appearance: ".concat(appearance), function () {
+      test.each(THEME_COLOR)("should render with themeAppearance = ".concat(appearance, " and themeColor = %s with custom attributes"), /*#__PURE__*/function () {
+        var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(theme) {
+          var _render7, asFragment;
+
+          return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+            while (1) {
+              switch (_context8.prev = _context8.next) {
+                case 0:
+                  _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_DotProvider["default"], {
+                    themeAppearance: appearance,
+                    themeColor: theme,
+                    themeAppearanceAttr: "data-desk-mode",
+                    themeColorAttr: "data-desk-theme"
+                  })), asFragment = _render7.asFragment;
+                  _context8.next = 3;
+                  return (0, _react2.waitFor)(function () {
+                    var el = document.body.querySelector('[data-desk-mode]');
+                    expect(el === null || el === void 0 ? void 0 : el.getAttribute('data-desk-mode')).toBe(appearance);
+                    var el2 = document.body.querySelector('[data-desk-theme]');
+                    expect(el2 === null || el2 === void 0 ? void 0 : el2.getAttribute('data-desk-theme')).toBe(theme);
+                  });
+
+                case 3:
+                  expect(asFragment()).toMatchSnapshot();
+
+                case 4:
+                case "end":
+                  return _context8.stop();
+              }
             }
-          }
-        }, _callee8);
-      }));
-
-      return function (_x2) {
-        return _ref8.apply(this, arguments);
-      };
-    }());
+          }, _callee8);
+        }));
+
+        return function (_x2) {
+          return _ref8.apply(this, arguments);
+        };
+      }());
+    });
   });
   test.each(BASE_ZOOM_UNIT)("rendering the baseZoomUnit props of %s", /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(zoom) {