@zohodesk/dot 1.4.2 → 1.4.3

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

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  hasReload: PropTypes.bool,
+  href: PropTypes.string,
+  rel: PropTypes.string,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  title: PropTypes.string,
+  urlData: PropTypes.object,
+  urlName: PropTypes.string,
+  customProps: PropTypes.object,
+  onClick: PropTypes.func,
+  download: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  key: PropTypes.string
+};

package/es/v1/Message/Message.js

@@ -1,8 +1,8 @@
 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); }
 
 import React, { useState, useEffect } from 'react';
-import { defaultProps } from '../../Message/props/defaultProps';
-import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from '../../Message/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import AutoClose from '../actions/AutoClose';
 import style from '../../Message/Message.module.css';

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

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  i18nKeys: {},
+  dataSelectorId: 'message'
+};

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

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+import { propTypes as AutoClose_PropTypes } from '../../actions/props/propTypes';
+export const propTypes = {
+  hideMessage: PropTypes.func,
+  showMessage: PropTypes.bool,
+  type: PropTypes.oneOf(['success', 'alert', 'info'])
+};
+export const MessageUI_propTypes = {
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  onClose: PropTypes.func,
+  dataSelectorId: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    closeTitle: PropTypes.string
+  }),
+  hideMessage: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'alert', 'info'])
+};
+export const MessageNew_propTypes = { ...AutoClose_PropTypes
+};

package/es/v1/MessageBanner/MessageBanner.js

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

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

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  type: 'primary',
+  palette: 'default',
+  customClass: '',
+  dataId: 'MessageBanner',
+  dataSelectorId: 'messageBanner'
+};

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  href: PropTypes.string,
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  onClose: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'blue', 'white']),
+  type: PropTypes.oneOf(['primary', 'secondary']),
+  urlText: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/NewStar/NewStar.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import { defaultProps } from '../../NewStar/props/defaultProps';
-import { propTypes } from '../../NewStar/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../NewStar/NewStar.module.css';
 
 const NewStar = props => {

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

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  customClass: '',
+  position: 'topRight'
+};

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

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  palette: PropTypes.oneOf(['green', 'blue', 'yellow']),
+  position: PropTypes.oneOf(['topRight', 'topLeft', 'bottomRight', 'bottomLeft'])
+};

package/es/v1/PlusIcon/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../PlusIcon/props/defaultProps';
-import { propTypes } from '../../PlusIcon/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../PlusIcon/PlusIcon.module.css';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 export default function PlusIcon(props) {

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

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  size: 'xmedium',
+  iconName: 'ZD-plus',
+  iconSize: '16',
+  dataId: 'addreqNowbutton',
+  iconClass: '',
+  customClass: ''
+};

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

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  onClick: PropTypes.func,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  customClass: PropTypes.string
+};

package/es/v1/Provider/Config.js

@@ -0,0 +1,20 @@
+let config = {
+  freezeLayer: {
+    enable: () => {},
+    disable: () => {}
+  },
+  draggerBoundary: document.body,
+  boundaryLimit: {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  desktopNotificationResponsiveId: 'Helmet'
+};
+export function getDotLibraryConfig(key) {
+  return config[key];
+}
+export function setDotLibraryConfig(configObj) {
+  config = Object.assign({}, config, configObj);
+}

package/es/v1/Separator/Separator.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { defaultProps } from '../../Separator/props/defaultProps';
-import { propTypes } from '../../Separator/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from '../../Separator/Separator.module.css';
 export default function Separator(props) {
   const {

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

@@ -0,0 +1,12 @@
+export const defaultProps = {
+  palette: 'default',
+  type: 'dot',
+  wrap: false,
+  shrink: false,
+  aligndirection: 'row',
+  customClass: {
+    customWrapper: '',
+    customSeparator: '',
+    customChildren: ''
+  }
+};

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

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  aligndirection: PropTypes.string,
+  children: PropTypes.any,
+  palette: PropTypes.oneOf(['default', 'primary', 'secondary']),
+  shrink: PropTypes.bool,
+  type: PropTypes.oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
+  wrap: PropTypes.bool,
+  customClass: PropTypes.object,
+  customSeparatorType: PropTypes.string
+};

package/es/v1/TagWithIcon/TagWithIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../TagWithIcon/props/defaultProps';
-import { propTypes } from '../../TagWithIcon/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Icon from '@zohodesk/icons/es/Icon';
 import style from '../../TagWithIcon/TagWithIcon.module.css';

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

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  iconSize: '9',
+  size: 'large',
+  iconClass: '',
+  isBold: true,
+  palette: 'grey',
+  className: ''
+};

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  title: PropTypes.string,
+  isBold: PropTypes.bool,
+  palette: PropTypes.oneOf(['yellow', 'blue', 'grey']),
+  size: PropTypes.oneOf(['small', 'large']),
+  className: PropTypes.string,
+  text: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/v1/ToastMessage/ToastMessage.js

@@ -1,8 +1,8 @@
 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); }
 
 import React, { useState } from 'react';
