@zohodesk/components 1.0.0-temp-192 → 1.0.0-temp-193

package/es/DateTime/DateTime.js

@@ -649,8 +649,12 @@ export default class DateTime extends React.PureComponent {
       positionsOffset,
       targetOffset,
       isRestrictScroll,
-      dropBoxPortalId
+      dropBoxPortalId,
+      customProps = {}
     } = this.props;
+    const {
+      TimeProps = {}
+    } = customProps;
     const {
       timeText = 'Time',
       submitText = 'Set',
@@ -706,7 +710,9 @@ export default class DateTime extends React.PureComponent {
       ampmSuggestions: this.ampmSuggestions,
       onAmPmSelect: this.amPmSelect,
       amPm: amPm,
-      is24Hour: is24Hour
+      is24Hour: is24Hour,
+      customProps: { ...TimeProps
+      }
     }) : null, needAction ? /*#__PURE__*/React.createElement(DateTimePopupFooter, {
       submitText: submitText,
       onSubmit: this.handleSelect,

package/es/DateTime/DateWidget.js

@@ -988,8 +988,13 @@ class DateWidgetComponent extends React.Component {
       dropBoxPortalId,
       a11y,
       boxSize,
-      onError
+      onError,
+      customProps = {}
     } = this.props;
+    const {
+      DateTimeProps = {},
+      TextBoxProps = {}
+    } = customProps;
     const {
       selected: value = '',
       isError,
@@ -1041,7 +1046,11 @@ class DateWidgetComponent extends React.Component {
       iconOnHover: iconOnHover,
       isFocus: isPopupReady,
       autoComplete: false,
-      a11y: a11y
+      a11y: a11y,
+      customProps: {
+        TextBoxProps: { ...TextBoxProps
+        }
+      }
     }, /*#__PURE__*/React.createElement(Container, {
       align: "both",
       onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
@@ -1078,7 +1087,9 @@ class DateWidgetComponent extends React.Component {
       isRestrictScroll: isRestrictScroll,
       dropBoxPortalId: dropBoxPortalId,
       boxSize: boxSize,
-      onError: onError
+      onError: onError,
+      customProps: { ...DateTimeProps
+      }
     }));
   }
 

package/es/DateTime/Time.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /* eslint-disable react/forbid-component-props */
 
 /** ** Libraries *** */
@@ -28,8 +30,14 @@ export default class Time extends PureComponent {
       ampmSuggestions,
       onAmPmSelect,
       amPm,
-      is24Hour
+      is24Hour,
+      customProps = {}
     } = this.props;
+    const {
+      HourCompProps = {},
+      MinuteCompProps = {},
+      AmPmCompProps = {}
+    } = customProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: style.text
     }, timeText), /*#__PURE__*/React.createElement(Container, {
@@ -46,7 +54,9 @@ export default class Time extends PureComponent {
       onHourSelect: onHourSelect,
       hours: hours,
       needResponsive: needResponsive,
-      hourEmptyText: hourEmptyText
+      hourEmptyText: hourEmptyText,
+      customProps: { ...HourCompProps
+      }
     })), /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       className: style.dropDownContainer
@@ -55,7 +65,9 @@ export default class Time extends PureComponent {
       onMinutesSelect: onMinutesSelect,
       mins: mins,
       minuteEmptyText: minuteEmptyText,
-      needResponsive: needResponsive
+      needResponsive: needResponsive,
+      customProps: { ...MinuteCompProps
+      }
     })), !is24Hour ? /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       className: style.dropDownContainer
@@ -63,7 +75,9 @@ export default class Time extends PureComponent {
       ampmSuggestions: ampmSuggestions,
       onAmPmSelect: onAmPmSelect,
       amPm: amPm,
-      needResponsive: needResponsive
+      needResponsive: needResponsive,
+      customProps: { ...AmPmCompProps
+      }
     })) : null));
   }
 
@@ -78,9 +92,10 @@ class Hour extends React.PureComponent {
       onHourSelect,
       hours,
       needResponsive,
-      hourEmptyText
+      hourEmptyText,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, {
+    return /*#__PURE__*/React.createElement(Select, _extends({
       options: hourSuggestions,
       onChange: onHourSelect,
       selectedValue: hours,
@@ -99,7 +114,7 @@ class Hour extends React.PureComponent {
       needListBorder: true,
       needTick: false,
       listItemSize: "small"
-    });
+    }, customProps));
   }
 
 }
