@zohodesk/dot 1.2.0 → 1.2.2

package/es/v1/lookup/header/TicketHeader/TicketHeader.js

@@ -0,0 +1,90 @@
+/*** Libraries ***/
+import React from 'react';
+import { defaultProps } from '../../../../lookup/header/TicketHeader/props/defaultProps';
+import { propTypes } from '../../../../lookup/header/TicketHeader/props/propTypes';
+/*** Components ***/
+
+import Title from '../Title/Title';
+import Close from '../Close/Close';
+import Search from '../Search/Search';
+import ViewDropDown from '../../../../lookup/header/ViewDropDown/ViewDropDown';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+/*** CSS ***/
+
+import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';
+import commonResponsive from '../../../../lookup/header/lookupHeaderCommonResponsive.module.css';
+import style from '../../../../lookup/header/TicketHeader/TicketHeader.module.css';
+/* eslint-disable react/forbid-component-props */
+
+export default function TicketHeader(props) {
+  let {
+    needSearch,
+    onLookupClose,
+    searchStr,
+    onSearchChange,
+    searchPlaceHolder,
+    title,
+    selectedViewId,
+    onSelectView,
+    allViews,
+    onSearch,
+    needOnTypeSearch,
+    getSearchBoxRef,
+    needViewsList,
+    i18nKeys,
+    palette
+  } = props;
+  let {
+    menuEmptyMessage = 'No matches found'
+  } = i18nKeys;
+  return /*#__PURE__*/React.createElement(Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
+    isCover: false,
+    wrap: "wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: commonStyle.closeContainer
+  }, /*#__PURE__*/React.createElement(Close, {
+    onClose: onLookupClose,
+    dataId: "close"
+  })), /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "column",
+    className: `${style.innerContainer}`,
+    isCover: false,
+    wrap: "wrap",
+    dataId: "lookupView"
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: commonStyle.title
+  }, /*#__PURE__*/React.createElement(Title, {
+    text: title
+  })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
+    className: `${style.dropdown}`,
+    dataId: "filterIdselected"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.menuWrapper
+  }, /*#__PURE__*/React.createElement(ViewDropDown, {
+    dropBoxSize: "small",
+    emptyMessage: menuEmptyMessage,
+    needSearch: true,
+    onChange: onSelectView,
+    options: allViews,
+    textField: "displayLabel",
+    selectedValue: selectedViewId,
+    needCloseOnSelect: true
+  }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
+    className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
+  }, /*#__PURE__*/React.createElement(Search, {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef
+  })) : null);
+}
+TicketHeader.propTypes = propTypes;
+TicketHeader.defaultProps = defaultProps;

package/es/v1/lookup/header/Title/Title.js

@@ -0,0 +1,27 @@
+/*** Libraries ***/
+import React, { memo } from 'react';
+import { defaultProps } from '../../../../lookup/header/Title/props/defaultProps';
+import { propTypes } from '../../../../lookup/header/Title/props/propTypes';
+/*** CSS ***/
+
+import style from '../../../../lookup/header/Title/LookupTitle.module.css';
+
+function Title(props) {
+  let {
+    text,
+    palette,
+    isBold
+  } = props;
+  return /*#__PURE__*/React.createElement("span", {
+    className: `${style.title} ${style[palette]} ${isBold ? style.bold : ''}`,
+    "data-title": text
+  }, text);
+}
+
+Title.propTypes = propTypes;
+Title.defaultProps = defaultProps;
+const MemoizedTitle = /*#__PURE__*/memo(Title);
+MemoizedTitle.propTypes = propTypes;
+MemoizedTitle.defaultProps = defaultProps;
+MemoizedTitle.displayName = 'Close';
+export default MemoizedTitle;

package/es/v1/version2/GlobalNotification/GlobalNotification.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React, { useEffect } from 'react';
 import { defaultProps } from '../../../version2/GlobalNotification/props/defaultProps';
