@zohodesk/components 1.0.0-alpha-247 → 1.0.0-alpha-249

package/es/RippleEffect/RippleEffect.module.css

@@ -8,22 +8,27 @@
 .default.defaultHover {
   border-color: var(--zdt_rippleeffect_hover_border);
 }
-.hoverEffect:hover.primary.defaultHover, .hoverEffect:hover.primary.borderHover
+.hoverEffect:hover.primary.defaultHover,
+/* .hoverEffect:focus.primary.defaultHover, */
+.hoverEffect:hover.primary.borderHover
 /* .hoverEffect:focus.primary.borderHover  */
 {
   border-color: var(--zdt_rippleeffect_primary_border);
 }
-.primary.defaultHover, .hoverEffect:hover.primary.active.border
+.primary.defaultHover,
+.hoverEffect:hover.primary.active.border
 /* .hoverEffect:focus.primary.active.border  */
 {
   border-color: var(--zdt_rippleeffect_primary_active_border);
 }
-.primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover
+.primaryLight.defaultHover,
+.hoverEffect:hover.primaryLight.borderHover
 /* .hoverEffect:focus.primaryLight.borderHover  */
 {
   border-color: var(--zdt_rippleeffect_primary_light_border);
 }
-.green.defaultHover, .hoverEffect:hover.green.borderHover
+.green.defaultHover,
+.hoverEffect:hover.green.borderHover
 /* .hoverEffect:focus.green.borderHover  */
 {
   border-color: var(--zdt_rippleeffect_green_border);
@@ -51,7 +56,9 @@
 .primaryFilled {
   background-color: var(--zdt_rippleeffect_primary_bg);
 }
-.hoverEffect:hover.primaryFilled, .primaryFilled.active {
+.hoverEffect:hover.primaryFilled,
+/* .hoverEffect:focus.primaryFilled, */
+.primaryFilled.active {
   background-color: var(--zdt_rippleeffect_primaryfilled_bg);
 }
 .hoverEffect:hover.green.bgHover
@@ -59,10 +66,18 @@
  {
   background-color: var(--zdt_rippleeffect_green_bg);
 }
-.default.active, .hoverEffect:hover.default.active, .primaryLight.active, .primaryDark.active {
+.default.active,
+.hoverEffect:hover.default.active,
+/* .hoverEffect:focus.default.active, */
+.primaryLight.active,
+.primaryDark.active {
   background-color: var(--zdt_rippleeffect_primary_light_bg);
 }
-.default.active.border, .hoverEffect:hover.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
+.default.active.border,
+.hoverEffect:hover.default.active.border,
+/* .hoverEffect:focus.default.active.border, */
+.primaryLight.active.border,
+.primaryDark.active.border {
   border-color: var(--zdt_rippleeffect_primary_light_border);
 }
 .green.active {
@@ -74,12 +89,15 @@
 .primary.active {
   background-color: var(--zdt_rippleeffect_primary_bg);
 }
-.danger.defaultHover, .hoverEffect:hover.danger.borderHover
+.danger.defaultHover,
+.hoverEffect:hover.danger.borderHover
 /* .hoverEffect:focus.danger.borderHover */
  {
   border-color: var(--zdt_rippleeffect_danger_border);
 }
-.hoverEffect:hover.danger.bgHover, .danger.active {
+.hoverEffect:hover.danger.bgHover,
+/* .hoverEffect:focus.danger.bgHover, */
+.danger.active {
   background-color: var(--zdt_rippleeffect_danger_bg);
 }
 .hoverEffect:hover.primaryDark.bgHover

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';
@@ -932,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;

package/es/Select/Select.module.css

@@ -68,22 +68,12 @@
   position: absolute;
   top: 0;
   bottom: 0;
-  width: var(--zd_size30);
-}
-
-[dir=ltr] .leftIcon {
   left: 0;
+  width: var(--zd_size30);
 }
-
-[dir=rtl] .leftIcon {
-  right: 0;
-}
-[dir=ltr] .iconSelect {
+.iconSelect {
   padding-left: var(--zd_size30);
 }
-[dir=rtl] .iconSelect {
-  padding-right: var(--zd_size30);
-}
 
 .dropBoxList {
   padding: var(--zd_size10) 0;

package/es/Select/SelectWithAvatar.js

@@ -1,6 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import PropTypes from 'prop-types';
+import { SelectWithAvatar_defaultProps } from './props/defaultProps';
+import { SelectWithAvatar_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import { SelectComponent } from './Select';
@@ -314,85 +315,8 @@ class SelectWithAvatarComponent extends SelectComponent {
 
 }
 
-SelectWithAvatarComponent.propTypes = {
-  animationStyle: PropTypes.string,
-  avatarPalette: PropTypes.string,
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  className: PropTypes.string,
-  closePopupOnly: PropTypes.func,
-  dataId: PropTypes.string,
-  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
-  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  emptyMessage: PropTypes.string,
-  excludeOptions: PropTypes.array,
-  getContainerRef: PropTypes.func,
-  getNextOptions: PropTypes.func,
-  getRef: PropTypes.func,
-  groupName: PropTypes.string,
-  i18nKeys: PropTypes.shape({
-    loadingText: PropTypes.string,
-    emptyText: PropTypes.string,
-    noMoreText: PropTypes.string,
-    searchEmptyText: PropTypes.string
-  }),
-  isDisabled: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  isSearchClearOnClose: PropTypes.bool,
-  maxLength: PropTypes.string,
-  needBorder: PropTypes.bool,
-  needLocalSearch: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  onDropBoxClose: PropTypes.func,
-  onDropBoxOpen: PropTypes.func,
-  onRemove: PropTypes.func,
-  onSearch: PropTypes.func,
-  options: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    text: PropTypes.string,
-    photoURL: PropTypes.string
-  }))]).isRequired,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  searchDebounceTime: PropTypes.number,
-  searchEmptyMessage: PropTypes.string,
-  selectedValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.oneOf(['small', 'medium']),
-  tagSize: PropTypes.string,
-  textBoxSize: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  textField: PropTypes.string,
-  title: PropTypes.string,
-  togglePopup: PropTypes.func,
-  valueField: PropTypes.string,
-  htmlId: PropTypes.string,
-  needEffect: PropTypes.bool
-};
-SelectWithAvatarComponent.defaultProps = {
-  animationStyle: 'bounce',
-  defaultDropBoxPosition: 'bottom',
-  dropBoxSize: 'small',
-  isDefaultSelectValue: false,
-  isDisabled: false,
-  isReadOnly: false,
-  needBorder: true,
-  needLocalSearch: true,
-  needSearch: true,
-  placeHolder: '',
-  size: 'medium',
-  textBoxSize: 'medium',
-  textBoxVariant: 'default',
-  textField: 'text',
-  valueField: 'id',
-  dataId: 'selectWithAvatar',
-  borderColor: 'default',
-  isSearchClearOnClose: true,
-  i18nKeys: {},
-  needEffect: true
-};
+SelectWithAvatarComponent.propTypes = SelectWithAvatar_propTypes;
+SelectWithAvatarComponent.defaultProps = SelectWithAvatar_defaultProps;
 SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
 let SelectWithAvatar = Popup(SelectWithAvatarComponent);
 SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;

package/es/Select/SelectWithIcon.js

@@ -1,6 +1,7 @@
 import "core-js/modules/es.array.includes";
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { SelectWithIcon_defaultProps } from './props/defaultProps';
+import { SelectWithIcon_propTypes } from './props/propTypes';
 /**** Components ****/
 
 import Popup from '../Popup/Popup';
@@ -451,74 +452,8 @@ class SelectWithIcon extends Component {
 
 }
 
-SelectWithIcon.propTypes = {
-  animationStyle: PropTypes.oneOf(['default', 'bounce']),
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
-  dataId: PropTypes.string,
-  dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  getContainerRef: PropTypes.func,
-  getNextOptions: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  i18nKeys: PropTypes.shape({
-    loadingText: PropTypes.string,
-    emptyText: PropTypes.string,
-    noMoreText: PropTypes.string,
-    searchEmptyText: PropTypes.string
-  }),
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  idKey: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  maxLength: PropTypes.string,
-  needIcon: PropTypes.bool,
-  needListBorder: PropTypes.bool,
-  needSearch: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onChange: PropTypes.func,
-  options: PropTypes.array,
-  placeHolder: PropTypes.string,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  searchBoxPlaceHolder: PropTypes.string,
-  searchEmptyMessage: PropTypes.string,
-  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  selectedValue: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'medium']),
-  textBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
-  textBoxVariant: PropTypes.oneOf(['primary', 'secondary', 'default']),
-  togglePopup: PropTypes.func,
-  valueKey: PropTypes.string,
-  htmlId: PropTypes.string
-};
-SelectWithIcon.defaultProps = {
-  isReadOnly: false,
-  isDisabled: false,
-  animationStyle: 'bounce',
-  valueKey: 'value',
-  idKey: 'id',
-  needListBorder: false,
-  needSearch: false,
-  boxSize: 'default',
-  needListBorder: false,
-  needCloseOnSelect: true,
-  borderColor: 'default',
-  needTick: true,
-  searchBoxSize: 'small',
-  size: 'medium',
-  textBoxSize: 'medium',
-  textBoxVariant: 'default',
-  dataId: 'selectWithIcon',
-  dropBoxSize: 'small',
-  needIcon: true,
-  iconSize: '14',
-  i18nKeys: {}
-};
+SelectWithIcon.propTypes = SelectWithIcon_propTypes;
+SelectWithIcon.defaultProps = SelectWithIcon_defaultProps;
 
 if (false) {
   SelectWithIcon.docs = {

package/es/Select/props/defaultProps.js

@@ -0,0 +1,110 @@
+import { getLibraryConfig } from '../../Provider/Config';
+export const Select_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: {}
+};
+export const GroupSelect_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
+};
+export const SelectWithAvatar_defaultProps = {
+  animationStyle: 'bounce',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  isDefaultSelectValue: false,
+  isDisabled: false,
+  isReadOnly: false,
+  needBorder: true,
+  needLocalSearch: true,
+  needSearch: true,
+  placeHolder: '',
+  size: 'medium',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  textField: 'text',
+  valueField: 'id',
+  dataId: 'selectWithAvatar',
+  borderColor: 'default',
+  isSearchClearOnClose: true,
+  i18nKeys: {},
+  needEffect: true
+};
+export const SelectWithIcon_defaultProps = {
+  isReadOnly: false,
+  isDisabled: false,
+  animationStyle: 'bounce',
+  valueKey: 'value',
+  idKey: 'id',
+  needListBorder: false,
+  needSearch: false,
+  boxSize: 'default',
+  needListBorder: false,
+  needCloseOnSelect: true,
+  borderColor: 'default',
+  needTick: true,
+  searchBoxSize: 'small',
+  size: 'medium',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  dataId: 'selectWithIcon',
+  dropBoxSize: 'small',
+  needIcon: true,
+  iconSize: '14',
+  i18nKeys: {}
+};