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

package/es/form/layout/Field/props/propTypes.js

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.any,
+  className: PropTypes.string,
+  column: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  rowBreak: PropTypes.bool,
+  width: PropTypes.oneOf(['full', 'half'])
+};

package/es/form/layout/Section/Section.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { propTypes } from './props/propTypes';
 import style from './ModuleFormSection.module.css';
 export default class Section extends Component {
   constructor(props) {
@@ -28,14 +28,7 @@ export default class Section extends Component {
   }
 
 }
-Section.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  containerClass: PropTypes.string,
-  dataId: PropTypes.string,
-  title: PropTypes.string,
-  titleClass: PropTypes.string
-};
+Section.propTypes = propTypes;
 
 if (false) {
   Section.docs = {

package/es/form/layout/Section/props/propTypes.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  containerClass: PropTypes.string,
+  dataId: PropTypes.string,
+  title: PropTypes.string,
+  titleClass: PropTypes.string
+};

package/es/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from './props/defaultProps';
+import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Icon from '@zohodesk/icons/lib/Icon';
 import style from './SetupDetailLayout.module.css';
@@ -72,18 +73,8 @@ export default class SetupDetailLayout extends React.Component {
   }
 
 }
-SetupDetailLayout.propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  getHelpInfo: PropTypes.func,
-  helpInfoTitle: PropTypes.string,
-  needHelpInfo: PropTypes.bool
-};
-SetupDetailLayout.defaultProps = {
-  helpInfoTitle: 'Page Tips',
-  needHelpInfo: false,
-  dataId: 'SetupDetailLayout'
-};
+SetupDetailLayout.propTypes = SetupDetailLayout_propTypes;
+SetupDetailLayout.defaultProps = SetupDetailLayout_defaultProps;
 
 if (false) {
   SetupDetailLayout.docs = {
@@ -165,27 +156,8 @@ export class SetupHeader extends Component {
   }
 
 }
-SetupHeader.propTypes = {
-  dataId: PropTypes.string,
-  getLeftPlaceHolder: PropTypes.func,
-  getRightPlaceHolder: PropTypes.func,
-  headerCustomStyle: PropTypes.object,
-  isCustomizedHeader: PropTypes.bool,
-  leftClassName: PropTypes.string,
-  needBack: PropTypes.bool,
-  needHelpInfo: PropTypes.bool,
-  needHelpInfoWrapper: PropTypes.bool,
-  onBackClick: PropTypes.func,
-  openHelpInfo: PropTypes.func,
-  rightClassName: PropTypes.string,
-  title: PropTypes.string
-};
-SetupHeader.defaultProps = {
-  needBack: false,
-  needHelpInfo: false,
-  needHelpInfoWrapper: false,
-  dataId: 'SetupHeader'
-};
+SetupHeader.propTypes = SetupHeader_propTypes;
+SetupHeader.defaultProps = SetupHeader_defaultProps;
 export class SetupContent extends Component {
   constructor(props) {
     super(props);
@@ -208,16 +180,8 @@ export class SetupContent extends Component {
   }
 
 }
-SetupContent.propTypes = {
-  children: PropTypes.element,
-  className: PropTypes.bool,
-  dataId: PropTypes.string,
-  needPadding: PropTypes.bool
-};
-SetupContent.defaultProps = {
-  needPadding: true,
-  dataId: 'SetupContent'
-};
+SetupContent.propTypes = SetupContent_propTypes;
+SetupContent.defaultProps = SetupContent_defaultProps;
 export class SetupFooter extends Component {
   constructor(props) {
     super(props);
@@ -234,10 +198,5 @@ export class SetupFooter extends Component {
   }
 
 }
-SetupFooter.propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string
-};
-SetupFooter.defaultProps = {
-  dataId: 'SetupFooter'
-};
+SetupFooter.propTypes = SetupFooter_propTypes;
+SetupFooter.defaultProps = SetupFooter_defaultProps;

package/es/layout/SetupDetailLayout/props/defaultProps.js

@@ -0,0 +1,18 @@
+export const SetupDetailLayout_defaultProps = {
+  helpInfoTitle: 'Page Tips',
+  needHelpInfo: false,
+  dataId: 'SetupDetailLayout'
+};
+export const SetupHeader_defaultProps = {
+  needBack: false,
+  needHelpInfo: false,
+  needHelpInfoWrapper: false,
+  dataId: 'SetupHeader'
+};
+export const SetupContent_defaultProps = {
+  needPadding: true,
+  dataId: 'SetupContent'
+};
+export const SetupFooter_defaultProps = {
+  dataId: 'SetupFooter'
+};

package/es/layout/SetupDetailLayout/props/propTypes.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+export const SetupDetailLayout_propTypes = {
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  getHelpInfo: PropTypes.func,
+  helpInfoTitle: PropTypes.string,
+  needHelpInfo: PropTypes.bool
+};
+export const SetupHeader_propTypes = {
+  dataId: PropTypes.string,
+  getLeftPlaceHolder: PropTypes.func,
+  getRightPlaceHolder: PropTypes.func,
+  headerCustomStyle: PropTypes.object,
+  isCustomizedHeader: PropTypes.bool,
+  leftClassName: PropTypes.string,
+  needBack: PropTypes.bool,
+  needHelpInfo: PropTypes.bool,
+  needHelpInfoWrapper: PropTypes.bool,
+  onBackClick: PropTypes.func,
+  openHelpInfo: PropTypes.func,
+  rightClassName: PropTypes.string,
+  title: PropTypes.string
+};
+export const SetupContent_propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.bool,
+  dataId: PropTypes.string,
+  needPadding: PropTypes.bool
+};
+export const SetupFooter_propTypes = {
+  children: PropTypes.element,
+  dataId: PropTypes.string
+};

package/es/layout/SubtabLayout/SubtabLayout.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 { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
+import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
 import PlusIcon from '../../PlusIcon/PlusIcon';
@@ -59,32 +60,8 @@ export class SubtabHeader extends React.Component {
   }
 
 }
-SubtabHeader.propTypes = {
-  children: PropTypes.element,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  getLeftPlaceHolder: PropTypes.oneOf([PropTypes.func, PropTypes.object]),
-  getRightPlaceHolder: PropTypes.func,
-  isPeekView: PropTypes.bool,
-  label: PropTypes.string,
-  leftClassName: PropTypes.string,
-  needBorderShadow: PropTypes.bool,
-  needPlusIconLine: PropTypes.bool,
-  onAdd: PropTypes.func,
-  rightClassName: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])
-};
-SubtabHeader.defaultProps = {
-  type: 'primary',
-  needBorder: true,
-  needShadow: true,
-  needPlusIconLine: true,
-  dataId: 'addreqNowbutton',
-  className: '',
-  leftClassName: '',
-  rightClassName: ''
-};
+SubtabHeader.propTypes = SubtabHeader_propTypes;
+SubtabHeader.defaultProps = SubtabHeader_defaultProps;
 export class SubtabFooter extends React.Component {
   render() {
     let {
@@ -116,27 +93,8 @@ export class SubtabFooter extends React.Component {
   }
 
 }
-SubtabFooter.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  getRightFooterPlaceHolder: PropTypes.func,
-  isPeekView: PropTypes.bool,
-  leftClassName: PropTypes.string,
-  needPadding: PropTypes.bool,
-  rightClassName: PropTypes.string,
-  size: PropTypes.oneOf('medium', 'large', 'xlarge'),
-  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])
-};
-SubtabFooter.defaultProps = {
-  className: '',
-  leftClassName: '',
-  rightClassName: '',
-  dataId: 'subtabFooter',
-  size: 'xlarge',
-  needPadding: true,
-  type: 'tertiary'
-};
+SubtabFooter.propTypes = SubtabFooter_propTypes;
+SubtabFooter.defaultProps = SubtabFooter_defaultProps;
 export class SubtabContent extends React.Component {
   render() {
     let {
@@ -158,16 +116,8 @@ export class SubtabContent extends React.Component {
   }
 
 }
-SubtabContent.propTypes = {
-  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
-  className: PropTypes.element,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  scroll: PropTypes.oneOf(['vertical'])
-};
-SubtabContent.defaultProps = {
-  scroll: 'vertical'
-};
+SubtabContent.propTypes = SubtabContent_propTypes;
+SubtabContent.defaultProps = SubtabContent_defaultProps;
 export default class SubtabLayout extends React.Component {
   render() {
     let {
@@ -186,13 +136,8 @@ export default class SubtabLayout extends React.Component {
   }
 
 }
-SubtabLayout.defaultProps = {
-  dataId: 'subTabLayout'
-};
-SubtabLayout.propTypes = {
-  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
-  dataId: PropTypes.string
-};
+SubtabLayout.defaultProps = SubtabLayout_defaultProps;
+SubtabLayout.propTypes = SubtabLayout_propTypes;
 
 if (false) {
   SubtabLayout.docs = {

package/es/layout/SubtabLayout/props/defaultProps.js

@@ -0,0 +1,25 @@
+export const SubtabHeader_defaultProps = {
+  type: 'primary',
+  needBorder: true,
+  needShadow: true,
+  needPlusIconLine: true,
+  dataId: 'addreqNowbutton',
+  className: '',
+  leftClassName: '',
+  rightClassName: ''
+};
+export const SubtabFooter_defaultProps = {
+  className: '',
+  leftClassName: '',
+  rightClassName: '',
+  dataId: 'subtabFooter',
+  size: 'xlarge',
+  needPadding: true,
+  type: 'tertiary'
+};
+export const SubtabContent_defaultProps = {
+  scroll: 'vertical'
+};
+export const SubtabLayout_defaultProps = {
+  dataId: 'subTabLayout'
+};

package/es/layout/SubtabLayout/props/propTypes.js

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+export const SubtabHeader_propTypes = {
+  children: PropTypes.element,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  getLeftPlaceHolder: PropTypes.oneOf([PropTypes.func, PropTypes.object]),
+  getRightPlaceHolder: PropTypes.func,
+  isPeekView: PropTypes.bool,
+  label: PropTypes.string,
+  leftClassName: PropTypes.string,
+  needBorderShadow: PropTypes.bool,
+  needPlusIconLine: PropTypes.bool,
+  onAdd: PropTypes.func,
+  rightClassName: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])
+};
+export const SubtabFooter_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  getRightFooterPlaceHolder: PropTypes.func,
+  isPeekView: PropTypes.bool,
+  leftClassName: PropTypes.string,
+  needPadding: PropTypes.bool,
+  rightClassName: PropTypes.string,
+  size: PropTypes.oneOf('medium', 'large', 'xlarge'),
+  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])
+};
+export const SubtabContent_propTypes = {
+  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
+  className: PropTypes.element,
+  dataId: PropTypes.string,
+  eleRef: PropTypes.func,
+  scroll: PropTypes.oneOf(['vertical'])
+};
+export const SubtabLayout_propTypes = {
+  children: PropTypes.oneOf([PropTypes.element, PropTypes.array]),
+  dataId: PropTypes.string
+};

package/es/list/AvatarFlip/AvatarFlip.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 FlipCard from '../../FlipCard/FlipCard';
 import style from './AvatarFlip.module.css';
 export default class AvatarFlip extends Component {
@@ -64,38 +65,8 @@ export default class AvatarFlip extends Component {
   }
 
 }
-AvatarFlip.propTypes = {
-  action: PropTypes.string,
-  channel: PropTypes.string,
-  channelTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  className: PropTypes.string,
-  customTextClass: PropTypes.string,
-  dataId: PropTypes.string,
-  frontClass: PropTypes.string,
-  icon: PropTypes.string,
-  iconSize: PropTypes.string,
-  id: PropTypes.string.isRequired,
-  initial: PropTypes.string,
-  isChecked: PropTypes.bool,
-  isFilledCheckbox: PropTypes.bool,
-  isPaidUser: PropTypes.bool,
-  isPortalUser: PropTypes.bool,
-  name: PropTypes.string,
-  needTitle: PropTypes.bool,
-  noNeedFlip: PropTypes.bool,
-  onChange: PropTypes.func,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  size: PropTypes.string,
-  src: PropTypes.string,
-  textPalette: PropTypes.oneOf(['white', 'black']),
-  tourId: PropTypes.string
-};
-AvatarFlip.defaultProps = {
-  size: 'xmedium',
-  noNeedFlip: false,
-  iconSize: '21'
-};
+AvatarFlip.propTypes = propTypes;
+AvatarFlip.defaultProps = defaultProps;
 
 if (false) {
   AvatarFlip.docs = {

package/es/list/AvatarFlip/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  size: 'xmedium',
+  noNeedFlip: false,
+  iconSize: '21'
+};

package/es/list/AvatarFlip/props/propTypes.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  action: PropTypes.string,
+  channel: PropTypes.string,
+  channelTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  className: PropTypes.string,
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  frontClass: PropTypes.string,
+  icon: PropTypes.string,
+  iconSize: PropTypes.string,
+  id: PropTypes.string.isRequired,
+  initial: PropTypes.string,
+  isChecked: PropTypes.bool,
+  isFilledCheckbox: PropTypes.bool,
+  isPaidUser: PropTypes.bool,
+  isPortalUser: PropTypes.bool,
+  name: PropTypes.string,
+  needTitle: PropTypes.bool,
+  noNeedFlip: PropTypes.bool,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  size: PropTypes.string,
+  src: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  tourId: PropTypes.string
+};

package/es/list/BluePrintStatus/BluePrintStatus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { propTypes } from './props/propTypes';
 import style from './BluePrintStatus.module.css';
 import Icon from '@zohodesk/icons/lib/Icon';
 export default class BluePrintStatus extends React.Component {
@@ -21,9 +21,7 @@ export default class BluePrintStatus extends React.Component {
   }
 
 }
-BluePrintStatus.propTypes = {
-  title: PropTypes.string
-};
+BluePrintStatus.propTypes = propTypes;
 
 if (false) {
   BluePrintStatus.docs = {

package/es/list/BluePrintStatus/props/propTypes.js

@@ -0,0 +1,4 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string
+};

package/es/list/Comment/Comment.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 Icon from '@zohodesk/icons/lib/Icon';
 import { i18NProviderUtils } from '@zohodesk/i18n';
 import Button from '@zohodesk/components/lib/semantic/Button/Button';
@@ -32,17 +33,8 @@ export default class Comment extends Component {
   }
 
 }
-Comment.defaultProps = {
-  className: ''
-};
-Comment.propTypes = {
-  className: PropTypes.string,
-  count: PropTypes.string,
-  features: PropTypes.array,
-  iconTitle: PropTypes.string,
-  module: PropTypes.string,
-  onClick: PropTypes.func
-};
+Comment.defaultProps = defaultProps;
+Comment.propTypes = propTypes;
 
 if (false) {
   Comment.docs = {

package/es/list/Comment/props/defaultProps.js

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

package/es/list/Comment/props/propTypes.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  count: PropTypes.string,
+  features: PropTypes.array,
+  iconTitle: PropTypes.string,
+  module: PropTypes.string,
+  onClick: PropTypes.func
+};

package/es/list/DepartmentDropDown/DepartmentDropDown.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 ToggleDropDown from '../../dropdown/ToggleDropDown/ToggleDropDown';
 import { DepartmentText } from '../SecondaryText';
 import style from './DepartmentDropDown.module.css';
@@ -89,36 +90,8 @@ class DepartmentDropDown extends Component {
 
 }
 
-DepartmentDropDown.defaultProps = {
-  isEditable: true,
-  isPopupActive: true,
-  isNextOptions: false,
-  searchStr: '',
-  i18nKeys: {}
-};
-DepartmentDropDown.propTypes = {
-  dataId: PropTypes.string,
-  departmentList: PropTypes.array,
-  departmentName: PropTypes.string,
-  getDepartment: PropTypes.func,
-  getNextOptions: PropTypes.func,
-  isEditable: PropTypes.bool,
-  isFetching: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isPopupActive: PropTypes.bool,
-  needSearchFetching: PropTypes.bool,
-  onMoveDepartment: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSearch: PropTypes.func,
-  onSelectLabel: PropTypes.func,
-  searchStr: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    title: PropTypes.string,
-    searchEmptyText: PropTypes.string,
-    searchErrorText: PropTypes.string,
-    placeholder: PropTypes.string
-  })
-};
+DepartmentDropDown.defaultProps = defaultProps;
+DepartmentDropDown.propTypes = propTypes;
 export default DepartmentDropDown;
 
 if (false) {

package/es/list/DepartmentDropDown/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  isEditable: true,
+  isPopupActive: true,
+  isNextOptions: false,
+  searchStr: '',
+  i18nKeys: {}
+};

