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

package/lib/ListItem/ListContainer.js

@@ -58,7 +58,8 @@ var ListContainer = function ListContainer(props) {
       onClick = props.onClick,
       onMouseEnter = props.onMouseEnter,
       onMouseOver = props.onMouseOver,
-      eleRef = props.eleRef;
+      eleRef = props.eleRef,
+      align = props.align;
   var responsiveFunc = (0, _react.useCallback)(function (_ref) {
     var mediaQueryOR = _ref.mediaQueryOR,
         isTouchDevice = _ref.isTouchDevice;
@@ -102,7 +103,7 @@ var ListContainer = function ListContainer(props) {
     "aria-selected": ariaSelected,
     "aria-label": ariaLabel,
     isCover: false,
-    align: "vertical",
+    align: align,
     alignBox: "row",
     className: "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(mobileToTab && isTouchDevice ? _ListItemModule["default"].responsiveHeight : '', " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"]["active".concat(palette)] : highlight && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Hover")] : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Effect")] : '', " ").concat(needTick ? _ListItemModule["default"]["".concat(size, "withTick")] : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? active ? _ListItemModule["default"].activewithBorder : _ListItemModule["default"].withBorder : '', " ").concat(customClass),
     dataId: dataId,

package/lib/ListItem/ListItem.js

@@ -150,7 +150,8 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
         autoHover: autoHover,
         needTick: needTick,
         needBorder: needBorder,
-        customClass: "".concat(needMultiLineText ? _ListItemModule["default"].txtAlignBaseLine + ' ' + _ListItemModule["default"].autoHeight : '', " ").concat(customListItem),
+        customClass: "".concat(needMultiLineText ? _ListItemModule["default"].autoHeight : '', " ").concat(customListItem),
+        align: needMultiLineText ? 'baseline' : 'vertical',
         dataId: dataIdString,
         dataSelectorId: "".concat(dataSelectorId),
         isLink: isLink,

package/lib/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/lib/ListItem/ListItemWithAvatar.js

@@ -172,7 +172,7 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
         title: null,
         customProps: ListItemProps
       }, ContainerProps), name || imgSrc ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        className: "".concat(needMultiLineText ? _ListItemModule["default"].alignSelfTop : '', " ").concat(_ListItemModule["default"].leftAvatar)
+        className: "".concat(needMultiLineText ? _ListItemModule["default"].alignItemBaseline : '', " ").concat(_ListItemModule["default"].leftAvatar)
       }, isTeam ? /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], _extends({
         name: name,
         size: "small",

package/lib/ListItem/ListItemWithIcon.js

@@ -147,7 +147,8 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
         autoHover: autoHover,
         needTick: needTick,
         needBorder: needBorder,
-        customClass: "".concat(needMultiLineText ? _ListItemModule["default"].autoHeight : '', " ").concat(needMultiLineText && iconClass && !iconName ? _ListItemModule["default"].txtAlignBaseLine : '', " ").concat(customClass),
+        customClass: "".concat(needMultiLineText ? _ListItemModule["default"].autoHeight : '', " ").concat(customClass),
+        align: needMultiLineText && iconClass && !iconName ? 'baseline' : 'vertical',
         dataId: dataIdString,
         dataSelectorId: dataSelectorId,
         isLink: isLink,

package/lib/ListItem/props/defaultProps.js

@@ -18,7 +18,8 @@ var ListContainerDefaultProps = {
   customClass: '',
   customProps: {},
   dataSelectorId: 'listContainer',
-  needMultiLineText: false
+  needMultiLineText: false,
+  align: 'vertical'
 };
 exports.ListContainerDefaultProps = ListContainerDefaultProps;
 var ListItemDefaultProps = {

package/lib/ListItem/props/propTypes.js

@@ -43,7 +43,8 @@ var ListContainer_Props = {
   }),
   customClass: _propTypes["default"].string,
   customProps: _propTypes["default"].object,
-  eleRef: _propTypes["default"].func
+  eleRef: _propTypes["default"].func,
+  align: _propTypes["default"].string
 };
 exports.ListContainer_Props = ListContainer_Props;
 var ListItem_Props = {

package/lib/MultiSelect/AdvancedGroupMultiSelect.js

@@ -970,7 +970,7 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
           getTargetRef = _this$props8.getTargetRef,
           isFocus = _this$props8.isFocus,
           customProps = _this$props8.customProps;
-      var suggestionsProps = customProps.suggestionsProps;
+      var SuggestionsProps = customProps.SuggestionsProps;
       var _i18nKeys = i18nKeys,
           _i18nKeys$clearText = _i18nKeys.clearText,
           clearText = _i18nKeys$clearText === void 0 ? 'Clear all' : _i18nKeys$clearText;
@@ -1147,7 +1147,7 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
               role: 'option'
             },
             dataId: "".concat(dataId, "_Options")
-          }, suggestionsProps)));
+          }, SuggestionsProps)));
         }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           options: revampedGroups,
           searchString: searchStr,

