@zohodesk/dot 1.4.1 → 1.4.3

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

@@ -335,8 +335,8 @@ export class StatusDropdown extends React.Component {
       dataId: dataId,
       onClick: removeClose,
       disabled: isDisabled || isReadOnly ? true : false,
-      "aria-haspopup": true,
-      "aria-expanded": isPopupOpen && isEditable ? true : false,
+      "aria-haspopup": isSearch ? 'listbox' : 'menu',
+      "aria-expanded": isPopupReady && isEditable ? true : false,
       tabIndex: tabIndex,
       "aria-labelledby": ariaLabelledby,
       "aria-label": ariaLabel,
@@ -395,10 +395,10 @@ export class StatusDropdown extends React.Component {
         inputRef: this.searchInputRef,
         onKeyDown: this.handleKeyDown,
         a11y: {
-          ariaHaspopup: true,
-          ariaExpanded: true,
+          ariaHaspopup: isSearch ? 'listbox' : 'menu',
+          ariaExpanded: isPopupReady,
           role: 'combobox',
-          ariaActivedescendant: value,
+          ariaActivedescendant: isPopupReady ? value : '',
           ariaOwns: ariaTitleId
         }
       })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
@@ -420,7 +420,7 @@ export class StatusDropdown extends React.Component {
         onScroll: this.handleScroll,
         role: isSearch ? 'listbox' : 'menu',
         "aria-labelledby": ariaTitleId,
-        tabindex: "0"
+        tabindex: "-1"
       }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => /*#__PURE__*/React.createElement(React.Fragment, {
         key: i
       }, /*#__PURE__*/React.createElement(StatusListItem, {

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

@@ -31,7 +31,7 @@
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
 .value,.multiLineValue {
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
 }
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';

package/es/lookup/Lookup/Lookup.js

@@ -54,7 +54,8 @@ export default class Lookup extends Component {
       childAnimationName,
       onClose,
       needFocusScope,
-      customProps
+      customProps,
+      isFlexWrapper
     } = this.props;
     const {
       role = 'dialog',
@@ -71,7 +72,7 @@ export default class Lookup extends Component {
       needRestoreFocus = true,
       needListNavigation = false,
       needFocusLoop = true,
-      needEnterAction = false
+      needEnterAction = true
     } = focusScopeProps;
     const content = /*#__PURE__*/React.createElement("div", {
       ref: this.createRef,
@@ -86,7 +87,13 @@ export default class Lookup extends Component {
       className: `${style.box} ${style[`${size}Size`]}`,
       "data-id": dataId,
       "data-test-id": dataId
-    }, children);
+    }, isFlexWrapper ? /*#__PURE__*/React.createElement(Container, {
+      "data-drag-container": "true",
+      isCover: false,
+      className: `${style.wrapper}`
+    }, children) : /*#__PURE__*/React.createElement("div", {
+      "data-drag-container": "true"
+    }, children));
     return /*#__PURE__*/React.createElement(FreezeLayer, {
       align: "horizontal",
       animationName: "fade",

package/es/lookup/Lookup/Lookup.module.css

@@ -1,3 +1,8 @@
+.wrapper {
+  max-height: 85vh ;
+  min-height: var(--zd_size440) ;
+}
+
 .container {
   font-size: var(--zd_font_size16) ;
   padding-bottom: var(--zd_size10) ;

package/es/lookup/Lookup/props/defaultProps.js

@@ -4,5 +4,6 @@ export const defaultProps = {
   a11y: {},
   childAnimationName: 'flyDown',
   needFocusScope: false,
-  customProps: {}
+  customProps: {},
+  isFlexWrapper: true
 };

package/es/lookup/Lookup/props/propTypes.js

@@ -18,5 +18,6 @@ export const propTypes = {
   customProps: PropTypes.object,
   forwardRef: PropTypes.object,
   onClick: PropTypes.func,
-  onClose: PropTypes.func
+  onClose: PropTypes.func,
+  isFlexWrapper: PropTypes.bool
 };

package/es/lookup/Section/LookupSection.module.css

@@ -1,8 +1,9 @@
 .section {
-  max-height: 80% ;
-  min-height: var(--zd_size390) ;
-  height: auto ;
+  /* max-height: 80%; */
+  /* min-height: 390px; */
+  /* height: auto; */
+  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
-  box-shadow: var(--zd_bs_lookupsection_shadow);
+  box-shadow: var(--zd_bs_lookupsection_shadow)
 }

package/es/lookup/Section/Section.js

@@ -13,7 +13,6 @@ export default class Section extends Component {
       className
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
-      "data-drag-container": "true",
       alignBox: alignBox,
       className: `${style.section} ${className ? className : ''}`
     }, /*#__PURE__*/React.createElement(Box, {

package/es/lookup/header/Close/LookupClose.module.css

@@ -1,7 +1,7 @@
 .container {
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
-  line-height: var(--zd_size25);
+  line-height: 2.7778;
   color: var(--zdt_lookupclose_default_text);
   transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
   font-size: var(--zd_font_size9) ;

package/es/lookup/header/ModuleHeader/ModuleHeader.js

@@ -1,5 +1,5 @@
 /*** Libraries ***/
-import React, { PureComponent } from 'react';
+import React, { memo, useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 /*** Components ***/
@@ -11,66 +11,80 @@ import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
 import commonStyle from '../lookupHeaderCommon.module.css';
-import commonResponsive from '../lookupHeaderCommonResponsive.module.css';
+import commonResponsive from '../lookupHeaderCommonResponsive.module.css'; //customHooks
+
+import useDragger from '../../../Hooks/Dragger/useDragger';
 /*eslint-disable react/forbid-component-props */
 
-export default class ModuleHeader extends PureComponent {
-  render() {
-    const {
-      title = '',
-      needSearch = false,
-      onLookupClose,
-      searchStr = '',
-      onSearch,
-      onSearchChange,
-      searchPlaceHolder,
-      needOnTypeSearch,
-      getSearchBoxRef,
-      miniDescription,
-      dataId,
-      closeTitle,
-      onSearchKeyDown,
-      palette
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "vertical",
-      alignBox: "row",
-      className: `${commonStyle.container} ${commonStyle[`${palette}`]}`,
-      isCover: false,
-      wrap: "wrap",
-      dataId: dataId
-    }, onLookupClose ? /*#__PURE__*/React.createElement("div", {
-      className: commonStyle.closeContainer
-    }, /*#__PURE__*/React.createElement(Close, {
-      dataId: "close",
-      onClose: onLookupClose,
-      title: closeTitle
-    })) : null, /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement("div", {
-      className: commonStyle.title
-    }, /*#__PURE__*/React.createElement(Title, {
-      text: title
-    })), miniDescription && /*#__PURE__*/React.createElement("div", {
-      className: commonStyle.para
-    }, miniDescription)), needSearch && /*#__PURE__*/React.createElement(Box, {
-      className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer}`
-    }, /*#__PURE__*/React.createElement(Search, {
-      onSearch: onSearch,
-      searchStr: searchStr,
-      onChange: onSearchChange,
-      placeHolder: searchPlaceHolder,
-      dataId: "search",
-      needOnTypeSearch: needOnTypeSearch,
-      getRef: getSearchBoxRef,
-      onKeyDown: onSearchKeyDown
-    })));
-  }
+function ModuleHeader(props) {
+  const {
+    title = '',
+    needSearch = false,
+    onLookupClose,
+    searchStr = '',
+    onSearch,
+    onSearchChange,
+    searchPlaceHolder,
+    needOnTypeSearch,
+    getSearchBoxRef,
+    miniDescription,
+    dataId,
+    closeTitle,
+    onSearchKeyDown,
+    palette,
+    dragBoundaryLimit,
+    children,
+    childNearTitle
+  } = props;
+  const dragRef = useRef(null); //dragRef
+
+  useDragger({
+    isActive: true,
+    ChildRef: dragRef,
+    boundaryLimit: dragBoundaryLimit
+  }); //custom Hook
 
+  return /*#__PURE__*/React.createElement(Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: `${commonStyle.container} ${commonStyle[`${palette}`]}`,
+    isCover: false,
+    wrap: "wrap",
+    dataId: dataId,
+    "data-drag-hook": "true",
+    eleRef: dragRef
+  }, childNearTitle ? childNearTitle : '', /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: commonStyle.title
+  }, /*#__PURE__*/React.createElement(Title, {
+    text: title
+  })), miniDescription && /*#__PURE__*/React.createElement("div", {
+    className: commonStyle.para
+  }, miniDescription)), needSearch && /*#__PURE__*/React.createElement(Box, {
+    className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer}`
+  }, /*#__PURE__*/React.createElement(Search, {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef,
+    onKeyDown: onSearchKeyDown
+  })), children ? children : '', onLookupClose ? /*#__PURE__*/React.createElement("div", {
+    className: commonStyle.closeContainer
+  }, /*#__PURE__*/React.createElement(Close, {
+    dataId: "close",
+    onClose: onLookupClose,
+    title: closeTitle
+  })) : null);
 }
+
 ModuleHeader.propTypes = propTypes;
-ModuleHeader.defaultProps = defaultProps; // if (__DOCS__) {
-//   ModuleHeader.docs = {
-//     componentGroup: 'Lookup'
-//   };
-// }
+ModuleHeader.defaultProps = defaultProps;
+const MemoizedModuleHeader = /*#__PURE__*/memo(ModuleHeader);
+MemoizedModuleHeader.propTypes = propTypes;
+MemoizedModuleHeader.defaultProps = defaultProps;
+MemoizedModuleHeader.displayName = 'ModuleHeader';
+export default MemoizedModuleHeader;

package/es/lookup/header/ModuleHeader/props/defaultProps.js

@@ -1,3 +1,9 @@
 export const defaultProps = {
-  palette: 'default'
+  palette: 'default',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
 };

package/es/lookup/header/ModuleHeader/props/propTypes.js

@@ -13,5 +13,8 @@ export const propTypes = {
   dataId: PropTypes.string,
   closeTitle: PropTypes.string,
   onSearchKeyDown: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'white'])
+  palette: PropTypes.oneOf(['default', 'white']),
+  children: PropTypes.any,
+  childNearTitle: PropTypes.any,
+  dragBoundaryLimit: PropTypes.object
 };

package/es/lookup/header/Title/LookupTitle.module.css

@@ -4,6 +4,7 @@
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
   word-break: break-all;
+  cursor: initial;
 }
 .bold {
   font-family: var(--zd_semibold);

package/es/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -26,7 +26,7 @@
 /* Label Style */
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size20);
+  line-height: 1.6667;
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }

package/es/lookup/header/lookupHeaderCommon.module.css

@@ -2,9 +2,9 @@
   min-height: var(--zd_size51) ;
   position: relative;
 }[dir=ltr] .container {
-  padding: 0 var(--zd_size52) 0 var(--zd_size10) ;
+  padding: 0 var(--zd_size30) 0 var(--zd_size10) ;
 }[dir=rtl] .container {
-  padding: 0 var(--zd_size10) 0 var(--zd_size52) ;
+  padding: 0 var(--zd_size10) 0 var(--zd_size30) ;
 }
 .default {
   background-color: var(--zdt_lookupheader_default_bg);
@@ -24,15 +24,10 @@
   text-align: left;
 }
 .closeContainer {
-  position: absolute;
-  top: 50% ;
-  composes: middleY from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .closeContainer {
-  right: var(--zd_size30) ;
-}
-[dir=rtl] .closeContainer {
-  left: var(--zd_size30) ;
+  /* position: absolute;
+  right: 30px;
+  top: 50%;
+  composes: middleY from '~@zohodesk/components/lib/common/common.module.css'; */
 }
 .para {
   font-size: var(--zd_font_size12) ;

package/es/setup/header/Search/Search.module.css

@@ -13,6 +13,7 @@
 .active .input, .input:hover {
   border-bottom-color: var(--zdt_search_input_border);
 }
+/* css:lineheight-validation:ignore */
 .icon {
   position: absolute;
   top: 0 ;
@@ -35,7 +36,6 @@
   font-size: var(--zd_font_size13) ;
   width: 100% ;
   letter-spacing: 0.2px;
-  /* css:theme-validation:ignore */
   transition: all var(--zd_transition3) ease;
   color: var(--zdt_search_input_text);
   font-family: var(--zd_regular);

package/es/setup/header/Views/Views.module.css

@@ -5,6 +5,7 @@
 }[dir=rtl] .container {
   margin-left: var(--zd_size15) ;
 }
+/* css:lineheight-validation:ignore */
 .icon {
   display: inline-block;
   color: var(--zdt_views_icon);

package/es/setup/helptips/Description/HelpTipsDescription.module.css

@@ -1,6 +1,6 @@
 .text {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_helptips_text);
-  line-height: var(--zd_size24);
+  line-height: 1.7143;
   margin: var(--zd_size10) 0 ;
 }

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../ActionButton/props/defaultProps';
-import { propTypes } from '../../ActionButton/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';
@@ -40,13 +40,18 @@ function ActionButton(props) {
     innerClassName,
     popupGroup,
     togglePopup,
-    defaultPosition
+    defaultPosition,
+    openPopupOnly
   } = props;
 
   const handleTogglePopup = e => {
     togglePopup(e, defaultPosition);
   };
 
+  const handlePopupOpen = e => {
+    openPopupOnly(e, defaultPosition);
+  };
+
   return /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     isCover: false,
@@ -94,7 +99,7 @@ function ActionButton(props) {
     "data-title": removeChildrenTooltip ? null : subText,
     className: style.subTxt
   }, subText) : null)), children ? /*#__PURE__*/React.createElement(Box, {
-    onClick: onClick ? !onHover && handleTogglePopup : undefined,
+    onClick: onClick && !onHover ? handleTogglePopup : handlePopupOpen,
     onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
     onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
     className: `${btnStyle.buttonReset} ${style[arrowBoxSize + '_arrowBox']} ${style[palette + 'Arw']}  ${style.arrowWrapper} ${isPopupOpen ? style.arrowActive : ''}`,

package/es/v1/ActionButton/props/defaultProps.js

@@ -0,0 +1,17 @@
+export const defaultProps = {
+  size: 'medium',
+  isArrow: false,
+  dataId: 'actionButton',
+  dataSelectorId: 'actionButton',
+  onHover: false,
+  className: '',
+  iconName: '',
+  iconSize: '9',
+  isDisabled: false,
+  dropBoxClass: '',
+  arrowBoxSize: 'medium',
+  isBoxPaddingNeed: true,
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false,
+  innerClassName: ''
+};

package/es/v1/ActionButton/props/propTypes.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataSelectorId: PropTypes.string,
+  arrowBoxSize: PropTypes.oneOf(['small', 'medium']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  dropBoxClass: PropTypes.string,
+  defaultPosition: PropTypes.string,
+  position: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isBoxPaddingNeed: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isLoading: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  onClick: PropTypes.func,
+  onHover: PropTypes.bool,
+  palette: PropTypes.oneOf(['primaryFilled', 'primary']),
+  removeClose: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  subText: PropTypes.string,
+  text: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  removeChildrenTooltip: PropTypes.bool,
+  innerClassName: PropTypes.string,
+  popupGroup: PropTypes.string,
+  togglePopup: PropTypes.func,
+  openPopupOnly: PropTypes.func
+};

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,7 +1,7 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from '../../AlphabeticList/props/defaultProps';
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from '../../AlphabeticList/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/es/v1/Layout';
 /*** CSS ***/
 

package/es/v1/AlphabeticList/props/defaultProps.js

@@ -0,0 +1,12 @@
+export const AlphabeticList_defaultProps = {
+  align: 'vertical',
+  type: 'alphabetical',
+  i18nKeys: {},
+  dataId: 'Navi',
+  dataSelectorId: 'alphabeticList'
+};
+export const AlphabeticListItem_defaultProps = {
+  isActive: false,
+  text: '',
+  dataId: 'Navi'
+};

package/es/v1/AlphabeticList/props/propTypes.js

@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types';
+export const AlphabeticCharacters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+export const NumberList = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '#'];
+export const AlphabeticCharactersWithHash = [...AlphabeticCharacters, '#'];
+export const AlphabeticList_propTypes = {
+  align: PropTypes.oneOf(['vertical', 'horizontal']),
+  onSelect: PropTypes.func.isRequired,
+  selectedCharacter: PropTypes.oneOf(['ALL', ...AlphabeticCharacters, ...NumberList, ...AlphabeticCharactersWithHash]),
+  type: PropTypes.oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),
+  i18nKeys: PropTypes.shape({
+    allTitle: PropTypes.string,
+    allText: PropTypes.string
+  }),
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string
+};
+export const AlphabeticListItem_propTypes = {
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/v1/Attachment/Attachment.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../Attachment/props/defaultProps';
-import { propTypes } from '../../Attachment/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../Link/Link';

package/es/v1/Attachment/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  size: 'medium',
+  palette: 'default',
+  dataId: 'attachment',
+  i18nKeys: {},
+  dataSelectorId: 'attachment'
+};

package/es/v1/Attachment/props/propTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  downloadLink: PropTypes.string,
+  fileInfo: PropTypes.string,
+  fileName: PropTypes.string,
+  fileSize: PropTypes.string,
+  iconName: PropTypes.string,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['transparent', 'default']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  i18nKeys: PropTypes.shape({
+    downloadTitle: PropTypes.string
+  }),
+  tooltip: PropTypes.string
+};

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -2,8 +2,8 @@
 
 /** * Libraries ** */
 import React, { useRef, useEffect, useState } from 'react';
-import { AttachmentImage_defaultProps } from '../../AttachmentViewer/props/defaultProps';
-import { AttachmentImage_propTypes } from '../../AttachmentViewer/props/propTypes';
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
 import Image from '../Image/Image';
 /** * CSS ** */
 

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from '../../AttachmentViewer/props/defaultProps';
-import { AttachmentViewer_propTypes } from '../../AttachmentViewer/props/propTypes';
+import { AttachmentViewer_defaultProps } from './props/defaultProps';
+import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';

package/es/v1/AttachmentViewer/props/defaultProps.js

@@ -0,0 +1,10 @@
+export const AttachmentImage_defaultProps = {
+  dataId: 'AttachmentImage'
+};
+export const AttachmentViewer_defaultProps = {
+  responsiveId: "Helmet",
+  needDownload: true,
+  i18nKeys: {},
+  maintainZoom: false,
+  isActive: false
+};

package/es/v1/AttachmentViewer/props/propTypes.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export const AttachmentImage_propTypes = {
+  alt: PropTypes.string,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  id: PropTypes.string,
+  isCover: PropTypes.bool,
+  isImage: PropTypes.string,
+  onClick: PropTypes.func,
+  onLoad: PropTypes.func,
+  src: PropTypes.string
+};
+export const AttachmentViewer_propTypes = {
+  hideAttachmentViewer: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    nextText: PropTypes.string,
+    previousText: PropTypes.string,
+    zoomOutText: PropTypes.string,
+    zoomInText: PropTypes.string,
+    newTabText: PropTypes.string,
+    downloadText: PropTypes.string,
+    closeText: PropTypes.string,
+    hideText: PropTypes.string,
+    showText: PropTypes.string
+  }),
+  needDownload: PropTypes.string,
+  previewObj: PropTypes.object,
+  responsiveId: PropTypes.string,
+  maintainZoom: PropTypes.bool,
+  isActive: PropTypes.bool
+};

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -2,9 +2,9 @@ import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { defaultProps } from '../../ChannelIcon/props/defaultProps';
-import { propTypes } from '../../ChannelIcon/props/propTypes';
-import { getChannelMappingObj } from '../../utils/ChannelIconMapping';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getChannelMappingObj } from '../utils/ChannelIconMapping';
 import style from '../../ChannelIcon/ChannelIcon.module.css';
 
 const ChannelIcon = props => {