@zohodesk/dot 1.0.0-temp-200.4 → 1.0.0-temp-203.5

package/README.md

@@ -2,10 +2,6 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
-# 1.7.4
-
-- **Loader** - Theme-based adaptation in loader, removed existing multi-color gradient loader.
-
 # 1.7.3
 
 - **RadioField**

package/assets/Appearance/dark/mode/Dot_DarkMode.module.css

@@ -276,6 +276,9 @@
 	--zdt_thread_iconText: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
+	
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_lookupheader_white_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(71,157,255);
 }

package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(69,161,89);
 }

package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(255,128,31);
 }

package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(233,79,79);
 }

package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(215,152,53);
 }

package/assets/Appearance/light/mode/Dot_LightMode.module.css

@@ -276,6 +276,9 @@
 	--zdt_thread_iconText: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
+	
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_lookupheader_white_bg: hsla(0, 0.00%, calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(71,157,255);
 }

package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(69,161,89);
 }

package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(255,128,31);
 }

package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(233,79,79);
 }

package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc( 0.08 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(215,152,53);
 }

package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css

@@ -276,6 +276,9 @@
 	--zdt_thread_iconText: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_thread_hover_iconText: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
+	/* loader */
+	--zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
+	
 	/* lookup header common */
 	--zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
 	--zdt_lookupheader_white_bg: hsla(0, 0.00%, calc(12.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(71,157,255);
 }

package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(69,161,89);
 }

package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(255,128,31);
 }

package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(233,79,79);
 }

package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css

@@ -13,7 +13,4 @@
 	--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(13.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_footer_bg: hsla(0, 0.00%, calc(9.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0.00%, calc(6.27% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
-	
-	/* loader */
-	--zdt_loader_bg: rgb(215,152,53);
 }

package/es/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/lib/Button/Button';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import style from "./ActionButton.module.css";
+import style from './ActionButton.module.css';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export class ActionButton extends React.Component {
   constructor(props) {

package/es/ActionButton/__tests__/ActionButton.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ActionButton from "../ActionButton";
+import ActionButton from '../ActionButton';
 describe('ActionButton', () => {
   test('rendering the defult props', () => {
     const {

package/es/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
-import style from "./AlphabeticList.module.css";
+import style from './AlphabeticList.module.css';
 export default class AlphabeticList extends React.PureComponent {
   constructor(props) {
     super(props);

package/es/AlphabeticList/__tests__/AlphabeticList.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlphabeticList from "../AlphabeticList";
+import AlphabeticList from '../AlphabeticList';
 describe('AlphabeticList', () => {
   test('rendering the defult props', () => {
     const {

package/es/Attachment/Attachment.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Link from "../Link/Link";
-import style from "./Attachment.module.css";
+import Link from '../Link/Link';
+import style from './Attachment.module.css';
 export default class Attachment extends React.Component {
   render() {
     let {

package/es/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,10 +66,6 @@
   height: var(--zd_size40) ;
 }
 
-.attachleft {
-  padding: var(--zd_size3) ;
-}
-
 [dir=ltr] .attachleft {
   border-right: 1px solid var(--zdt_attachment_default_border);
 }

package/es/Attachment/__tests__/Attachment.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Attachment from "../Attachment";
+import Attachment from '../Attachment';
 describe('Attachment', () => {
   test('rendering the defult props', () => {
     const {

package/es/AttachmentViewer/Attachment.js

@@ -2,56 +2,8 @@ const UNASSIGNED = 'Unassigned';
 const BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 export function isAudioFile(fileName) {
   const extension = getExtensionFromFileName(fileName);
-  return /mp3|wav|ogg|oga|m4a|weba|opus|m4b|webma|aac/i.test(extension);
+  return /mp3|wav|ogg/i.test(extension);
 }
-export function isVideoFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /mp4|webm|ogg/i.test(extension);
-}
-export function isPdfFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /pdf/i.test(extension);
-}
-export function isDocsFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|pages/i.test(extension);
-}
-export function isSheetFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /xlsx|numbers/i.test(extension);
-}
-export function isShowFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /pptx|ppt|pps|ppsx|key/i.test(extension);
-}
-export function isEmailFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /eml|msg/i.test(extension);
-}
-export function isImageFile(fileName) {
-  const extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/i.test(extension);
-} // export function docsFileTypes(fileName){
-//   const extension = getExtensionFromFileName(fileName);
-//   return /docx|doc|docm|rtf|odt|dot|dotm|dotx|sxw|odt|ott|txt|pages/i.test(extension);
-// }
-// export function sheetFileTypes(fileName){
-//   const extension = getExtensionFromFileName(fileName);
-//   return /xls|xlsx|sxc|ods|csv|tsv|ots|xlsm|xlsb|xlt|xltx|xltm|numbers/i.test(extension);
-// }
-// export function showFileTypes(fileName){
-//   const extension = getExtensionFromFileName(fileName);
-//   return /pptx|ppt|pps|ppsx|odp|sxi|key|pot|potx/i.test(extension);
-// }
-// export function designFileTypes(fileName) {
-//   const extension = getExtensionFromFileName(fileName);
-//   return /sketch|xd|psd|ai|fig|svg/i.test(extension);
-// }
-// export function zipFileType(fileName) {
-//   const extension = getExtensionFromFileName(fileName);
-//   return /zip/i.test(extension);
-// }
-
 export function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf(".") !== -1) {
     return fileName.substring(fileName.lastIndexOf(".") + 1, fileName.length).toLowerCase();
@@ -62,15 +14,4 @@ export function getExtensionFromFileName(fileName) {
 export function isBrowserSupportedFile(fileName) {
   const extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
-}
-export function openInNewTabWithNoopener(url) {
-  let targetnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
-  const aTag = document.createElement('a');
-  aTag.rel = 'noopener noreferrer';
-  aTag.target = targetnName;
-  aTag.href = url;
-  aTag.click();
-}
-export function openNewTab(href) {
-  openInNewTabWithNoopener(href);
 }

package/es/AttachmentViewer/AttachmentImage.js

@@ -3,13 +3,13 @@
 /** * Libraries ** */
 import React, { Component } from 'react';
 import { Container } from '@zohodesk/components/es/Layout';
-import { AttachmentImage_defaultProps } from "./props/defaultProps";
-import { AttachmentImage_propTypes } from "./props/propTypes";
-import { checkImageValidity } from "./utils";
-import Image from "../Image/Image";
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
+import { checkImageValidity } from './utils';
+import Image from '../Image/Image';
 /** * CSS ** */
 
-import style from "./AttachmentViewer.module.css";
+import style from './AttachmentViewer.module.css';
 export default class AttachmentImage extends Component {
   constructor(props) {
     super(props);