@zohodesk/components 1.0.0-temp-667 → 1.0.0-temp-70

package/es/Responsive/Responsive.js

@@ -1,7 +1,8 @@
 import "core-js/modules/es.array.includes";
 import React, { useContext, useEffect, useState, useMemo } from 'react'; // import React, { useState, useMemo, useCallback, useContext } from 'react';
 
-import PropTypes from 'prop-types';
+import { ResponsiveSender_defaultProps, ResponsiveReceiver_defaultProps } from './props/defaultProps';
+import { ResponsiveSender_propTypes, ResponsiveReceiver_propTypes } from './props/propTypes';
 import ResizeObserver from './ResizeObserver';
 import DOMRefWrapper from './RefWrapper';
 import { windowResizeObserver } from './windowResizeObserver';
@@ -91,18 +92,11 @@ export class ResponsiveSender extends React.Component {
   }
 
 }
-ResponsiveSender.defaultProps = {
-  responsiveId: defaultResponsiveId,
-  domRefKey: 'eleRef' // matcher: defaultMatcher
-
+ResponsiveSender.defaultProps = { ...ResponsiveSender_defaultProps,
+  responsiveId: defaultResponsiveId
 };
 ResponsiveSender.contextType = ResponsiveContext;
-ResponsiveSender.propTypes = {
-  children: PropTypes.any.isRequired,
-  domRefKey: PropTypes.string,
-  responsiveId: PropTypes.string // matcher: PropTypes.func
-
-};
+ResponsiveSender.propTypes = ResponsiveSender_propTypes;
 export function useResponsiveReceiver() {
   let responsiveId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultResponsiveId;
   const [_, forceUpdate] = useState();
@@ -195,15 +189,7 @@ export function ResponsiveReceiver(_ref) {
     ref: eleRef
   }, child) : child : null;
 }
-ResponsiveReceiver.defaultProps = {
-  responsiveId: defaultResponsiveId,
-  domRefKey: 'eleRef',
-  hiddenSizes: []
+ResponsiveReceiver.defaultProps = { ...ResponsiveReceiver_defaultProps,
+  responsiveId: defaultResponsiveId
 };
-ResponsiveReceiver.propTypes = {
-  children: PropTypes.func,
-  domRefKey: PropTypes.string,
-  eleRef: PropTypes.func,
-  hiddenSizes: PropTypes.array,
-  responsiveId: PropTypes.string
-};
+ResponsiveReceiver.propTypes = ResponsiveReceiver_propTypes;

package/es/Responsive/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const CustomResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const CustomResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const ResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const ResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef',
+  hiddenSizes: []
+};

package/es/Responsive/props/propTypes.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+export const CustomResponsiveSender_propTypes = {
+  children: PropTypes.any.isRequired,
+  domRefKey: PropTypes.string,
+  responsiveId: PropTypes.string
+};
+export const CustomResponsiveReceiver_propTypes = {
+  children: PropTypes.func,
+  domRefKey: PropTypes.string,
+  eleRef: PropTypes.func,
+  query: PropTypes.func,
+  responsiveId: PropTypes.string
+};
+export const ResponsiveSender_propTypes = {
+  children: PropTypes.any.isRequired,
+  domRefKey: PropTypes.string,
+  responsiveId: PropTypes.string
+};
+export const ResponsiveReceiver_propTypes = {
+  children: PropTypes.func,
+  domRefKey: PropTypes.string,
+  eleRef: PropTypes.func,
+  hiddenSizes: PropTypes.array,
+  responsiveId: PropTypes.string
+};

package/es/ResponsiveDropBox/ResponsiveDropBox.js

@@ -1,7 +1,8 @@
-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, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import DropBox from '../DropBox/DropBox';
 import { Container } from '../Layout';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
@@ -62,13 +63,5 @@ export default class ResponsiveDropBox extends Component {
   }
 
 }
-ResponsiveDropBox.propTypes = {
-  children: PropTypes.element,
-  customClass: PropTypes.object,
-  isResponsivePadding: PropTypes.bool,
-  alignBox: PropTypes.oneOf(['column', 'row'])
-};
-ResponsiveDropBox.defaultProps = {
-  isResponsivePadding: false,
-  alignBox: 'column'
-};
+ResponsiveDropBox.propTypes = propTypes;
+ResponsiveDropBox.defaultProps = defaultProps;

