@zohodesk/dot 1.0.0-temp-200.7 → 1.0.0-temp-213

package/es/AttachmentViewer/utils.js

@@ -1,4 +1,4 @@
-import { getExtensionFromFileName } from "./Attachment";
+import { isAudioFile } from "./Attachment";
 export class Zoom {
   constructor() {
     const matrix = [1, 0, 0, 1, 0, 0]; // current view transform
@@ -120,16 +120,6 @@ export function checkImageValidity(src) {
     };
   });
 }
-export function checkVideoUrlValidity(url) {
-  return new Promise(resolve => {
-    const video = document.createElement('video');
-    video.src = url;
-
-    video.oncanplaythrough = () => resolve(true);
-
-    video.onerror = () => resolve(false);
-  });
-}
 export function checkAudioUrlValidity(url) {
   return new Promise(resolve => {
     const audio = new Audio(url);
@@ -144,80 +134,23 @@ export function checkAudioUrlValidity(url) {
   });
 }
 ;
-export function isValidDocument(url) {
-  if (!url) {
-    return false;
-  }
-
-  return true;
-}
-export const 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']
-};
 export function checkFileSourcesValidation(_ref) {
   let {
     fileName,
-    viewURL,
-    previewUrl,
-    allowedPreviewExtensionsData
+    viewURL
   } = _ref;
-  const extension = getExtensionFromFileName(fileName)?.toLowerCase();
 
-  if (!extension) {
-    return Promise.resolve({
-      isViewURLValid: false,
+  if (isAudioFile(fileName)) {
+    const audioValidityPromise = checkAudioUrlValidity(viewURL);
+    return audioValidityPromise.then(isURLValid => ({
+      isViewURLValid: isURLValid,
       canZoom: false
-    });
-  }
-
-  const extensionSource = allowedPreviewExtensionsData || FILE_EXTENSIONS;
-
-  const fileExtensionValidation = type => {
-    const list = extensionSource[type];
-    if (!Array.isArray(list)) return false;
-    return list.map(e => e.toLowerCase()).includes(extension);
-  };
-
-  if (fileExtensionValidation('audio')) {
-    return checkAudioUrlValidity(viewURL).then(isURLValid => {
-      return {
-        isViewURLValid: isURLValid,
-        canZoom: false
-      };
-    });
+    }));
+  } else {
+    const imageValidityPromise = checkImageValidity(viewURL);
+    return imageValidityPromise.then(isURLValid => ({
+      isViewURLValid: isURLValid,
+      canZoom: isURLValid
+    }));
   }
-
-  if (fileExtensionValidation('video')) {
-    return checkVideoUrlValidity(viewURL).then(isURLValid => {
-      return {
-        isViewURLValid: isURLValid,
-        canZoom: false
-      };
-    });
-  }
-
-  if (fileExtensionValidation('document')) {
-    const isValid = isValidDocument(previewUrl, fileName);
-    return Promise.resolve({
-      isViewURLValid: isValid,
-      canZoom: false
-    });
-  }
-
-  if (fileExtensionValidation('image')) {
-    return checkImageValidity(viewURL).then(isURLValid => {
-      return {
-        isViewURLValid: isURLValid,
-        canZoom: isURLValid
-      };
-    });
-  }
-
-  return Promise.resolve({
-    isViewURLValid: false,
-    canZoom: false
-  });
 }

package/es/ChannelIcon/ChannelIcon.module.css

@@ -7,13 +7,13 @@
 
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   composes: varClass;
 }
 
 .thread {
-  composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/es/common/common.module.css';
   position: absolute;
   top: calc( var(--zd_size4) * -1 ) ;
   height: var(--zd_size15) ;

package/es/DotProvider/hooks/useDotProvider.js

@@ -6,8 +6,8 @@ import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.cs
 import '@zohodesk/variables/assets/colorVariables.module.css';
 import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/components/es/common/basic.module.css';
-import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
-import '@zohodesk/components/lib/common/boxShadow.module.css';
+import '@zohodesk/variables/es/fontFamilyVariables.module.css';
+import '@zohodesk/components/es/common/boxShadow.module.css';
 import "../../common/dot_boxShadow.module.css";
 
 function useDotProvider(_ref) {

package/es/Drawer/Drawer.module.css

@@ -110,7 +110,7 @@
 .title {
   color: var(--zdt_drawer_title_text);
   font-family: var(--zd_semibold);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size16) ;
 }
 

package/es/FormAction/FormAction.module.css

@@ -73,7 +73,7 @@
 }
 
 .marginRight {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dinblk from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {

package/es/IconButton/IconButton.module.css

@@ -3,7 +3,7 @@
 }
 
 .wrapper {
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: offSelection from '~@zohodesk/components/es/common/common.module.css';
   composes: varClass;
   color: var(--iconColor);
   cursor: pointer;
@@ -48,5 +48,5 @@
   --iconColor: var(--zdt_iconButton_icon_primaryActive);
 }
 .icon_button_center {
-  composes: tcenter from '~@zohodesk/components/lib/common/common.module.css';
+  composes: tcenter from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/Message/Message.js

@@ -12,7 +12,7 @@ export default class Message extends React.Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let {
       showMessage,
       hideMessage

package/es/Message/Message.module.css

@@ -83,7 +83,7 @@
   color: var(--zdt_message_tickicon);
   font-size: var(--zd_font_size16) ;
   position: absolute;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .close {

package/es/MessageBanner/MessageBanner.module.css

@@ -5,7 +5,7 @@
 }
 .message {
   color: var(--zdt_messagebanner_text);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size10) 0 ;
 }
 [dir=ltr] .message {

package/es/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css

@@ -1,5 +1,5 @@
 .bulletNormal{
-    composes: pointer from '~@zohodesk/components/lib/common/common.module.css';
+    composes: pointer from '~@zohodesk/components/es/common/common.module.css';
   }
   .bulletNormal:hover {
     transform: scale(1.4);
@@ -66,9 +66,9 @@
   }
   @keyframes progressLoading {
     0% {
-      inset-inline-start: -100%;
+      inset-inline-start: -100% ;
     }
     100% {
-      inset-inline-start: 0%;
+      inset-inline-start: 0% ;
     }
   }

package/es/Onboarding/css/Onboarding.module.css

@@ -134,7 +134,7 @@
   position: absolute;
   top: 0 ;
   bottom: 0 ;
-  composes: navigate transZ from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: navigate transZ from '~@zohodesk/components/es/common/animation.module.css';
 }
 [dir=ltr] .playIconWrapper {
   left: 0 ;
@@ -203,7 +203,7 @@
 .secondaryButttonLink {
   letter-spacing:  0.2px;
   text-transform: capitalize;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 4px;
   cursor: pointer;
   text-align:center;

package/es/PlusIcon/PlusIcon.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dinblk from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 50%;
   box-shadow: var(--zd_bs_plusicon_container);
   cursor: pointer;

package/es/TagWithIcon/TagWithIcon.module.css

@@ -25,7 +25,7 @@
 }
 
 .bold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .small_text {
@@ -37,7 +37,7 @@
 }
 
 .text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .iconSpace {

package/es/ToastMessage/ToastMessage.module.css

@@ -19,7 +19,7 @@
 }
 
 .animation {
-  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: modeForward from '~@zohodesk/components/es/common/animation.module.css';
 }
 
 [dir=ltr] .animation {
@@ -33,7 +33,7 @@
 }
 
 .leftanimate {
-  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideLeft from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
 }
 
@@ -43,7 +43,7 @@
 }
 
 .rightanimate {
-  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideRight from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
   composes: closeAnimation;
 }
@@ -79,7 +79,7 @@
 .popbutton {
   font-size: var(--zd_font_size10) ;
   color: var(--zdt_toastmessage_popbutton_text);
-  composes: wbreak textCap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak textCap from '~@zohodesk/components/es/common/common.module.css';
   transition: all var(--zd_transition3);
   position: relative;
   cursor: pointer;
@@ -161,7 +161,7 @@
 }
 
 .alertTitle {
-  composes: semibold wbreak dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold wbreak dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_toastmessage_alerttitle_text);
 }
@@ -176,7 +176,7 @@
 
 .alertMessage {
   font-size: var(--zd_font_size12) ;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: 1.3333;
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
@@ -256,7 +256,7 @@
   position: relative;
   color: var(--zdt_toastmessage_popbutton_text);
   font-size: var(--zd_font_size11) ;
-  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted textCap from '~@zohodesk/components/es/common/common.module.css';
   height: var(--zd_size33) ;
   transition: padding var(--zd_transition3), height var(--zd_transition3);
   border-top: 1px solid var(--zdt_toastmessage_message_border);
@@ -295,7 +295,7 @@
   width: var(--zd_size29) ;
   height: var(--zd_size29) ;
   line-height: var(--zd_size29);
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   text-align: center;
 }
 

package/es/Upload/Upload.module.css

@@ -73,7 +73,7 @@
 .attachsize {
   font-size: var(--zd_font_size10) ;
   letter-spacing: 1px;
-  composes: dotted from "~@zohodesk/components/lib/common/common.module.css";
+  composes: dotted from "~@zohodesk/components/es/common/common.module.css";
   text-transform: uppercase;
   padding: var(--zd_size4) 0 var(--zd_size2) ;
 }

package/es/avatar/AvatarClose/AvatarClose.module.css

@@ -1,11 +1,11 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
 }
 .pop {
   position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   opacity: 0;
   visibility: hidden;
   top: 0 ;
@@ -29,7 +29,7 @@
   position: absolute;
   line-height: 0;
   font-size: var(--zd_font_size16) ;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
 }
 .container:hover .pop {
   opacity: 1;

package/es/avatar/AvatarCollision/AvatarCollision.module.css

@@ -1,6 +1,6 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   border-radius: 50%;
   padding: var(--zd_size2) ;
@@ -17,7 +17,7 @@
 }
 .pop {
   position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   opacity: 0;
   visibility: hidden;
   top: 0 ;
@@ -38,7 +38,7 @@
 .icon {
   position: absolute;
   line-height: 0;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_avatarcollision_icon_text);
   font-size: var(--zd_font_size13) ;
 }

