@zohodesk/components 1.0.0-temp-70 → 1.0.0-temp-71

package/es/DateTime/props/defaultProps.js

@@ -1,50 +0,0 @@
-export const CalendarView_defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
-export const Span_defaultProps = {
-  dataId: 'calendar-view'
-};
-export const DateTime_defaultProps = {
-  isDateTimeField: true,
-  dataId: 'dateTime',
-  needDefaultTime: true,
-  isAbsolute: true,
-  isAnimate: true,
-  needAction: true,
-  boxSize: 'large',
-  className: '',
-  innerClass: '',
-  dateFormat: 'dd/MM/yyyy',
-  isPadding: false,
-  i18nKeys: {},
-  is24Hour: false,
-  isDefaultPosition: false
-};
-export const DateWidget_defaultProps = {
-  borderColor: 'default',
-  dataId: 'dateWidget',
-  dateFormat: 'MM/dd/yyyy',
-  isDateTime: false,
-  isDisabled: false,
-  isPopupOpenOnEnter: false,
-  isReadOnly: false,
-  needBorder: true,
-  needDefaultTime: true,
-  placeholder: '-None-',
-  textBoxSize: 'medium',
-  textBoxVariant: 'default',
-  timeZone: null,
-  isPopupOpenOnClick: true,
-  isPopupCloseOnClick: false,
-  cantEditOnPopupOpen: true,
-  i18nKeys: {},
-  needErrorOnBlur: false,
-  isEditable: false,
-  iconOnHover: false,
-  is24Hour: false
-};
-export const YearView_defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};

package/es/DateTime/props/propTypes.js

@@ -1,130 +0,0 @@
-import PropTypes from 'prop-types';
-export const CalendarView_propTypes = {
-  dataId: PropTypes.string,
-  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  month: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  needBorder: PropTypes.bool,
-  onSelect: PropTypes.func,
-  year: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-export const Span_propTypes = {
-  dataId: PropTypes.string,
-  handleSelect: PropTypes.func,
-  i: PropTypes.number,
-  incremday: PropTypes.number,
-  isActive: PropTypes.bool,
-  tdclass: PropTypes.string,
-  userSeeMonth: PropTypes.number,
-  userSeeYear: PropTypes.number
-};
-export const DateTime_propTypes = {
-  boxSize: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dateFormat: PropTypes.string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  defaultTime: PropTypes.string,
-  getMethods: PropTypes.func,
-  getRef: PropTypes.func,
-  i18nKeys: PropTypes.shape({
-    timeText: PropTypes.string.isRequired,
-    submitText: PropTypes.string.isRequired,
-    cancelText: PropTypes.string.isRequired,
-    hourEmptyText: PropTypes.string.isRequired,
-    minuteEmptyText: PropTypes.string.isRequired,
-    nextMonthTitleText: PropTypes.string.isRequired,
-    prevMonthTitleText: PropTypes.string.isRequired
-  }),
-  innerClass: PropTypes.string,
-  isAbsolute: PropTypes.bool,
-  isActive: PropTypes.bool,
-  isAnimate: PropTypes.bool,
-  isDateTimeField: PropTypes.bool,
-  isPadding: PropTypes.bool,
-  isReady: PropTypes.bool,
-  max: PropTypes.string,
-  maxErrorText: PropTypes.string,
-  min: PropTypes.string,
-  minErrorText: PropTypes.string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  needAction: PropTypes.bool,
-  needDefaultTime: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  onChange: PropTypes.func,
-  onClear: PropTypes.func,
-  onClick: PropTypes.func,
-  onDateSelect: PropTypes.func,
-  onError: PropTypes.func,
-  onSelect: PropTypes.func,
-  position: PropTypes.string,
-  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  is24Hour: PropTypes.bool,
-  isDefaultPosition: PropTypes.bool
-};
-export const DateWidget_propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  cantEditOnPopupOpen: PropTypes.bool,
-  children: PropTypes.object,
-  className: PropTypes.string,
-  closePopupOnly: PropTypes.func,
-  dataId: PropTypes.string,
-  dateFormat: PropTypes.oneOf(['yyyy/MM/dd', 'MM/dd/yyyy', 'dd/MM/yyyy', 'yyyy-MM-dd', 'MM-dd-yyyy', 'dd-MM-yyyy', 'yyyy.MM.dd', 'MM.dd.yyyy', 'dd.MM.yyyy', 'dd/MMMM/YY', 'dd/MMM/YY']),
-  defaultPosition: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
-  defaultTime: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getMethods: PropTypes.func,
-  getRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  i18nKeys: PropTypes.object,
-  id: PropTypes.string,
-  isDateTime: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isEditable: PropTypes.bool,
-  isPopupCloseOnClick: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupOpenOnClick: PropTypes.bool,
-  isPopupOpenOnEnter: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  max: PropTypes.string,
-  maxErrorText: PropTypes.string,
-  min: PropTypes.string,
-  minErrorText: PropTypes.string,
-  needBorder: PropTypes.bool,
-  needDefaultTime: PropTypes.bool,
-  needErrorOnBlur: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  onFailValidation: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onPassValidation: PropTypes.func,
-  onSelect: PropTypes.func,
-  placeholder: PropTypes.string,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  textBoxSize: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  togglePopup: PropTypes.func,
-  validation: PropTypes.shape({
-    validate: PropTypes.bool,
-    validateOn: PropTypes.string,
-    rulesOrder: PropTypes.arrayOf(PropTypes.string),
-    rules: PropTypes.object,
-    messages: PropTypes.object
-  }),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  htmlId: PropTypes.string,
-  iconOnHover: PropTypes.bool,
-  is24Hour: PropTypes.bool,
-  isHideCurrentYear: PropTypes.bool,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func
-};
-export const YearView_propTypes = {
-  dataId: PropTypes.string,
-  needBorder: PropTypes.bool,
-  onSelectMonth: PropTypes.func,
-  onSelectYear: PropTypes.func,
-  viewedYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};

