@zohodesk/dot 1.0.0-temp-187.14 → 1.0.0-temp-200.5

package/lib/AttachmentViewer/props/propTypes.js

@@ -38,7 +38,8 @@ var AttachmentViewer_propTypes = {
     downloadText: _propTypes["default"].string,
     closeText: _propTypes["default"].string,
     hideText: _propTypes["default"].string,
-    showText: _propTypes["default"].string
+    showText: _propTypes["default"].string,
+    previewUnsupportedText: _propTypes["default"].string
   }),
   needDownload: _propTypes["default"].string,
   previewObj: _propTypes["default"].object,
@@ -46,6 +47,7 @@ var AttachmentViewer_propTypes = {
   maintainZoom: _propTypes["default"].bool,
   isActive: _propTypes["default"].bool,
   dataId: _propTypes["default"].string,
+  renderUnSupportedElement: _propTypes["default"].func,
   customProps: _propTypes["default"].shape({
     avatarProps: _propTypes["default"].exact(_propTypes2.propTypes)
   })

package/lib/AttachmentViewer/utils.js

@@ -7,6 +7,9 @@ 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");
 
@@ -153,6 +156,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,9 +187,19 @@ function checkAudioUrlValidity(url) {
 
 ;
 
+function isValidDocument(url) {
+  if (!url) {
+    return false;
+  }
+
+  return true;
+}
+
 function checkFileSourcesValidation(_ref) {
   var fileName = _ref.fileName,
-      viewURL = _ref.viewURL;
+      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);
 
   if ((0, _Attachment.isAudioFile)(fileName)) {
     var audioValidityPromise = checkAudioUrlValidity(viewURL);
@@ -181,6 +209,20 @@ 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) {
@@ -190,4 +232,8 @@ function checkFileSourcesValidation(_ref) {
       };
     });
   }
+}
+
+function getFrameOrigin() {
+  return new URL(window.location.href).origin;
 }

package/lib/Onboarding/Onboarding.js

@@ -41,7 +41,7 @@ var _useOnboarding2 = _interopRequireDefault(require("./hooks/useOnboarding"));
 
 var _General = require("../utils/General");
 
-var _CardOnboardingModule = _interopRequireDefault(require("./css/CardOnboarding.module.css"));
+var _OnboardingModule = _interopRequireDefault(require("./css/Onboarding.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -63,7 +63,7 @@ var Onboarding = function Onboarding(_ref) {
       onPrimaryButtonClick = _ref.onPrimaryButtonClick,
       onSecondaryButtonClick = _ref.onSecondaryButtonClick,
       customProps = _ref.customProps;
-  var style = (0, _useMergeStyle["default"])(_CardOnboardingModule["default"], customStyle);
+  var style = (0, _useMergeStyle["default"])(_OnboardingModule["default"], customStyle);
 
   var _useOnboarding = (0, _useOnboarding2["default"])(),
       state = _useOnboarding.state,

package/lib/VideoLookup/VideoLookup.js

@@ -23,7 +23,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _VideoLookupStylesModule = _interopRequireDefault(require("./css/VideoLookupStyles.module.css"));
+var _VideoLookupModule = _interopRequireDefault(require("./css/VideoLookup.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -46,7 +46,7 @@ function VideoLookup(props) {
       testId = props.testId,
       customId = props.customId,
       videoFormat = props.videoFormat;
-  var style = (0, _utils.mergeStyle)(_VideoLookupStylesModule["default"], customStyle);
+  var style = (0, _utils.mergeStyle)(_VideoLookupModule["default"], customStyle);
   var handleKeyPress = (0, _react.useCallback)(function (e) {
     if (e.keyCode == '27') {
       onClose(e);

package/lib/form/fields/Fields.module.css

@@ -218,7 +218,3 @@ position: relative;
 [dir=rtl] .rightPlaceholder{
   left:var(--zd_size15) 
 }
-
-.lineClampPickListItem{
-  --line-clamp: var(--picklist-field-line-clamp,3);
-}

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -228,9 +228,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           _customProps$TagWrapp = customProps.TagWrapperProps,
           TagWrapperProps = _customProps$TagWrapp === void 0 ? {} : _customProps$TagWrapp,
           _customProps$TagProps = customProps.TagProps,
-          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps,
-          _customProps$ListItem = customProps.ListItemProps,
-          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem;
+          TagProps = _customProps$TagProps === void 0 ? {} : _customProps$TagProps;
       var isEditable = !isReadOnly;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagsMultiSelectModule["default"].container, " ").concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder || isEditable && isFocus ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
@@ -340,7 +338,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           var name = item.name,
               isNew = item.isNew,
               listItemProps = item.listItemProps;
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/_react["default"].createElement(_DropDownSeparator["default"], null) : null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
             key: index,
             index: index,
             autoHover: true,
@@ -353,7 +351,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
             isDisabled: listDisabled,
             customProps: listItemProps,
             customClass: listItemClass
-          }, ListItemProps), isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+          }, isNew ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
             alignBox: "row",
             align: "vertical"
           }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/form/fields/TagsMultiSelect/props/propTypes.js

@@ -62,8 +62,7 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     TextBoxIconProps: _propTypes["default"].object,
     TagWrapperProps: _propTypes["default"].object,
-    TagProps: _propTypes["default"].object,
-    ListItemProps: _propTypes["default"].object
+    TagProps: _propTypes["default"].object
   }),
   isFocus: _propTypes["default"].bool
 };

