@zohodesk/dot 1.0.0-beta.234 → 1.0.0-beta.236

package/es/MessageBanner/MessageBanner.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../Link/Link';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
@@ -50,23 +51,8 @@ export default class MessageBanner extends React.Component {
   }
 
 }
-MessageBanner.defaultProps = {
-  type: 'primary',
-  palette: 'default',
-  customClass: '',
-  dataId: 'MessageBanner'
-};
-MessageBanner.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
-};
+MessageBanner.defaultProps = defaultProps;
+MessageBanner.propTypes = propTypes;
 
 if (false) {
   MessageBanner.docs = {

package/es/MessageBanner/props/defaultProps.js

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

package/es/MessageBanner/props/propTypes.js

@@ -0,0 +1,12 @@
+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
+};

package/es/NewStar/NewStar.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container } from '@zohodesk/components/lib/Layout';
 import style from './NewStar.module.css';
@@ -58,15 +59,8 @@ export default class NewStar extends React.Component {
   }
 
 }
-NewStar.propTypes = {
-  customClass: PropTypes.string,
-  palette: PropTypes.oneOf(['green', 'blue', 'yellow']),
-  position: PropTypes.oneOf(['topRight', 'topLeft', 'bottomRight', 'bottomLeft'])
-};
-NewStar.defaultProps = {
-  customClass: '',
-  position: 'topRight'
-};
+NewStar.propTypes = propTypes;
+NewStar.defaultProps = defaultProps;
 
 if (false) {
   NewStar.docs = {

package/es/NewStar/props/defaultProps.js

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

package/es/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/PlusIcon/PlusIcon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import style from './PlusIcon.module.css';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 export default class PlusIcon extends React.Component {
@@ -33,24 +34,8 @@ export default class PlusIcon extends React.Component {
   }
 
 }
-PlusIcon.defaultProps = {
-  size: 'xmedium',
-  iconName: 'ZD-plus',
-  iconSize: '16',
-  dataId: 'addreqNowbutton',
-  iconClass: '',
-  customClass: ''
-};
-PlusIcon.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
-};
+PlusIcon.defaultProps = defaultProps;
+PlusIcon.propTypes = propTypes;
 
 if (false) {
   PlusIcon.docs = {

package/es/PlusIcon/props/defaultProps.js

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

package/es/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/ToastMessage/ToastMessage.js

@@ -1,7 +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 PropTypes from 'prop-types'; //components
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes'; //components
 
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
@@ -195,60 +196,8 @@ export default function ToastMessage(props) {
     Element: ToastMessageUI
   }));
 }
-ToastMessage.propTypes = {
-  autoClose: PropTypes.bool,
-  cancelText: PropTypes.string,
-  dataId: PropTypes.string,
-  getBottomContainer: PropTypes.func,
-  getInnerBottomContainer: PropTypes.func,
-  getLeftContainer: PropTypes.func,
-  getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
-  hideTime: PropTypes.string,
-  iconName: PropTypes.string,
-  iconPalette: PropTypes.oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
-  iconSize: PropTypes.string,
-  id: 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
-  })
-};
-ToastMessage.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: {}
-};
+ToastMessage.propTypes = propTypes;
+ToastMessage.defaultProps = defaultProps;
 
 if (false) {
   ToastMessage.docs = {

package/es/ToastMessage/props/defaultProps.js

@@ -0,0 +1,17 @@
+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: {}
+};

package/es/ToastMessage/props/propTypes.js

@@ -0,0 +1,38 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoClose: PropTypes.bool,
+  cancelText: PropTypes.string,
+  dataId: PropTypes.string,
+  getBottomContainer: PropTypes.func,
+  getInnerBottomContainer: PropTypes.func,
+  getLeftContainer: PropTypes.func,
+  getSubmitContainer: PropTypes.func,
+  hidePopNotification: PropTypes.func,
+  hideTime: PropTypes.string,
+  iconName: PropTypes.string,
+  iconPalette: PropTypes.oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
+  iconSize: PropTypes.string,
+  id: 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
+  })
+};

package/es/Upload/Upload.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Image from '../Image/Image';
@@ -63,27 +64,8 @@ export default class Upload extends React.Component {
   }
 
 }
-Upload.propTypes = {
-  dataId: 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'])
-};
-Upload.defaultProps = {
-  size: 'medium',
-  dataId: 'upload',
-  isPreview: false,
-  palette: 'light'
-};
+Upload.propTypes = propTypes;
+Upload.defaultProps = defaultProps;
 
 if (false) {
   Upload.docs = {

package/es/Upload/props/defaultProps.js

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

package/es/Upload/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: 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/actions/AutoClose.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 
 function removeClose(e) {
   e && e.stopPropagation && e.stopPropagation();
@@ -43,12 +44,5 @@ export default function AutoClose(props) {
   });
   return /*#__PURE__*/React.createElement(Element, newProps);
 }
-AutoClose.propTypes = {
-  Element: PropTypes.element,
-  autoClose: PropTypes.bool,
-  hideTime: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onPortalClose: PropTypes.func
-};
-AutoClose.defaultProps = {
-  hideTime: '3000'
-};
+AutoClose.propTypes = propTypes;
+AutoClose.defaultProps = defaultProps;

package/es/actions/props/defaultProps.js

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

package/es/actions/props/propTypes.js

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

package/es/alert/AlertHeader/AlertHeader.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Title from '../../lookup/header/Title/Title';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -63,28 +64,8 @@ export default class AlertHeader extends Component {
   }
 
 }
