@zohodesk/dot 1.4.2 → 1.4.4

package/es/setup/header/Search/Search.module.css

@@ -13,6 +13,7 @@
 .active .input, .input:hover {
   border-bottom-color: var(--zdt_search_input_border);
 }
+/* css:lineheight-validation:ignore */
 .icon {
   position: absolute;
   top: 0 ;
@@ -35,7 +36,6 @@
   font-size: var(--zd_font_size13) ;
   width: 100% ;
   letter-spacing: 0.2px;
-  /* css:theme-validation:ignore */
   transition: all var(--zd_transition3) ease;
   color: var(--zdt_search_input_text);
   font-family: var(--zd_regular);

package/es/setup/header/Views/Views.module.css

@@ -5,6 +5,7 @@
 }[dir=rtl] .container {
   margin-left: var(--zd_size15) ;
 }
+/* css:lineheight-validation:ignore */
 .icon {
   display: inline-block;
   color: var(--zdt_views_icon);

package/es/setup/helptips/Description/HelpTipsDescription.module.css

@@ -1,6 +1,6 @@
 .text {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_helptips_text);
-  line-height: var(--zd_size24);
+  line-height: 1.7143;
   margin: var(--zd_size10) 0 ;
 }

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../ActionButton/props/defaultProps';
-import { propTypes } from '../../ActionButton/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/ActionButton/props/defaultProps.js

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

package/es/v1/ActionButton/props/propTypes.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataSelectorId: 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,
+  togglePopup: PropTypes.func,
+  openPopupOnly: PropTypes.func
+};

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,7 +1,7 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from '../../AlphabeticList/props/defaultProps';
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from '../../AlphabeticList/props/propTypes';
+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/es/v1/Layout';
 /*** CSS ***/
 

package/es/v1/AlphabeticList/props/defaultProps.js

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

package/es/v1/AlphabeticList/props/propTypes.js

@@ -0,0 +1,23 @@
+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.oneOf(['vertical', 'horizontal']),
+  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,
+  dataSelectorId: PropTypes.string
+};
+export const AlphabeticListItem_propTypes = {
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/v1/Attachment/Attachment.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../Attachment/props/defaultProps';
-import { propTypes } from '../../Attachment/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../Link/Link';
@@ -22,14 +22,15 @@ const Attachment = props => {
     tooltip,
     fileInfo,
     i18nKeys,
-    dataSelectorId
+    dataSelectorId,
+    isDisabled
   } = props;
   let {
     downloadTitle = 'Download'
   } = i18nKeys;
   return /*#__PURE__*/React.createElement(Container, {
     isInline: true,
-    className: `${style.attachment} ${onClick ? style.attachmentHover : ''} ${style[`palette_${palette}`]} ${style[size]}`,
+    className: `${style.attachment} ${isDisabled ? style.disableAttachment : ""} ${onClick ? style.attachmentHover : ''} ${style[`palette_${palette}`]} ${style[size]}`,
     onClick: onClick,
     dataId: dataId,
     "data-title": tooltip,
@@ -70,7 +71,7 @@ const Attachment = props => {
     adjust: true,
     shrink: true,
     "data-title": fileInfo
-  }, fileInfo)) : null)))), downloadLink ? /*#__PURE__*/React.createElement(Link, {
+  }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/React.createElement(Link, {
     target: "_self",
     href: downloadLink,
     className: style.attachDownload,
@@ -79,7 +80,10 @@ const Attachment = props => {
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "ZD-downloadNew",
     iconClass: style.downIcon
-  })) : null);
+  })) : null, isDisabled ? /*#__PURE__*/React.createElement("div", {
+    "data-title": tooltip,
+    className: style.disableLayer
+  }) : null);
 };
 
 Attachment.propTypes = propTypes;

package/es/v1/Attachment/props/defaultProps.js

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

package/es/v1/Attachment/props/propTypes.js

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  dataSelectorId: 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
+  }),
+  tooltip: PropTypes.string,
+  isDisabled: PropTypes.bool
+};

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -2,8 +2,8 @@
 
 /** * Libraries ** */
 import React, { useRef, useEffect, useState } from 'react';
-import { AttachmentImage_defaultProps } from '../../AttachmentViewer/props/defaultProps';
-import { AttachmentImage_propTypes } from '../../AttachmentViewer/props/propTypes';
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
 import Image from '../Image/Image';
 /** * CSS ** */
 

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from '../../AttachmentViewer/props/defaultProps';
-import { AttachmentViewer_propTypes } from '../../AttachmentViewer/props/propTypes';
+import { AttachmentViewer_defaultProps } from './props/defaultProps';
+import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';

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

@@ -2,9 +2,9 @@ import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { defaultProps } from '../../ChannelIcon/props/defaultProps';
-import { propTypes } from '../../ChannelIcon/props/propTypes';
-import { getChannelMappingObj } from '../../utils/ChannelIconMapping';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getChannelMappingObj } from '../utils/ChannelIconMapping';
 import style from '../../ChannelIcon/ChannelIcon.module.css';
 
 const ChannelIcon = props => {

package/es/v1/ChannelIcon/props/defaultProps.js

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

package/es/v1/ChannelIcon/props/propTypes.js

@@ -0,0 +1,25 @@
+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,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from '../../Drawer/props/defaultProps';
-import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from '../../Drawer/props/propTypes';
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';

package/es/v1/Drawer/props/defaultProps.js

@@ -0,0 +1,22 @@
+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: () => {},
+  needFocusScope: false,
+  customProps: {}
+};