package/lib/MultiSelect/MultiSelect.js

@@ -1091,8 +1091,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
           selectAllText = _this$props15.selectAllText,
           needSelectAll = _this$props15.needSelectAll,
           customProps = _this$props15.customProps;
-      var _customProps$suggesti = customProps.suggestionsProps,
-          suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
+      var SuggestionsProps = customProps.SuggestionsProps;
       var _this$state9 = this.state,
           selectedOptions = _this$state9.selectedOptions,
           searchStr = _this$state9.searchStr,
@@ -1182,7 +1181,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         a11y: {
           role: 'option'
         }
-      }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+      }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
         isLoading: isFetchingOptions,
         options: options,
         searchString: searchStr,

package/lib/MultiSelect/Suggestions.js

@@ -119,7 +119,8 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
         });
 
         var commonProps = _objectSpread({
-          isDisabled: isDisabled
+          isDisabled: isDisabled,
+          needMultiLineText: needMultiLineText
         }, listItemCustomProps);
 
         if (listItemProps) {
@@ -147,8 +148,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
             size: listItemSize,
             avatarPalette: avatarPalette,
             palette: palette,
-            a11y: list_a11y,
-            needMultiLineText: needMultiLineText
+            a11y: list_a11y
           }));
         } else if (optionType === 'icon') {
           return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({}, commonProps, {
@@ -168,8 +168,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
             iconSize: iconSize,
             size: listItemSize,
             palette: palette,
-            a11y: list_a11y,
-            needMultiLineText: needMultiLineText
+            a11y: list_a11y
           }));
         }
 
@@ -188,8 +187,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
           active: isActive,
           size: listItemSize,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         }));
       })));
     }

package/lib/MultiSelect/props/propTypes.js

@@ -277,7 +277,9 @@ var AdvancedGroupMultiSelect_propTypes = (_AdvancedGroupMultiSe = {
   needToCloseOnSelect: _propTypes["default"].func,
   searchStr: _propTypes["default"].string,
   children: _propTypes["default"].node
-}, _defineProperty(_AdvancedGroupMultiSe, "dataSelectorId", _propTypes["default"].string), _defineProperty(_AdvancedGroupMultiSe, "isFocus", _propTypes["default"].bool), _defineProperty(_AdvancedGroupMultiSe, "customProps", _propTypes["default"].object), _AdvancedGroupMultiSe);
+}, _defineProperty(_AdvancedGroupMultiSe, "dataSelectorId", _propTypes["default"].string), _defineProperty(_AdvancedGroupMultiSe, "isFocus", _propTypes["default"].bool), _defineProperty(_AdvancedGroupMultiSe, "customProps", _propTypes["default"].shape({
+  suggestionsProps: _propTypes["default"].object
+})), _AdvancedGroupMultiSe);
 exports.AdvancedGroupMultiSelect_propTypes = AdvancedGroupMultiSelect_propTypes;
 
 var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_propTypes), {}, {

package/lib/Select/GroupSelect.js

@@ -668,8 +668,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           isLoading = _this$props9.isLoading,
           dataSelectorId = _this$props9.dataSelectorId,
           customProps = _this$props9.customProps;
-      var _customProps$suggesti = customProps.suggestionsProps,
-          suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
+      var _customProps$Suggesti = customProps.SuggestionsProps,
+          SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti;
       i18nKeys = Object.assign({}, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -862,7 +862,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
               role: 'option'
             },
             dataId: "".concat(dataId, "_Options")
-          }, suggestionsProps)));
+          }, SuggestionsProps)));
         }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           options: revampedGroups,
           searchString: searchStr,