package/es/ResponsiveDropBox/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  isResponsivePadding: false,
+  alignBox: 'column'
+};

package/es/ResponsiveDropBox/props/propTypes.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  customClass: PropTypes.object,
+  isResponsivePadding: PropTypes.bool,
+  alignBox: PropTypes.oneOf(['column', 'row'])
+};

package/es/Ribbon/Ribbon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: [default, flag, plain, ribbon, box, stamp, sticker, small, medium, large, xlarge, palette_default, palette_danger, palette_primary, palette_secondary, palette_info, palette_dark, plain_default, plain_danger, plain_primary, plain_secondary, plain_info, plain_dark, tag] }] */
 
 import style from './Ribbon.module.css';
@@ -30,30 +31,8 @@ export default class Ribbon extends React.Component {
   }
 
 }
-Ribbon.propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  palette: PropTypes.oneOf(['default', 'danger', 'primary', 'secondary', 'info', 'dark']),
-  size: PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
-  text: PropTypes.string,
-  type: PropTypes.oneOf(['default', 'flag', 'plain', 'ribbon', 'box', 'stamp', 'sticker', 'tag']),
-  customClass: PropTypes.string
-}; // Ribbon.propTypesDescription = {
-//   text: ' ',
-//   type: ' ',
-//   children: ' ',
-//   palette: ' ',
-//   size: ' '
-// };
-
-Ribbon.defaultProps = {
-  palette: 'default',
-  size: 'large',
-  text: 'Ribbon',
-  type: 'default',
-  dataId: 'ribbonComp',
-  customClass: ''
-};
+Ribbon.propTypes = propTypes;
+Ribbon.defaultProps = defaultProps;
 
 if (false) {
   Ribbon.docs = {

package/es/Ribbon/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  palette: 'default',
+  size: 'large',
+  text: 'Ribbon',
+  type: 'default',
+  dataId: 'ribbonComp',
+  customClass: ''
+};

package/es/Ribbon/props/propTypes.js

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  palette: PropTypes.oneOf(['default', 'danger', 'primary', 'secondary', 'info', 'dark']),
+  size: PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
+  text: PropTypes.string,
+  type: PropTypes.oneOf(['default', 'flag', 'plain', 'ribbon', 'box', 'stamp', 'sticker', 'tag']),
+  customClass: PropTypes.string
+};

package/es/RippleEffect/RippleEffect.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 CssProvider from '../Provider/CssProvider';
 import style from './RippleEffect.module.css';
 export default function RippleEffect(props) {
@@ -19,25 +20,8 @@ export default function RippleEffect(props) {
     className: `${child.props.className || ''} ${className}`
   });
 }
-RippleEffect.defaultProps = {
-  isActive: false,
-  isDisabled: false,
-  isNeedEffect: true,
-  needBorder: true,
-  hoverType: 'default',
-  palette: 'default',
-  isCopyTextEnabled: false
-};
-RippleEffect.propTypes = {
-  children: PropTypes.node,
-  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
-  isActive: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isNeedEffect: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  palette: PropTypes.oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
-  isCopyTextEnabled: PropTypes.bool
-};
+RippleEffect.defaultProps = defaultProps;
+RippleEffect.propTypes = propTypes;
 
 if (false) {
   RippleEffect.docs = {

package/es/RippleEffect/props/defaultProps.js

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  isActive: false,
+  isDisabled: false,
+  isNeedEffect: true,
+  needBorder: true,
+  hoverType: 'default',
+  palette: 'default',
+  isCopyTextEnabled: false
+};

package/es/RippleEffect/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
+  isActive: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isNeedEffect: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  palette: PropTypes.oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
+  isCopyTextEnabled: PropTypes.bool
+};

package/es/Select/GroupSelect.js

@@ -1,6 +1,7 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
+import { GroupSelect_defaultProps } from './props/defaultProps';
+import { GroupSelect_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Popup from '../Popup/Popup';
@@ -773,114 +774,8 @@ export class GroupSelectComponent extends PureComponent {
   }
 
 }
