@zohodesk/dot 1.0.0-temp-200.6 → 1.0.0-temp-210.1

package/lib/AttachmentViewer/utils.js

@@ -7,9 +7,6 @@ exports.ZoomEvent = exports.Zoom = void 0;
 exports.checkAudioUrlValidity = checkAudioUrlValidity;
 exports.checkFileSourcesValidation = checkFileSourcesValidation;
 exports.checkImageValidity = checkImageValidity;
-exports.checkVideoUrlValidity = checkVideoUrlValidity;
-exports.getFrameOrigin = getFrameOrigin;
-exports.isValidDocument = isValidDocument;
 
 var _Attachment = require("./Attachment");
 
@@ -156,21 +153,6 @@ 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);
@@ -187,19 +169,9 @@ function checkAudioUrlValidity(url) {
 
 ;
 
-function isValidDocument(url) {
-  if (!url) {
-    return false;
-  }
-
-  return true;
-}
-
 function checkFileSourcesValidation(_ref) {
   var fileName = _ref.fileName,
-      viewURL = _ref.viewURL,
-      previewUrl = _ref.previewUrl;
-  var documentTypes = (0, _Attachment.isDocsFile)(fileName) || (0, _Attachment.isSheetFile)(fileName) || (0, _Attachment.isPresentationFile)(fileName) || (0, _Attachment.isPdfFile)(fileName) || (0, _Attachment.isEmailFile)(fileName);
+      viewURL = _ref.viewURL;
 
   if ((0, _Attachment.isAudioFile)(fileName)) {
     var audioValidityPromise = checkAudioUrlValidity(viewURL);
@@ -209,20 +181,6 @@ function checkFileSourcesValidation(_ref) {
         canZoom: false
       };
     });
-  } else if ((0, _Attachment.isVideoFile)(fileName)) {
-    var videoValidityPromise = checkVideoUrlValidity(viewURL);
-    return videoValidityPromise.then(function (isURLValid) {
-      return {
-        isViewURLValid: isURLValid,
-        canZoom: false
-      };
-    });
-  } else if (documentTypes && isValidDocument(previewUrl)) {
-    var isValid = isValidDocument(previewUrl);
-    return Promise.resolve({
-      isViewURLValid: isValid,
-      canZoom: false
-    });
   } else {
     var imageValidityPromise = checkImageValidity(viewURL);
     return imageValidityPromise.then(function (isURLValid) {
@@ -232,8 +190,4 @@ function checkFileSourcesValidation(_ref) {
       };
     });
   }
-}
-
-function getFrameOrigin() {
-  return new URL(window.location.href).origin;
 }

package/lib/Drawer/Drawer.js

@@ -345,7 +345,11 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           subDrawerActive = _this$props5.subDrawerActive,
           customClass = _this$props5.customClass,
           needAutoZindex = _this$props5.needAutoZindex,
-          innerPortalName = _this$props5.innerPortalName;
+          innerPortalName = _this$props5.innerPortalName,
+          onParentAnimateComplete = _this$props5.onParentAnimateComplete,
+          onChildAnimateComplete = _this$props5.onChildAnimateComplete,
+          postAnimateParentStyles = _this$props5.postAnimateParentStyles,
+          postAnimateChildStyles = _this$props5.postAnimateChildStyles;
       var zindexNumber = isActive ? this.getNextIndex() : '';
       return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
@@ -361,7 +365,11 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
           palette: palette,
           forwardRef: forwardRef,
           customClass: customClass,
-          needAutoZindex: needAutoZindex
+          needAutoZindex: needAutoZindex,
+          onParentAnimateComplete: onParentAnimateComplete,
+          onChildAnimateComplete: onChildAnimateComplete,
+          postAnimateParentStyles: postAnimateParentStyles,
+          postAnimateChildStyles: postAnimateChildStyles
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/Drawer/props/defaultProps.js

@@ -28,6 +28,10 @@ var Drawer_defaultProps = {
   onBodyClick: function onBodyClick() {},
   needFocusScope: false,
   customProps: {},
-  a11y: {}
+  a11y: {},
+  onParentAnimateComplete: function onParentAnimateComplete() {},
+  onChildAnimateComplete: function onChildAnimateComplete() {},
+  postAnimateParentStyles: {},
+  postAnimateChildStyles: {}
 };
 exports.Drawer_defaultProps = Drawer_defaultProps;

package/lib/Drawer/props/propTypes.js