package/es/list/DepartmentDropDown/props/propTypes.js

@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  departmentList: PropTypes.array,
+  departmentName: PropTypes.string,
+  getDepartment: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  isEditable: PropTypes.bool,
+  isFetching: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPopupActive: PropTypes.bool,
+  needSearchFetching: PropTypes.bool,
+  onMoveDepartment: PropTypes.func,
+  onSearch: PropTypes.func,
+  onSearch: PropTypes.func,
+  onSelectLabel: PropTypes.func,
+  searchStr: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    title: PropTypes.string,
+    searchEmptyText: PropTypes.string,
+    searchErrorText: PropTypes.string,
+    placeholder: PropTypes.string
+  })
+};

package/es/list/Dot/Dot.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 style from './Dot.module.css';
 export default class Dot extends Component {
   constructor(props) {
@@ -17,11 +18,5 @@ export default class Dot extends Component {
   }
 
 }
-Dot.propTypes = {
-  className: PropTypes.string,
-  spacingType: PropTypes.oneOf(['minimalList', 'list'])
-};
-Dot.defaultProps = {
-  spacingType: 'list',
-  className: ''
-};
+Dot.propTypes = propTypes;
+Dot.defaultProps = defaultProps;

package/es/list/Dot/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  spacingType: 'list',
+  className: ''
+};

package/es/list/Dot/props/propTypes.js

@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  spacingType: PropTypes.oneOf(['minimalList', 'list'])
+};

package/es/list/DotNew/DotNew.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 style from './DotNew.module.css';
 export default class DotNew extends Component {
   constructor(props) {
@@ -19,14 +20,8 @@ export default class DotNew extends Component {
   }
 
 }
-DotNew.propTypes = {
-  className: PropTypes.string,
-  dataTitle: PropTypes.string,
-  size: PropTypes.string
-};
-DotNew.defaultProps = {
-  size: 'medium'
-};
+DotNew.propTypes = propTypes;
+DotNew.defaultProps = defaultProps;
 
 if (false) {
   DotNew.docs = {

package/es/list/DotNew/props/defaultProps.js

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

package/es/list/DotNew/props/propTypes.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  className: PropTypes.string,
+  dataTitle: PropTypes.string,
+  size: PropTypes.string
+};