package/es/DropBox/props/defaultProps.js

@@ -1,20 +0,0 @@
-export const defaultProps = {
-  animationStyle: 'default',
-  boxPosition: 'bottomLeft',
-  dataId: 'dropBox',
-  isActive: false,
-  isAnimate: false,
-  isArrow: true,
-  isRadius: true,
-  size: 'default',
-  needResponsive: true,
-  isAbsolutePositioningNeeded: true,
-  isBoxPaddingNeed: false,
-  isPadding: true,
-  customClass: {},
-  a11y: {},
-  palette: 'default',
-  needAutoZindex: true,
-  portalId: 'portal1',
-  isRestrictScroll: false
-};

package/es/DropBox/props/propTypes.js

@@ -1,47 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  animationStyle: PropTypes.oneOf(['default', 'bounce']),
-  arrowBottom: PropTypes.number,
-  arrowLeft: PropTypes.number,
-  arrowPosition: PropTypes.oneOf(['start', 'mid', 'end']),
-  arrowRight: PropTypes.number,
-  arrowTop: PropTypes.number,
-  bottom: PropTypes.number,
-  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  forwardRef: PropTypes.object,
-  getRef: PropTypes.func,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isActive: PropTypes.bool,
-  isAnimate: PropTypes.bool,
-  isArrow: PropTypes.bool,
-  isBoxPaddingNeed: PropTypes.bool,
-  isPadding: PropTypes.bool,
-  isRadius: PropTypes.bool,
-  left: PropTypes.number,
-  needResponsive: PropTypes.bool,
-  onClick: PropTypes.func,
-  right: PropTypes.number,
-  size: PropTypes.oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
-  top: PropTypes.number,
-  tourId: PropTypes.string,
-  htmlId: PropTypes.string,
-  tabIndex: PropTypes.number,
-  customClass: PropTypes.shape({
-    customDropBox: PropTypes.string,
-    customMobileDropBox: PropTypes.string,
-    customDropBoxWrap: PropTypes.string,
-    customMobileDropBoxWrap: PropTypes.string
-  }),
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaMultiselectable: PropTypes.bool,
-    ariaLabelledby: PropTypes.string
-  }),
-  palette: PropTypes.oneOf(['default', 'dark']),
-  needAutoZindex: PropTypes.bool,
-  portalId: PropTypes.string,
-  isRestrictScroll: PropTypes.bool,
-  customStyle: PropTypes.object
-};

package/es/DropDown/props/defaultProps.js

@@ -1,18 +0,0 @@
-export const DropDownItemContainer_defaultProps = {
-  dataId: 'drpdwnItemContainer'
-};
-export const DropDownHeading_defaultProps = {
-  customClass: '',
-  children: null,
-  palette: 'light',
-  a11y: {}
-};
-export const DropDownItem_defaultProps = {
-  active: false,
-  dataId: 'dropDwnItemContainer'
-};
-export const DropDownSearch_defaultProps = {
-  size: 'medium',
-  textBoxSize: 'medium',
-  customClass: {}
-};

