@zohodesk/components 1.0.0-temp-199.10 → 1.0.0-temp-199.11

package/es/ListItem/ListContainer.js

@@ -31,7 +31,8 @@ const ListContainer = props => {
     onClick,
     onMouseEnter,
     onMouseOver,
-    eleRef
+    eleRef,
+    align
   } = props;
   const responsiveFunc = useCallback(_ref => {
     let {
@@ -77,7 +78,7 @@ const ListContainer = props => {
     "aria-selected": ariaSelected,
     "aria-label": ariaLabel,
     isCover: false,
-    align: "vertical",
+    align: align,
     alignBox: "row",
     className: `${style.list} ${style[size]} ${mobileToTab && isTouchDevice ? style.responsiveHeight : ''} ${style[palette]} ${active ? style[`active${palette}`] : highlight && !isDisabled ? style[`${palette}Hover`] : ''} ${autoHover && !isDisabled ? style[`${palette}Effect`] : ''} ${needTick ? style[`${size}withTick`] : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? active ? style.activewithBorder : style.withBorder : ''} ${customClass}`,
     dataId: dataId,

package/es/ListItem/ListItem.js

@@ -100,7 +100,8 @@ export default class ListItem extends React.Component {
       autoHover: autoHover,
       needTick: needTick,
       needBorder: needBorder,
-      customClass: `${needMultiLineText ? style.txtAlignBaseLine + ' ' + style.autoHeight : ''} ${customListItem}`,
+      customClass: `${needMultiLineText ? style.autoHeight : ''} ${customListItem}`,
+      align: needMultiLineText ? 'baseline' : 'vertical',
       dataId: dataIdString,
       dataSelectorId: `${dataSelectorId}`,
       isLink: isLink,

package/es/ListItem/ListItem.module.css

@@ -73,7 +73,7 @@
   line-height: 1.5385;
 }
 .multiLineValue{
-  composes: listItemClamp from '~@zohodesk/components/es/common/common.module.css';
+  composes: lineClamp from '../common/common.module.css';
 }
 .iconBox {
   width: var(--zd_size20) ;
@@ -203,15 +203,12 @@
   padding-bottom: var(--zd_size10) ;
 }
 .autoHeight {
-  height: auto ;
+  --listitem_height: auto;
 }
 .tickIconCenter {
   top: 50% ;
   transform: translateY(-50%);
 }
-.txtAlignBaseLine {
-  align-items: baseline;
-}
-.alignSelfTop {
-  align-self: start;
+.alignItemBaseline {
+  align-self: baseline;
 }

package/es/ListItem/ListItemWithAvatar.js

@@ -118,7 +118,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
       customProps: ListItemProps,
       ...ContainerProps
     }, name || imgSrc ? /*#__PURE__*/React.createElement(Box, {
-      className: `${needMultiLineText ? style.alignSelfTop : ''} ${style.leftAvatar}`
+      className: `${needMultiLineText ? style.alignItemBaseline : ''} ${style.leftAvatar}`
     }, isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, {
       name: name,
       size: "small",

package/es/ListItem/ListItemWithIcon.js

@@ -95,7 +95,8 @@ export default class ListItemWithIcon extends React.Component {
       autoHover: autoHover,
       needTick: needTick,
       needBorder: needBorder,
-      customClass: `${needMultiLineText ? style.autoHeight : ''} ${needMultiLineText && iconClass && !iconName ? style.txtAlignBaseLine : ''} ${customClass}`,
+      customClass: `${needMultiLineText ? style.autoHeight : ''} ${customClass}`,
+      align: needMultiLineText && iconClass && !iconName ? 'baseline' : 'vertical',
       dataId: dataIdString,
       dataSelectorId: dataSelectorId,
       isLink: isLink,

package/es/ListItem/props/defaultProps.js

@@ -12,7 +12,8 @@ export const ListContainerDefaultProps = {
   customClass: '',
   customProps: {},
   dataSelectorId: 'listContainer',
-  needMultiLineText: false
+  needMultiLineText: false,
+  align: 'vertical'
 };
 export const ListItemDefaultProps = {
   active: false,

package/es/ListItem/props/propTypes.js

@@ -27,7 +27,8 @@ export const ListContainer_Props = {
   }),
   customClass: PropTypes.string,
   customProps: PropTypes.object,
-  eleRef: PropTypes.func
+  eleRef: PropTypes.func,
+  align: PropTypes.string
 };
 export const ListItem_Props = {
   active: PropTypes.bool,

package/es/MultiSelect/AdvancedGroupMultiSelect.js

@@ -880,7 +880,7 @@ class AdvancedGroupMultiSelect extends React.Component {
       customProps
     } = this.props;
     const {
-      suggestionsProps
+      SuggestionsProps
     } = customProps;
     let {
       clearText = 'Clear all'
@@ -1062,7 +1062,7 @@ class AdvancedGroupMultiSelect extends React.Component {
             role: 'option'
           },
           dataId: `${dataId}_Options`,
-          ...suggestionsProps
+          ...SuggestionsProps
         }));
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         options: revampedGroups,

package/es/MultiSelect/MultiSelect.js

@@ -1015,7 +1015,7 @@ export class MultiSelectComponent extends React.Component {
       customProps
     } = this.props;
     const {
-      suggestionsProps = {}
+      SuggestionsProps
     } = customProps;
     const {
       selectedOptions,
@@ -1107,7 +1107,7 @@ export class MultiSelectComponent extends React.Component {
       a11y: {
         role: 'option'
       },
-      ...suggestionsProps
+      ...SuggestionsProps
     }) : /*#__PURE__*/React.createElement(EmptyState, {
       isLoading: isFetchingOptions,
       options: options,

package/es/MultiSelect/Suggestions.js

@@ -69,6 +69,7 @@ export default class Suggestions extends React.PureComponent {
       });
       const commonProps = {
         isDisabled,
+        needMultiLineText: needMultiLineText,
         ...listItemCustomProps
       };
 
@@ -98,8 +99,7 @@ export default class Suggestions extends React.PureComponent {
           size: listItemSize,
           avatarPalette: avatarPalette,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         });
       } else if (optionType === 'icon') {
         return /*#__PURE__*/React.createElement(ListItemWithIcon, { ...commonProps,
@@ -119,8 +119,7 @@ export default class Suggestions extends React.PureComponent {
           iconSize: iconSize,
           size: listItemSize,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         });
       }
 
@@ -139,8 +138,7 @@ export default class Suggestions extends React.PureComponent {
         active: isActive,
         size: listItemSize,
         palette: palette,
-        a11y: list_a11y,
-        needMultiLineText: needMultiLineText
+        a11y: list_a11y
       });
     })));
   }

