@zohodesk/dot 1.4.2 → 1.4.3

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,8 +2,8 @@ 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 Label from '@zohodesk/components/es/v1/Label/Label';

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

@@ -0,0 +1,12 @@
+export const defaultProps = {
+  errorType: 'primary',
+  isMandatory: false,
+  isDisabled: false,
+  isReadOnly: false,
+  variant: 'primary',
+  labelSize: 'medium',
+  labelPalette: 'default',
+  isActive: false,
+  customProps: {},
+  dataSelectorId: 'radioField'
+};

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

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isMandatory: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  onChange: PropTypes.func,
+  options: PropTypes.array,
+  selectedValue: PropTypes.string,
+  size: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'default', 'secondary']),
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    RadioProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  dataSelectorId: PropTypes.string
+};

package/es/v1/form/fields/SelectField/SelectField.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/SelectField/props/defaultProps';
-import { propTypes } from '../../../../form/fields/SelectField/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/SelectField/props/defaultProps.js

@@ -0,0 +1,18 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  errorType: 'primary',
+  needSearch: false,
+  searchBoxSize: 'small',
+  textBoxSize: 'xmedium',
+  textBoxVariant: 'primary',
+  borderColor: 'default',
+  fieldSize: 'medium',
+  isFocusOnLabelClick: true,
+  labelPalette: 'default',
+  labelCustomClass: '',
+  isDefaultSelectValue: true,
+  placeHolder: '',
+  customProps: {},
+  dataSelectorId: 'selectField',
+  ...FieldCommonDefaultProps()
+};

package/es/v1/form/fields/SelectField/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']),
+  emptyMessage: PropTypes.string,
+  errorType: PropTypes.oneOf(['primary', 'secondary']),
+  excludeOptions: PropTypes.array,
+  fieldClass: PropTypes.string,
+  fieldSize: PropTypes.oneOf(['small', 'medium']),
+  getNextOptions: PropTypes.func,
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isNextOptions: PropTypes.bool,
+  labelCustomClass: PropTypes.string,
+  labelName: PropTypes.string,
+  labelPalette: PropTypes.string,
+  needLocalSearch: PropTypes.bool,
+  needSearch: PropTypes.bool,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onSearch: PropTypes.func,
+  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.object)]).isRequired,
+  popupGroup: PropTypes.string,
+  searchBoxPlaceHolder: PropTypes.string,
+  searchBoxSize: PropTypes.string,
+  selectedValue: PropTypes.string,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  textField: PropTypes.string,
+  title: PropTypes.string,
+  validationMessage: PropTypes.string,
+  validationPalette: PropTypes.string,
+  validationRuleMessage: PropTypes.string,
+  validationRulePalette: PropTypes.string,
+  valueField: PropTypes.string,
+  isDefaultSelectValue: PropTypes.bool,
+  placeHolder: PropTypes.string,
+  children: PropTypes.node,
+  onFocus: PropTypes.func,
+  iconOnHover: PropTypes.bool,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    SelectProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  }),
+  htmlId: PropTypes.string,
+  ...FieldCommonPropTypes
+};

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../../../form/fields/TagsMultiSelect/props/defaultProps';
-import { propTypes } from '../../../../form/fields/TagsMultiSelect/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Tag from '@zohodesk/components/es/v1/Tag/Tag';
 import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';

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

@@ -0,0 +1,11 @@
+export const defaultProps = {
+  className: '',
+  i18nKeys: {},
+  chipNeedToShow: '5',
+  borderColor: 'default',
+  needBorder: true,
+  dataId: '',
+  boxSize: 'default',
+  clickableTag: false,
+  dataSelectorId: 'tagsMultiSelectField'
+};