-GroupSelectComponent.propTypes = {
-  groupedOptions: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    name: PropTypes.string.isRequired,
-    valueField: PropTypes.string,
-    textField: PropTypes.string,
-    options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.arrayOf(PropTypes.shape({
-      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-      text: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-    }))])
-  })),
-  selectedOption: PropTypes.shape({
-    groupId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    selected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  }),
-  emptyMessage: PropTypes.string.isRequired,
-  placeHolder: PropTypes.string,
-  onChange: PropTypes.func.isRequired,
-  onKeyDown: PropTypes.func,
-  searchBoxPlaceHolder: PropTypes.string,
-  needSearch: PropTypes.bool,
-  searchEmptyMessage: PropTypes.string,
-  getRef: PropTypes.func,
-  isDisabled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  needSelectDownIcon: PropTypes.bool,
-  isPopupOpenOnEnter: PropTypes.bool,
-  maxLength: PropTypes.string,
-  needBorder: PropTypes.bool,
-  autoSelectOnType: PropTypes.bool,
-  autoSelectDebouneTime: PropTypes.number,
-  dataId: PropTypes.string,
-  dataIdSlctComp: PropTypes.string,
-  dataIdDownIcon: PropTypes.string,
-  dataIdSrchEmptyMsg: PropTypes.string,
-  isNextOptions: PropTypes.bool,
-  getNextOptions: PropTypes.func,
-  searchDebounceTime: PropTypes.func,
-  needLocalSearch: PropTypes.bool,
-  onSearch: PropTypes.func,
-  isSearchClearOnClose: PropTypes.bool,
-  animationStyle: PropTypes.string,
-  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
-  isAnimate: PropTypes.bool,
-  onFocus: PropTypes.func,
-  size: PropTypes.oneOf(['medium', 'xmedium']),
-  textBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
-  title: PropTypes.string,
-  variant: PropTypes.string,
-  needResponsive: PropTypes.bool,
-  className: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  searchBoxSize: PropTypes.string,
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  needTick: PropTypes.bool,
-  children: PropTypes.node,
-  getFooter: PropTypes.func,
-  htmlId: PropTypes.string,
-  iconOnHover: PropTypes.bool,
-
-  /**** Popup Props ****/
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  togglePopup: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  getContainerRef: PropTypes.func,
-  closePopupOnly: PropTypes.func,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  i18nKeys: PropTypes.shape({
-    loadingText: PropTypes.string,
-    emptyText: PropTypes.string,
-    noMoreText: PropTypes.string,
-    searchEmptyText: PropTypes.string
-  })
-};
-GroupSelectComponent.defaultProps = {
-  animationStyle: 'bounce',
-  defaultDropBoxPosition: 'bottom',
-  dropBoxSize: 'small',
-  isDefaultSelectValue: true,
-  isDisabled: false,
-  isReadOnly: false,
-  needBorder: true,
-  needSearch: false,
-  needSelectDownIcon: true,
-  placeHolder: '',
-  searchBoxPlaceHolder: 'Search',
-  searchBoxSize: 'small',
-  size: 'medium',
-  textBoxSize: 'medium',
-  textBoxVariant: 'default',
-  textField: 'text',
-  valueField: 'id',
-  autoSelectOnType: true,
-  dataIdSlctComp: 'selectComponent',
-  dataIdDownIcon: 'downIcon',
-  dataIdLoading: 'loading',
-  dataIdSrchEmptyMsg: 'searchEmptyMessage',
-  isPopupOpenOnEnter: false,
-  borderColor: 'default',
-  needTick: true,
-  needLocalSearch: true,
-  isSearchClearOnClose: true,
-  i18nKeys: {},
-  iconOnHover: false
-};
+GroupSelectComponent.propTypes = GroupSelect_propTypes;
+GroupSelectComponent.defaultProps = GroupSelect_defaultProps;
 GroupSelectComponent.displayName = 'GroupSelect';
 let GroupSelect = Popup(GroupSelectComponent);
 GroupSelect.defaultProps = GroupSelectComponent.defaultProps;