package/es/MultiSelect/props/propTypes.js

@@ -254,7 +254,9 @@ export const AdvancedGroupMultiSelect_propTypes = {
   children: PropTypes.node,
   dataSelectorId: PropTypes.string,
   isFocus: PropTypes.bool,
-  customProps: PropTypes.object
+  customProps: PropTypes.shape({
+    suggestionsProps: PropTypes.object
+  })
 };
 export const AdvancedMultiSelect_propTypes = { ...MultiSelect_propTypes,
   selectedOptionDetails: PropTypes.string,

package/es/Select/GroupSelect.js

@@ -592,7 +592,7 @@ export class GroupSelectComponent extends PureComponent {
       customProps
     } = this.props;
     const {
-      suggestionsProps = {}
+      SuggestionsProps = {}
     } = customProps;
     i18nKeys = Object.assign({}, i18nKeys, {
       emptyText: i18nKeys.emptyText || emptyMessage,
@@ -793,7 +793,7 @@ export class GroupSelectComponent extends PureComponent {
             role: 'option'
           },
           dataId: `${dataId}_Options`,
-          ...suggestionsProps
+          ...SuggestionsProps
         }));
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         options: revampedGroups,

package/es/Select/SelectWithAvatar.js

@@ -167,7 +167,7 @@ class SelectWithAvatarComponent extends SelectComponent {
       customProps
     } = this.props;
     const {
-      suggestionsProps = {}
+      SuggestionsProps = {}
     } = customProps;
     i18nKeys = Object.assign({}, i18nKeys, {
       emptyText: i18nKeys.emptyText || emptyMessage,
@@ -326,7 +326,7 @@ class SelectWithAvatarComponent extends SelectComponent {
           ariaParentRole: 'listbox',
           role: 'option'
         },
-        ...suggestionsProps
+        ...SuggestionsProps
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,

package/es/Select/SelectWithIcon.js

@@ -368,7 +368,7 @@ class SelectWithIcon extends Component {
       TextBoxProps = {},
       DropdownSearchTextBoxProps = {},
       TextBoxIconProps = {},
-      listItemProps = {}
+      ListItemProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${style[`box_${size}`]} ${isReadOnly ? style.readonly : ''} ${borderColor === 'transparent' ? style.transparentContainer : ''}`,
@@ -532,7 +532,7 @@ class SelectWithIcon extends Component {
             ariaSelected: selectedId === options[idKey],
             ariaLabel: options[valueKey]
           },
-          ...listItemProps
+          ...ListItemProps
         });
       })) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,

package/es/Select/props/propTypes.js

@@ -241,7 +241,7 @@ export const SelectWithAvatar_propTypes = { ...Select_propTypes,
   needEffect: PropTypes.bool,
   isLoading: PropTypes.bool,
   dataSelectorId: PropTypes.string,
-  customProps: PropTypes.string
+  customProps: PropTypes.object
 };
 export const SelectWithIcon_propTypes = {
   animationStyle: PropTypes.oneOf(['default', 'bounce']),
@@ -303,6 +303,7 @@ export const SelectWithIcon_propTypes = {
   customProps: PropTypes.shape({
     TextBoxProps: PropTypes.object,
     DropdownSearchTextBoxProps: PropTypes.object,
-    TextBoxIconProps: PropTypes.object
+    TextBoxIconProps: PropTypes.object,
+    ListItemProps: PropTypes.object
   })
 };

package/es/Textarea/Textarea.js

@@ -59,7 +59,10 @@ export default class Textarea extends React.Component {
       htmlId,
       a11y,
       customClass,
-      isFocus
+      isFocus,
+      rows,
+      cols,
+      customAttributes
     } = this.props;
     let {
       ariaLabel,
@@ -86,7 +89,7 @@ export default class Textarea extends React.Component {
     }
 
     const isEditable = !(isReadOnly || isDisabled);
-    let classList = needAppearance ? `${style.container} ${style[size]} ${style[variant]} ${needBorder ? style.needBorder : style.noBorder} ${resize ? style[resizes[resize]] : style[resizes.none]}  ${animated ? `${style[`${size}animated`]}` : ''}   ${isDisabled && !needEffect || isReadOnly && !needEffect ? '' : style.effect} ${isEditable && isFocus ? style.active : ''}` : `${style.basic}`;
+    let classList = needAppearance ? `${style.container} ${size !== 'default' ? style[size] : ''} ${style[variant]} ${needBorder ? style.needBorder : style.noBorder} ${resize ? style[resizes[resize]] : style[resizes.none]}  ${animated && size !== 'default' ? `${style[`${size}animated`]}` : ''}   ${isDisabled && !needEffect || isReadOnly && !needEffect ? '' : style.effect} ${isEditable && isFocus ? style.active : ''}` : `${style.basic}`;
     return /*#__PURE__*/React.createElement("textarea", {
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
@@ -103,7 +106,10 @@ export default class Textarea extends React.Component {
       ref: getRef,
       value: text,
       id: htmlId,
-      "data-selector-id": dataSelectorId
+      "data-selector-id": dataSelectorId,
+      rows: rows,
+      cols: cols,
+      ...customAttributes
     });
   }
 

package/es/Textarea/Textarea.module.css

@@ -7,7 +7,8 @@
   --textarea_font_size: var(--zd_font_size14);
   --textarea_line_height: 1.5712;
   --textarea_padding: var(--zd_size2) 0;
-  --textarea_height: var(--zd_size30);
+  --textarea_height: auto;
+  --textarea_width: auto;
 
   /* textarea placeholder default variable */
   --textarea_placeholder_text_color: var(--zdt_textarea_placeholder_text);
@@ -63,7 +64,7 @@
     height var(--zd_transition2) linear 0s;
   -moz-transition: border var(--zd_transition2) linear 0s,
     height var(--zd_transition2) linear 0s;
-  width: 100% ;
+  width: var(--textarea_width);
   max-width: 100% ;
   min-width: var(--zd_size100) ;
   font-size: var(--textarea_font_size);
@@ -138,3 +139,10 @@
   composes: semibold from '../common/common.module.css';
   --textarea_text_color: var(--zdt_textarea_black_text);
 }
+.xsmall, 
+.small, 
+.xmedium, 
+.medium, 
+.large {
+  --textarea_width: 100%;
+}

package/es/Textarea/__tests__/Textarea.spec.js

@@ -225,4 +225,24 @@ describe('Textarea component', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
+  test('Should be render rows and cols ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      size: "default",
+      rows: "3",
+      cols: "3"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render custom Attributes ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      customAttributes: {
+        disabled: true
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap

@@ -11,6 +11,18 @@ exports[`Textarea component Should be render autofocus true  1`] = `
 </DocumentFragment>
 `;
 
+exports[`Textarea component Should be render custom Attributes  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect  borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
 exports[`Textarea component Should be render customClass  1`] = `
 <DocumentFragment>
   <textarea
@@ -185,6 +197,19 @@ exports[`Textarea component Should be render placeholder 1`] = `
 </DocumentFragment>
 `;
 
+exports[`Textarea component Should be render rows and cols  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container  default needBorder noresize     effect  borderColor_default"
+    cols="3"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    rows="3"
+  />
+</DocumentFragment>
+`;
+
 exports[`Textarea component Should be render text 1`] = `
 <DocumentFragment>
   <textarea

package/es/Textarea/props/defaultProps.js

@@ -13,5 +13,6 @@ export const defaultProps = {
   autoFocus: false,
   customClass: '',
   a11y: {},
-  dataSelectorId: 'textarea'
+  dataSelectorId: 'textarea',
+  customAttributes: {}
 };

package/es/Textarea/props/propTypes.js

@@ -20,7 +20,7 @@ export const propTypes = {
   onKeyDown: PropTypes.func,
   placeHolder: PropTypes.string,
   resize: PropTypes.oneOf(['horizontal', 'vertical', 'both', 'none']),
-  size: PropTypes.oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
+  size: PropTypes.oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large', 'default']),
   text: PropTypes.string,
   variant: PropTypes.oneOf(['default', 'primary']),
   customClass: PropTypes.string,
@@ -28,5 +28,8 @@ export const propTypes = {
     ariaLabel: PropTypes.string,
     ariaLabelledby: PropTypes.string
   }),
-  isFocus: PropTypes.bool
+  isFocus: PropTypes.bool,
+  rows: PropTypes.number,
+  cols: PropTypes.number,
+  customAttributes: PropTypes.object
 };

package/es/common/common.module.css

@@ -494,9 +494,9 @@
   overflow: hidden;
 }
 
-.listItemClamp {
+.lineClamp {
   composes: wbreak clamp;
-  -webkit-line-clamp: var(--line-clamp-count,3);
+  -webkit-line-clamp: var(--line-clamp,3);
 }
 
 .offSelection {

package/es/v1/ListItem/ListItem.js

@@ -81,7 +81,7 @@ const ListItem = props => {
     autoHover: autoHover,
     needTick: needTick,
     needBorder: needBorder,
-    customClass: `${customListItem} ${needMultiLineText ? style.txtAlignBaseLine + ' ' + style.autoHeight : ''} ${customListItem}`,
+    customClass: customListItem,
     dataId: dataIdString,
     dataSelectorId: `${dataSelectorId}`,
     isLink: isLink,

package/es/v1/MultiSelect/AdvancedMultiSelect.js

@@ -549,8 +549,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
           role: 'option'
         },
         dataId: `${dataIdMultiSelectComp}_Options`,
-        ...SuggestionsProps,
-        needMultiLineText: true
+        ...SuggestionsProps
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,

package/es/v1/MultiSelect/MultiSelect.js

@@ -1002,12 +1002,8 @@ export class MultiSelectComponent extends React.Component {
       boxSize,
       isLoading,
       selectAllText,
-      needSelectAll,
-      customProps
+      needSelectAll
     } = this.props;
-    const {
-      suggestionsProps = {}
-    } = customProps;
     const {
       selectedOptions,
       searchStr,
@@ -1097,8 +1093,7 @@ export class MultiSelectComponent extends React.Component {
       selectedOptions: selectedOptionIds,
       a11y: {
         role: 'option'
-      },
-      ...suggestionsProps
+      }
     }) : /*#__PURE__*/React.createElement(EmptyState, {
       isLoading: isFetchingOptions,
       options: options,

package/es/v1/MultiSelect/Suggestions.js

@@ -27,8 +27,7 @@ export default class Suggestions extends React.PureComponent {
       avatarPalette,
       palette,
       htmlId,
-      a11y,
-      needMultiLineText
+      a11y
     } = this.props;
     const {
       ariaParentRole,
@@ -93,8 +92,7 @@ export default class Suggestions extends React.PureComponent {
           size: listItemSize,
           avatarPalette: avatarPalette,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         });
       } else if (optionType === 'icon') {
         return /*#__PURE__*/React.createElement(ListItemWithIcon, { ...commonProps,
@@ -114,8 +112,7 @@ export default class Suggestions extends React.PureComponent {
           iconSize: iconSize,
           size: listItemSize,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         });
       }
 
@@ -134,8 +131,7 @@ export default class Suggestions extends React.PureComponent {
         active: isActive,
         size: listItemSize,
         palette: palette,
-        a11y: list_a11y,
-        needMultiLineText: needMultiLineText
+        a11y: list_a11y
       });
     })));
   }