-import { propTypes } from '../../../version2/GlobalNotification/props/propTypes';
+import { propTypes, UI_propTypes, new_propTypes } from '../../../version2/GlobalNotification/props/propTypes';
 import AutoClose from '../../../actions/AutoClose';
 import AlertIcons from '../alertIcons/AlertIcons';
 import AlertClose from '../AlertClose/AlertClose';
@@ -104,8 +104,10 @@ export function GlobalNotificationUI(props) {
     type: type
   }))));
 }
+GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: GlobalNotificationUI
   }));
-}
+}
+GlobalNotificationNew.propTypes = new_propTypes;

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
 import AutoClose from '../../actions/AutoClose';
 import AlertIcons from '../alertIcons/AlertIcons';
 import AlertClose from '../AlertClose/AlertClose';
@@ -135,8 +135,10 @@ export function GlobalNotificationUI(props) {
     type: type
   }))));
 }
+GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: GlobalNotificationUI
   }));
-}
+}
+GlobalNotificationNew.propTypes = new_propTypes;

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

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
-  dataId: PropTypes.string,
   dataSelectorId: PropTypes.string,
   hideMessage: PropTypes.func,
   message: PropTypes.string,
@@ -11,4 +10,23 @@ export const propTypes = {
   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
 };

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

@@ -117,6 +117,8 @@ export default class AlertLookup extends Component {
     let ariaMessageId = this.getAriaId();
     let ariaConfirmMsgId = this.getAriaId();
     let ariaTitleId = this.getAriaId();
+    let ariaLeaveButtonId = this.getAriaId();
+    let ariaStayButtonId = this.getAriaId();
     a11y = {
       ariaLabelledby: a11y && a11y.ariaLabelledby ? a11y.ariaLabelledby : ariaTitleId,
       ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
@@ -175,12 +177,22 @@ export default class AlertLookup extends Component {
       customProps: {
         'data-a11y-autofocus': isDefaultFocus
       }
-    }, PrimaryButtonProps)), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
+    }, PrimaryButtonProps, {
+      a11y: {
+        'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaLeaveButtonId
+      },
+      id: ariaLeaveButtonId
+    })), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
       dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
       text: cancelText,
       onClick: onCancelClick,
       palette: "secondary"
-    }, SecondaryButtonProps))))) : null))));
+    }, SecondaryButtonProps, {
+      a11y: {
+        'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaStayButtonId
+      },
+      id: ariaStayButtonId
+    }))))) : null))));
   }
 
 }

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

@@ -20,7 +20,6 @@ export const propTypes = {
   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,

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

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { propTypes, DesktopNotificationUI_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';
@@ -150,6 +150,7 @@ export function DesktopNotificationUI(props) {
     onClick: onClickCancel
   })) : null))) : null)), getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null));
 }
+DesktopNotificationUI.propTypes = DesktopNotificationUI_propTypes;
 export default function DesktopNotification(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: DesktopNotificationUI

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

@@ -1,21 +1,26 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
+  isClose: PropTypes.bool,
+  onPortalClose: PropTypes.func,
   autoClose: PropTypes.bool,
+  hideTime: PropTypes.string,
+  Element: PropTypes.element
+};
+export const DesktopNotificationUI_propTypes = {
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
   cancelText: PropTypes.string,
+  submitText: PropTypes.string,
+  submitType: PropTypes.oneOf(['primary', 'danger', 'success']),
+  isMore: PropTypes.bool,
   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,
   dataSelectorId: PropTypes.string,
   info: PropTypes.string,
   isAnimate: PropTypes.bool,
-  isClose: PropTypes.bool,
-  isMore: PropTypes.bool,
   isShrinkView: PropTypes.bool,
   message: PropTypes.string,
   needAutoZindex: PropTypes.bool,
@@ -27,11 +32,10 @@ export const propTypes = {
   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']),
+  isClose: PropTypes.bool,
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
-  })
+  }),
+  title: PropTypes.string
 };

