@zohodesk/dot 1.0.0-temp-170 → 1.0.0-temp-172

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
+  })
+};

package/es/v1/avatar/AvatarIcon/AvatarIcon.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/AvatarIcon/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarIcon/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import AvatarSize from '@zohodesk/components/es/v1/Provider/AvatarSize';

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

@@ -0,0 +1,14 @@
+export const defaultProps = {
+  iconSize: '15',
+  name: 'ZD-addAgent',
+  palette: 'default',
+  size: 'medium',
+  isIconBold: false,
+  iconClass: '',
+  className: '',
+  iconColor: 'default',
+  borderOnActive: false,
+  borderOnHover: false,
+  customProps: {},
+  dataSelectorId: 'avatarIcon'
+};

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

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconColor: PropTypes.oneOf(['default', 'primary', 'success', 'danger', 'smoke18', 'grey', 'dark']),
+  iconSize: PropTypes.string,
+  isIconBold: PropTypes.bool,
+  name: PropTypes.string,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'success', 'danger']),
+  size: PropTypes.string,
+  title: PropTypes.string,
+  borderOnActive: PropTypes.bool,
+  borderOnHover: PropTypes.bool,
+  customProps: PropTypes.shape({
+    AvatarIconProps: PropTypes.object
+  })
+};

package/es/v1/avatar/AvatarStatus/AvatarStatus.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/AvatarStatus/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarStatus/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import style from '../../../avatar/AvatarStatus/AvatarStatus.module.css';
 export default function AvatarStatus(props) {
@@ -34,7 +34,6 @@ export default function AvatarStatus(props) {
   return /*#__PURE__*/React.createElement("div", _extends({
     className: `${style.container} ${className} `
   }, AvatarStatusProps, {
-    tabIndex: "0",
     "aria-label": `${title}, ${name}, ${statusTitle}`,
     "data-selector-id": dataSelectorId
   }), /*#__PURE__*/React.createElement(Avatar, _extends({

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

@@ -0,0 +1,12 @@
+export const defaultProps = {
+  size: 'medium',
+  state: 'offline',
+  shape: 'circle',
+  className: '',
+  palette: 'info',
+  statusTitle: '',
+  customProps: {},
+  dataSelectorId: 'avatarStatus',
+  needDefaultBorder: false,
+  needBorder: false
+};

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

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  initial: PropTypes.string,
+  name: PropTypes.string,
+  needBorder: PropTypes.bool,
+  needTitle: PropTypes.bool,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  shape: PropTypes.string,
+  size: PropTypes.string,
+  src: PropTypes.string,
+  state: PropTypes.string,
+  needDefaultBorder: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  statusTitle: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  customProps: PropTypes.shape({
+    AvatarStatusProps: PropTypes.object,
+    AvatarProps: PropTypes.object
+  })
+};

package/es/v1/avatar/AvatarThread/AvatarThread.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/AvatarThread/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarThread/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/AvatarThread/AvatarThread.module.css';

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

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  size: 'medium',
+  iconSize: '6',
+  borderPalette: 'default',
+  needBorder: true,
+  needBackground: true,
+  customProps: {},
+  dataSelectorId: 'avatarThread'
+};

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

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  borderPalette: PropTypes.oneOf(['primary', 'success', 'danger', 'default', 'orange']),
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  iconColor: PropTypes.string,
+  iconName: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  iconSize: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  iconTitle: PropTypes.string,
+  initial: PropTypes.string,
+  name: PropTypes.string,
+  needBackground: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needTitle: PropTypes.bool,
+  onClick: PropTypes.func,
+  onIconClick: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  showOnHover: PropTypes.bool,
+  size: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  src: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.string,
+  customProps: PropTypes.shape({
+    AvatarThreadProps: PropTypes.object,
+    AvatarProps: PropTypes.object
+  }),
+  iconClass: PropTypes.string,
+  getCustomThread: PropTypes.func
+};

package/es/v1/avatar/AvatarUser/AvatarUser.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../../avatar/AvatarUser/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarUser/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';

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

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  needTitle: true,
+  size: 'medium',
+  needDelete: false,
+  i18nKeys: {},
+  customProps: {},
+  dataSelectorId: 'avatarUser'
+};

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

@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconColor: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  initial: PropTypes.string,
+  isLocked: PropTypes.bool,
+  isPaid: PropTypes.bool,
+  isPortal: PropTypes.bool,
+  name: PropTypes.string,
+  needDelete: PropTypes.bool,
+  needTitle: PropTypes.bool,
+  onClick: PropTypes.func,
+  onDelete: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  size: PropTypes.string,
+  src: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  alternateSrc: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    paidTitle: PropTypes.string,
+    portalTitle: PropTypes.string,
+    lockTitle: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    AvatarUserProps: PropTypes.object,
+    AvatarIconProps: PropTypes.object,
+    AvatarProps: PropTypes.object
+  })
+};

