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

package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.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 { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version3/ErrorUnableToProcessRequest';
@@ -62,29 +63,8 @@ export default class UnableToProcessRequest extends React.Component {
   }
 
 }
-UnableToProcessRequest.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'])
-};
-UnableToProcessRequest.defaultProps = {
-  dataId: 'unabletoprocessrequest',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};
+UnableToProcessRequest.propTypes = propTypes;
+UnableToProcessRequest.defaultProps = defaultProps;
 
 if (false) {
   UnableToProcessRequest.docs = {

package/es/version2/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/version2/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/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.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 { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/errorstate/version3/ErrorUnauthorizedLogin';
@@ -64,31 +65,8 @@ export default class UnauthorizedLogin extends React.Component {
   }
 
 }
-UnauthorizedLogin.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'])
-};
-UnauthorizedLogin.defaultProps = {
-  dataId: 'permissionPlay',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  buttonPalette: 'primaryFilled',
-  size: 'large'
-};
+UnauthorizedLogin.propTypes = propTypes;
+UnauthorizedLogin.defaultProps = defaultProps;
 
 if (false) {
   UnauthorizedLogin.docs = {

package/es/version2/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/version2/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'])
+};

package/es/version2/errorstate/UrlNotFound/UrlNotFound.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 { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorUrlNotFound from '@zohodesk/svg/lib/errorstate/version3/ErrorUrlNotFound';
@@ -62,29 +63,8 @@ export default class UrlNotFound extends React.Component {
   }
 
 }
-UrlNotFound.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'])
-};
-UrlNotFound.defaultProps = {
-  dataId: 'urlnotfound',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};
+UrlNotFound.propTypes = propTypes;
+UrlNotFound.defaultProps = defaultProps;
 
 if (false) {
   UrlNotFound.docs = {

package/es/version2/errorstate/UrlNotFound/props/defaultProps.js

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

package/es/version2/errorstate/UrlNotFound/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/version2/errorstate/WillBeRightBack/WillBeRightBack.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 { Container } from '@zohodesk/components/lib/Layout';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ErrorWillBeRightBack from '@zohodesk/svg/lib/errorstate/version3/ErrorWillBeRightBack';
@@ -62,29 +63,8 @@ export default class WillBeRightBack extends React.Component {
   }
 
 }
-WillBeRightBack.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'])
-};
-WillBeRightBack.defaultProps = {
-  dataId: 'willberightback',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};
+WillBeRightBack.propTypes = propTypes;
+WillBeRightBack.defaultProps = defaultProps;
 
 if (false) {
   WillBeRightBack.docs = {

package/es/version2/errorstate/WillBeRightBack/props/defaultProps.js

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

package/es/version2/errorstate/WillBeRightBack/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/version2/lookup/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 { Container, Box } from '@zohodesk/components/lib/Layout';
 import AlertClose from '../../AlertClose/AlertClose';
 import AlertIcons from '../../alertIcons/AlertIcons';
@@ -52,23 +53,8 @@ export default class AlertHeader extends Component {
   }
 
 }
-AlertHeader.propTypes = {
-  breakChildren: PropTypes.bool,
-  children: PropTypes.node,
-  closeTitle: PropTypes.string,
-  dataId: PropTypes.string,
-  needIcon: PropTypes.bool,
-  onClose: PropTypes.func,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
-  htmlId: PropTypes.string
-};
-AlertHeader.defaultProps = {
-  needIcon: true,
-  type: 'danger',
-  breakChildren: false,
-  dataId: 'alertHeader'
-};
+AlertHeader.propTypes = propTypes;
+AlertHeader.defaultProps = defaultProps;
 
 if (false) {
   AlertHeader.docs = {

package/es/version2/lookup/AlertHeader/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  needIcon: true,
+  type: 'danger',
+  breakChildren: false,
+  dataId: 'alertHeader'
+};

package/es/version2/lookup/AlertHeader/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  breakChildren: PropTypes.bool,
+  children: PropTypes.node,
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  needIcon: PropTypes.bool,
+  onClose: PropTypes.func,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  htmlId: PropTypes.string
+};

package/es/version2/lookup/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';
@@ -43,6 +44,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
@@ -197,54 +208,8 @@ export default class AlertLookup extends Component {
   }
 
 }
-AlertLookup.propTypes = {
-  cancelText: PropTypes.string,
-  children: PropTypes.node,
-  confirmationMessage: PropTypes.string,
-  customClass: PropTypes.object,
-  dataId: PropTypes.string,
-  forwardRef: PropTypes.object,
-  headerChildren: PropTypes.func,
-  isActive: PropTypes.bool,
-  isDefaultFocus: PropTypes.bool,
-  message: PropTypes.node,
-  needIcon: PropTypes.bool,
-  onCancelClick: PropTypes.func,
-  onClose: PropTypes.func,
-  onLookupClick: PropTypes.func,
-  onSubmitClick: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'xmedium', 'medium']),
-  submitText: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
-  wrapHeader: PropTypes.bool,
-  alertTitleId: PropTypes.string,
-  a11y: PropTypes.object,
-  customProps: PropTypes.shape({
-    LookupProps: PropTypes.object,
-    AlertHeaderProps: PropTypes.object,
-    PrimaryButtonProps: PropTypes.object,
-    SecondaryButtonProps: PropTypes.object
-  }),
-  align: PropTypes.oneOf(['top', 'vertical']),
-  childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
-  isHtmlContent: PropTypes.bool,
-  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
-  onEsc: PropTypes.oneOf(['close', 'cancel'])
-};
-AlertLookup.defaultProps = {
-  isActive: false,
-  size: 'small',
-  wrapHeader: false,
-  dataId: 'alertPopup',
-  isDefaultFocus: true,
-  customProps: {},
-  align: 'top',
-  childAnimationName: 'flyDown',
-  isHtmlContent: false,
-  scroll: '',
-  onEsc: 'cancel'
-};
+AlertLookup.propTypes = propTypes;
+AlertLookup.defaultProps = defaultProps;
 
 if (false) {
   AlertLookup.docs = {

package/es/version2/lookup/AlertLookup/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const defaultProps = {
+  isActive: false,
+  size: 'small',
+  wrapHeader: false,
+  dataId: 'alertPopup',
+  isDefaultFocus: true,
+  customProps: {},
+  align: 'top',
+  childAnimationName: 'flyDown',
+  isHtmlContent: false,
+  scroll: '',
+  onEsc: 'cancel'
+};

package/es/version2/lookup/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.object,
+  dataId: PropTypes.string,
+  forwardRef: PropTypes.object,
+  headerChildren: PropTypes.func,
+  isActive: PropTypes.bool,
+  isDefaultFocus: PropTypes.bool,
+  message: PropTypes.node,
+  needIcon: PropTypes.bool,
+  onCancelClick: PropTypes.func,
+  onClose: PropTypes.func,
+  onLookupClick: PropTypes.func,
+  onSubmitClick: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'xmedium', 'medium']),
+  submitText: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
+  wrapHeader: PropTypes.bool,
+  alertTitleId: PropTypes.string,
+  a11y: PropTypes.object,
+  customProps: PropTypes.shape({
+    LookupProps: PropTypes.object,
+    AlertHeaderProps: PropTypes.object,
+    PrimaryButtonProps: PropTypes.object,
+    SecondaryButtonProps: PropTypes.object
+  }),
+  align: PropTypes.oneOf(['top', 'vertical']),
+  childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
+  isHtmlContent: PropTypes.bool,
+  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: PropTypes.oneOf(['close', 'cancel'])
+};