package/lib/ActionButton/ActionButton.js

@@ -193,10 +193,12 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
 
 exports.ActionButton = ActionButton;
 ActionButton.defaultProps = _defaultProps.defaultProps;
-ActionButton.propTypes = _propTypes.propTypes; // ActionButton.docs = {
+ActionButton.propTypes = _propTypes.propTypes;
+var ActionButtonComponent = (0, _Popup["default"])(ActionButton);
+ActionButtonComponent.defaultProps = ActionButton.defaultProps;
+ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
 //   componentGroup: 'Atom'
 // };
 
-var _default = (0, _Popup["default"])(ActionButton);
-
+var _default = ActionButtonComponent;
 exports["default"] = _default;

package/lib/ActionButton/props/propTypes.js

@@ -28,7 +28,7 @@ var propTypes = {
   isPopupOpen: _propTypes["default"].bool,
   onClick: _propTypes["default"].func,
   onHover: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf('primaryFilled', 'primary'),
+  palette: _propTypes["default"].oneOf(['primaryFilled', 'primary']),
   removeClose: _propTypes["default"].func,
   size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
   subText: _propTypes["default"].string,
@@ -37,6 +37,7 @@ var propTypes = {
   getTargetRef: _propTypes["default"].func,
   removeChildrenTooltip: _propTypes["default"].bool,
   innerClassName: _propTypes["default"].string,
-  popupGroup: _propTypes["default"].string
+  popupGroup: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func
 };
 exports.propTypes = propTypes;

package/lib/AlphabeticList/props/propTypes.js

@@ -28,7 +28,7 @@ exports.NumberList = NumberList;
 var AlphabeticCharactersWithHash = [].concat(AlphabeticCharacters, ['#']);
 exports.AlphabeticCharactersWithHash = AlphabeticCharactersWithHash;
 var AlphabeticList_propTypes = {
-  align: _propTypes["default"].string,
+  align: _propTypes["default"].oneOf(['vertical', 'horizontal']),
   onSelect: _propTypes["default"].func.isRequired,
   selectedCharacter: _propTypes["default"].oneOf(['ALL'].concat(AlphabeticCharacters, NumberList, _toConsumableArray(AlphabeticCharactersWithHash))),
   type: _propTypes["default"].oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),

package/lib/Attachment/Attachment.js

@@ -80,7 +80,8 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
         "data-title": tooltip,
         alignBox: "row",
         isCover: false,
-        dataSelectorId: dataSelectorId
+        dataSelectorId: dataSelectorId,
+        tabIndex: "0"
       }, iconName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _AttachmentModule["default"].attachleft
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/Attachment/Attachment.module.css

@@ -18,19 +18,22 @@
   background-color: var(--zdt_attachment_transparent_bg);
 }
 
