@zohodesk/components/es/MultiSelect/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 AdvancedGroupMultiSelect_defaultProps = {
  animationStyle: 'bounce',
  autoComplete: getLibraryConfig('autoComplete'),
  dataId: 'multiSelect',
  defaultDropBoxPosition: 'bottom',
  dropBoxSize: 'small',
  isAnimate: true,
  isDisabled: false,
  isPopupOpenOnEnter: false,
  isPopupOpen: false,
  isPopupReady: false,
  isReadOnly: false,
  needLocalSearch: true,
  needSelectAll: false,
  needToCloseOnSelect: false,
  needBorder: true,
  size: 'medium',
  textBoxSize: 'medium',
  textField: 'text',
  valueField: 'id',
  variant: 'default',
  isSearching: false,
  selectedOptionDetails: {},
  selectedGroupOptions: [],
  listItemSize: 'large',
  isDataLoaded: true,
  isNextOptions: false,
  customClass: '',
  borderColor: 'default',
  isPadding: false,
  i18nKeys: {},
  a11y: {},
  isSearchClearOnSelect: true,
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  needEffect: true,
  palette: 'default',
  isLoading: false,
  dataSelectorId: 'advancedGroupMultiSelect',
  allowValueFallback: true
};
export const AdvancedMultiSelect_defaultProps = {
  animationStyle: 'bounce',
  dataIdClearIcon: 'clearIcon',
  dataIdLoading: 'loading',
  dataIdMultiSelectComp: 'multiSelectComp',
  dataIdSelectAllEle: 'selectAllEle',
  defaultDropBoxPosition: 'bottom',
  dropBoxSize: 'small',
  isAnimate: true,
  isDisabled: false,
  isReadOnly: false,
  needLocalSearch: true,
  needSelectAll: false,
  selectedOptions: [],
  size: 'medium',
  textBoxSize: 'medium',
  textField: 'text',
  valueField: 'id',
  variant: 'default',
  isSearchClearOnClose: true,
  needBorder: true,
  i18nKeys: {},
  a11y: {},
  borderColor: 'default',
  isBoxPaddingNeed: true,
  isSearchClearOnSelect: true,
  customProps: {},
  needEffect: true,
  isLoading: false,
  dataSelectorId: 'advancedMultiSelect',
  customClass: {},
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  allowValueFallback: true
};
export const EmptyState_defaultProps = {
  dataId: 'empty',
  palette: 'default',
  i18nKeys: {},
  a11y: {}
};
export const MultiSelect_defaultProps = {
  animationStyle: 'bounce',
  autoComplete: getLibraryConfig('autoComplete'),
  dataId: 'multiSelect',
  dropBoxSize: 'small',
  isVirtualizerEnabled: false,
  isAnimate: true,
  isDisabled: false,
  isPopupOpenOnEnter: false,
  isReadOnly: false,
  needLocalSearch: true,
  needSelectAll: false,
  needToCloseOnSelect: false,
  size: 'medium',
  textBoxSize: 'medium',
  textField: 'text',
  valueField: 'id',
  variant: 'default',
  isSearching: false,
  borderColor: 'default',
  needBorder: true,
  disableAction: false,
  isSearchClearOnClose: true,
  isBoxPaddingNeed: true,
  needAutoFocus: false,
  i18nKeys: {},
  a11y: {},
  textBoxClass: '',
  palette: 'default',
  isSearchClearOnSelect: true,
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  needEffect: true,
  boxSize: 'default',
  isLoading: false,
  dataSelectorId: 'multiSelect',
  keepSelectedOptions: false,
  selectedOptionsCount: 0,
  cardHeaderName: '',
  needResponsive: true,
  customProps: {},
  allowValueFallback: true
};
export const MultiSelectHeader_defaultProps = {
  dataId: 'MultiSelectHeader'
};
export const MultiSelectWithAvatar_defaultProps = {
  animationStyle: 'bounce',
  defaultDropBoxPosition: 'bottom',
  dropBoxSize: 'small',
  imageField: 'photoURL',
  isAnimate: true,
  isDisabled: false,
  isReadOnly: false,
  needLocalSearch: true,
  needSelectAll: false,
  size: 'medium',
  textBoxSize: 'medium',
  textField: 'text',
  valueField: 'id',
  variant: 'default',
  dataId: 'multiSelectWithAvatar',
  borderColor: 'default',
  needBorder: true,
  disableAction: false,
  isSearchClearOnClose: true,
  i18nKeys: {},
  a11y: {},
  palette: 'default',
  isBoxPaddingNeed: true,
  isSearchClearOnSelect: true,
  isAbsolutePositioningNeeded: true,
  isRestrictScroll: false,
  needEffect: true,
  isLoading: false,
  dataSelectorId: 'multiSelectWithAvatar',
  keepSelectedOptions: false,
  customProps: {},
  needResponsive: true,
  allowValueFallback: true
};
export const SelectedOptions_defaultProps = {
  size: 'medium',
  dataId: 'selectedOptions'
};
export const Suggestions_defaultProps = {
  a11y: {},
  isVirtualizerEnabled: false,
  needMultiLineText: false
};