@zohodesk/dot 1.0.0-beta.234 → 1.0.0-beta.236

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

@@ -0,0 +1,70 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  activeStyle: PropTypes.string,
+  arrowIconPosition: PropTypes.oneOf(['default', 'overlay']),
+  bottom: PropTypes.number,
+  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  boxSize: PropTypes.oneOf(['xsmall', 'small', 'medium', 'mlarge', 'large']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getNextOptions: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  groupNameKey: PropTypes.string,
+  groupOptionsKey: PropTypes.string,
+  hoverStyle: PropTypes.string,
+  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  idName: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isDataLoaded: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isEditable: PropTypes.bool,
+  isGroupDropDown: PropTypes.bool,
+  isNeedEffect: PropTypes.bool,
+  isNextOptions: PropTypes.bool,
+  isPadding: PropTypes.bool,
+  isPopupActive: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isSearch: PropTypes.bool,
+  isToggleStateNeeded: PropTypes.bool,
+  keyName: PropTypes.string,
+  left: PropTypes.number,
+  needExternalPopupState: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  needSearchFetching: PropTypes.bool,
+  needTick: PropTypes.bool,
+  onClick: PropTypes.func,
+  onSearch: PropTypes.func,
+  options: PropTypes.array.isRequired,
+  palette: PropTypes.oneOf(['dark']),
+  placeHolderText: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  right: PropTypes.number,
+  searchBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
+  searchEmptyHint: PropTypes.string,
+  searchErrorText: PropTypes.string,
+  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  showIconOnHover: PropTypes.bool,
+  showOnHover: PropTypes.bool,
+  title: PropTypes.string,
+  togglePopup: PropTypes.func,
+  value: PropTypes.node,
+  onDropDownOpen: PropTypes.func,
+  onDropDownClose: PropTypes.func,
+  getFooter: PropTypes.func,
+  customProps: PropTypes.shape({
+    ToggleDropDownProps: PropTypes.object,
+    DropBoxProps: PropTypes.object,
+    TextBoxIconProps: PropTypes.object,
+    ListItemWithIconProps: PropTypes.object,
+    ListItemProps: PropTypes.object
+  }),
+  preventPopupClose: PropTypes.bool
+};

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../../Link/Link';
 import style from './CommonEmptyState.module.css';
 export default class CommonEmptyState extends Component {
@@ -56,36 +57,8 @@ export default class CommonEmptyState extends Component {
   }
 
 }
-CommonEmptyState.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  getEmptyState: PropTypes.func,
-  isFluid: PropTypes.bool,
-  linkDescription: PropTypes.string,
-  linkTarget: PropTypes.oneOf(['_blank', '_self']),
-  linkText: PropTypes.string,
-  linkUrl: PropTypes.string,
-  onUrlClick: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium']),
-  title: PropTypes.string,
-  palette: PropTypes.oneOf(['default', 'dark']),
-  customClass: PropTypes.shape({
-    titleClass: PropTypes.string,
-    descriptionClass: PropTypes.string
-  })
-};
-CommonEmptyState.defaultProps = {
-  linkTarget: '_self',
-  className: '',
-  linkUrl: '#',
-  dataId: 'emptyState',
-  isFluid: false,
-  size: 'medium',
-  palette: 'default',
-  customClass: {}
-};
+CommonEmptyState.propTypes = propTypes;
+CommonEmptyState.defaultProps = defaultProps;
 
 if (false) {
   CommonEmptyState.docs = {

package/es/emptystate/CommonEmptyState/props/defaultProps.js

@@ -0,0 +1,10 @@
+export const defaultProps = {
+  linkTarget: '_self',
+  className: '',
+  linkUrl: '#',
+  dataId: 'emptyState',
+  isFluid: false,
+  size: 'medium',
+  palette: 'default',
+  customClass: {}
+};

package/es/emptystate/CommonEmptyState/props/propTypes.js

@@ -0,0 +1,21 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  getEmptyState: PropTypes.func,
+  isFluid: PropTypes.bool,
+  linkDescription: PropTypes.string,
+  linkTarget: PropTypes.oneOf(['_blank', '_self']),
+  linkText: PropTypes.string,
+  linkUrl: PropTypes.string,
+  onUrlClick: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium']),
+  title: PropTypes.string,
+  palette: PropTypes.oneOf(['default', 'dark']),
+  customClass: PropTypes.shape({
+    titleClass: PropTypes.string,
+    descriptionClass: PropTypes.string
+  })
+};

package/es/emptystate/EditionPage/EditionPage.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { PropTypes } from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import EmptyCrmPotential from '@zohodesk/svg/lib/emptystate/version3/EmptyCrmPotential';
 import style from './EditionPage.css';
 export default class EditionPage extends Component {
@@ -46,17 +47,8 @@ export default class EditionPage extends Component {
   }
 
 }
-EditionPage.defaultProps = {
-  title: '',
-  subtitle: '',
-  dataId: 'edition'
-};
-EditionPage.propTypes = {
-  dataId: PropTypes.string,
-  footerText: PropTypes.string,
-  subTitle: PropTypes.string,
-  title: PropTypes.string
-};
+EditionPage.defaultProps = defaultProps;
+EditionPage.propTypes = propTypes;
 
 if (false) {
   EditionPage.docs = {

package/es/emptystate/EditionPage/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  title: '',
+  subtitle: '',
+  dataId: 'edition'
+};

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

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  footerText: PropTypes.string,
+  subTitle: PropTypes.string,
+  title: PropTypes.string
+};

package/es/errorstate/Inconvenience/Inconvenience.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
 import InconvenienceSVG from '@zohodesk/svg/lib/errorstate/version1/EmptyInconvenience';
@@ -75,20 +76,8 @@ export default class Inconvenience extends React.Component {
   }
 
 }