package/lib/Select/SelectWithAvatar.js

@@ -217,8 +217,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           dataSelectorId = _this$props.dataSelectorId,
           getTargetRef = _this$props.getTargetRef,
           customProps = _this$props.customProps;
-      var _customProps$suggesti = customProps.suggestionsProps,
-          suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
+      var _customProps$Suggesti = customProps.SuggestionsProps,
+          SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti;
       i18nKeys = Object.assign({}, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -374,7 +374,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
             ariaParentRole: 'listbox',
             role: 'option'
           }
-        }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+        }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           isLoading: isFetchingOptions,
           options: options,
           searchString: searchStr,

package/lib/Select/SelectWithIcon.js

@@ -441,8 +441,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
           DropdownSearchTextBoxProps = _customProps$Dropdown === void 0 ? {} : _customProps$Dropdown,
           _customProps$TextBoxI = customProps.TextBoxIconProps,
           TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
-          _customProps$listItem = customProps.listItemProps,
-          listItemProps = _customProps$listItem === void 0 ? {} : _customProps$listItem;
+          _customProps$ListItem = customProps.ListItemProps,
+          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_SelectModule["default"].container, " ").concat(_SelectModule["default"]["box_".concat(size)], " ").concat(isReadOnly ? _SelectModule["default"].readonly : '', " ").concat(borderColor === 'transparent' ? _SelectModule["default"].transparentContainer : ''),
         "data-title": isDisabled ? title : null,
@@ -599,7 +599,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
               ariaSelected: selectedId === options[idKey],
               ariaLabel: options[valueKey]
             }
-          }, listItemProps));
+          }, ListItemProps));
         })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           isLoading: isFetchingOptions,
           options: options,

package/lib/Select/props/propTypes.js

@@ -260,7 +260,7 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
   needEffect: _propTypes["default"].bool,
   isLoading: _propTypes["default"].bool,
   dataSelectorId: _propTypes["default"].string,
-  customProps: _propTypes["default"].string
+  customProps: _propTypes["default"].object
 });
 
 exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
@@ -324,7 +324,8 @@ var SelectWithIcon_propTypes = {
   customProps: _propTypes["default"].shape({
     TextBoxProps: _propTypes["default"].object,
     DropdownSearchTextBoxProps: _propTypes["default"].object,
-    TextBoxIconProps: _propTypes["default"].object
+    TextBoxIconProps: _propTypes["default"].object,
+    ListItemProps: _propTypes["default"].object
   })
 };
 exports.SelectWithIcon_propTypes = SelectWithIcon_propTypes;

package/lib/Textarea/Textarea.js

@@ -102,7 +102,10 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
           htmlId = _this$props.htmlId,
           a11y = _this$props.a11y,
           customClass = _this$props.customClass,
-          isFocus = _this$props.isFocus;
+          isFocus = _this$props.isFocus,
+          rows = _this$props.rows,
+          cols = _this$props.cols,
+          customAttributes = _this$props.customAttributes;
       var ariaLabel = a11y.ariaLabel,
           ariaLabelledby = a11y.ariaLabelledby;
       var resizes = {
@@ -126,7 +129,7 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
       }
 
       var isEditable = !(isReadOnly || isDisabled);
-      var classList = needAppearance ? "".concat(_TextareaModule["default"].container, " ").concat(_TextareaModule["default"][size], " ").concat(_TextareaModule["default"][variant], " ").concat(needBorder ? _TextareaModule["default"].needBorder : _TextareaModule["default"].noBorder, " ").concat(resize ? _TextareaModule["default"][resizes[resize]] : _TextareaModule["default"][resizes.none], "  ").concat(animated ? "".concat(_TextareaModule["default"]["".concat(size, "animated")]) : '', "   ").concat(isDisabled && !needEffect || isReadOnly && !needEffect ? '' : _TextareaModule["default"].effect, " ").concat(isEditable && isFocus ? _TextareaModule["default"].active : '') : "".concat(_TextareaModule["default"].basic);
+      var classList = needAppearance ? "".concat(_TextareaModule["default"].container, " ").concat(size !== 'default' ? _TextareaModule["default"][size] : '', " ").concat(_TextareaModule["default"][variant], " ").concat(needBorder ? _TextareaModule["default"].needBorder : _TextareaModule["default"].noBorder, " ").concat(resize ? _TextareaModule["default"][resizes[resize]] : _TextareaModule["default"][resizes.none], "  ").concat(animated && size !== 'default' ? "".concat(_TextareaModule["default"]["".concat(size, "animated")]) : '', "   ").concat(isDisabled && !needEffect || isReadOnly && !needEffect ? '' : _TextareaModule["default"].effect, " ").concat(isEditable && isFocus ? _TextareaModule["default"].active : '') : "".concat(_TextareaModule["default"].basic);
       return /*#__PURE__*/_react["default"].createElement("textarea", _extends({
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
@@ -143,8 +146,10 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
         ref: getRef,
         value: text,
         id: htmlId,
-        "data-selector-id": dataSelectorId
-      }));
+        "data-selector-id": dataSelectorId,
+        rows: rows,
+        cols: cols
+      }, customAttributes));
     }
   }]);
 

