@zohodesk/dot 1.0.0-beta.233 → 1.0.0-beta.235

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

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

package/es/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,
+  valueField: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'default', 'secondary']),
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    RadioProps: PropTypes.object,
+    ValidationMessageProps1: PropTypes.object,
+    ValidationMessageProps2: PropTypes.object
+  })
+};

package/es/form/fields/SelectField/SelectField.js

@@ -1,8 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /**** 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';
@@ -12,8 +13,6 @@ import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import FieldContainer from '../FieldContainer/FieldContainer';
 /**** props ****/
 
-import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
-import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
 /** CSS */
 
 import style from '../Fields.module.css';
@@ -169,70 +168,8 @@ export default class SelectField extends PureComponent {
   }
 
 }
-SelectField.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,
-  isFocusOnLabelClick: PropTypes.bool,
-  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
-  }),
-  ...FieldCommonPropTypes()
-};
-SelectField.defaultProps = {
-  errorType: 'primary',
-  needSearch: false,
-  searchBoxSize: 'small',
-  textBoxSize: 'xmedium',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  isFocusOnLabelClick: true,
-  labelPalette: 'default',
-  labelCustomClass: '',
-  isDefaultSelectValue: true,
-  placeHolder: '',
-  customProps: {},
-  ...FieldCommonDefaultProps()
-};
+SelectField.propTypes = propTypes;
+SelectField.defaultProps = defaultProps;
 
 if (false) {
   SelectField.docs = {

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

@@ -0,0 +1,17 @@
+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: {},
+  ...FieldCommonDefaultProps()
+};

package/es/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,
+  isFocusOnLabelClick: PropTypes.bool,
+  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
+  }),
+  ...FieldCommonPropTypes()
+};

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.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 Tag from '@zohodesk/components/lib/Tag/Tag';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
@@ -280,58 +281,8 @@ export default class TagsMultiSelect extends React.Component {
   }
 
 }
