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

package/README.md

@@ -2,6 +2,16 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.236
+
+ - Alertlookup and version2 Alertlookup -> didmount code added for Enter key functionality.
+ - TextEditor => htmlVersion !Doctype html added and handleChange function performance changes.
+
+# 1.0.0-beta.235
+
+ - Action Button => innerClassName and popupGroup prop added.
+ - default props and proptype => removed from component file and made it as a separate file.
+
 # 1.0.0-beta.234
 
 - AlertLookup V1 => isHtmlContent prop added

package/es/ActionButton/ActionButton.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 Popup from '@zohodesk/components/lib/Popup/Popup';
 import Icon from '@zohodesk/icons/lib/Icon';
 import Button from '@zohodesk/components/lib/Button/Button';
@@ -47,7 +48,9 @@ export class ActionButton extends React.Component {
       isBoxPaddingNeed,
       getContainerRef,
       getTargetRef,
-      removeChildrenTooltip
+      removeChildrenTooltip,
+      innerClassName,
+      popupGroup
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -71,7 +74,7 @@ export class ActionButton extends React.Component {
       flexible: true,
       onClick: onClick,
       dataId: dataId,
-      className: `${style.contentBox} ${style[palette + 'Btn']} ${style[size + '_btnBox']} ${children ? style.contentBoxBdr : style.contentBoxBdrRds} ${style.clickable} `,
+      className: `${style.contentBox} ${style[palette + 'Btn']} ${style[size + '_btnBox']} ${children ? style.contentBoxBdr : style.contentBoxBdrRds} ${style.clickable} ${innerClassName} `,
       "data-title": dataTitle
     }, /*#__PURE__*/React.createElement(Container, {
       align: "both"
@@ -114,7 +117,8 @@ export class ActionButton extends React.Component {
         customDropBoxWrap: dropBoxClass
       },
       isBoxPaddingNeed: isBoxPaddingNeed,
-      getRef: getContainerRef
+      getRef: getContainerRef,
+      popupGroup: popupGroup
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       shrink: true,
@@ -123,50 +127,8 @@ export class ActionButton extends React.Component {
   }
 
 }
-ActionButton.defaultProps = {
-  size: 'medium',
-  isArrow: false,
-  arrowBoxDataId: 'arrowBox',
-  dataId: 'actionButton',
-  onHover: false,
-  className: '',
-  iconName: '',
-  iconSize: '9',
-  isDisabled: false,
-  dropBoxClass: '',
-  arrowBoxSize: 'medium',
-  isBoxPaddingNeed: true,
-  palette: 'primaryFilled',
-  removeChildrenTooltip: false
-};
-ActionButton.propTypes = {
-  arrowBoxDataId: PropTypes.string,
-  arrowBoxSize: PropTypes.oneOf(['small', 'medium']),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  dropBoxClass: PropTypes.string,
-  defaultPosition: PropTypes.string,
-  position: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isArrow: PropTypes.bool,
-  isBoxPaddingNeed: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.bool,
-  palette: PropTypes.oneOf('primaryFilled', 'primary'),
-  removeClose: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  subText: PropTypes.string,
-  text: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  removeChildrenTooltip: PropTypes.bool
-};
+ActionButton.defaultProps = defaultProps;
+ActionButton.propTypes = propTypes;
 ActionButton.docs = {
   componentGroup: 'Atom'
 };

package/es/ActionButton/props/defaultProps.js

@@ -0,0 +1,17 @@
+export const defaultProps = {
+  size: 'medium',
+  isArrow: false,
+  arrowBoxDataId: 'arrowBox',
+  dataId: 'actionButton',
+  onHover: false,
+  className: '',
+  iconName: '',
+  iconSize: '9',
+  isDisabled: false,
+  dropBoxClass: '',
+  arrowBoxSize: 'medium',
+  isBoxPaddingNeed: true,
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false,
+  innerClassName: ''
+};

package/es/ActionButton/props/propTypes.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  arrowBoxDataId: PropTypes.string,
+  arrowBoxSize: PropTypes.oneOf(['small', 'medium']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  dropBoxClass: PropTypes.string,
+  defaultPosition: PropTypes.string,
+  position: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isBoxPaddingNeed: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isLoading: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  onClick: PropTypes.func,
+  onHover: PropTypes.bool,
+  palette: PropTypes.oneOf('primaryFilled', 'primary'),
+  removeClose: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  subText: PropTypes.string,
+  text: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  removeChildrenTooltip: PropTypes.bool,
+  innerClassName: PropTypes.string,
+  popupGroup: PropTypes.string
+};

package/es/AlphabeticList/AlphabeticList.js

@@ -1,13 +1,11 @@
 /*** Libraries ***/
 import React from 'react';
-import PropTypes from 'prop-types';
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
 import style from './AlphabeticList.module.css';
-let AlphabeticCharacters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
-let AlphabeticCharactersWithHash = [...AlphabeticCharacters, '#'];
-let NumberList = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '#'];
 export default class AlphabeticList extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -70,23 +68,8 @@ export default class AlphabeticList extends React.PureComponent {
   }
 
 }