package/lib/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/lib/Textarea/__tests__/Textarea.spec.js

@@ -232,4 +232,24 @@ describe('Textarea component', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('Should be render rows and cols ', function () {
+    var _render26 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
+      size: "default",
+      rows: "3",
+      cols: "3"
+    })),
+        asFragment = _render26.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render custom Attributes ', function () {
+    var _render27 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
+      customAttributes: {
+        disabled: true
+      }
+    })),
+        asFragment = _render27.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/lib/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/lib/Textarea/props/defaultProps.js

@@ -19,6 +19,7 @@ var defaultProps = {
   autoFocus: false,
   customClass: '',
   a11y: {},
-  dataSelectorId: 'textarea'
+  dataSelectorId: 'textarea',
+  customAttributes: {}
 };
 exports.defaultProps = defaultProps;

package/lib/Textarea/props/propTypes.js

@@ -30,7 +30,7 @@ var propTypes = {
   onKeyDown: _propTypes["default"].func,
   placeHolder: _propTypes["default"].string,
   resize: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both', 'none']),
-  size: _propTypes["default"].oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large']),
+  size: _propTypes["default"].oneOf(['xsmall', 'small', 'xmedium', 'medium', 'large', 'default']),
   text: _propTypes["default"].string,
   variant: _propTypes["default"].oneOf(['default', 'primary']),
   customClass: _propTypes["default"].string,
@@ -38,6 +38,9 @@ var propTypes = {
     ariaLabel: _propTypes["default"].string,
     ariaLabelledby: _propTypes["default"].string
   }),
-  isFocus: _propTypes["default"].bool
+  isFocus: _propTypes["default"].bool,
+  rows: _propTypes["default"].number,
+  cols: _propTypes["default"].number,
+  customAttributes: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/lib/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/lib/v1/ListItem/ListItem.js

@@ -96,7 +96,7 @@ var ListItem = function ListItem(props) {
     autoHover: autoHover,
     needTick: needTick,
     needBorder: needBorder,
-    customClass: "".concat(customListItem, " ").concat(needMultiLineText ? _ListItemModule["default"].txtAlignBaseLine + ' ' + _ListItemModule["default"].autoHeight : '', " ").concat(customListItem),
+    customClass: customListItem,
     dataId: dataIdString,
     dataSelectorId: "".concat(dataSelectorId),
     isLink: isLink,

package/lib/v1/MultiSelect/AdvancedMultiSelect.js

@@ -611,9 +611,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
             role: 'option'
           },
           dataId: "".concat(dataIdMultiSelectComp, "_Options")
-        }, SuggestionsProps, {
-          needMultiLineText: true
-        })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+        }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           isLoading: isFetchingOptions,
           options: options,
           searchString: searchStr,

package/lib/v1/MultiSelect/MultiSelect.js

@@ -57,8 +57,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -1084,10 +1082,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
           boxSize = _this$props15.boxSize,
           isLoading = _this$props15.isLoading,
           selectAllText = _this$props15.selectAllText,
-          needSelectAll = _this$props15.needSelectAll,
-          customProps = _this$props15.customProps;
-      var _customProps$suggesti = customProps.suggestionsProps,
-          suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
+          needSelectAll = _this$props15.needSelectAll;
       var _this$state9 = this.state,
           selectedOptions = _this$state9.selectedOptions,
           searchStr = _this$state9.searchStr,