-TagsMultiSelect.propTypes = {
-  addTag: PropTypes.func,
-  boxPosition: PropTypes.string,
-  className: PropTypes.string,
-  deleteTag: PropTypes.func,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  getTextInputRef: PropTypes.func,
-  handleChange: PropTypes.func,
-  handleKeyUp: PropTypes.func,
-  handleTogglePopup: PropTypes.func,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  isTagListLoading: PropTypes.bool,
-  name: PropTypes.string,
-  noMoreData: PropTypes.bool,
-  onScroll: PropTypes.func,
-  searchList: PropTypes.array,
-  selectSearchIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tagsList: PropTypes.array,
-  chipNeedToShow: PropTypes.string,
-  listDisabled: PropTypes.bool,
-  dataId: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    newTagText: PropTypes.string.isRequired,
-    emptyTitleText: PropTypes.string.isRequired,
-    emptyDescription: PropTypes.string.isRequired,
-    errorMessage: PropTypes.string.isRequired,
-    deleteText: PropTypes.string.isRequired,
-    lessText: PropTypes.string.isRequired,
-    moreText: PropTypes.string.isRequired,
-    placeholderText: PropTypes.string
-  }),
-  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
-  needBorder: PropTypes.bool,
-  getTextBoxChildren: PropTypes.func,
-  htmlId: PropTypes.string,
-  boxSize: PropTypes.string,
-  onSelectTag: PropTypes.func,
-  clickableTag: PropTypes.bool
-};
-TagsMultiSelect.defaultProps = {
-  className: '',
-  i18nKeys: {},
-  chipNeedToShow: '5',
-  borderColor: 'default',
-  needBorder: true,
-  dataId: '',
-  boxSize: 'default',
-  clickableTag: false
-};
+TagsMultiSelect.propTypes = propTypes;
+TagsMultiSelect.defaultProps = defaultProps;
 
 if (false) {
   TagsMultiSelect.docs = {

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css

@@ -1,28 +1,26 @@
 .tag {
   max-width: 100%;
 }
-[dir=ltr] .moreLess, [dir=ltr] .tag {
+.moreLess,
+.tag {
   margin: 0 var(--zd_size6) var(--zd_size6) 0;
 }
-[dir=rtl] .moreLess, [dir=rtl] .tag {
-  margin: 0 0 var(--zd_size6) var(--zd_size6);
-}
 .input {
   height: var(--zd_size20);
-  width: 100%;
   margin-bottom: var(--zd_size4);
+  width: 100%;
 }
 .viewpopNew {
   max-height: var(--zd_size250);
 }
 .tagDiv {
-  max-height: var(--zd_size160);
   margin-top: var(--zd_size5);
+  max-height: var(--zd_size160);
 }
 .hasBorder {
-  transition: border var(--zd_transition2) linear 0s;
   border-bottom-style: solid;
   border-bottom-width: 1px;
+  transition: border var(--zd_transition2) linear 0s;
 }
 .borderColor_transparent {
   border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
@@ -66,15 +64,10 @@
   font-size: 0;
 }
 .newTagLabel {
+  margin-right: var(--zd_size5);
   color: var(--zdt_tagsmultiselect_labelt_text);
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .newTagLabel {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .newTagLabel {
-  margin-left: var(--zd_size5);
-}
 .dotted {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -94,13 +87,8 @@
 .custmInp {
   position: absolute;
   top: 0;
-  width: 100%;
-}
-[dir=ltr] .custmInp {
   left: 0;
-}
-[dir=rtl] .custmInp {
-  right: 0;
+  width: 100%;
 }
 .newTagText {
   color: var(--zdt_tagsmultiselect_more_text);

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

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

package/es/form/fields/TagsMultiSelect/props/propTypes.js

@@ -0,0 +1,43 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  addTag: PropTypes.func,
+  boxPosition: PropTypes.string,
+  className: PropTypes.string,
+  deleteTag: PropTypes.func,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  getTextInputRef: PropTypes.func,
+  handleChange: PropTypes.func,
+  handleKeyUp: PropTypes.func,
+  handleTogglePopup: PropTypes.func,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isTagListLoading: PropTypes.bool,
+  name: PropTypes.string,
+  noMoreData: PropTypes.bool,
+  onScroll: PropTypes.func,
+  searchList: PropTypes.array,
+  selectSearchIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  tagsList: PropTypes.array,
+  chipNeedToShow: PropTypes.string,
+  listDisabled: PropTypes.bool,
+  dataId: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    newTagText: PropTypes.string.isRequired,
+    emptyTitleText: PropTypes.string.isRequired,
+    emptyDescription: PropTypes.string.isRequired,
+    errorMessage: PropTypes.string.isRequired,
+    deleteText: PropTypes.string.isRequired,
+    lessText: PropTypes.string.isRequired,
+    moreText: PropTypes.string.isRequired,
+    placeholderText: PropTypes.string
+  }),
+  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
+  needBorder: PropTypes.bool,
+  getTextBoxChildren: PropTypes.func,
+  htmlId: PropTypes.string,
+  boxSize: PropTypes.string,
+  onSelectTag: PropTypes.func,
+  clickableTag: PropTypes.bool
+};

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,17 +1,14 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Box } from '@zohodesk/components/lib/Layout';
 import Label from '@zohodesk/components/lib/Label/Label';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
 import TagsMultiSelect from '../TagsMultiSelect/TagsMultiSelect';
 import FieldContainer from '../FieldContainer/FieldContainer';
-/**** props ****/
-
-import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
-import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
 /**** css ****/
 
 import fieldStyle from '../Fields.module.css';
@@ -249,73 +246,8 @@ const TagsMultiSelectField = props => {
 };
 
 export default Popup(TagsMultiSelectField);
-TagsMultiSelectField.propTypes = {
-  fieldProperties: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    labelName: PropTypes.string,
-    isMandatory: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    isReadOnly: PropTypes.bool,
-    value: PropTypes.string,
-    selectedValueCount: PropTypes.string,
-    validationMessage: PropTypes.string,
-    options: PropTypes.array,
-    clickableTag: PropTypes.bool
-  }),
-  styleProperties: PropTypes.shape({
-    labelSize: PropTypes.string,
-    labelPalette: PropTypes.string,
-    labelClass: PropTypes.string,
-    containerClass: PropTypes.string,
-    needBorder: PropTypes.bool,
-    borderColor: PropTypes.string,
-    validationPalette: PropTypes.string,
-    errorType: PropTypes.string
-  }),
-  actions: PropTypes.shape({
-    onChange: PropTypes.func,
-    onAdd: PropTypes.func,
-    onDelete: PropTypes.func,
-    onScroll: PropTypes.func,
-    onFocus: PropTypes.func
-  }),
-  isNewNeeded: PropTypes.bool,
-  data: PropTypes.string,
-  htmlId: PropTypes.string,
-  isLoading: PropTypes.bool,
-  isListDisabled: PropTypes.bool,
-  numberOfDisplayedValues: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  getTextBoxChildren: PropTypes.func,
-  children: PropTypes.node,
-  i18nKeys: PropTypes.object,
-  noMoreData: PropTypes.bool,
-  position: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    TagsMultiSelectProps: PropTypes.object,
-    ValidationMessageProps: PropTypes.object
-  }),
-  ...FieldCommonPropTypes()
-};
-TagsMultiSelectField.defaultProps = {
-  fieldProperties: {
-    isDisabled: false,
-    isMandatory: false
-  },
-  styleProperties: {
-    containerClass: '',
-    needBorder: true,
-    borderColor: 'default',
-    errorType: 'primary'
-  },
-  isNewNeeded: false,
-  i18nKeys: {},
-  numberOfDisplayedValues: '5',
-  customProps: {},
-  ...FieldCommonDefaultProps()
-};
+TagsMultiSelectField.propTypes = propTypes;
+TagsMultiSelectField.defaultProps = defaultProps;
 
 if (false) {
   TagsMultiSelectField.docs = {

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css

@@ -1,9 +1,6 @@
 .count {
   color: var(--zdt_tagsmultiselectField_count_text);
   font-size: var(--zd_font_size12);
-  word-break: break-word;
-}[dir=ltr] .count {
   margin-left: var(--zd_size4);
-}[dir=rtl] .count {
-  margin-right: var(--zd_size4);
+  word-break: break-word;
 }

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

@@ -0,0 +1,18 @@
+import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+export const defaultProps = {
+  fieldProperties: {
+    isDisabled: false,
+    isMandatory: false
+  },
+  styleProperties: {
+    containerClass: '',
+    needBorder: true,
+    borderColor: 'default',
+    errorType: 'primary'
+  },
+  isNewNeeded: false,
+  i18nKeys: {},
+  numberOfDisplayedValues: '5',
+  customProps: {},
+  ...FieldCommonDefaultProps()
+};

package/es/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -0,0 +1,52 @@
+import PropTypes from 'prop-types';
+import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+export const propTypes = {
+  fieldProperties: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    labelName: PropTypes.string,
+    isMandatory: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    isReadOnly: PropTypes.bool,
+    value: PropTypes.string,
+    selectedValueCount: PropTypes.string,
+    validationMessage: PropTypes.string,
+    options: PropTypes.array,
+    clickableTag: PropTypes.bool
+  }),
+  styleProperties: PropTypes.shape({
+    labelSize: PropTypes.string,
+    labelPalette: PropTypes.string,
+    labelClass: PropTypes.string,
+    containerClass: PropTypes.string,
+    needBorder: PropTypes.bool,
+    borderColor: PropTypes.string,
+    validationPalette: PropTypes.string,
+    errorType: PropTypes.string
+  }),
+  actions: PropTypes.shape({
+    onChange: PropTypes.func,
+    onAdd: PropTypes.func,
+    onDelete: PropTypes.func,
+    onScroll: PropTypes.func,
+    onFocus: PropTypes.func
+  }),
+  isNewNeeded: PropTypes.bool,
+  data: PropTypes.string,
+  htmlId: PropTypes.string,
+  isLoading: PropTypes.bool,
+  isListDisabled: PropTypes.bool,
+  numberOfDisplayedValues: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  getTextBoxChildren: PropTypes.func,
+  children: PropTypes.node,
+  i18nKeys: PropTypes.object,
+  noMoreData: PropTypes.bool,
+  position: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  customProps: PropTypes.shape({
+    LabelProps: PropTypes.object,
+    TagsMultiSelectProps: PropTypes.object,
+    ValidationMessageProps: PropTypes.object
+  }),
+  ...FieldCommonPropTypes()
+};

package/es/form/fields/TextBoxField/TextBoxField.js

@@ -1,8 +1,9 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /**** 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 TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import FieldContainer from '../FieldContainer/FieldContainer';
-/**** props ****/
-
-import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
-import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
 /**** CSS ****/
 
 import style from '../Fields.module.css';
@@ -150,56 +147,8 @@ export default class TextBoxField extends PureComponent {
   }
 
 }
-TextBoxField.propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  // isFocusOnLabelClick: 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,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  value: PropTypes.string,
-  isClickable: PropTypes.bool,
-  needReadOnlyStyle: PropTypes.bool,
-  children: PropTypes.node,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    TextBoxIconProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  ...FieldCommonPropTypes()
-};
-TextBoxField.defaultProps = {
-  errorType: 'primary',
-  textBoxSize: 'xmedium',
-  textBoxType: 'text',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  // isFocusOnLabelClick: true,
-  labelPalette: 'default',
-  labelCustomClass: '',
-  isClickable: false,
-  needReadOnlyStyle: true,
-  customProps: {},
-  ...FieldCommonDefaultProps()
-};
+TextBoxField.propTypes = propTypes;
+TextBoxField.defaultProps = defaultProps;
 
 if (false) {
   TextBoxField.docs = {

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

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