-Inconvenience.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-Inconvenience.defaultProps = {
-  dataId: 'inconvenience',
-  customClass: ''
-};
+Inconvenience.propTypes = propTypes;
+Inconvenience.defaultProps = defaultProps;
 
 if (false) {
   Inconvenience.docs = {

package/es/errorstate/Inconvenience/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'inconvenience',
+  customClass: ''
+};

package/es/errorstate/Inconvenience/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  onClick: PropTypes.func,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
+  urlText: PropTypes.string
+};

package/es/errorstate/LinkText/LinkText.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Link from '../../Link/Link';
 import style from './LinkText.module.css';
 export default class LinkText extends React.Component {
@@ -20,17 +21,8 @@ export default class LinkText extends React.Component {
   }
 
 }
-LinkText.propTypes = {
-  dataId: PropTypes.string,
-  href: PropTypes.string,
-  onClick: PropTypes.func,
-  text: PropTypes.string,
-  customClass: PropTypes.string
-};
-LinkText.defaultProps = {
-  dataId: 'LinkText',
-  customClass: ''
-};
+LinkText.propTypes = propTypes;
+LinkText.defaultProps = defaultProps;
 
 if (false) {
   LinkText.docs = {

package/es/errorstate/LinkText/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'LinkText',
+  customClass: ''
+};

package/es/errorstate/LinkText/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  href: PropTypes.string,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  customClass: PropTypes.string
+};

package/es/errorstate/NoRequestFound/NoRequestFound.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import commonStyle from '../EmptyStates.module.css';
 import NoRequestFoundSVG from '@zohodesk/svg/lib/errorstate/version1/NoRequestFound';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
@@ -75,20 +76,8 @@ export default class NoRequestFound extends React.Component {
   }
 
 }
-NoRequestFound.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-NoRequestFound.defaultProps = {
-  dataId: 'noRequestFound',
-  customClass: ''
-};
+NoRequestFound.propTypes = propTypes;
+NoRequestFound.defaultProps = defaultProps;
 
 if (false) {
   NoRequestFound.docs = {

package/es/errorstate/NoRequestFound/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'noRequestFound',
+  customClass: ''
+};

package/es/errorstate/NoRequestFound/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  onClick: PropTypes.func,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
+  urlText: PropTypes.string
+};

package/es/errorstate/PermissionPlay/PermissionPlay.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
 import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
@@ -74,20 +75,8 @@ export default class PermissionPlay extends React.Component {
   }
 
 }
-PermissionPlay.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-PermissionPlay.defaultProps = {
-  dataId: 'permissionPlay',
-  customClass: ''
-};
+PermissionPlay.propTypes = propTypes;
+PermissionPlay.defaultProps = defaultProps;
 
 if (false) {
   PermissionPlay.docs = {

package/es/errorstate/PermissionPlay/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'permissionPlay',
+  customClass: ''
+};

package/es/errorstate/PermissionPlay/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  onClick: PropTypes.func,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
+  urlText: PropTypes.string
+};