package/es/v1/Drawer/props/propTypes.js

@@ -0,0 +1,52 @@
+import PropTypes from 'prop-types';
+export const 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
+};
+export const Content_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  eleRef: PropTypes.func,
+  paddingSize: PropTypes.oneOf(['small', 'medium', 'large'])
+};
+export const Footer_propTypes = {
+  children: PropTypes.node,
+  paddingLeftSize: PropTypes.string,
+  paddingRightClass: PropTypes.string,
+  size: PropTypes.string
+};
+export const 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']),
+  needFocusScope: PropTypes.bool,
+  customProps: PropTypes.object,
+  innerPortalName: PropTypes.string
+};

package/es/v1/ExternalLink/ExternalLink.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../ExternalLink/props/defaultProps';
-import { propTypes } from '../../ExternalLink/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** CSS ****/
 
 import style from '../../ExternalLink/ExternalLink.module.css';

package/es/v1/ExternalLink/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  rel: 'noopener noreferrer',
+  target: '_blank',
+  customProps: {}
+};

package/es/v1/ExternalLink/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  href: PropTypes.string,
+  rel: PropTypes.string,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  title: PropTypes.string,
+  onClick: PropTypes.func,
+  customProps: PropTypes.object
+};

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

package/es/v1/FlipCard/props/defaultProps.js

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

package/es/v1/FlipCard/props/propTypes.js

@@ -0,0 +1,37 @@
+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,
+  iconClass: PropTypes.string,
+  iconColor: 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,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  size: PropTypes.string,
+  src: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  ticList: PropTypes.string,
+  ticListContainer: PropTypes.string,
+  tourId: PropTypes.string,
+  customProps: PropTypes.shape({
+    CheckBoxProps: PropTypes.object,
+    ChannelIconProps: PropTypes.object,
+    AvatarIconProps: PropTypes.object,
+    AvatarUserProps: PropTypes.object
+  })
+};

package/es/v1/FormAction/FormAction.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../FormAction/props/defaultProps';
-import { propTypes } from '../../FormAction/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import style from '../../FormAction/FormAction.module.css';
 export const LeftSide = props => {

package/es/v1/FormAction/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  size: 'medium',
+  paddingRightClass: '',
+  dataSelectorId: 'formAction'
+};

package/es/v1/FormAction/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  paddingLeftSize: PropTypes.oneOf(['large', 'medium', 'xmedium', 'small', 'xsmall']),
+  paddingRightClass: PropTypes.string,
+  size: PropTypes.oneOf(['large', 'medium', 'small']),
+  dataSelectorId: PropTypes.string
+};

package/es/v1/FreezeLayer/FreezeLayer.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../FreezeLayer/props/defaultProps';
-import { propTypes } from '../../FreezeLayer/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import { mergeStyle } from '@zohodesk/utils';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';

package/es/v1/FreezeLayer/props/defaultProps.js

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  isActive: false,
+  palette: 'default',
+  zIndex: '5',
+  isSvgMask: false,
+  customClass: '',
+  customStyle: {},
+  needAutoZindex: true
+};

package/es/v1/FreezeLayer/props/propTypes.js

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+let animationValues = ['fade', 'shrink', 'expand', 'slideRight', 'slideDown', 'flyDown'];
+export const propTypes = {
+  align: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  animationName: PropTypes.oneOf(animationValues),
+  childAnimationName: PropTypes.oneOf(animationValues),
+  children: PropTypes.node,
+  customClass: PropTypes.string,
+  forwardRef: PropTypes.object,
+  isActive: PropTypes.bool,
+  isSvgMask: PropTypes.bool,
+  needAutoZindex: PropTypes.bool,
+  onClick: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
+  palette: PropTypes.oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
+  runOnMount: PropTypes.bool,
+  customStyle: PropTypes.object,
+  zIndex: PropTypes.oneOf(['3', '5', '7', '10'])
+};
+export default propTypes;

package/es/v1/GlobalNotification/GlobalNotification.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, { useEffect } from 'react';
-import { defaultProps } from '../../version2/GlobalNotification/props/defaultProps';
-import { propTypes, UI_propTypes, new_propTypes } from '../../version2/GlobalNotification/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
 import AutoClose from '../../actions/AutoClose';
 import AlertIcons from '../alert/alertIcons/AlertIcons';
 import AlertClose from '../alert/AlertClose/AlertClose';

package/es/v1/GlobalNotification/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  customProps: {},
+  dataSelectorId: 'globalNotification'
+};

package/es/v1/GlobalNotification/props/propTypes.js

@@ -0,0 +1,32 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataSelectorId: PropTypes.string,
+  hideMessage: PropTypes.func,
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  showMessage: PropTypes.bool,
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  i18nKeys: PropTypes.object,
+  customProps: PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
+};
+export const UI_propTypes = {
+  dataSelectorId: PropTypes.string,
+  onClose: PropTypes.func,
+  closeTitle: PropTypes.string,
+  hideMessage: PropTypes.func,
+  message: PropTypes.string,
+  onClick: PropTypes.func,
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  customProps: PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
+};
+export const new_propTypes = {
+  Element: PropTypes.element,
+  isClose: PropTypes.bool,
+  onPortalClose: PropTypes.func,
+  autoClose: PropTypes.bool,
+  hideTime: PropTypes.string
+};