package/lib/list/DepartmentDropDown/DepartmentDropDown.js

@@ -25,8 +25,6 @@ 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; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -102,10 +100,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           onSearch = _this$props3.onSearch,
           needSearchFetching = _this$props3.needSearchFetching,
           searchStr = _this$props3.searchStr,
-          i18nKeys = _this$props3.i18nKeys,
-          customProps = _this$props3.customProps;
-      var _customProps$ToggleDr = customProps.ToggleDropDownProps,
-          ToggleDropDownProps = _customProps$ToggleDr === void 0 ? {} : _customProps$ToggleDr;
+          i18nKeys = _this$props3.i18nKeys;
       var _i18nKeys$title = i18nKeys.title,
           title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
           _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
@@ -114,7 +109,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
           _i18nKeys$placeholder = i18nKeys.placeholder,
           placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;
-      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], _extends({
+      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
         title: title,
         options: departmentList,
         value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
@@ -143,7 +138,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
         isNextOptions: isNextOptions,
         onSearch: onSearch,
         needSearchFetching: needSearchFetching
-      }, ToggleDropDownProps));
+      });
     }
   }]);
 

package/lib/list/DepartmentDropDown/props/defaultProps.js

@@ -9,7 +9,6 @@ var defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {},
-  customProps: {}
+  i18nKeys: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/DepartmentDropDown/props/propTypes.js

@@ -31,7 +31,5 @@ var propTypes = (_propTypes = {
   searchEmptyText: _propTypes2["default"].string,
   searchErrorText: _propTypes2["default"].string,
   placeholder: _propTypes2["default"].string
-})), _defineProperty(_propTypes, "customProps", _propTypes2["default"].shape({
-  ToggleDropDownProps: _propTypes2["default"].object
 })), _propTypes);
 exports.propTypes = propTypes;

package/lib/list/status/StatusListItem/StatusListItem.module.css

@@ -36,8 +36,9 @@
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-.multiLineValue {
-  composes: lineClamp from '~@zohodesk/components/lib/common/common.module.css';
+.multiLineValue{
+  word-break: break-word;
+  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
@@ -45,6 +46,7 @@
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
+
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
@@ -88,9 +90,8 @@
 }
 /* Status Type */
 .statusType {
-  height: 1em ;
-  width: 1em ;
-  font-size: var(--zd_font_size8) ;
+  width: var(--zd_size8) ;
+  height: var(--zd_size8) ;
   border-radius: 50%;
 }
 [dir=ltr] .statusType {

package/lib/utils/General.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DUMMY_OBJECT = void 0;
 exports.formatPhoneUrl = formatPhoneUrl;
+exports.getBrowserWithVersion = getBrowserWithVersion;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
 exports.stopBubbling = stopBubbling;
@@ -59,4 +60,27 @@ function formatPhoneUrl(phone) {
 }
 
 var DUMMY_OBJECT = Object.freeze({});
-exports.DUMMY_OBJECT = DUMMY_OBJECT;
+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(' ');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-187.14",
+  "version": "1.0.0-temp-200.5",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -63,9 +63,9 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "../components",
+    "@zohodesk/components": "1.2.63",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.72",
+    "@zohodesk/icons": "1.0.74",
     "@zohodesk/layout": "^3.1.0",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
@@ -78,7 +78,7 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/components": "1.2.63",
-    "@zohodesk/icons": "1.0.72",
+    "@zohodesk/icons": "1.0.74",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",