package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import UrlNotFound from '@zohodesk/svg/lib/errorstate/version1/UrlNotFound';
 import LinkText from '../LinkText/LinkText';
@@ -75,20 +76,8 @@ export default class RequestUrlNotFound extends React.Component {
   }
 
 }
-RequestUrlNotFound.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-RequestUrlNotFound.defaultProps = {
-  dataId: 'requestUrlNotFound',
-  customClass: ''
-};
+RequestUrlNotFound.propTypes = propTypes;
+RequestUrlNotFound.defaultProps = defaultProps;
 
 if (false) {
   RequestUrlNotFound.docs = {

package/es/errorstate/RequestUrlNotFound/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'requestUrlNotFound',
+  customClass: ''
+};

package/es/errorstate/RequestUrlNotFound/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  onClick: PropTypes.func,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
+  urlText: PropTypes.string
+};

package/es/errorstate/UnableToProcess/UnableToProcess.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
 import UnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version1/UnableToProcessRequest';
@@ -75,20 +76,8 @@ export default class UnableToProcess extends React.Component {
   }
 
 }
-UnableToProcess.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-UnableToProcess.defaultProps = {
-  dataId: 'unableToProcess',
-  customClass: ''
-};
+UnableToProcess.propTypes = propTypes;
+UnableToProcess.defaultProps = defaultProps;
 
 if (false) {
   UnableToProcess.docs = {

package/es/errorstate/UnableToProcess/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'unableToProcess',
+  customClass: ''
+};

package/es/errorstate/UnableToProcess/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  onClick: PropTypes.func,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
+  urlText: PropTypes.string
+};

package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import LinkText from '../LinkText/LinkText';
 import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
@@ -75,20 +76,8 @@ export default class UnauthorizedLogin extends React.Component {
   }
 
 }
-UnauthorizedLogin.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  onClick: PropTypes.func,
-  subtitle: PropTypes.string,
-  title: PropTypes.string,
-  url: PropTypes.string,
-  urlText: PropTypes.string
-};
-UnauthorizedLogin.defaultProps = {
-  dataId: 'unauthorizedLogin',
-  customClass: ''
-};
+UnauthorizedLogin.propTypes = propTypes;
+UnauthorizedLogin.defaultProps = defaultProps;
 
 if (false) {
   UnauthorizedLogin.docs = {

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

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'unauthorizedLogin',
+  customClass: ''
+};

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

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  description: PropTypes.string,
+  onClick: PropTypes.func,
+  subtitle: PropTypes.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
+  urlText: PropTypes.string
+};

package/es/errorstate/WillBack/WillBack.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import WillBeRightBack from '@zohodesk/svg/lib/errorstate/version1/WillBeRightBack';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
@@ -66,14 +67,8 @@ export default class WillBack extends React.Component {
   }
 
 }
-WillBack.propTypes = {
-  customClass: PropTypes.string,
-  dataId: PropTypes.string
-};
-WillBack.defaultProps = {
-  dataId: 'willBack',
-  customClass: ''
-};
+WillBack.propTypes = propTypes;
+WillBack.defaultProps = defaultProps;
 
 if (false) {
   WillBack.docs = {

package/es/errorstate/WillBack/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  dataId: 'willBack',
+  customClass: ''
+};

package/es/errorstate/WillBack/props/propTypes.js

@@ -0,0 +1,5 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  customClass: PropTypes.string,
+  dataId: PropTypes.string
+};

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

@@ -2,7 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
@@ -10,10 +11,6 @@ import CheckBox from '@zohodesk/components/lib/CheckBox/CheckBox';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import FieldContainer from '../FieldContainer/FieldContainer';
-/**** props ****/
-
-import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
-import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
 /**** CSS ****/
 
 import style from '../Fields.module.css';
@@ -133,41 +130,8 @@ export default class CheckBoxField extends PureComponent {
   }
 
 }
-CheckBoxField.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()
-};
-CheckBoxField.defaultProps = {
-  errorType: 'primary',
-  fieldSize: 'medium',
-  labelPalette: 'default',
-  labelCustomClass: '',
-  direction: 'row',
-  lineClamp: '',
-  customProps: {},
-  ...FieldCommonDefaultProps()
-};
+CheckBoxField.propTypes = propTypes;
+CheckBoxField.defaultProps = defaultProps;
 
 if (false) {
   CheckBoxField.docs = {

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

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