-AlphabeticList.propTypes = {
-  align: PropTypes.string,
-  onSelect: PropTypes.func.isRequired,
-  selectedCharacter: PropTypes.oneOf(['ALL', ...AlphabeticCharacters, ...NumberList, ...AlphabeticCharactersWithHash]),
-  type: PropTypes.oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),
-  i18nKeys: PropTypes.shape({
-    allTitle: PropTypes.string,
-    allText: PropTypes.string
-  }),
-  dataId: PropTypes.string
-};
-AlphabeticList.defaultProps = {
-  align: 'vertical',
-  type: 'alphabetical',
-  i18nKeys: {},
-  dataId: 'Navi'
-};
+AlphabeticList.propTypes = AlphabeticList_propTypes;
+AlphabeticList.defaultProps = AlphabeticList_defaultProps;
 AlphabeticList.docs = {
   componentGroup: 'Atom'
 };
@@ -124,15 +107,5 @@ class AlphabeticListItem extends React.PureComponent {
 
 }
 
-AlphabeticListItem.propTypes = {
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  dataId: PropTypes.string
-};
-AlphabeticListItem.defaultProps = {
-  isActive: false,
-  text: '',
-  dataId: 'Navi'
-};
+AlphabeticListItem.propTypes = AlphabeticListItem_propTypes;
+AlphabeticListItem.defaultProps = AlphabeticListItem_defaultProps;

package/es/AlphabeticList/props/defaultProps.js

@@ -0,0 +1,11 @@
+export const AlphabeticList_defaultProps = {
+  align: 'vertical',
+  type: 'alphabetical',
+  i18nKeys: {},
+  dataId: 'Navi'
+};
+export const AlphabeticListItem_defaultProps = {
+  isActive: false,
+  text: '',
+  dataId: 'Navi'
+};

package/es/AlphabeticList/props/propTypes.js

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+export const AlphabeticCharacters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+export const NumberList = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '#'];
+export const AlphabeticCharactersWithHash = [...AlphabeticCharacters, '#'];
+export const AlphabeticList_propTypes = {
+  align: PropTypes.string,
+  onSelect: PropTypes.func.isRequired,
+  selectedCharacter: PropTypes.oneOf(['ALL', ...AlphabeticCharacters, ...NumberList, ...AlphabeticCharactersWithHash]),
+  type: PropTypes.oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),
+  i18nKeys: PropTypes.shape({
+    allTitle: PropTypes.string,
+    allText: PropTypes.string
+  }),
+  dataId: PropTypes.string
+};
+export const AlphabeticListItem_propTypes = {
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/Attachment/Attachment.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 Link from '../Link/Link';
@@ -76,26 +77,8 @@ export default class Attachment extends React.Component {
   }
 
 }
-Attachment.propTypes = {
-  dataId: PropTypes.string,
-  downloadLink: PropTypes.string,
-  fileInfo: PropTypes.string,
-  fileName: PropTypes.string,
-  fileSize: PropTypes.string,
-  iconName: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['transparent', 'default']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  i18nKeys: PropTypes.shape({
-    downloadTitle: PropTypes.string
-  })
-};
-Attachment.defaultProps = {
-  size: 'medium',
-  palette: 'default',
-  dataId: 'attachment',
-  i18nKeys: {}
-};
+Attachment.propTypes = propTypes;
+Attachment.defaultProps = defaultProps;
 
 if (false) {
   Attachment.docs = {

package/es/Attachment/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  size: 'medium',
+  palette: 'default',
+  dataId: 'attachment',
+  i18nKeys: {}
+};

package/es/Attachment/props/propTypes.js

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  downloadLink: PropTypes.string,
+  fileInfo: PropTypes.string,
+  fileName: PropTypes.string,
+  fileSize: PropTypes.string,
+  iconName: PropTypes.string,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['transparent', 'default']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  i18nKeys: PropTypes.shape({
+    downloadTitle: PropTypes.string
+  })
+};

package/es/AttachmentViewer/AttachmentImage.js

@@ -2,7 +2,8 @@
 
 /** * Libraries ** */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
 import Image from '../Image/Image';
 /** * CSS ** */
 