package/es/DropDown/props/propTypes.js

@@ -1,77 +0,0 @@
-import PropTypes from 'prop-types';
-export const DropDown_propTypes = {
-  arrowBottom: PropTypes.string,
-  arrowLeft: PropTypes.string,
-  arrowPosition: PropTypes.string,
-  arrowRight: PropTypes.string,
-  arrowTop: PropTypes.string,
-  bottom: PropTypes.string,
-  boxPosition: PropTypes.string,
-  children: PropTypes.node,
-  isAnimate: PropTypes.bool,
-  isArrow: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  left: PropTypes.string,
-  onClick: PropTypes.func,
-  right: PropTypes.string,
-  size: PropTypes.string,
-  top: PropTypes.string
-};
-export const DropDownTarget_propTypes = {
-  children: PropTypes.node
-};
-export const DropDownContainer_propTypes = {
-  children: PropTypes.node
-};
-export const DropDownItemContainer_propTypes = {
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  getRef: PropTypes.func,
-  onScroll: PropTypes.func
-};
-export const DropDownHeading_propTypes = {
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  palette: PropTypes.oneOf(['light', 'dark']),
-  text: PropTypes.string,
-  title: PropTypes.string,
-  htmlId: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};
-export const DropDownItem_propTypes = {
-  active: PropTypes.bool,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  getRef: PropTypes.func,
-  hightlight: PropTypes.bool,
-  id: PropTypes.string,
-  index: PropTypes.number,
-  onClick: PropTypes.func,
-  onHover: PropTypes.func,
-  value: PropTypes.string,
-  customClass: PropTypes.string
-};
-export const DropDownSearch_propTypes = {
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  maxLength: PropTypes.string,
-  name: PropTypes.string,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  placeHolder: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'medium']),
-  textBoxSize: PropTypes.string,
-  value: PropTypes.string,
-  customClass: PropTypes.shape({
-    searchClass: PropTypes.string,
-    customTextBox: PropTypes.string
-  })
-};
-export const DropDownSeparator_propTypes = {
-  customClass: PropTypes.string
-};

package/es/Label/props/defaultProps.js

@@ -1,10 +0,0 @@
-export const defaultProps = {
-  clipped: false,
-  dataId: 'label',
-  palette: 'default',
-  size: 'medium',
-  text: 'Label',
-  type: 'title',
-  variant: 'default',
-  customClass: ''
-};

package/es/Label/props/propTypes.js

@@ -1,14 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  clipped: PropTypes.bool,
-  dataId: PropTypes.string,
-  htmlFor: PropTypes.string,
-  onClick: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
-  size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large']),
-  text: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['title', 'subtitle']),
-  variant: PropTypes.oneOf(['primary', 'default']),
-  customClass: PropTypes.string
-};

package/es/Layout/props/defaultProps.js

@@ -1,12 +0,0 @@
-export const BoxDefaultProps = {
-  dataId: 'boxComponent',
-  isScrollAttribute: false,
-  tagName: 'div'
-};
-export const ContainerDefaultProps = {
-  dataId: 'containerComponent',
-  isScrollAttribute: false,
-  isCover: true,
-  alignBox: 'column',
-  tagName: 'div'
-};

package/es/Layout/props/propTypes.js

@@ -1,42 +0,0 @@
-import PropTypes from 'prop-types';
-export const BoxProps = {
-  adjust: PropTypes.bool,
-  align: PropTypes.oneOf(['start', 'end', 'center']),
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-  className: PropTypes.string,
-  column: PropTypes.oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']),
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  flexible: PropTypes.bool,
-  hidden: PropTypes.arrayOf((propValue, key, componentName, location, propFullName) => {
-    if (['xs', 'sm', 'md', 'lg', 'xl'].indexOf(propValue[key]) === -1) {
-      return new Error(`Invalid prop \`${propFullName}\` supplied to` + ` \`${componentName}\`. Validation failed.`);
-    }
-  }),
-  isFirst: PropTypes.bool,
-  isLast: PropTypes.bool,
-  isScrollAttribute: PropTypes.bool,
-  scroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
-  shrink: PropTypes.bool,
-  tagName: PropTypes.string,
-  tourId: PropTypes.string,
-  preventParentScroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both'])
-};
-export const ContainerProps = {
-  align: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around', 'baseline']),
-  alignBox: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),
-  alignContent: PropTypes.oneOf(['start', 'end', 'center', 'around', 'between']),
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  hidden: PropTypes.array,
-  isCover: PropTypes.bool,
-  isInline: PropTypes.bool,
-  isScrollAttribute: PropTypes.bool,
-  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
-  tagName: PropTypes.string,
-  tourId: PropTypes.string,
-  wrap: PropTypes.oneOf(['wrap', 'wrap-reverse', 'nowrap']),
-  preventParentScroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both'])
-};