package/es/v1/MultiSelect/props/defaultProps.js

@@ -117,8 +117,7 @@ export const MultiSelect_defaultProps = {
   keepSelectedOptions: false,
   selectedOptionsCount: 0,
   cardHeaderName: '',
-  needResponsive: true,
-  customProps: {}
+  needResponsive: true
 };
 export const MultiSelectHeader_defaultProps = {
   dataId: 'MultiSelectHeader'
@@ -162,6 +161,5 @@ export const SelectedOptions_defaultProps = {
   dataId: 'selectedOptions'
 };
 export const Suggestions_defaultProps = {
-  a11y: {},
-  needMultiLineText: false
+  a11y: {}
 };

package/es/v1/MultiSelect/props/propTypes.js

@@ -108,10 +108,7 @@ export const MultiSelect_propTypes = {
   needSelectAll: PropTypes.bool,
   selectAllText: PropTypes.string,
   setAriaId: PropTypes.string,
-  ariaErrorId: PropTypes.string,
-  customProps: {
-    suggestionsProps: PropTypes.object
-  }
+  ariaErrorId: PropTypes.string
 };
 export const MultiSelectHeader_propTypes = {
   dataId: PropTypes.string,
@@ -176,8 +173,7 @@ export const Suggestions_propTypes = {
     logo: PropTypes.string,
     optionType: PropTypes.string,
     listItemProps: PropTypes.object
-  })),
-  needMultiLineText: PropTypes.bool
+  }))
 };
 export const AdvancedGroupMultiSelect_propTypes = {
   animationStyle: PropTypes.string,

package/es/v1/Select/GroupSelect.js

@@ -590,12 +590,8 @@ export class GroupSelectComponent extends PureComponent {
       htmlId,
       iconOnHover,
       isLoading,
-      dataSelectorId,
-      customProps
+      dataSelectorId
     } = this.props;
-    const {
-      suggestionsProps = {}
-    } = customProps;
     i18nKeys = Object.assign({}, i18nKeys, {
       emptyText: i18nKeys.emptyText || emptyMessage,
       searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -788,8 +784,7 @@ export class GroupSelectComponent extends PureComponent {
             ariaParentRole: 'listbox',
             role: 'option'
           },
-          dataId: `${dataId}_Options`,
-          ...suggestionsProps
+          dataId: `${dataId}_Options`
         }));
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         options: revampedGroups,