-AlertHeader.propTypes = {
-  breakChildren: PropTypes.bool,
-  children: PropTypes.node,
-  closeTitle: PropTypes.string,
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.sting,
-  iconType: PropTypes.oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket', 'update']),
-  needIcon: PropTypes.bool,
-  onClose: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
-  title: PropTypes.string
-};
-AlertHeader.defaultProps = {
-  palette: 'danger',
-  needIcon: true,
-  iconType: 'alert',
-  breakChildren: false,
-  dataId: 'alertHeader',
-  iconClass: ''
-};
+AlertHeader.propTypes = propTypes;
+AlertHeader.defaultProps = defaultProps;
 
 if (false) {
   AlertHeader.docs = {

package/es/alert/AlertHeader/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  palette: 'danger',
+  needIcon: true,
+  iconType: 'alert',
+  breakChildren: false,
+  dataId: 'alertHeader',
+  iconClass: ''
+};

package/es/alert/AlertHeader/props/propTypes.js

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  breakChildren: PropTypes.bool,
+  children: PropTypes.node,
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.sting,
+  iconType: PropTypes.oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket', 'update']),
+  needIcon: PropTypes.bool,
+  onClose: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
+  title: PropTypes.string
+};

package/es/alert/AlertLookup/AlertLookup.js

@@ -2,7 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Lookup from '../../lookup/Lookup/Lookup';
@@ -20,6 +21,16 @@ export default class AlertLookup extends Component {
     this.getButtonRef = this.getButtonRef.bind(this);
   }
 
+  componentDidMount() {
+    let {
+      isActive
+    } = this.props;
+
+    if (isActive) {
+      document.addEventListener('keydown', this.documentKeydownHandler);
+    }
+  }
+
   componentDidUpdate(prevProps) {
     let {
       isActive
@@ -145,55 +156,8 @@ export default class AlertLookup extends Component {
   }
 
 }
-AlertLookup.propTypes = {
-  cancelText: PropTypes.string,
-  children: PropTypes.node,
-  confirmationMessage: PropTypes.string,
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  forwardRef: PropTypes.object,
-  headerChildren: PropTypes.func,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isActive: PropTypes.bool,
-  isDefaultFocus: PropTypes.bool,
-  message: PropTypes.node,
-  needIcon: PropTypes.bool,
-  onCancelClick: PropTypes.func,
-  onClose: PropTypes.func,
-  onLookupClick: PropTypes.func,
-  onSubmitClick: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
-  sectionClassName: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'medium']),
-  submitText: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket']),
-  wrapHeader: PropTypes.bool,
-  customProps: PropTypes.shape({
-    LookupProps: PropTypes.object,
-    AlertHeaderProps: PropTypes.object,
-    PrimaryButtonProps: PropTypes.object,
-    SecondaryButtonProps: PropTypes.object
-  }),
-  onEsc: PropTypes.oneOf(['close', 'cancel']),
-  isHtmlContent: PropTypes.bool
-};
-AlertLookup.defaultProps = {
-  isActive: false,
-  palette: 'danger',
-  size: 'small',
-  type: 'alert',
-  wrapHeader: false,
-  sectionClassName: '',
-  dataId: 'alertPopup',
-  customClass: '',
-  isDefaultFocus: true,
-  customProps: {},
-  onEsc: 'cancel',
-  isHtmlContent: false
-};
+AlertLookup.propTypes = propTypes;
+AlertLookup.defaultProps = defaultProps;
 
 if (false) {
   AlertLookup.docs = {

package/es/alert/AlertLookup/props/defaultProps.js

@@ -0,0 +1,14 @@
+export const defaultProps = {
+  isActive: false,
+  palette: 'danger',
+  size: 'small',
+  type: 'alert',
+  wrapHeader: false,
+  sectionClassName: '',
+  dataId: 'alertPopup',
+  customClass: '',
+  isDefaultFocus: true,
+  customProps: {},
+  onEsc: 'cancel',
+  isHtmlContent: false
+};

package/es/alert/AlertLookup/props/propTypes.js

@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  cancelText: PropTypes.string,
+  children: PropTypes.node,
+  confirmationMessage: PropTypes.string,
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  forwardRef: PropTypes.object,
+  headerChildren: PropTypes.func,
+  iconClass: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isActive: PropTypes.bool,
+  isDefaultFocus: PropTypes.bool,
+  message: PropTypes.node,
+  needIcon: PropTypes.bool,
+  onCancelClick: PropTypes.func,
+  onClose: PropTypes.func,
+  onLookupClick: PropTypes.func,
+  onSubmitClick: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'primary', 'danger']),
+  sectionClassName: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'medium']),
+  submitText: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['delete', 'alert', 'remoteAssist', 'splitTicket']),
+  wrapHeader: PropTypes.bool,
+  customProps: PropTypes.shape({
+    LookupProps: PropTypes.object,
+    AlertHeaderProps: PropTypes.object,
+    PrimaryButtonProps: PropTypes.object,
+    SecondaryButtonProps: PropTypes.object
+  }),
+  onEsc: PropTypes.oneOf(['close', 'cancel']),
+  isHtmlContent: PropTypes.bool
+};

package/es/avatar/AvatarClose/AvatarClose.js

@@ -1,7 +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 PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import Icon from '@zohodesk/icons/lib/Icon';
 import style from './AvatarClose.module.css';
@@ -42,23 +43,8 @@ export default class AvatarClose extends React.Component {
   }
 
 }
-AvatarClose.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
-  })
-};
-AvatarClose.defaultProps = {
-  isClose: false,
-  size: 'medium',
-  customProps: {}
-};
+AvatarClose.propTypes = propTypes;
+AvatarClose.defaultProps = defaultProps;
 
 if (false) {
   AvatarClose.docs = {

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

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

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

@@ -0,0 +1,13 @@
+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
+  })
+};