@zohodesk/dot 1.4.2 → 1.4.4

package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/OopsSomethingMiss/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/OopsSomethingMiss/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorOopsSomethingMiss';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/OopsSomethingMiss/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'oopssomethingmiss',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/OopsSomethingMiss/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/UnableToProcessRequest/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/UnableToProcessRequest/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnableToProcessRequest';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/UnableToProcessRequest/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'unabletoprocessrequest',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/UnableToProcessRequest/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/UnauthorizedLogin/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/UnauthorizedLogin/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnauthorizedLogin';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/UnauthorizedLogin/props/defaultProps.js

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  dataId: 'permissionPlay',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  buttonPalette: 'primaryFilled',
+  size: 'large'
+};

package/es/v1/errorstate/UnauthorizedLogin/props/propTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  buttonPalette: PropTypes.oneOf(['primaryFilled', 'secondary']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/UrlNotFound/UrlNotFound.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/UrlNotFound/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/UrlNotFound/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorUrlNotFound from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUrlNotFound';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/UrlNotFound/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'urlnotfound',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/UrlNotFound/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../version2/errorstate/WillBeRightBack/props/defaultProps';
-import { propTypes } from '../../../version2/errorstate/WillBeRightBack/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import ErrorWillBeRightBack from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorWillBeRightBack';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/errorstate/WillBeRightBack/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  dataId: 'willberightback',
+  isButtonNeeded: false,
+  className: '',
+  isFluid: true,
+  urlTarget: '_self',
+  size: 'large'
+};

package/es/v1/errorstate/WillBeRightBack/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  isButtonNeeded: PropTypes.bool,
+  className: PropTypes.string,
+  isFluid: PropTypes.bool,
+  dataId: PropTypes.string,
+  buttonText: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  urlText: PropTypes.string,
+  url: PropTypes.string,
+  onClick: PropTypes.func,
+  urlTarget: PropTypes.oneOf(['_blank', '_self']),
+  size: PropTypes.oneOf(['large', 'medium', 'small'])
+};

package/es/v1/form/fields/CheckBoxField/CheckBoxField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { memo } from 'react';
-import { defaultProps } from '../../../../form/fields/CheckBoxField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/CheckBoxField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/CheckBoxField/props/defaultProps.js

@@ -0,0 +1,12 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  fieldSize: 'medium',
+  labelPalette: 'default',
+  labelCustomClass: '',
+  direction: 'row',
+  lineClamp: '',
+  customProps: {},
+  dataSelectorId: 'checkBoxField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/CheckBoxField/props/propTypes.js

@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  checked: PropTypes.bool,
+  direction: PropTypes.oneOf(['row', 'column']),
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string.isRequired,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  lineClamp: PropTypes.oneOf(['one', 'two']),
+  onChange: PropTypes.func,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    CheckBoxProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  ...FieldCommonPropTypes
+};

package/es/v1/form/fields/CurrencyField/CurrencyField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { memo, useRef, useState } from 'react';
-import { defaultProps } from '../../../../form/fields/CurrencyField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/CurrencyField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/CurrencyField/props/defaultProps.js

@@ -0,0 +1,17 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  textBoxSize: 'xmedium',
+  textBoxType: 'text',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  labelPalette: 'default',
+  labelCustomClass: '',
+  isClickable: false,
+  needReadOnlyStyle: true,
+  customProps: {},
+  formatCurrency: () => {},
+  dataSelectorId: 'currencyField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/CurrencyField/props/propTypes.js

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string.isRequired,
+  labelPalette: PropTypes.string,
+  maxLength: PropTypes.number,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxType: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  value: PropTypes.string,
+  isClickable: PropTypes.bool,
+  needReadOnlyStyle: PropTypes.bool,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    TextBoxProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  onFocus: PropTypes.func,
+  formatCurrency: PropTypes.func,
+  htmlId: PropTypes.string,
+  userCurrencyType: PropTypes.string,
+  ...FieldCommonPropTypes
+};

package/es/v1/form/fields/DateField/DateField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { memo, useEffect, useRef } from 'react';
-import { defaultProps } from '../../../../form/fields/DateField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/DateField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/DateField/props/defaultProps.js

@@ -0,0 +1,19 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  openPopupOnMount: false,
+  isDateTime: true,
+  textBoxSize: 'xmedium',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  labelCustomClass: '',
+  timeZone: null,
+  i18nKeys: {},
+  dataId: 'dateField',
+  customProps: {},
+  dataSelectorId: 'dateField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/DateField/props/propTypes.js

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  datePattern: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isDateTime: PropTypes.bool,
+  isFocusOnLabelClick: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  lockedValueText: PropTypes.string,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  openPopupOnMount: PropTypes.bool,
+  popupGroup: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  value: PropTypes.string,
+  htmlId: PropTypes.string,
+  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  i18nKeys: PropTypes.object,
+  iconOnHover: PropTypes.bool,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    DateWidgetProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  ...FieldCommonPropTypes
+};

package/es/v1/form/fields/FieldContainer/FieldContainer.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React, { memo } from 'react';
-import { defaultProps } from '../../../../form/fields/FieldContainer/props/defaultProps';
-import { propTypes } from '../../../../form/fields/FieldContainer/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { Container } from '@zohodesk/components/es/v1/Layout';

package/es/v1/form/fields/FieldContainer/props/defaultProps.js

@@ -0,0 +1,6 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = { ...FieldCommonDefaultProps(),
+  renderProps: {},
+  alignContainer: 'vertical',
+  dataSelectorId: 'fieldContainer'
+};