package/es/version2/notification/DesktopNotification/DesktopNotification.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';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import AutoClose from '../../../actions/AutoClose';
@@ -151,55 +152,8 @@ export default function DesktopNotification(props) {
     Element: DesktopNotificationUI
   }));
 }
-DesktopNotification.propTypes = {
-  autoClose: PropTypes.bool,
-  cancelText: PropTypes.string,
-  customClass: PropTypes.object,
-  dataId: PropTypes.string,
-  getBottomContainer: PropTypes.func,
-  getSectionContainer: PropTypes.func,
-  getSubmitContainer: PropTypes.func,
-  hidePopNotification: PropTypes.func,
-  hideTime: PropTypes.string,
-  i18nKeys: PropTypes.object,
-  id: PropTypes.string,
-  info: PropTypes.string,
-  isAnimate: PropTypes.bool,
-  isClose: PropTypes.bool,
-  isMore: PropTypes.bool,
-  isShrinkView: PropTypes.bool,
-  message: PropTypes.string,
-  needAutoZindex: PropTypes.bool,
-  needClose: PropTypes.bool,
-  needIcon: PropTypes.bool,
-  onCancel: PropTypes.func,
-  onClose: PropTypes.func,
-  onSubmit: PropTypes.func,
-  secondaryInfo: PropTypes.string,
-  size: PropTypes.oneOf(['medium', 'large']),
-  subTitle: PropTypes.string,
-  submitText: PropTypes.string,
-  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
-  titleVariant: PropTypes.oneOf(['primary', 'secondary']),
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  customProps: PropTypes.shape({
-    ExtraProps: PropTypes.object
-  })
-};
-DesktopNotification.defaultProps = {
-  isMore: false,
-  isAnimate: true,
-  isClose: false,
-  autoClose: false,
-  hideTime: '3000',
-  dataId: 'toastMessage',
-  needAutoZindex: true,
-  needIcon: true,
-  titleVariant: 'primary',
-  isShrinkView: false,
-  needClose: true,
-  customProps: {}
-};
+DesktopNotification.propTypes = propTypes;
+DesktopNotification.defaultProps = defaultProps;
 
 if (false) {
   DesktopNotification.docs = {

package/es/version2/notification/DesktopNotification/props/defaultProps.js

@@ -0,0 +1,14 @@
+export const defaultProps = {
+  isMore: false,
+  isAnimate: true,
+  isClose: false,
+  autoClose: false,
+  hideTime: '3000',
+  dataId: 'toastMessage',
+  needAutoZindex: true,
+  needIcon: true,
+  titleVariant: 'primary',
+  isShrinkView: false,
+  needClose: true,
+  customProps: {}
+};

package/es/version2/notification/DesktopNotification/props/propTypes.js

@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoClose: PropTypes.bool,
+  cancelText: PropTypes.string,
+  customClass: PropTypes.object,
+  dataId: PropTypes.string,
+  getBottomContainer: PropTypes.func,
+  getSectionContainer: PropTypes.func,
+  getSubmitContainer: PropTypes.func,
+  hidePopNotification: PropTypes.func,
+  hideTime: PropTypes.string,
+  i18nKeys: PropTypes.object,
+  id: PropTypes.string,
+  info: PropTypes.string,
+  isAnimate: PropTypes.bool,
+  isClose: PropTypes.bool,
+  isMore: PropTypes.bool,
+  isShrinkView: PropTypes.bool,
+  message: PropTypes.string,
+  needAutoZindex: PropTypes.bool,
+  needClose: PropTypes.bool,
+  needIcon: PropTypes.bool,
+  onCancel: PropTypes.func,
+  onClose: PropTypes.func,
+  onSubmit: PropTypes.func,
+  secondaryInfo: PropTypes.string,
+  size: PropTypes.oneOf(['medium', 'large']),
+  subTitle: PropTypes.string,
+  submitText: PropTypes.string,
+  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
+  titleVariant: PropTypes.oneOf(['primary', 'secondary']),
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  customProps: PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
+};

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.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 { Container, Box } from '@zohodesk/components/lib/Layout';
 import AlertClose from '../../AlertClose/AlertClose';
 import AlertIcons from '../../alertIcons/AlertIcons';
@@ -51,21 +52,8 @@ export default class DesktopNotificationHeader extends Component {
   }
 
 }
-DesktopNotificationHeader.propTypes = {
-  closeTitle: PropTypes.string,
-  dataId: PropTypes.string,
-  needClose: PropTypes.bool,
-  needIcon: PropTypes.bool,
-  onClose: PropTypes.func,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
-  variant: PropTypes.oneOf(['primary', 'secondary'])
-};
-DesktopNotificationHeader.defaultProps = {
-  needIcon: true,
-  variant: 'primary',
-  needClose: true
-};
+DesktopNotificationHeader.propTypes = propTypes;
+DesktopNotificationHeader.defaultProps = defaultProps;
 
 if (false) {
   DesktopNotificationHeader.docs = {

package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  needIcon: true,
+  variant: 'primary',
+  needClose: true
+};

package/es/version2/notification/DesktopNotificationHeader/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  needClose: PropTypes.bool,
+  needIcon: PropTypes.bool,
+  onClose: PropTypes.func,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  variant: PropTypes.oneOf(['primary', 'secondary'])
+};