package/es/ListItem/props/defaultProps.js

@@ -1,85 +0,0 @@
-export const ListContainerDefaultProps = {
-  active: false,
-  autoHover: false,
-  highlight: false,
-  needTick: false,
-  palette: 'default',
-  size: 'medium',
-  isLink: false,
-  target: 'blank',
-  needBorder: true,
-  a11y: {},
-  customClass: '',
-  customProps: {}
-};
-export const ListItemDefaultProps = {
-  active: false,
-  autoHover: false,
-  highlight: false,
-  id: '',
-  needTick: false,
-  palette: 'default',
-  size: 'medium',
-  isLink: false,
-  target: 'blank',
-  needBorder: true,
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};
-export const ListItemWithAvatarDefaultProps = {
-  active: false,
-  autoHover: false,
-  highlight: false,
-  isTeam: false,
-  needTick: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  dataId: 'listAvatar',
-  needBorder: true,
-  needAvatarTitle: true,
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};
-export const ListItemWithCheckBoxDefaultProps = {
-  active: false,
-  autoHover: false,
-  checked: false,
-  highlight: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};
-export const ListItemWithIconDefaultProps = {
-  active: false,
-  autoHover: false,
-  highlight: false,
-  iconName: '',
-  iconSize: '10',
-  needTick: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  needBorder: true,
-  a11y: {},
-  customClass: '',
-  customProps: {}
-};
-export const ListItemWithRadioDefaultProps = {
-  active: false,
-  autoHover: false,
-  checked: false,
-  highlight: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  dataId: 'listItemWithRadioComp',
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};

package/es/ListItem/props/propTypes.js

@@ -1,185 +0,0 @@
-import PropTypes from 'prop-types';
-export const ListContainer_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  highlight: PropTypes.bool,
-  href: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isLink: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'dark']),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  target: PropTypes.oneOf(['blank', 'self']),
-  title: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  customClass: PropTypes.string,
-  customProps: PropTypes.object
-};
-export const ListItem_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  href: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  index: PropTypes.number,
-  isDisabled: PropTypes.bool,
-  isLink: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'primary', 'secondary', 'dark']),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  target: PropTypes.oneOf(['blank', 'self']),
-  title: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customTickIcon: PropTypes.string
-  }),
-  customProps: PropTypes.shape({
-    ListItemProps: PropTypes.object
-  })
-};
-export const ListItemWithAvatar_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  avatarPalette: PropTypes.string,
-  avatarPalette: PropTypes.string,
-  dataId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  imgSrc: PropTypes.string,
-  index: PropTypes.number,
-  initial: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  isTeam: PropTypes.bool,
-  name: PropTypes.string,
-  needAvatarTitle: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  palette: PropTypes.oneOf(['dark']),
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool,
-    ariaHidden: PropTypes.bool
-  }),
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customAvatar: PropTypes.string,
-    customAvatarTeam: PropTypes.string
-  }),
-  customProps: PropTypes.shape({
-    ListItemProps: PropTypes.object
-  })
-};
-export const ListItemWithCheckBox_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  id: PropTypes.string,
-  index: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customCheckBox: PropTypes.string,
-    customLabel: PropTypes.string
-  })
-};
-export const ListItemWithIcon_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  dataId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  iconClass: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  index: PropTypes.number,
-  isDisabled: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool,
-    ariaHidden: PropTypes.bool
-  }),
-  customClass: PropTypes.string,
-  customProps: PropTypes.shape({
-    ListItemProps: PropTypes.object
-  })
-};
-export const ListItemWithRadio_Props = {
-  active: PropTypes.bool,
-  autoHover: PropTypes.bool,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  disableTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  highlight: PropTypes.bool,
-  id: PropTypes.string,
-  index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  isDisabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.func,
-  palette: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaSelected: PropTypes.bool
-  }),
-  customClass: PropTypes.shape({
-    customListItem: PropTypes.string,
-    customRadio: PropTypes.string,
-    customRadioWrap: PropTypes.string
-  })
-};