package/es/Select/Select.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, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { Select_defaultProps } from './props/defaultProps';
+import { Select_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Popup from '../Popup/Popup';
@@ -78,7 +79,6 @@ export class SelectComponent extends Component {
       searchStr: '',
       isFetchingOptions: false,
       selectedId,
-      isFocused: false,
       selectedValueIndex: hoverIndex
     };
     this.optionsOrder = optionsOrder;
@@ -86,7 +86,6 @@ export class SelectComponent extends Component {
     this.normalizedFormatOptions = normalizedFormatOptions;
     this.allSelectedOptions = selectedValueDetails;
     this.handleChange = this.handleChange.bind(this);
-    this.onBlur = this.onBlur.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.handleSearch = this.handleSearch.bind(this);
     this.handleFilterSuggestions = this.handleFilterSuggestions.bind(this);
@@ -399,7 +398,6 @@ export class SelectComponent extends Component {
     let searchStrRegex = getSearchString(searchStr);
     let valueStrRegex = getSearchString(value);
     let isSearch = searchStrRegex !== valueStrRegex ? true : false;
-    console.log(value, "valuevalue");
     this.setState({
       searchStr: value,
       hoverIndex: 0
@@ -545,12 +543,6 @@ export class SelectComponent extends Component {
     this[`suggestion_${id}`] = el;
   }
 
-  onBlur() {
-    this.setState({
-      isFocused: false
-    });
-  }
-
   searchInputRef(el) {
     this.searchInput = el;
   }
@@ -568,10 +560,6 @@ export class SelectComponent extends Component {
       valueInput
     } = this;
     valueInput && valueInput.setSelectionRange(valueInput, 0);
-    this.setState({
-      isFocused: true
-    });
-    thi.handleSearch(selected);
   }
 
   handleClearSearch() {
@@ -758,7 +746,6 @@ export class SelectComponent extends Component {
       searchStr,
       isFetchingOptions,
       selectedId,
-      isFocused,
       options
     } = this.state;
     let suggestions = this.handleFilterSuggestions();
@@ -794,14 +781,11 @@ export class SelectComponent extends Component {
       maxLength: maxLength,
       needBorder: needBorder,
       onFocus: this.handleSelectFocus,
-      onChange: this.handleSearch,
       onKeyDown: this.handleKeyDown,
-      placeHolder: placeHolder // isReadOnly
-      ,
+      placeHolder: placeHolder,
+      isReadOnly: true,
       size: textBoxSize,
-      value: isFocused ? searchStr : selected,
-      onBlur: this.onBlur // defaultValue={selected}
-      ,
+      value: selected,
       variant: textBoxVariant,
       needReadOnlyStyle: isReadOnly ? true : false,
       dataId: `${dataId}_textBox`,
@@ -811,7 +795,6 @@ export class SelectComponent extends Component {
       },
       needEffect: isReadOnly || isDisabled ? false : true,
       onKeyPress: this.handleValueInputChange,
-      onClear: this.handleClearSearch,
       borderColor: borderColor,
       htmlId: htmlId,
       isFocus: isPopupReady,
@@ -849,16 +832,12 @@ export class SelectComponent extends Component {
       maxLength: maxLength,
       needBorder: needBorder,
       onFocus: this.handleSelectFocus,
-      onChange: this.handleSearch,
       onKeyDown: getChildren && this.handleKeyDown,
-      onClear: this.handleClearSearch,
-      placeHolder: placeHolder // isReadOnly
-      ,
+      placeHolder: placeHolder,
+      isReadOnly: true,
       needEffect: isReadOnly || isDisabled ? false : true,
       size: textBoxSize,
-      value: isFocused ? searchStr : selected,
-      onBlur: this.onBlur // defaultValue={selected}
-      ,
+      value: selected,
       variant: textBoxVariant,
       needReadOnlyStyle: isReadOnly ? true : false,
       dataId: `${dataId}_textBox`,
@@ -894,7 +873,7 @@ export class SelectComponent extends Component {
         flexible: true
       }, /*#__PURE__*/React.createElement(Card, {
         onScroll: this.handleScroll
-      }, false ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement("div", {
+      }, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement("div", {
         className: `${style.search} ${style[size]}`
       }, /*#__PURE__*/React.createElement(TextBoxIcon, {
         a11y: {
@@ -954,125 +933,8 @@ export class SelectComponent extends Component {
   }
 
 }
-SelectComponent.propTypes = {
-  animationStyle: PropTypes.string,
-  autoComplete: PropTypes.bool,
-  autoSelectDebouneTime: PropTypes.number,
-  autoSelectOnType: PropTypes.bool,
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  boxSize: PropTypes.string,
-  className: PropTypes.string,
-  closePopupOnly: PropTypes.func,
-  dataId: PropTypes.string,
-  defaultDropBoxPosition: PropTypes.string,
-  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  emptyMessage: PropTypes.string,
-  excludeOptions: PropTypes.array,
-  getChildren: PropTypes.func,
-  getContainerRef: PropTypes.func,
-  getCustomEmptyState: PropTypes.func,
-  getFooter: PropTypes.func,
-  getNextOptions: PropTypes.func,
-  getPopupHandlers: PropTypes.func,
-  getRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  i18nKeys: PropTypes.shape({
-    loadingText: PropTypes.string,
-    emptyText: PropTypes.string,
-    noMoreText: PropTypes.string,
-    searchEmptyText: PropTypes.string
-  }),
-  isDefaultSelectValue: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isParentBased: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupOpenOnEnter: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  isSearchClearOnClose: PropTypes.bool,
-  listItemSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  maxLength: PropTypes.string,
-  needBorder: PropTypes.bool,
-  needCloseOnSelect: PropTypes.bool,
-  needListBorder: PropTypes.bool,
-  needLocalSearch: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  needSearch: PropTypes.bool,
-  needSelectDownIcon: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onAddNewOption: PropTypes.func,
-  onChange: PropTypes.func.isRequired,
-  onDropBoxClose: PropTypes.func,
-  onDropBoxOpen: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onSearch: PropTypes.func,
-  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    text: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  }))]).isRequired,
-  placeHolder: PropTypes.string,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  searchBoxPlaceHolder: PropTypes.string,
-  searchBoxSize: PropTypes.string,
-  searchDebounceTime: PropTypes.number,
-  searchEmptyMessage: PropTypes.string,
-  selectedValue: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.string, PropTypes.number]), PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    text: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })]),
-  size: PropTypes.oneOf(['small', 'medium']),
-  textBoxSize: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  textField: PropTypes.string,
-  title: PropTypes.string,
-  togglePopup: PropTypes.func,
-  valueField: PropTypes.string,
-  htmlId: PropTypes.string,
-  children: PropTypes.node,
-  onFocus: PropTypes.func,
-  iconOnHover: PropTypes.bool,
-  customProps: PropTypes.shape({
-    TextBoxProps: PropTypes.object,
-    DropdownSearchTextBoxProps: PropTypes.object,
-    listItemProps: PropTypes.object,
-    SuggestionsProps: PropTypes.object
-  })
-};
-SelectComponent.defaultProps = {
-  animationStyle: 'bounce',
-  autoComplete: getLibraryConfig('autoComplete'),
-  autoSelectOnType: true,
-  dataId: 'selectComponent',
-  dropBoxSize: 'small',
-  isDefaultSelectValue: true,
-  isDisabled: false,
-  isPopupOpenOnEnter: false,
-  isReadOnly: false,
-  needBorder: true,
-  needLocalSearch: true,
-  needSearch: false,
-  needSelectDownIcon: true,
-  placeHolder: '',
-  searchBoxPlaceHolder: 'Search',
-  searchBoxSize: 'small',
-  size: 'medium',
-  textBoxSize: 'medium',
-  textBoxVariant: 'default',
-  textField: 'text',
-  valueField: 'id',
-  borderColor: 'default',
-  needTick: true,
-  boxSize: 'default',
-  needListBorder: false,
-  needCloseOnSelect: true,
-  isParentBased: true,
-  isSearchClearOnClose: true,
-  i18nKeys: {},
-  iconOnHover: false,
-  customProps: {}
-};
+SelectComponent.propTypes = Select_propTypes;
+SelectComponent.defaultProps = Select_defaultProps;
 SelectComponent.displayName = 'Select';
 let Select = Popup(SelectComponent);
 Select.defaultProps = SelectComponent.defaultProps;