@@ -111,9 +126,10 @@ class Minute extends React.PureComponent {
       onMinutesSelect,
       mins,
       minuteEmptyText,
-      needResponsive
+      needResponsive,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, {
+    return /*#__PURE__*/React.createElement(Select, _extends({
       options: minSuggestions,
       onChange: onMinutesSelect,
       selectedValue: mins,
@@ -132,7 +148,7 @@ class Minute extends React.PureComponent {
       needListBorder: true,
       needTick: false,
       listItemSize: "small"
-    });
+    }, customProps));
   }
 
 }
@@ -143,9 +159,10 @@ class AmPm extends React.PureComponent {
       ampmSuggestions,
       onAmPmSelect,
       amPm,
-      needResponsive
+      needResponsive,
+      customProps
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, {
+    return /*#__PURE__*/React.createElement(Select, _extends({
       options: ampmSuggestions,
       onChange: onAmPmSelect,
       selectedValue: amPm,
@@ -160,7 +177,7 @@ class AmPm extends React.PureComponent {
       needListBorder: true,
       needTick: false,
       listItemSize: "small"
-    });
+    }, customProps));
   }
 
 }

package/es/DateTime/props/defaultProps.js

@@ -20,7 +20,8 @@ export const DateTime_defaultProps = {
   i18nKeys: {},
   is24Hour: false,
   isDefaultPosition: false,
-  customDateFormat: null
+  customDateFormat: null,
+  customProps: {}
 };
 export const DateWidget_defaultProps = {
   borderColor: 'default',
@@ -53,5 +54,6 @@ export const DateTimePopupFooter_defaultProps = {
   dataId: 'DateTimePopupFooter'
 };
 export const Time_defaultProps = {
-  dataId: 'Time'
+  dataId: 'Time',
+  customProps: {}
 };

package/es/DateTime/props/propTypes.js

@@ -72,7 +72,8 @@ export const DateTime_propTypes = {
   positionsOffset: PropTypes.array,
   targetOffset: PropTypes.string,
   isRestrictScroll: PropTypes.bool,
-  dropBoxPortalId: PropTypes.string
+  dropBoxPortalId: PropTypes.string,
+  customProps: PropTypes.object
 };
 export const DateWidget_propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
@@ -139,7 +140,8 @@ export const DateWidget_propTypes = {
   targetOffset: PropTypes.array,
   isRestrictScroll: PropTypes.bool,
   dropBoxPortalId: PropTypes.string,
-  a11y: PropTypes.object
+  a11y: PropTypes.object,
+  customProps: PropTypes.object
 };
 export const YearView_propTypes = {
   onSelectMonth: PropTypes.func,
@@ -183,5 +185,6 @@ export const Time_propTypes = {
   ampmSuggestions: PropTypes.array,
   onAmPmSelect: PropTypes.func,
   amPm: PropTypes.string,
-  is24Hour: PropTypes.bool
+  is24Hour: PropTypes.bool,
+  customProps: PropTypes.object
 };

package/es/ListItem/ListItem.js

@@ -102,7 +102,7 @@ export default class ListItem extends React.Component {
       autoHover: autoHover,
       needTick: needTick,
       needBorder: needBorder,
-      customClass: `${style.txtAlignBaseLine} ${customListItem}`,
+      customClass: customListItem,
       dataId: dataIdString,
       dataSelectorId: `${dataSelectorId}`,
       isLink: isLink,
@@ -123,7 +123,7 @@ export default class ListItem extends React.Component {
       adjust: true,
       className: style.children
     }, children) : null, needTick && active ? /*#__PURE__*/React.createElement(Box, {
-      className: `${style.tickIcon} ${tickIconPalette} ${customTickIcon} ${needMultiLineText ? style.tickIconCenter : ''}`,
+      className: `${style.tickIcon} ${tickIconPalette} ${customTickIcon}`,
       "aria-hidden": ariaHidden,
       dataId: `${dataIdString}_tickIcon`,
       dataSelectorId: `${dataSelectorId}_tickIcon`

package/es/ListItem/ListItem.module.css

@@ -17,9 +17,8 @@
 }[dir=ltr] .varClass {
   --listitem_avatar_margin: 0 var(--zd_size15) 0 0;
 }[dir=rtl] .varClass {
-  --listitem_avatar_margin: 0 var(--zd_size15) 0 0;
+  --listitem_avatar_margin: 0 0 0 var(--zd_size15);
 }
-
 .list {
   composes: varClass;
   position: relative;
@@ -35,84 +34,62 @@
   border-color: var(--listitem_border_color);
   cursor: pointer;
 }
-
 .list, .default, .secondary {
   background-color: var(--listitem_bg_color);
 }
-
 [dir=ltr] .withBorder {
-  --listitem_border_width: 0 0 0 1px
-    /*rtl: 0 1px 0 0*/
-  ;
+  --listitem_border_width: 0 0 0 1px /*rtl: 0 1px 0 0*/;
 }
-
 [dir=rtl] .withBorder {
-  --listitem_border_width: 0 0 0 1px  ;
+  --listitem_border_width: 0 1px 0 0;
 }
-
 .active {
   --listitem_border_color: var(--zdt_listitem_active_border);
 }
-
 [dir=ltr] .small {
   --listitem_padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5);
 }
-
 [dir=rtl] .small {
-  --listitem_padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5);
+  --listitem_padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3);
 }
