@zohodesk/components/es/Select/props/defaultProps.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

import { getLibraryConfig } from "../../Provider/Config";
export const Select_defaultProps = {
  animationStyle: 'bounce',
  autoComplete: getLibraryConfig('autoComplete'),
  autoSelectOnType: true,
  dataId: 'selectComponent',
  dataSelectorId: 'select',
  dropBoxSize: 'small',
  isVirtualizerEnabled: false,
  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,
  isAnimate: true,
  isParentBased: true,
  isSearchClearOnClose: true,
  i18nKeys: {},
  iconOnHover: false,
  customProps: {},
  isLoading: false,
  shouldUseInternalLoader: true,
  isAbsolutePositioningNeeded: true,
  allowValueFallback: true,
  inputFieldLineA11y: {},
  customClass: {}
};
export const GroupSelect_defaultProps = {
  animationStyle: 'bounce',
  defaultDropBoxPosition: 'bottom',
  dropBoxSize: 'small',
  dataSelectorId: 'groupSelect',
  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',
  dataId: 'GroupSelect',
  isPopupOpenOnEnter: false,
  borderColor: 'default',
  needTick: true,
  needLocalSearch: true,
  isSearchClearOnClose: true,
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  i18nKeys: {},
  iconOnHover: false,
  isLoading: false,
  shouldUseInternalLoader: true,
  customProps: {},
  allowValueFallback: true,
  customClass: {}
};
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',
  dataSelectorId: 'selectWithAvatar',
  borderColor: 'default',
  isSearchClearOnClose: true,
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  i18nKeys: {},
  customProps: {},
  needEffect: true,
  isLoading: false,
  shouldUseInternalLoader: true,
  customProps: {},
  customClass: {}
};
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',
  searchFields: [],
  textBoxSize: 'medium',
  textBoxVariant: 'default',
  dataId: 'selectWithIcon',
  dataSelectorId: 'selectWithIcon',
  dropBoxSize: 'small',
  needIcon: true,
  iconSize: '14',
  i18nKeys: {},
  isLoading: false,
  shouldUseInternalLoader: true,
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  customProps: {},
  customClass: {}
};