-.attachmentHover:hover, .attachmentHover:hover .attachleft {
+.attachmentHover:hover, .attachmentHover:hover .attachleft, .attachmentHover:focus-within, .attachmentHover:focus-within .attachleft {
   border-color: var(--zdt_attachment_default_hover_border);
 }
 
-.attachmentHover:hover .attachleft i {
+.attachmentHover:hover .attachleft i,
+.attachmentHover:focus-within .attachleft i {
   color: var(--zdt_attachment_hover_text);
 }
 
-.attachment:hover .attachDownload {
+.attachment:hover .attachDownload,
+.attachment:focus-within .attachDownload {
   display: block;
 }
 
-.attachmentHover:hover .attachSize {
+.attachmentHover:hover .attachSize,
+.attachment:focus-within .attachSize {
   color: var(--zdt_attachment_hover_text);
 }
 
@@ -132,7 +135,7 @@
   line-height: var(--zd_size18);
 }
 
-.attachDownload:hover {
+.attachDownload:hover, .attachDownload:focus-within {
   background-color: var(--zdt_attachment_download_hover_bg);
 }
 
@@ -145,7 +148,8 @@
   color: var(--zdt_attachment_size_text);
 }
 
-.attachDownload:hover .downIcon {
+.attachDownload:hover .downIcon,
+.attachDownload:focus-within .downIcon {
   color: var(--zdt_attachment_download_hover_text);
 }
 

package/lib/Attachment/props/propTypes.js

@@ -22,6 +22,7 @@ var propTypes = {
   size: _propTypes["default"].oneOf(['small', 'medium']),
   i18nKeys: _propTypes["default"].shape({
     downloadTitle: _propTypes["default"].string
-  })
+  }),
+  tooltip: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/Drawer/props/propTypes.js

@@ -60,6 +60,7 @@ var Drawer_propTypes = {
   subDrawerClass: _propTypes["default"].string,
   subDrawerSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium']),
   needFocusScope: _propTypes["default"].bool,
-  customProps: _propTypes["default"].object
+  customProps: _propTypes["default"].object,
+  innerPortalName: _propTypes["default"].string
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/Link/Link.js

@@ -141,7 +141,8 @@ var Link = /*#__PURE__*/function (_React$Component) {
       }, others, {
         onClick: this.onCallBack.bind(this, urlOutput, href)
       }, customProps, {
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        tabIndex: "0"
       }), children);
     }
   }]);

package/lib/Link/props/propTypes.js

@@ -20,6 +20,10 @@ var propTypes = {
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
-  customProps: _propTypes["default"].object
+  customProps: _propTypes["default"].object,
+  onClick: _propTypes["default"].func,
+  download: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  key: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/Message/Message.js

@@ -159,8 +159,12 @@ function MessageUI(props) {
   }))));
 }
 
+MessageUI.propTypes = _propTypes.MessageUI_propTypes;
+
 function MessageNew(props) {
   return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
     Element: MessageUI
   }));
-}
+}
+
+MessageNew.propTypes = _propTypes.MessageNew_propTypes;

package/lib/Message/props/propTypes.js

@@ -3,22 +3,39 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports.propTypes = exports.MessageUI_propTypes = exports.MessageNew_propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("../../actions/props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var propTypes = {
-  dataId: _propTypes["default"].string,
   hideMessage: _propTypes["default"].func,
+  showMessage: _propTypes["default"].bool,
+  type: _propTypes["default"].oneOf(['success', 'alert', 'info'])
+};
+exports.propTypes = propTypes;
+var MessageUI_propTypes = {
   message: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  showMessage: _propTypes["default"].bool,
+  onClose: _propTypes["default"].func,
   dataSelectorId: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['success', 'alert', 'info']),
   i18nKeys: _propTypes["default"].shape({
     closeTitle: _propTypes["default"].string
-  })
+  }),
+  hideMessage: _propTypes["default"].func,
+  type: _propTypes["default"].oneOf(['success', 'alert', 'info'])
 };
-exports.propTypes = propTypes;
+exports.MessageUI_propTypes = MessageUI_propTypes;
+
+var MessageNew_propTypes = _objectSpread({}, _propTypes2.propTypes);
+
+exports.MessageNew_propTypes = MessageNew_propTypes;

package/lib/Separator/props/propTypes.js