package/es/v1/form/fields/FieldContainer/props/propTypes.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  alignContainer: PropTypes.oneOf(['vertical', 'baseline']),
+  renderProps: PropTypes.shape({
+    start: PropTypes.func,
+    middle: PropTypes.func,
+    end: PropTypes.func
+  }),
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  isLocked: PropTypes.bool,
+  lockedInfoText: PropTypes.string,
+  infoText: PropTypes.string,
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  dataId: PropTypes.string,
+  infoText: PropTypes.string,
+  lockedInfoText: PropTypes.string,
+  isLocked: PropTypes.bool,
+  dataSelectorId: PropTypes.bool
+};

package/es/v1/form/fields/MultiSelectField/MultiSelectField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { memo, useRef } from 'react';
-import { defaultProps } from '../../../../form/fields/MultiSelectField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/MultiSelectField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/es/v1/Label/Label';

package/es/v1/form/fields/MultiSelectField/props/defaultProps.js

@@ -0,0 +1,17 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  isAnimate: false,
+  needSelectAll: false,
+  size: 'medium',
+  textBoxSize: 'medium',
+  variant: 'default',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  customProps: {},
+  i18nKeys: {},
+  dataSelectorId: 'multiSelectField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/MultiSelectField/props/propTypes.js

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  animationStyle: PropTypes.string,
+  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
+  emptyMessage: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getNextOptions: PropTypes.func,
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isAnimate: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isSearching: PropTypes.bool,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  needSelectAll: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  onDropBoxOpen: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onSearch: PropTypes.func,
+  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.object)]).isRequired,
+  palette: PropTypes.string,
+  placeHolder: PropTypes.string,
+  popupGroup: PropTypes.string,
+  selectAllText: PropTypes.string,
+  selectedOptions: PropTypes.arrayOf(PropTypes.string).isRequired,
+  size: PropTypes.oneOf(['medium', 'xmedium']),
+  textBoxSize: PropTypes.string,
+  textField: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  valueField: PropTypes.string,
+  variant: PropTypes.string,
+  children: PropTypes.node,
+  customChildrenClass: PropTypes.string,
+  onFocus: PropTypes.func,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    MultiSelectProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  i18nKeys: PropTypes.object,
+  htmlId: PropTypes.string,
+  ...FieldCommonPropTypes
+};

package/es/v1/form/fields/PhoneField/PhoneField.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { memo, useState, useRef } from 'react';
-import { defaultProps } from '../../../../form/fields/PhoneField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/PhoneField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';

package/es/v1/form/fields/PhoneField/props/defaultProps.js

@@ -0,0 +1,16 @@
+export const defaultProps = {
+  errorType: 'primary',
+  isMandatory: false,
+  textBoxSize: 'xmedium',
+  textBoxType: 'text',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  isDisabled: false,
+  isReadOnly: false,
+  fieldSize: 'medium',
+  labelPalette: 'default',
+  labelCustomClass: '',
+  i18nKeys: {},
+  customProps: {},
+  dataSelectorId: 'phoneField'
+};

package/es/v1/form/fields/PhoneField/props/propTypes.js

@@ -0,0 +1,47 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  dataId: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  infoText: PropTypes.string,
+  isDisabled: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string.isRequired,
+  labelPalette: PropTypes.string,
+  maxLength: PropTypes.number,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxType: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  value: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    callTitle: PropTypes.string
+  }),
+  onCall: PropTypes.func,
+  ePhiData: PropTypes.shape({
+    ePhiTitle: PropTypes.string,
+    ePhiText: PropTypes.string,
+    ePhiStatus: PropTypes.bool
+  }),
+  customProps: PropTypes.shape({
+    LinkProps: PropTypes.object,
+    TextBoxFieldProps: PropTypes.object
+  }),
+  onFocus: PropTypes.func,
+  dataSelectorId: PropTypes.string,
+  isTelephony: PropTypes.bool,
+  providerName: PropTypes.string,
+  ticketId: PropTypes.string,
+  contactId: PropTypes.string,
+  type: PropTypes.string
+};

package/es/v1/form/fields/RadioField/RadioField.js

@@ -2,10 +2,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { memo } from 'react';
-import { defaultProps } from '../../../../form/fields/RadioField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/RadioField/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
+import Icon from '@zohodesk/icons/es/Icon';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import Radio from '@zohodesk/components/es/v1/Radio/Radio';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
@@ -41,6 +42,7 @@ const RadioField = props => {
   const {
     LabelProps = {},
     RadioProps = {},
+    InfoIconProps = {},
     ValidationMessageProps1 = {},
     ValidationMessageProps2 = {}
   } = customProps;
@@ -65,11 +67,12 @@ const RadioField = props => {
   }, options.map((option, index) => {
     let {
       text,
-      value
+      value,
+      infoTooltip
     } = option;
     return /*#__PURE__*/React.createElement("span", {
       key: index,
-      className: `${style.radio}`
+      className: `${style.radio} ${!!infoTooltip ? style.labelContainer : ''}`
     }, /*#__PURE__*/React.createElement(Radio, _extends({
       id: index,
       value: value,
@@ -85,7 +88,12 @@ const RadioField = props => {
       dataId: dataId,
       isReadOnly: isReadOnly,
       variant: variant
-    }, RadioProps)));
+    }, RadioProps)), !!infoTooltip ? /*#__PURE__*/React.createElement(Icon, _extends({
+      name: "ZD-GN-info",
+      size: "16",
+      title: infoTooltip,
+      iconClass: style.infoIcon
+    }, InfoIconProps)) : null);
   })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
     text: validationMessage,
     palette: validationPalette,