package/es/v1/Select/SelectWithAvatar.js

@@ -163,12 +163,8 @@ class SelectWithAvatarComponent extends SelectComponent {
       needEffect,
       isLoading,
       dataSelectorId,
-      getTargetRef,
-      customProps
+      getTargetRef
     } = this.props;
-    const {
-      suggestionsProps = {}
-    } = customProps;
     i18nKeys = Object.assign({}, i18nKeys, {
       emptyText: i18nKeys.emptyText || emptyMessage,
       searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -325,8 +321,7 @@ class SelectWithAvatarComponent extends SelectComponent {
         a11y: {
           ariaParentRole: 'listbox',
           role: 'option'
-        },
-        ...suggestionsProps
+        }
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,

package/es/v1/Select/props/defaultProps.js

@@ -69,8 +69,7 @@ export const GroupSelect_defaultProps = {
   isRestrictScroll: false,
   i18nKeys: {},
   iconOnHover: false,
-  isLoading: false,
-  customProps: {}
+  isLoading: false
 };
 export const SelectWithAvatar_defaultProps = {
   animationStyle: 'bounce',
@@ -96,8 +95,7 @@ export const SelectWithAvatar_defaultProps = {
   isRestrictScroll: false,
   i18nKeys: {},
   needEffect: true,
-  isLoading: false,
-  customProps: {}
+  isLoading: false
 };
 export const SelectWithIcon_defaultProps = {
   isReadOnly: false,

package/es/v1/Select/props/propTypes.js

@@ -174,10 +174,7 @@ export const GroupSelect_propTypes = {
   }),
   isLoading: PropTypes.bool,
   dataSelectorId: PropTypes.string,
-  isDefaultSelectValue: PropTypes.bool,
-  customProps: PropTypes.shape({
-    suggestionsProps: PropTypes.object
-  })
+  isDefaultSelectValue: PropTypes.bool
 };
 export const SelectWithAvatar_propTypes = { ...Select_propTypes,
   textBoxClass: PropTypes.string,
@@ -238,8 +235,7 @@ export const SelectWithAvatar_propTypes = { ...Select_propTypes,
   htmlId: PropTypes.string,
   needEffect: PropTypes.bool,
   isLoading: PropTypes.bool,
-  dataSelectorId: PropTypes.string,
-  customProps: PropTypes.object
+  dataSelectorId: PropTypes.string
 };
 export const SelectWithIcon_propTypes = {
   animationStyle: PropTypes.oneOf(['default', 'bounce']),