package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.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/AvatarWithTeam/props/defaultProps';
-import { propTypes } from '../../../avatar/AvatarWithTeam/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import AvatarTeam from '@zohodesk/components/es/v1/AvatarTeam/AvatarTeam';
 import style from '../../../avatar/AvatarWithTeam/AvatarWithTeam.module.css';

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

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  size: 'xmedium',
+  isTeam: false,
+  teamClassName: '',
+  borderOnActive: false,
+  customProps: {},
+  dataSelectorId: 'avatarWithTeam',
+  teamBorderActive: true
+};

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

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customTextClass: PropTypes.string,
+  initial: PropTypes.string,
+  isTeam: PropTypes.bool,
+  name: PropTypes.string,
+  needTitle: PropTypes.bool,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  size: PropTypes.string,
+  src: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  teamClassName: PropTypes.string,
+  teamName: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.string,
+  borderOnActive: PropTypes.bool,
+  teamBorderActive: PropTypes.bool,
+  customProps: PropTypes.shape({
+    AvatarWithTeamProps: PropTypes.object,
+    Avatar1Props: PropTypes.object,
+    AvatarTeam1Props: PropTypes.object,
+    Avatar2Props: PropTypes.object,
+    AvatarTeam2Props: PropTypes.object
+  })
+};

package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.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, { Component, Fragment } from 'react';
-import { defaultProps } from '../../../dropdown/ToggleDropDown/props/defaultProps';
-import { propTypes } from '../../../dropdown/ToggleDropDown/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/es/v1/Layout';

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

@@ -0,0 +1,27 @@
+export const defaultProps = {
+  keyName: 'value',
+  idName: 'id',
+  isArrow: true,
+  searchBoxSize: 'small',
+  isDisabled: false,
+  showIconOnHover: false,
+  showOnHover: false,
+  isReadOnly: false,
+  isEditable: true,
+  isDataLoaded: true,
+  needTick: true,
+  needResponsive: true,
+  arrowIconPosition: 'default',
+  groupOptionsKey: 'items',
+  groupNameKey: 'name',
+  isPadding: true,
+  isToggleStateNeeded: false,
+  isNeedEffect: true,
+  hoverType: 'default',
+  needExternalPopupState: false,
+  customProps: {},
+  preventPopupClose: false,
+  dataSelectorId: 'toggleDropdown',
+  needMultiLineText: false,
+  customClass: {}
+};

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