-
 .medium {
   --listitem_padding: var(--zd_size7) var(--zd_size20);
   --listitem_min_height: var(--zd_size35);
 }
-
 .large {
   --listitem_height: var(--zd_size48);
 }
-
 [dir=ltr] .large {
   --listitem_padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25);
 }
-
 [dir=rtl] .large {
-  --listitem_padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25);
+  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
 }
-
 .value,
 .children {
   composes: dotted from '../common/common.module.css';
 }
-
-.value {
+.value, .multiLineValue {
   line-height: 1.5385;
 }
-
-.multiLineValue {
-  line-height: 1.3076;
+.multiLineValue{
   word-break: break-word;
-  -webkit-line-clamp: 5;
-  composes: clamp from '../common/common.module.css';
+  composes: clamp from '../common/common.module.css'
 }
-
 .iconBox {
   width: var(--zd_size20) ;
   text-align: center;
 }
-
 [dir=ltr] .iconBox {
   margin-right: var(--zd_size10) ;
 }
-
 [dir=rtl] .iconBox {
   margin-left: var(--zd_size10) ;
 }
-
 .iconBox,
 .leftAvatar {
   font-size: 0 ;
 }
-
 .leftAvatar {
   margin: var(--listitem_avatar_margin);
 }
@@ -120,78 +97,61 @@
 .defaultHover, .primaryHover, .secondaryHover, .darkHover {
   background-color: var(--listitem_highlight_bg_color);
 }
-
 .activewithBorder {
   --listitem_border_color: var(--zdt_listitem_active_border);
 }
-
 [dir=ltr] .activewithBorder {
-  --listitem_border_width: 0 0 0 1px
-    /*rtl: 0 1px 0 0*/
-  ;
+  --listitem_border_width: 0 0 0 1px /*rtl: 0 1px 0 0*/;
 }
-
 [dir=rtl] .activewithBorder {
-  --listitem_border_width: 0 0 0 1px  ;
+  --listitem_border_width: 0 1px 0 0;
 }
 
 .defaultHover,
 .defaultEffect:hover
-
 /* .defaultEffect:focus  */
-  {
+{
   --listitem_bg_color: var(--zdt_listitem_highlight_bg);
 }
-
 .primaryHover,
 .primaryEffect:hover
-
 /* .primaryEffect:focus */
-  {
+ {
   --listitem_bg_color: var(--zdt_listitem_primary_bg);
   --listitem_highlight_bg_color: var(--zdt_listitem_primary_bg);
 }
-
 .secondaryHover,
 .secondaryEffect:hover
-
 /* .secondaryEffect:focus  */
-  {
+{
   --listitem_bg_color: var(--zdt_listitem_secondary_bg);
   --listitem_highlight_bg_color: var(--zdt_listitem_secondary_bg);
   --listitem_text_color: var(--zdt_listitem_secondary_text);
 }
-
 .darkHover,
 .darkEffect:hover
-
 /* .darkEffect:focus */
-  {
+ {
   --listitem_bg_color: var(--zdt_listitem_dark_effect_bg);
   --listitem_highlight_bg_color: var(--zdt_listitem_dark_effect_bg);
 }
-
 .activedefault, .activeprimary, .activesecondary, .activedark {
   background-color: var(--listitem_active_bg_color);
 }
-
 .activedefault,
 .activedefault:hover,
 .activeprimary,
 .activeprimary:hover {
   --listitem_active_bg_color: var(--zdt_listitem_primary_bg);
 }
-
 .activesecondary {
   --listitem_active_bg_color: var(--zdt_listitem_secondary_bg);
   --listitem_text_color: var(--zdt_listitem_secondary_text);
 }
-
 .dark {
   --listitem_bg_color: var(--zdt_listitem_dark_bg);
   --listitem_text_color: var(--zdt_listitem_dark_text);
 }
-
 .activedark {
   --listitem_active_bg_color: var(--zdt_listitem_dark_active_bg);
 }
@@ -210,63 +170,36 @@
 [dir=rtl] .tickIcon, [dir=rtl] .defaultTick, [dir=rtl] .darkTick {
   left: var(--zd_size20) ;
 }
-
 .defaultTick {
   --listitem_tickicon_color: var(--zdt_listitem_default_tickicon);
 }
-
 .darkTick {
   --listitem_tickicon_color: var(--zdt_listitem_dark_tickicon);
 }
-
-.defaultTick>i {
+.defaultTick > i {
   display: block;
 }
-
 [dir=ltr] .smallwithTick {
   --listitem_padding: var(--zd_size7) var(--zd_size39) var(--zd_size7) var(--zd_size5);
 }
-
 [dir=rtl] .smallwithTick {
-  --listitem_padding: var(--zd_size7) var(--zd_size39) var(--zd_size7) var(--zd_size5);
+  --listitem_padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size39);
 }
-
 [dir=ltr] .mediumwithTick {
   --listitem_padding: var(--zd_size7) var(--zd_size39) var(--zd_size7) var(--zd_size20);
 }
-
 [dir=rtl] .mediumwithTick {
-  --listitem_padding: var(--zd_size7) var(--zd_size39) var(--zd_size7) var(--zd_size20);
+  --listitem_padding: var(--zd_size7) var(--zd_size20) var(--zd_size7) var(--zd_size39);
 }
-
 [dir=ltr] .largewithTick {
   --listitem_padding: var(--zd_size10) var(--zd_size39) var(--zd_size10) var(--zd_size25);
 }
-
 [dir=rtl] .largewithTick {
-  --listitem_padding: var(--zd_size10) var(--zd_size39) var(--zd_size10) var(--zd_size25);
+  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size39);
 }
-
 .responsiveHeight {
   --listitem_min_height: var(--zd_size45);
   font-size: var(--zd_font_size15) ;
   padding-top: var(--zd_size10) ;
   padding-bottom: var(--zd_size10) ;
 }
-
-.autoHeight {
-  height: auto ;
-}
-
-.tickIconCenter {
-  top: 50% ;
-  transform: translateY(-50%);
-}
-
-.txtAlignBaseLine {
-  align-items: baseline;
-}
-
-.alignSelfTop {
-  align-self: start;
-}

package/es/ListItem/ListItemWithAvatar.js

@@ -107,7 +107,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
       autoHover: autoHover,
       needTick: needTick,
       needBorder: needBorder,
-      customClass: `${needMultiLineText ? style.autoHeight : ''} ${customListItem}`,
+      customClass: customListItem,
       dataId: `${dataIdString}_ListItemWithAvatar`,
       dataSelectorId: `${dataSelectorId}`,
       onClick: this.handleClick,
@@ -117,7 +117,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
       title: null,
       customProps: ListItemProps
     }, ContainerProps), name || imgSrc ? /*#__PURE__*/React.createElement(Box, {
-      className: `${needMultiLineText ? style.alignSelfTop : ''} ${style.leftAvatar}`
+      className: style.leftAvatar
     }, isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, {
       name: name,
       size: "small",
@@ -144,7 +144,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
       "data-title": isDisabled ? null : title,
       className: needMultiLineText ? style.multiLineValue : style.value
     }, value) : null, needTick && active ? /*#__PURE__*/React.createElement(Box, {
-      className: `${style.tickIcon} ${needMultiLineText ? style.tickIconCenter : ''}`,
+      className: style.tickIcon,
       "aria-hidden": ariaHidden,
       dataId: `${dataIdString}_tickIcon`,
       dataSelectorId: `${dataSelectorId}_tickIcon`

package/es/ListItem/ListItemWithIcon.js

@@ -97,7 +97,7 @@ export default class ListItemWithIcon extends React.Component {
       autoHover: autoHover,
       needTick: needTick,
       needBorder: needBorder,
-      customClass: `${needMultiLineText && iconClass && !iconName ? style.txtAlignBaseLine : ''} ${customClass}`,
+      customClass: customClass,
       dataId: dataIdString,
       dataSelectorId: dataSelectorId,
       isLink: isLink,
@@ -126,7 +126,7 @@ export default class ListItemWithIcon extends React.Component {
       "data-title": isDisabled ? null : title,
       dataId: `${dataIdString}_Text`
     }, value), needTick && active ? /*#__PURE__*/React.createElement(Box, {
-      className: `${style.tickIcon} ${needMultiLineText ? style.tickIconCenter : ''}`,
+      className: style.tickIcon,
       "aria-hidden": ariaHidden,
       dataId: `${dataIdString}_tickIcon`,
       dataSelectorId: `${dataSelectorId}_tickIcon`

package/es/MultiSelect/AdvancedGroupMultiSelect.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { AdvancedGroupMultiSelect_propTypes } from './props/propTypes';
 import { AdvancedGroupMultiSelect_defaultProps } from './props/defaultProps';
@@ -872,12 +870,8 @@ class AdvancedGroupMultiSelect extends React.Component {
       a11y,
       palette,
       needEffect,
-      autoComplete,
-      customProps
+      autoComplete
     } = this.props;
-    const {
-      suggestionsProps
-    } = customProps;
     let {
       clearText = 'Clear all'
     } = i18nKeys;
@@ -1037,7 +1031,7 @@ class AdvancedGroupMultiSelect extends React.Component {
           a11y: {
             role: 'heading'
           }
-        })), /*#__PURE__*/React.createElement(Suggestions, _extends({
+        })), /*#__PURE__*/React.createElement(Suggestions, {
           suggestions: suggestions,
           selectedOptions: selectedOptionIds,
           getRef: this.suggestionItemRef,
@@ -1049,7 +1043,7 @@ class AdvancedGroupMultiSelect extends React.Component {
           a11y: {
             role: 'option'
           }
-        }, suggestionsProps)));
+        }));
       }) : /*#__PURE__*/React.createElement(EmptyState, {
         options: revampedGroups,
         searchString: searchStr,

package/es/MultiSelect/MultiSelect.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React from 'react';
 import { MultiSelect_propTypes } from './props/propTypes';
@@ -992,12 +990,8 @@ export class MultiSelectComponent extends React.Component {
       boxSize,
       isLoading,
       selectAllText,
-      needSelectAll,
-      customProps
+      needSelectAll
     } = this.props;
-    const {
-      suggestionsProps = {}
-    } = customProps;
     const {
       selectedOptions,
       searchStr,
@@ -1070,7 +1064,7 @@ export class MultiSelectComponent extends React.Component {
       eleRef: this.suggestionContainerRef
     }, isSearching ? /*#__PURE__*/React.createElement("div", {
       className: style[palette]
-    }, searchText) : suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
+    }, searchText) : suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
       suggestions: suggestions,
       getRef: this.suggestionItemRef,
       hoverOption: hoverOption,
@@ -1083,7 +1077,7 @@ export class MultiSelectComponent extends React.Component {
       a11y: {
         role: 'option'
       }
-    }, suggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
+    }) : /*#__PURE__*/React.createElement(EmptyState, {
       isLoading: isFetchingOptions,
       options: options,
       searchString: searchStr,

package/es/MultiSelect/MultiSelectWithAvatar.js

@@ -85,7 +85,6 @@ class MultiSelectWithAvatarComponent extends MultiSelectComponent {
       needEffect,
       isLoading,
       keepSelectedOptions,
-      needMultiLineText,
       customProps
     } = this.props;
     let {
@@ -171,8 +170,7 @@ class MultiSelectWithAvatarComponent extends MultiSelectComponent {
       selectedOptions: selectedOptionIds,
       a11y: {
         role: 'option'
-      },
-      needMultiLineText: needMultiLineText
+      }
     }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
       isLoading: isFetchingOptions,
       options: options,

package/es/MultiSelect/Suggestions.js

@@ -29,8 +29,7 @@ export default class Suggestions extends React.PureComponent {
       avatarPalette,
       palette,
       htmlId,
-      a11y,
-      needMultiLineText
+      a11y
     } = this.props;
     const {
       ariaParentRole,
@@ -95,8 +94,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, _extends({}, commonProps, {
@@ -116,8 +114,7 @@ export default class Suggestions extends React.PureComponent {
           iconSize: iconSize,
           size: listItemSize,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         }));
       }
 
@@ -136,8 +133,7 @@ export default class Suggestions extends React.PureComponent {
         active: isActive,
         size: listItemSize,
         palette: palette,
-        a11y: list_a11y,
-        needMultiLineText: needMultiLineText
+        a11y: list_a11y
       }));
     })));
   }