package/es/avatar/AvatarIcon/AvatarIcon.module.css

@@ -57,5 +57,5 @@
 }
 
 .avatar_align_center {
-  composes: tcenter from '~@zohodesk/components/lib/common/common.module.css';
+  composes: tcenter from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/avatar/AvatarStatus/AvatarStatus.module.css

@@ -1,11 +1,11 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
 }
 .state {
   position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   display: inline-block;
 }
 .circle.state {

package/es/avatar/AvatarThread/AvatarThread.module.css

@@ -1,12 +1,12 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   border-radius: 50%;
 }
 
 .thread {
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   position: absolute;
 }
 .pointer {

package/es/avatar/AvatarUser/AvatarUser.module.css

@@ -1,6 +1,6 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
 }
 .paid,
@@ -16,7 +16,7 @@
   line-height: 0;
 }
 .paid {
-  composes: middle from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middle from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .paid {
   left: 50% ;
@@ -37,7 +37,7 @@
   height: 100% ;
   opacity: 0;
   transition: all var(--zd_transition3);
-  composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_avataruser_delete_text);
   cursor: pointer;
   border-radius: 50%;

package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   position: relative;
 }

package/es/common/dot_common.module.css

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

package/es/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -2,7 +2,7 @@
 .container {
   position: relative;
   line-height: var(--zd_size18);
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size3) var(--zd_size15) ;
   cursor: pointer;
 }