@@ -1164,7 +1159,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         eleRef: this.suggestionContainerRef
       }, isSearching ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _MultiSelectModule["default"][palette]
-      }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
+      }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
         suggestions: suggestions,
         getRef: this.suggestionItemRef,
         hoverOption: hoverOption,
@@ -1177,7 +1172,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         a11y: {
           role: 'option'
         }
-      }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+      }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
         isLoading: isFetchingOptions,
         options: options,
         searchString: searchStr,

package/lib/v1/MultiSelect/Suggestions.js

@@ -83,8 +83,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
           avatarPalette = _this$props.avatarPalette,
           palette = _this$props.palette,
           htmlId = _this$props.htmlId,
-          a11y = _this$props.a11y,
-          needMultiLineText = _this$props.needMultiLineText;
+          a11y = _this$props.a11y;
       var ariaParentRole = a11y.ariaParentRole,
           ariaMultiselectable = a11y.ariaMultiselectable;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -144,8 +143,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
             size: listItemSize,
             avatarPalette: avatarPalette,
             palette: palette,
-            a11y: list_a11y,
-            needMultiLineText: needMultiLineText
+            a11y: list_a11y
           }));
         } else if (optionType === 'icon') {
           return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({}, commonProps, {
@@ -165,8 +163,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
             iconSize: iconSize,
             size: listItemSize,
             palette: palette,
-            a11y: list_a11y,
-            needMultiLineText: needMultiLineText
+            a11y: list_a11y
           }));
         }
 
@@ -185,8 +182,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
           active: isActive,
           size: listItemSize,
           palette: palette,
-          a11y: list_a11y,
-          needMultiLineText: needMultiLineText
+          a11y: list_a11y
         }));
       })));
     }

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

@@ -128,8 +128,7 @@ var MultiSelect_defaultProps = {
   keepSelectedOptions: false,
   selectedOptionsCount: 0,
   cardHeaderName: '',
-  needResponsive: true,
-  customProps: {}
+  needResponsive: true
 };
 exports.MultiSelect_defaultProps = MultiSelect_defaultProps;
 var MultiSelectHeader_defaultProps = {
@@ -177,7 +176,6 @@ var SelectedOptions_defaultProps = {
 };
 exports.SelectedOptions_defaultProps = SelectedOptions_defaultProps;
 var Suggestions_defaultProps = {
-  a11y: {},
-  needMultiLineText: false
+  a11y: {}
 };
 exports.Suggestions_defaultProps = Suggestions_defaultProps;

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

@@ -125,10 +125,7 @@ var MultiSelect_propTypes = {
   needSelectAll: _propTypes["default"].bool,
   selectAllText: _propTypes["default"].string,
   setAriaId: _propTypes["default"].string,
-  ariaErrorId: _propTypes["default"].string,
-  customProps: {
-    suggestionsProps: _propTypes["default"].object
-  }
+  ariaErrorId: _propTypes["default"].string
 };
 exports.MultiSelect_propTypes = MultiSelect_propTypes;
 var MultiSelectHeader_propTypes = {
@@ -198,8 +195,7 @@ var Suggestions_propTypes = {
     logo: _propTypes["default"].string,
     optionType: _propTypes["default"].string,
     listItemProps: _propTypes["default"].object
-  })),
-  needMultiLineText: _propTypes["default"].bool
+  }))
 };
 exports.Suggestions_propTypes = Suggestions_propTypes;
 

package/lib/v1/Select/GroupSelect.js

@@ -51,8 +51,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -668,10 +666,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           htmlId = _this$props9.htmlId,
           iconOnHover = _this$props9.iconOnHover,
           isLoading = _this$props9.isLoading,
-          dataSelectorId = _this$props9.dataSelectorId,
-          customProps = _this$props9.customProps;
-      var _customProps$suggesti = customProps.suggestionsProps,
-          suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
+          dataSelectorId = _this$props9.dataSelectorId;
       i18nKeys = Object.assign({}, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -844,7 +839,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
             a11y: {
               role: 'heading'
             }
-          })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
+          })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
             activeId: selectedId,
             suggestions: options,
             getRef: _this7.suggestionItemRef,
@@ -860,7 +855,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
               role: 'option'
             },
             dataId: "".concat(dataId, "_Options")
-          }, suggestionsProps)));
+          }));
         }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           options: revampedGroups,
           searchString: searchStr,