-import { defaultProps } from '../../ToastMessage/props/defaultProps';
-import { propTypes } from '../../ToastMessage/props/propTypes'; //components
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes'; //components
 
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import { Icon } from '@zohodesk/icons';

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

@@ -0,0 +1,18 @@
+export const defaultProps = {
+  iconName: 'bell',
+  iconSize: '30',
+  submitType: 'primary',
+  isIconMid: false,
+  needClose: false,
+  type: 'primary',
+  isMore: false,
+  messageState: false,
+  isAnimate: true,
+  isClose: false,
+  autoClose: false,
+  hideTime: '3000',
+  dataId: 'toastMessage',
+  needAutoZindex: true,
+  a11y: {},
+  dataSelectorId: 'toastMessage'
+};

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

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoClose: PropTypes.bool,
+  cancelText: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  getBottomContainer: PropTypes.func,
+  getInnerBottomContainer: PropTypes.func,
+  getLeftContainer: PropTypes.func,
+  getSubmitContainer: PropTypes.func,
+  hideTime: PropTypes.string,
+  iconName: PropTypes.string,
+  iconPalette: PropTypes.oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
+  iconSize: PropTypes.string,
+  info: PropTypes.string,
+  isAnimate: PropTypes.bool,
+  isClose: PropTypes.bool,
+  isIconMid: PropTypes.bool,
+  isMore: PropTypes.bool,
+  message: PropTypes.string,
+  messageState: PropTypes.bool,
+  needClose: PropTypes.bool,
+  onCancel: PropTypes.func,
+  onSubmit: PropTypes.func,
+  subject: PropTypes.string,
+  submitText: PropTypes.string,
+  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
+  type: PropTypes.oneOf(['primary', 'information', 'secondary', 'success', 'custom']),
+  needAutoZindex: PropTypes.bool,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaLive: PropTypes.oneOf(['polite', 'assertive', 'off']),
+    ariaAtomic: PropTypes.bool,
+    ariaDescribedby: PropTypes.string,
+    ariaLabelledby: PropTypes.string
+  }),
+  Element: PropTypes.element,
+  onPortalClose: PropTypes.func,
+  onClose: PropTypes.func
+};

package/es/v1/Upload/Upload.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../Upload/props/defaultProps';
-import { propTypes } from '../../Upload/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 Image from '../Image/Image';

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

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  size: 'medium',
+  dataId: 'upload',
+  isPreview: false,
+  palette: 'light',
+  dataSelectorId: 'upload'
+};

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

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  fileSize: PropTypes.string,
+  getRef: PropTypes.func,
+  iconName: PropTypes.string,
+  imgSrc: PropTypes.string,
+  isPreview: PropTypes.bool,
+  isPreviewType: PropTypes.bool,
+  onClick: PropTypes.func,
+  onRemove: PropTypes.func,
+  progressValue: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'medium']),
+  tooltip: PropTypes.string,
+  palette: PropTypes.oneOf(['light', 'night'])
+};

package/es/v1/actions/AutoClose.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import { defaultProps } from '../../actions/props/defaultProps';
-import { propTypes } from '../../actions/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 export default function AutoClose(props) {
   let {
     Element,

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

@@ -0,0 +1,3 @@
+export const defaultProps = {
+  hideTime: '3000'
+};

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

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  Element: PropTypes.element,
+  autoClose: PropTypes.bool,
+  hideTime: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  onPortalClose: PropTypes.func,
+  isClose: PropTypes.bool
+};

package/es/v1/alert/AlertClose/AlertClose.js

@@ -1,6 +1,6 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { propTypes } from '../../../version2/AlertClose/props/propTypes';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../../version2/AlertClose/AlertClose.module.css';

package/es/v1/alert/AlertClose/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  onClose: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
+};

package/es/v1/alert/AlertLookup/AlertLookup.js

@@ -100,7 +100,8 @@ export default function AlertLookup(props) {
     onClick: onLookupClick,
     customClass: containerClass,
     a11y: a11y,
-    childAnimationName: childAnimationName
+    childAnimationName: childAnimationName,
+    isFlexWrapper: false
   }, LookupProps), /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     align: align,