@@ -63,6 +63,10 @@ var Drawer_propTypes = {
   needFocusScope: _propTypes["default"].bool,
   customProps: _propTypes["default"].object,
   innerPortalName: _propTypes["default"].string,
-  a11y: _propTypes["default"].object
+  a11y: _propTypes["default"].object,
+  onParentAnimateComplete: _propTypes["default"].func,
+  onChildAnimateComplete: _propTypes["default"].func,
+  postAnimateParentStyles: _propTypes["default"].object,
+  postAnimateChildStyles: _propTypes["default"].object
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/FreezeLayer/FreezeLayer.js

@@ -39,7 +39,11 @@ function FreezeLayer(props) {
       forwardRef = props.forwardRef,
       isSvgMask = props.isSvgMask,
       needAutoZindex = props.needAutoZindex,
-      customStyle = props.customStyle;
+      customStyle = props.customStyle,
+      onParentAnimateComplete = props.onParentAnimateComplete,
+      onChildAnimateComplete = props.onChildAnimateComplete,
+      postAnimateParentStyles = props.postAnimateParentStyles,
+      postAnimateChildStyles = props.postAnimateChildStyles;
   var finalStyle = (0, _utils.mergeStyle)(_FreezeLayerModule["default"], customStyle);
 
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
@@ -61,7 +65,9 @@ function FreezeLayer(props) {
   return /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
     name: animationName && animationName,
     isActive: isActive,
-    runOnMount: runOnMount
+    runOnMount: runOnMount,
+    onEnterComplete: onParentAnimateComplete,
+    postEnterStyles: postAnimateParentStyles
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: isActive && needAutoZindex ? {
       zIndex: "".concat(getNextIndex())
@@ -77,7 +83,9 @@ function FreezeLayer(props) {
     component: _Layout.Container,
     alignBox: "row",
     align: align,
-    dataId: "reactFreezeLayer"
+    dataId: "reactFreezeLayer",
+    onEnterComplete: onChildAnimateComplete,
+    postEnterStyles: postAnimateChildStyles
   }, children) : isSvgMask ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "row",
     align: align,

package/lib/FreezeLayer/props/defaultProps.js

@@ -11,6 +11,10 @@ var defaultProps = {
   isSvgMask: false,
   customClass: '',
   customStyle: {},
-  needAutoZindex: true
+  needAutoZindex: true,
+  onParentAnimateComplete: function onParentAnimateComplete() {},
+  onChildAnimateComplete: function onChildAnimateComplete() {},
+  postAnimateParentStyles: {},
+  postAnimateChildStyles: {}
 };
 exports.defaultProps = defaultProps;

package/lib/FreezeLayer/props/propTypes.js

@@ -24,7 +24,11 @@ var propTypes = {
   palette: _propTypes["default"].oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
   runOnMount: _propTypes["default"].bool,
   customStyle: _propTypes["default"].object,
-  zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10'])
+  zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10']),
+  onParentAnimateComplete: _propTypes["default"].func,
+  onChildAnimateComplete: _propTypes["default"].func,
+  postAnimateParentStyles: _propTypes["default"].object,
+  postAnimateChildStyles: _propTypes["default"].object
 };
 exports.propTypes = propTypes;
 var _default = propTypes;

package/lib/common/dot_common.module.css

@@ -0,0 +1,4 @@
+.audioImage {
+  background-image: url('../../images/audio_thumbnail.png');
+  background-repeat: no-repeat;
+}

package/lib/utils/General.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DUMMY_OBJECT = void 0;
 exports.formatPhoneUrl = formatPhoneUrl;
-exports.getBrowserWithVersion = getBrowserWithVersion;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
 exports.stopBubbling = stopBubbling;
@@ -60,27 +59,4 @@ function formatPhoneUrl(phone) {
 }
 
 var DUMMY_OBJECT = Object.freeze({});
-exports.DUMMY_OBJECT = DUMMY_OBJECT;
-
-function getBrowserWithVersion() {
-  var userAgent = navigator.userAgent;
-  var tempMatch;
-  var browserMatch = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*([\d\.]+)/i) || [];
-
-  if (userAgent.toLowerCase().indexOf('edge') !== -1) {
-    return userAgent.substring(userAgent.toLowerCase().indexOf('edge'));
-  }
-
-  if (/trident/i.test(browserMatch[1])) {
-    tempMatch = /\brv[ :]+(\d+(\.\d+)?)/g.exec(userAgent) || [];
-    return "IE ".concat(tempMatch[1] || '');
-  }
-
-  browserMatch = browserMatch[2] ? [browserMatch[1], browserMatch[2]] : [navigator.appName, navigator.appVersion, '-?'];
-
-  if ((tempMatch = userAgent.match(/version\/([\.\d]+)/i)) !== null) {
-    browserMatch[2] = tempMatch[1];
-  }
-
-  return browserMatch.join(' ');
-}
+exports.DUMMY_OBJECT = DUMMY_OBJECT;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-200.6",
+  "version": "1.0.0-temp-210.1",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -59,11 +59,11 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.2.0",
-    "@zohodesk-private/css-variable-migrator": "^1.0.7",
+    "@zohodesk-private/css-variable-migrator": "^1.0.8",
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "1.2.63",
+    "@zohodesk/components": "1.0.0-temp-223.1",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.75",
     "@zohodesk/layout": "^3.1.0",
@@ -77,7 +77,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.63",
+    "@zohodesk/components": "1.0.0-temp-223.1",
     "@zohodesk/icons": "1.0.75",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",