@@ -18,7 +18,7 @@
 .departName {
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_selectdropdown_departname_text);
-  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/es/common/common.module.css';
 }
 .departIcon {
   color: var(--zdt_selectdropdown_departicon);

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -4,7 +4,7 @@ import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
+import ListItem from '@zohodesk/components/es/ListItem/ListItem';
 import ListItemWithIcon from '@zohodesk/components/lib/ListItem/ListItemWithIcon';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
@@ -210,9 +210,11 @@ export class ToggleDropDown extends Component {
       keyName,
       isGroupDropDown,
       groupOptionsKey,
-      groupNameKey
+      groupNameKey,
+      searchFields
     } = this.props;
     searchValue = searchValue.trim().toLowerCase();
+    searchFields.push(keyName !== 'value' ? keyName : 'value');
     let result = [];
 
     if (isGroupDropDown) {
@@ -224,8 +226,15 @@ export class ToggleDropDown extends Component {
         const name = group[groupNameKey];
         const groupOptions = group[groupOptionsKey];
         const datas = groupOptions.filter(list => {
-          const value = list[keyName];
-          return value.toLowerCase().includes(searchValue);
+          return searchFields.some(key => {
+            let val = list[key];
+
+            if (val === null || val === undefined) {
+              return false;
+            } else {
+              return val.toLowerCase().includes(searchValue);
+            }
+          });
         });
 
         if (datas.length) {
@@ -243,7 +252,15 @@ export class ToggleDropDown extends Component {
           return true;
         }
 
-        return item[keyName].toLowerCase().includes(searchValue);
+        return searchFields.some(key => {
+          let val = item[key];
+
+          if (val === null || val === undefined) {
+            return false;
+          } else {
+            return val.toLowerCase().includes(searchValue);
+          }
+        });
       });
 
       if (filteredOptions.length) {
@@ -717,7 +734,8 @@ export class ToggleDropDown extends Component {
             iconClass,
             title,
             disableTitle = '',
-            isDisabled = false
+            isDisabled = false,
+            secondaryValue
           } = item;
           listIndex += 1;
           return iconName ? /*#__PURE__*/React.createElement(ListItemWithIcon, {
@@ -747,6 +765,7 @@ export class ToggleDropDown extends Component {
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
             },
+            secondaryValue: secondaryValue,
             ...ListItemWithIconProps
           }) : /*#__PURE__*/React.createElement(ListItem, {
             key: listIndex,
@@ -772,6 +791,7 @@ export class ToggleDropDown extends Component {
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
             },
+            secondaryValue: secondaryValue,
             ...ListItemProps
           });
         }));