@@ -0,0 +1,79 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  activeStyle: PropTypes.string,
+  arrowIconPosition: PropTypes.oneOf(['default', 'overlay']),
+  bottom: PropTypes.number,
+  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  boxSize: PropTypes.oneOf(['xsmall', 'small', 'medium', 'mlarge', 'large']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  groupNameKey: PropTypes.string,
+  groupOptionsKey: PropTypes.string,
+  hoverStyle: PropTypes.string,
+  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  idName: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isDataLoaded: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isEditable: PropTypes.bool,
+  isGroupDropDown: PropTypes.bool,
+  isNeedEffect: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPadding: PropTypes.bool,
+  isPopupActive: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isSearch: PropTypes.bool,
+  isToggleStateNeeded: PropTypes.bool,
+  keyName: PropTypes.string,
+  left: PropTypes.number,
+  needExternalPopupState: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  needSearchFetching: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onSearch: PropTypes.func,
+  options: PropTypes.array.isRequired,
+  palette: PropTypes.oneOf(['dark']),
+  placeHolderText: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  right: PropTypes.number,
+  searchBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  searchEmptyHint: PropTypes.string,
+  searchErrorText: PropTypes.string,
+  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  showIconOnHover: PropTypes.bool,
+  showOnHover: PropTypes.bool,
+  title: PropTypes.string,
+  togglePopup: PropTypes.func,
+  value: PropTypes.node,
+  onDropDownOpen: PropTypes.func,
+  onDropDownClose: PropTypes.func,
+  getFooter: PropTypes.func,
+  customProps: PropTypes.shape({
+    ToggleDropDownProps: PropTypes.object,
+    DropBoxProps: PropTypes.object,
+    TextBoxIconProps: PropTypes.object,
+    ListItemWithIconProps: PropTypes.object,
+    ListItemProps: PropTypes.object
+  }),
+  preventPopupClose: PropTypes.bool,
+  needMultiLineText: PropTypes.bool,
+  customClass: PropTypes.shape({
+    customDropBox: PropTypes.string,
+    customListBox: PropTypes.string
+  }),
+  onSelectLabel: PropTypes.func,
+  from: PropTypes.string,
+  top: PropTypes.number
+};

package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js

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

package/es/v1/emptystate/CommonEmptyState/props/defaultProps.js

@@ -0,0 +1,10 @@
+export const defaultProps = {
+  linkTarget: '_self',
+  className: '',
+  linkUrl: '#',
+  dataId: 'emptyState',
+  isFluid: false,
+  size: 'medium',
+  palette: 'default',
+  customClass: {}
+};

package/es/v1/emptystate/CommonEmptyState/props/propTypes.js

@@ -0,0 +1,21 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  getEmptyState: PropTypes.func,
+  isFluid: PropTypes.bool,
+  linkDescription: PropTypes.string,
+  linkTarget: PropTypes.oneOf(['_blank', '_self']),
+  linkText: PropTypes.string,
+  linkUrl: PropTypes.string,
+  onUrlClick: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium']),
+  title: PropTypes.string,
+  palette: PropTypes.oneOf(['default', 'dark']),
+  customClass: PropTypes.shape({
+    titleClass: PropTypes.string,
+    descriptionClass: PropTypes.string
+  })
+};

package/es/v1/emptystate/EditionPage/EditionPage.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../emptystate/EditionPage/props/defaultProps';
-import { propTypes } from '../../../emptystate/EditionPage/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import EmptyCrmPotential from '@zohodesk/svg/lib/v1/emptystate/version3/EmptyCrmPotential';
 import style from '../../../emptystate/EditionPage/EditionPage.css';
 export default function EditionPage(props) {

package/es/v1/emptystate/EditionPage/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  title: '',
+  subtitle: '',
+  dataId: 'edition'
+};

package/es/v1/emptystate/EditionPage/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  footerText: PropTypes.string,
+  title: PropTypes.string,
+  subtitle: PropTypes.string,
+  information: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  butttonText: PropTypes.string,
+  children: PropTypes.string
+};

package/es/v1/errorstate/Inconvenience/Inconvenience.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/Inconvenience/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/Inconvenience/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorInconvenience from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorInconvenience';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/Inconvenience/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'inconvenience',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/Inconvenience/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/OopsSomethingMiss/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/OopsSomethingMiss/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorOopsSomethingMiss';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/OopsSomethingMiss/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'oopssomethingmiss',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/OopsSomethingMiss/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/UnableToProcessRequest/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/UnableToProcessRequest/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnableToProcessRequest';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/UnableToProcessRequest/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'unabletoprocessrequest',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/UnableToProcessRequest/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/UnauthorizedLogin/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/UnauthorizedLogin/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnauthorizedLogin';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/UnauthorizedLogin/props/defaultProps.js

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  dataId: 'permissionPlay',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  buttonPalette: 'primaryFilled',
+  size: 'large'
+};

package/es/v1/errorstate/UnauthorizedLogin/props/propTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  buttonPalette: PropTypes.oneOf(['primaryFilled', 'secondary']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};