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

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -160,14 +160,12 @@ export default class TagsMultiSelect extends React.Component {
     let {
       tagCustomClass = '',
       listItemClass = '',
-      textBoxIconWrapperClass = '',
-      dropBoxClass = ''
+      textBoxIconWrapperClass = ''
     } = customClass;
     const {
       TextBoxIconProps = {},
       TagWrapperProps = {},
-      TagProps = {},
-      ListItemProps = {}
+      TagProps = {}
     } = customProps;
     const isEditable = !isReadOnly;
     return /*#__PURE__*/React.createElement("div", {
@@ -256,8 +254,7 @@ export default class TagsMultiSelect extends React.Component {
         boxPosition: boxPosition,
         isPadding: false,
         customClass: {
-          customDropBoxWrap: style.dropdown,
-          customDropBox: dropBoxClass
+          customDropBoxWrap: style.dropdown
         },
         dataId: `${dataId}_dropbox`,
         isResponsivePadding: true,
@@ -303,8 +300,7 @@ export default class TagsMultiSelect extends React.Component {
           getRef: this.getSelectedItemRef,
           isDisabled: listDisabled,
           customProps: listItemProps,
-          customClass: listItemClass,
-          ...ListItemProps
+          customClass: listItemClass
         }, isNew ? /*#__PURE__*/React.createElement(Container, {
           alignBox: "row",
           align: "vertical"

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

@@ -52,8 +52,7 @@ export const propTypes = {
   customProps: PropTypes.shape({
     TextBoxIconProps: PropTypes.object,
     TagWrapperProps: PropTypes.object,
-    TagProps: PropTypes.object,
-    ListItemProps: PropTypes.object
+    TagProps: PropTypes.object
   }),
   isFocus: PropTypes.bool
 };

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -48,12 +48,8 @@ class DepartmentDropDown extends Component {
       onSearch,
       needSearchFetching,
       searchStr,
-      i18nKeys,
-      customProps
+      i18nKeys
     } = this.props;
-    const {
-      ToggleDropDownProps = {}
-    } = customProps;
     let {
       title = 'Move Department',
       searchEmptyText = 'No results found',
@@ -88,8 +84,7 @@ class DepartmentDropDown extends Component {
       getNextOptions: getNextOptions,
       isNextOptions: isNextOptions,
       onSearch: onSearch,
-      needSearchFetching: needSearchFetching,
-      ...ToggleDropDownProps
+      needSearchFetching: needSearchFetching
     });
   }
 

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

@@ -3,6 +3,5 @@ export const defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {},
-  customProps: {}
+  i18nKeys: {}
 };

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

@@ -20,8 +20,5 @@ export const propTypes = {
     searchEmptyText: PropTypes.string,
     searchErrorText: PropTypes.string,
     placeholder: PropTypes.string
-  }),
-  customProps: PropTypes.shape({
-    ToggleDropDownProps: PropTypes.object
   })
 };

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -178,12 +178,8 @@ export class StatusDropdown extends React.Component {
       targetOffset,
       renderTargetElement,
       renderFooterElement,
-      a11y = {},
-      customClass
+      a11y = {}
     } = this.props;
-    const {
-      dropBoxClass = ''
-    } = customClass;
     const {
       tabIndex = 0,
       ariaLabelledby,
@@ -251,8 +247,7 @@ export class StatusDropdown extends React.Component {
         isAnimate: true,
         getRef: getContainerRef,
         customClass: {
-          customDropBoxWrap: style.dropBoxContainer,
-          customDropBox: dropBoxClass
+          customDropBoxWrap: style.dropBoxContainer
         },
         needResponsive: needResponsive,
         isResponsivePadding: true,

package/es/list/status/StatusDropdown/props/defaultProps.js

@@ -18,6 +18,5 @@ export const defaultProps = {
   needMultiLineText: false,
   isFetchingOptions: false,
   isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false,
-  customClass: {}
+  isRestrictScroll: false
 };

package/es/list/status/StatusDropdown/props/propTypes.js

@@ -56,8 +56,5 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   renderTargetElement: PropTypes.func,
   renderFooterElement: PropTypes.node,
-  targetOffset: PropTypes.object,
-  customClass: PropTypes.shape({
-    dropBoxClass: PropTypes.string
-  })
+  targetOffset: PropTypes.object
 };

package/es/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/es/utils/General.js

@@ -43,4 +43,26 @@ export function formatPhoneUrl(phone) {
 
   return phone;
 }
-export const DUMMY_OBJECT = Object.freeze({});
+export const DUMMY_OBJECT = Object.freeze({});
+export function getBrowserWithVersion() {
+  const userAgent = navigator.userAgent;
+  let tempMatch;
+  let 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 ${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/lib/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   height: 100% ;
   width: 100% ;
   position: absolute;
-  top:0 
+  top: 0 
 }
 
 [dir=ltr] .disableLayer {
-  left:0 
+  left: 0 
 }
 
 [dir=rtl] .disableLayer {
-  right:0 
+  right: 0 
 }
 
 .attachmentHover {
@@ -66,6 +66,10 @@
   height: var(--zd_size40) ;
 }
 
+.attachleft {
+  padding: var(--zd_size3) ;
+}
+
 [dir=ltr] .attachleft {
   border-right: 1px solid var(--zdt_attachment_default_border);
 }

package/lib/AttachmentViewer/Attachment.js

@@ -3,15 +3,53 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getAttachmentIconDetails = getAttachmentIconDetails;
 exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.isAudioFile = isAudioFile;
 exports.isBrowserSupportedFile = isBrowserSupportedFile;
+exports.isDocsFile = isDocsFile;
+exports.isEmailFile = isEmailFile;
+exports.isImageFile = isImageFile;
+exports.isPdfFile = isPdfFile;
+exports.isPresentationFile = isPresentationFile;
+exports.isSheetFile = isSheetFile;
+exports.isVideoFile = isVideoFile;
+
+var _General = require("../utils/General");
+
 var UNASSIGNED = 'Unassigned';
 var BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 
-function isAudioFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /mp3|wav|ogg/i.test(extension);
+function isAudioFile(extension) {
+  return /mp3|wav|ogg|oga|m4a|weba|opus|m4b|webma|aac/i.test(extension);
+}
+
+function isVideoFile(extension) {
+  return /mp4|webm|ogg/i.test(extension);
+}
+
+function isPdfFile(extension) {
+  return /pdf/i.test(extension);
+}
+
+function isDocsFile(extension) {
+  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|pages/i.test(extension);
+}
+
+function isSheetFile(extension) {
+  return /xlsx|numbers/i.test(extension);
+}
+
+function isPresentationFile(extension) {
+  return /pptx|ppt|pps|ppsx|key/i.test(extension);
+}
+
+function isEmailFile(extension) {
+  return /eml|msg/i.test(extension);
+}
+
+function isImageFile(extension) {
+  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
 }
 
 function getExtensionFromFileName(fileName) {
@@ -25,4 +63,189 @@ function getExtensionFromFileName(fileName) {
 function isBrowserSupportedFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
+}
+
+function getAttachmentIconDetails(fileName, size) {
+  var extension = getExtensionFromFileName(fileName);
+  var browserName = (0, _General.getBrowserWithVersion)().toLowerCase() || '';
+  var OSName = navigator.platform.toLowerCase() || '';
+
+  switch (extension) {
+    case 'jpeg':
+    case 'jpg':
+    case 'png':
+    case 'apng':
+    case 'gif':
+    case 'bmp':
+    case 'tiff':
+    case 'tif':
+    case 'ico':
+    case 'svg':
+    case 'heic':
+    case 'webp':
+      return {
+        iconName: 'ZD-EF-fileImage',
+        iconSize: size
+      };
+
+    case 'txt':
+      return {
+        iconName: 'ZD-GN-fileDoc',
+        iconSize: size
+      };
+
+    case 'pdf':
+      return {
+        iconName: 'ZD-EF-filePdf',
+        iconSize: size
+      };
+
+    case 'html':
+    case 'htm':
+    case 'xhtml':
+      if (browserName.indexOf('chrome') !== -1 || browserName.indexOf('safari') !== -1) {
+        return {
+          iconName: 'ZD-EF-fileXml',
+          iconSize: size
+        };
+      } else if (browserName.indexOf('ie') !== -1 || browserName.indexOf('edge') !== -1) {
+        return {
+          iconName: 'ZD-EF-explorer',
+          iconSize: size
+        };
+      }
+
+      return {
+        iconName: 'ZD-EF-firebox',
+        iconSize: size
+      };
+
+    case 'ppt':
+    case 'pps':
+    case 'odp':
+    case 'sxi':
+    case 'pptx':
+    case 'ppsx':
+    case 'pot':
+    case 'potx':
+    case 'key':
+      return {
+        iconName: 'ZD-GN-filePpt',
+        iconSize: size
+      };
+
+    case 'rar':
+    case 'jar':
+    case 'zip':
+      return {
+        iconName: 'ZD-EF-fileZip',
+        iconSize: size
+      };
+
+    case 'doc':
+    case 'docx':
+    case 'sxw':
+    case 'odt':
+    case 'docm':
+    case 'dot':
+    case 'dotm':
+    case 'dotx':
+    case 'rtf':
+    case 'pages':
+      if (OSName.indexOf('mac') !== -1 || OSName.indexOf('linux') !== -1) {
+        return {
+          iconName: 'ZD-EF-fileOffice',
+          iconSize: size
+        };
+      }
+
+      return {
+        iconName: 'ZD-EF-fileWord',
+        iconSize: size
+      };
+
+    case 'xml':
+      return {
+        iconName: 'ZD-EF-fileXml',
+        iconSize: size
+      };
+
+    case 'xls':
+    case 'xlsx':
+    case 'xlsm':
+    case 'xlsb':
+    case 'sxc':
+    case 'ods':
+    case 'csv':
+    case 'tsv':
+    case 'numbers':
+      return {
+        iconName: 'ZD-GN-fileSheet',
+        iconSize: size
+      };
+
+    case 'ics':
+      return {
+        iconName: 'ZD-TK-event',
+        iconSize: size
+      };
+
+    case 'exe':
+      return {
+        iconName: 'ZD-EF-exe',
+        iconSize: size
+      };
+
+    case 'sh':
+    case 'bin':
+      return {
+        iconName: 'ZD-EF-linux',
+        iconSize: size
+      };
+
+    case 'css':
+      return {
+        iconName: 'ZD-EF-clrCss',
+        iconSize: size
+      };
+
+    case 'mp3':
+    case 'wav':
+    case 'wma':
+    case 'aac':
+    case 'm4r':
+    case 'ogg':
+    case 'opus':
+      return {
+        iconName: 'ZD-EF-fileMp3',
+        iconSize: size
+      };
+
+    case 'mp4':
+    case 'mkv':
+    case 'mov':
+    case 'mpeg':
+    case 'flv':
+    case 'wmv':
+    case 'avi':
+    case 'webm':
+    case 'ogv':
+      return {
+        iconName: 'ZD-EF-fileMp4',
+        iconSize: size
+      };
+
+    case 'eml':
+    case 'msg':
+      return {
+        iconName: 'ZD-GN-fileMail',
+        iconSize: size
+      };
+
+    default:
+      return {
+        iconName: 'ZD-GN-fileUnknown',
+        iconSize: size
+      };
+  }
 }