@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
126 lines • 3.18 kB
JavaScript
import { getLibraryConfig } from "../../../Provider/Config";
export const Select_defaultProps = {
animationStyle: 'bounce',
autoComplete: getLibraryConfig('autoComplete'),
autoSelectOnType: true,
dataId: 'selectComponent',
dataSelectorId: 'select',
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: {},
isLoading: false,
isAbsolutePositioningNeeded: true
};
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
};
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: {},
needEffect: true,
isLoading: false
};
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',
dataSelectorId: 'selectWithIcon',
dropBoxSize: 'small',
needIcon: true,
iconSize: '14',
i18nKeys: {},
isAbsolutePositioningNeeded: true,
isRestrictScroll: false,
isLoading: false
};