@@ -73,17 +74,5 @@ export default class AttachmentImage extends Component {
   }
 
 }
-AttachmentImage.propTypes = {
-  alt: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  id: PropTypes.string,
-  isCover: PropTypes.bool,
-  isImage: PropTypes.string,
-  onClick: PropTypes.func,
-  onLoad: PropTypes.func,
-  src: PropTypes.string
-};
-AttachmentImage.defaultProps = {
-  dataId: 'AttachmentImage'
-};
+AttachmentImage.propTypes = AttachmentImage_propTypes;
+AttachmentImage.defaultProps = AttachmentImage_defaultProps;

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
-import PropTypes from "prop-types";
+import { AttachmentViewer_defaultProps } from './props/defaultProps';
+import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from "@zohodesk/components/lib/Layout";
 import Icon from "@zohodesk/icons/lib/Icon";
 import Avatar from "@zohodesk/components/lib/Avatar/Avatar";
@@ -529,32 +530,8 @@ export default class AttachmentViewer extends Component {
   }
 
 }
-AttachmentViewer.propTypes = {
-  hideAttachmentViewer: PropTypes.func,
-  i18nKeys: PropTypes.shape({
-    nextText: PropTypes.string,
-    previousText: PropTypes.string,
-    zoomOutText: PropTypes.string,
-    zoomInText: PropTypes.string,
-    newTabText: PropTypes.string,
-    downloadText: PropTypes.string,
-    closeText: PropTypes.string,
-    hideText: PropTypes.string,
-    showText: PropTypes.string
-  }),
-  needDownload: PropTypes.string,
-  previewObj: PropTypes.object,
-  responsiveId: PropTypes.string,
-  maintainZoom: PropTypes.bool,
-  isActive: PropTypes.bool
-};
-AttachmentViewer.defaultProps = {
-  responsiveId: "Helmet",
-  needDownload: true,
-  i18nKeys: {},
-  maintainZoom: false,
-  isActive: false
-};
+AttachmentViewer.propTypes = AttachmentViewer_propTypes;
+AttachmentViewer.defaultProps = AttachmentViewer_defaultProps;
 
 if (false) {
   AttachmentViewer.docs = {

package/es/AttachmentViewer/props/defaultProps.js

@@ -0,0 +1,10 @@
+export const AttachmentImage_defaultProps = {
+  dataId: 'AttachmentImage'
+};
+export const AttachmentViewer_defaultProps = {
+  responsiveId: "Helmet",
+  needDownload: true,
+  i18nKeys: {},
+  maintainZoom: false,
+  isActive: false
+};

package/es/AttachmentViewer/props/propTypes.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export const AttachmentImage_propTypes = {
+  alt: PropTypes.string,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  id: PropTypes.string,
+  isCover: PropTypes.bool,
+  isImage: PropTypes.string,
+  onClick: PropTypes.func,
+  onLoad: PropTypes.func,
+  src: PropTypes.string
+};
+export const AttachmentViewer_propTypes = {
+  hideAttachmentViewer: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    nextText: PropTypes.string,
+    previousText: PropTypes.string,
+    zoomOutText: PropTypes.string,
+    zoomInText: PropTypes.string,
+    newTabText: PropTypes.string,
+    downloadText: PropTypes.string,
+    closeText: PropTypes.string,
+    hideText: PropTypes.string,
+    showText: PropTypes.string
+  }),
+  needDownload: PropTypes.string,
+  previewObj: PropTypes.object,
+  responsiveId: PropTypes.string,
+  maintainZoom: PropTypes.bool,
+  isActive: PropTypes.bool
+};

package/es/ChannelIcon/ChannelIcon.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 Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
@@ -89,35 +90,8 @@ export default class ChannelIcon extends Component {
   }
 
 }