@@ -16,7 +16,7 @@ var propTypes = {
   shrink: _propTypes["default"].bool,
   type: _propTypes["default"].oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
   wrap: _propTypes["default"].bool,
-  customClass: _propTypes["default"].obj,
+  customClass: _propTypes["default"].object,
   customSeparatorType: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/TagWithIcon/props/propTypes.js

@@ -18,6 +18,7 @@ var propTypes = {
   palette: _propTypes["default"].oneOf(['yellow', 'blue', 'grey']),
   size: _propTypes["default"].oneOf('small', 'large'),
   className: _propTypes["default"].string,
-  text: _propTypes["default"].string
+  text: _propTypes["default"].string,
+  dataId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/ToastMessage/props/propTypes.js

@@ -18,12 +18,10 @@ var propTypes = {
   getInnerBottomContainer: _propTypes["default"].func,
   getLeftContainer: _propTypes["default"].func,
   getSubmitContainer: _propTypes["default"].func,
-  hidePopNotification: _propTypes["default"].func,
   hideTime: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
   iconPalette: _propTypes["default"].oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
   iconSize: _propTypes["default"].string,
-  id: _propTypes["default"].string,
   info: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
   isClose: _propTypes["default"].bool,
@@ -45,6 +43,9 @@ var propTypes = {
     ariaAtomic: _propTypes["default"].bool,
     ariaDescribedby: _propTypes["default"].string,
     ariaLabelledby: _propTypes["default"].string
-  })
+  }),
+  Element: _propTypes["default"].element,
+  onPortalClose: _propTypes["default"].func,
+  onClose: _propTypes["default"].func
 };
 exports.propTypes = propTypes;

package/lib/actions/props/propTypes.js

@@ -13,6 +13,7 @@ var propTypes = {
   Element: _propTypes["default"].element,
   autoClose: _propTypes["default"].bool,
   hideTime: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  onPortalClose: _propTypes["default"].func
+  onPortalClose: _propTypes["default"].func,
+  isClose: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

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

@@ -21,7 +21,6 @@ var propTypes = {
   iconName: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
   isActive: _propTypes["default"].bool,
-  isDefaultFocus: _propTypes["default"].bool,
   message: _propTypes["default"].node,
   needIcon: _propTypes["default"].bool,
   onCancelClick: _propTypes["default"].func,

package/lib/avatar/AvatarThread/props/propTypes.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
-  borderPalette: _propTypes["default"].oneOfType(['primary', 'success', 'danger', 'default', 'orange']),
+  borderPalette: _propTypes["default"].oneOf(['primary', 'success', 'danger', 'default', 'orange']),
   customTextClass: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   iconColor: _propTypes["default"].string,

package/lib/deprecated/SelectDropdown/SelectDropdown.js

@@ -193,13 +193,9 @@ SelectDropdown.propTypes = {
     valueKey: _propTypes["default"].string,
     options: _propTypes["default"].array
   }),
-  title: _propTypes["default"].string
-}; // if (__DOCS__) {
-//   SelectDropdown.docs = {
-//     componentGroup: 'Header',
-//     folderName: 'Setup'
-//   };
-// }
+  title: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func
+};
 
 var _default = (0, _Popup["default"])(SelectDropdown);
 

package/lib/dropdown/ToggleDropDown/props/propTypes.js

@@ -82,6 +82,9 @@ var propTypes = {
   customClass: _propTypes["default"].shape({
     customDropBox: _propTypes["default"].string,
     customListBox: _propTypes["default"].string
-  })
+  }),
+  onSelectLabel: _propTypes["default"].func,
+  from: _propTypes["default"].string,
+  top: _propTypes["default"].number
 };
 exports.propTypes = propTypes;

package/lib/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -82,6 +82,7 @@ var CommonEmptyState = /*#__PURE__*/function (_Component) {
         "data-id": dataId,
         "data-test-id": dataId
       }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/_react["default"].createElement("div", {
+        tabIndex: "0",
         className: "".concat(_CommonEmptyStateModule["default"].title, " ").concat(titleClass)
       }, title) : null, description ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _CommonEmptyStateModule["default"].linkWrapper

package/lib/emptystate/EditionPage/props/propTypes.js

@@ -12,7 +12,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var propTypes = {
   dataId: _propTypes["default"].string,
   footerText: _propTypes["default"].string,
-  subTitle: _propTypes["default"].string,
-  title: _propTypes["default"].string
+  title: _propTypes["default"].string,
+  subtitle: _propTypes["default"].string,
+  information: _propTypes["default"].string,
+  onButtonClick: _propTypes["default"].func,
+  butttonText: _propTypes["default"].string,
+  children: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/CheckBoxField/props/propTypes.js

@@ -40,6 +40,6 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;