@zohodesk/components 1.0.0-alpha-248 → 1.0.0-alpha-250

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

@@ -2,7 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** 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/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,6 @@
-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 +451,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: {}
+};