@@ -786,7 +806,8 @@ export class ToggleDropDown extends Component {
           title,
           needDivider,
           isDisabled = false,
-          disableTitle = ''
+          disableTitle = '',
+          secondaryValue
         } = item;
 
         if (!needDivider) {
@@ -824,6 +845,7 @@ export class ToggleDropDown extends Component {
             ariaSelected: selectedId === item[idName],
             ariaLabel: item[keyName]
           },
+          secondaryValue: secondaryValue,
           ...ListItemWithIconProps
         }) : /*#__PURE__*/React.createElement(ListItem, {
           key: listIndex,
@@ -849,6 +871,7 @@ export class ToggleDropDown extends Component {
             ariaSelected: selectedId === item[idName],
             ariaLabel: item[keyName]
           },
+          secondaryValue: secondaryValue,
           ...ListItemProps
         }));
       }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {

package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css

@@ -40,7 +40,7 @@
   visibility: visible;
 }
 .value {
-  composes: dotted  offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted  offSelection from '~@zohodesk/components/es/common/common.module.css';
 }
 .search {
   padding: var(--zd_size6) var(--zd_size20) 0 ;

package/es/dropdown/ToggleDropDown/props/defaultProps.js

@@ -25,5 +25,6 @@ export const defaultProps = {
   needMultiLineText: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {}
+  customClass: {},
+  searchFields: []
 };

package/es/dropdown/ToggleDropDown/props/propTypes.js

@@ -79,5 +79,6 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   targetOffset: PropTypes.object,
   from: PropTypes.string,
-  top: PropTypes.number
+  top: PropTypes.number,
+  searchFields: PropTypes.array
 };

package/es/errorstate/EmptyStates.module.css

@@ -25,7 +25,7 @@
 .title,
 .tabletTitle,
 .mobileTitle {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
   letter-spacing: var(--zd_size1);
 }
 .title, .tabletTitle, .mobileTitle {

package/es/errorstate/WillBack/WillBack.module.css

@@ -2,7 +2,7 @@
 .tabletTitle,
 .mobileTitle {
   color: var(--zdt_willback_title_text);
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: bold from '~@zohodesk/components/es/common/common.module.css';
 }
 .title {
   font-size: var(--zd_font_size50) ;