@zohodesk/dot 1.2.0 → 1.2.1

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/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/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/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/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;

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

@@ -48,7 +48,10 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  formatCurrency: _propTypes["default"].func
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  onFocus: _propTypes["default"].func,
+  formatCurrency: _propTypes["default"].func,
+  htmlId: _propTypes["default"].string,
+  userCurrencyType: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

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

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

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

@@ -5,26 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
 
-var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
+var _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 = _objectSpread(_objectSpread({}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)()), {}, {
-  children: _propTypes["default"].node,
-  alignContainer: _propTypes["default"].oneOf('vertical', 'baseline'),
-  renderProps: _propTypes["default"].shape({
-    start: _propTypes["default"].func,
-    middle: _propTypes["default"].func,
-    end: _propTypes["default"].func
-  })
-});
-
+var propTypes = (_propTypes = {
+  children: _propTypes2["default"].node,
+  alignContainer: _propTypes2["default"].oneOf('vertical', 'baseline'),
+  renderProps: _propTypes2["default"].shape({
+    start: _propTypes2["default"].func,
+    middle: _propTypes2["default"].func,
+    end: _propTypes2["default"].func
+  }),
+  ePhiData: _propTypes2["default"].shape({
+    ePhiTitle: _propTypes2["default"].string,
+    ePhiText: _propTypes2["default"].string,
+    ePhiStatus: _propTypes2["default"].bool
+  }),
+  isLocked: _propTypes2["default"].bool,
+  lockedInfoText: _propTypes2["default"].string,
+  infoText: _propTypes2["default"].string,
+  dataId: _propTypes2["default"].string,
+  dataSelectorId: _propTypes2["default"].string
+}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].bool), _propTypes);
 exports.propTypes = propTypes;

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

@@ -27,7 +27,6 @@ var propTypes = _objectSpread({
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
-  isFocusOnLabelClick: _propTypes["default"].bool,
   isNextOptions: _propTypes["default"].bool,
   isSearching: _propTypes["default"].bool,
   labelName: _propTypes["default"].string,
@@ -62,7 +61,8 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  i18nKeys: _propTypes["default"].object
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  i18nKeys: _propTypes["default"].object,
+  htmlId: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

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

@@ -46,6 +46,13 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextBoxFieldProps: _propTypes["default"].object
-  })
+  }),
+  onFocus: _propTypes["default"].func,
+  dataSelectorId: _propTypes["default"].string,
+  isTelephony: _propTypes["default"].bool,
+  providerName: _propTypes["default"].string,
+  ticketId: _propTypes["default"].string,
+  contactId: _propTypes["default"].string,
+  type: _propTypes["default"].string
 };
 exports.propTypes = propTypes;