package/es/v1/alert/alertIcons/AlarmAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AlarmAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { AlarmAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { AlarmAlertIcon_defaultProps } from './props/defaultProps';
+import { AlarmAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function AlarmAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/AlertIcons.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AlertIcons_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { AlertIcons_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { AlertIcons_defaultProps } from './props/defaultProps';
+import { AlertIcons_propTypes } from './props/propTypes';
 import DangerAlertIcon from './DangerAlertIcon';
 import SuccessAlertIcon from './SuccessAlertIcon';
 import WarningAlertIcon from './WarningAlertIcon';

package/es/v1/alert/alertIcons/DangerAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DangerAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { DangerAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { DangerAlertIcon_defaultProps } from './props/defaultProps';
+import { DangerAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function DangerAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/ErrorAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ErrorAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { ErrorAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { ErrorAlertIcon_defaultProps } from './props/defaultProps';
+import { ErrorAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function ErrorAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/InfoAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { InfoAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { InfoAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { InfoAlertIcon_defaultProps } from './props/defaultProps';
+import { InfoAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function InfoAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/NotificationAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NotificationAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { NotificationAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { NotificationAlertIcon_defaultProps } from './props/defaultProps';
+import { NotificationAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function NotificationAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/SuccessAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SuccessAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { SuccessAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { SuccessAlertIcon_defaultProps } from './props/defaultProps';
+import { SuccessAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function SuccessAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/WarningAlertIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WarningAlertIcon_defaultProps } from '../../../version2/alertIcons/props/defaultProps';
-import { WarningAlertIcon_propTypes } from '../../../version2/alertIcons/props/propTypes';
+import { WarningAlertIcon_defaultProps } from './props/defaultProps';
+import { WarningAlertIcon_propTypes } from './props/propTypes';
 import style from '../../../version2/alertIcons/AlertIcons.module.css';
 export default function WarningAlertIcon(props) {
   let {

package/es/v1/alert/alertIcons/props/defaultProps.js

@@ -0,0 +1,27 @@
+export const AlarmAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const AlertIcons_defaultProps = {
+  type: '',
+  variant: 'primary',
+  dataSelectorId: 'alertIcons'
+};
+export const DangerAlertIcon_defaultProps = {
+  variant: 'primary',
+  type: 'danger'
+};
+export const ErrorAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const InfoAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const NotificationAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const SuccessAlertIcon_defaultProps = {
+  variant: 'primary'
+};
+export const WarningAlertIcon_defaultProps = {
+  variant: 'primary'
+};

package/es/v1/alert/alertIcons/props/propTypes.js

@@ -0,0 +1,34 @@
+import PropTypes from 'prop-types';
+export const AlarmAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+export const AlertIcons_propTypes = {
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  variant: PropTypes.oneOf(['primary', 'secondary']),
+  dataSelectorId: PropTypes.string
+};
+export const DangerAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+export const ErrorAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+export const InfoAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+export const NotificationAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+export const SuccessAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};
+export const WarningAlertIcon_propTypes = {
+  type: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};

package/es/v1/avatar/AvatarClose/AvatarClose.js

@@ -1,8 +1,8 @@
 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); }
 
 import React from 'react';
-import { defaultProps } from '../../../avatar/AvatarClose/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarClose/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import { Icon } from '@zohodesk/icons';
 import style from '../../../avatar/AvatarClose/AvatarClose.module.css';

package/es/v1/avatar/AvatarClose/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  isClose: false,
+  size: 'medium',
+  customProps: {},
+  dataSelectorId: 'avatarClose'
+};

package/es/v1/avatar/AvatarClose/props/propTypes.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  isClose: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  onClick: PropTypes.func,
+  size: PropTypes.string,
+  src: PropTypes.string,
+  title: PropTypes.string,
+  customProps: PropTypes.shape({
+    AvatarCloseProps: PropTypes.object,
+    AvatarProps: PropTypes.object
+  }),
+  dataSelectorId: PropTypes.string
+};

package/es/v1/avatar/AvatarCollision/AvatarCollision.js

@@ -1,8 +1,8 @@
 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); }
 
 import React from 'react';
-import { defaultProps } from '../../../avatar/AvatarCollision/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarCollision/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import { Icon } from '@zohodesk/icons';
 import style from '../../../avatar/AvatarCollision/AvatarCollision.module.css';

package/es/v1/avatar/AvatarCollision/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  needCreateChat: true,
+  isLeft: false,
+  isIdle: false,
+  size: 'xmedium',
+  customProps: {},
+  dataSelectorId: 'avatarCollision'
+};

package/es/v1/avatar/AvatarCollision/props/propTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  initial: PropTypes.string,
+  isIdle: PropTypes.bool,
+  isLeft: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  needCreateChat: PropTypes.bool,
+  onClick: PropTypes.func,
+  size: PropTypes.string,
+  src: PropTypes.string,
+  title: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  customProps: PropTypes.shape({
+    AvatarCollisionProps: PropTypes.object,
+    AvatarProps: PropTypes.object
+  })
+};