-ChannelIcon.defaultProps = {
-  iconSize: '21',
-  name: 'phone',
-  needTopicBorder: true,
-  renderIconOnly: false
-};
-ChannelIcon.propTypes = {
-  action: PropTypes.string,
-  className: PropTypes.string,
-  customTextClass: PropTypes.string,
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconColor: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  iconTitle: PropTypes.string,
-  name: PropTypes.string,
-  needTopicBorder: PropTypes.bool,
-  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
-  renderIconOnly: PropTypes.bool,
-  size: PropTypes.string,
-  textPalette: PropTypes.oneOf(['white', 'black']),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  topicClass: PropTypes.string,
-  topicIcon: PropTypes.string,
-  topicIconColor: PropTypes.string,
-  topicIconSize: PropTypes.string,
-  topicIconTitle: PropTypes.string
-};
+ChannelIcon.defaultProps = defaultProps;
+ChannelIcon.propTypes = propTypes;
 
 if (false) {
   ChannelIcon.docs = {

package/es/ChannelIcon/props/defaultProps.js

@@ -0,0 +1,6 @@
+export const defaultProps = {
+  iconSize: '21',
+  name: 'phone',
+  needTopicBorder: true,
+  renderIconOnly: false
+};

package/es/ChannelIcon/props/propTypes.js

@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  action: PropTypes.string,
+  className: PropTypes.string,
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconColor: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  iconTitle: PropTypes.string,
+  name: PropTypes.string,
+  needTopicBorder: PropTypes.bool,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  renderIconOnly: PropTypes.bool,
+  size: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  topicClass: PropTypes.string,
+  topicIcon: PropTypes.string,
+  topicIconColor: PropTypes.string,
+  topicIconSize: PropTypes.string,
+  topicIconTitle: PropTypes.string
+};

package/es/Drawer/Drawer.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
 import FreezeLayer from '../FreezeLayer/FreezeLayer';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
@@ -83,29 +84,8 @@ export class Header extends React.Component {
   }
 
 }
-Header.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  closeTitle: PropTypes.string,
-  dataId: PropTypes.string,
-  flexible: PropTypes.bool,
-  getChildren: PropTypes.func,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  iconTitle: PropTypes.string,
-  isIconBold: PropTypes.bool,
-  onClose: PropTypes.func,
-  onIconClick: PropTypes.func,
-  paddingSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  title: PropTypes.string,
-  isBoxIcon: PropTypes.bool,
-  getTitleChildren: PropTypes.func
-};
-Header.defaultProps = {
-  flexible: false,
-  paddingSize: 'small',
-  isBoxIcon: true
-};
+Header.propTypes = Header_propTypes;
+Header.defaultProps = Header_defaultProps;
 export class Content extends React.Component {
   render() {
     let {
@@ -123,12 +103,7 @@ export class Content extends React.Component {
   }
 
 }
-Content.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  eleRef: PropTypes.func,
-  paddingSize: PropTypes.oneOf(['small', 'medium', 'large'])
-};
+Content.propTypes = Content_propTypes;
 export class Footer extends React.Component {
   render() {
     let {
@@ -145,15 +120,8 @@ export class Footer extends React.Component {
   }
 
 }
-Footer.propTypes = {
-  children: PropTypes.node,
-  paddingLeftSize: PropTypes.string,
-  paddingRightClass: PropTypes.string,
-  size: PropTypes.string
-};
-Footer.defaultProps = {
-  size: 'small'
-};
+Footer.propTypes = Footer_propTypes;
+Footer.defaultProps = Footer_defaultProps;
 export default class Drawer extends React.Component {
   constructor(props) {
     super(props);
@@ -276,36 +244,8 @@ export default class Drawer extends React.Component {
   }
 
 }
-Drawer.propTypes = {
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  forwardRef: PropTypes.object,
-  isActive: PropTypes.bool,
-  needAutoZindex: PropTypes.bool,
-  needFreeze: PropTypes.bool,
-  onBodyClick: PropTypes.func,
-  onClose: PropTypes.func,
-  paddingSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  palette: PropTypes.oneOf(['dark', 'default', 'darkLight', 'plain']),
-  responsiveId: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge', 'xxlarge', 'default']),
-  subDrawerActive: PropTypes.bool,
-  subDrawerChildren: PropTypes.func,
-  subDrawerClass: PropTypes.string,
-  subDrawerSize: PropTypes.oneOf(['xsmall', 'small', 'medium'])
-};
-Drawer.defaultProps = {
-  isActive: false,
-  palette: 'default',
-  responsiveId: 'Helmet',
-  size: 'small',
-  subDrawerSize: 'small',
-  subDrawerActive: false,
-  subDrawerClass: '',
-  customClass: '',
-  needAutoZindex: true,
-  onBodyClick: () => {}
-};
+Drawer.propTypes = Drawer_propTypes;
+Drawer.defaultProps = Drawer_defaultProps;
 
 if (false) {
   Drawer.docs = {

package/es/Drawer/props/defaultProps.js

@@ -0,0 +1,20 @@
+export const Header_defaultProps = {
+  flexible: false,
+  paddingSize: 'small',
+  isBoxIcon: true
+};
+export const Footer_defaultProps = {
+  size: 'small'
+};
+export const Drawer_defaultProps = {
+  isActive: false,
+  palette: 'default',
+  responsiveId: 'Helmet',
+  size: 'small',
+  subDrawerSize: 'small',
+  subDrawerActive: false,
+  subDrawerClass: '',
+  customClass: '',
+  needAutoZindex: true,
+  onBodyClick: () => {}
+};