@zohodesk/components 1.0.0-temp-234 → 1.0.0-temp-235

package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode & it's custom class 1`] = `
+exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS align center 1`] = `
 <DocumentFragment>
   <li
     class="list medium  default     withBorder  flex rowdir vCenter"
@@ -12,13 +12,13 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
     tabindex="0"
   >
     <div
-      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfStart"
+      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfCenter"
       data-id="listItemWithRadioComp_radio"
       data-selector-id="box"
       data-test-id="listItemWithRadioComp_radio"
     >
       <div
-        class="lhsBox_medium shrinkOff selfStart"
+        class="shrinkOff selfCenter"
         data-id="boxComponent"
         data-selector-id="box"
         data-test-id="boxComponent"
@@ -65,19 +65,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
       </div>
     </div>
     <div
-      class="leftBox grow basis shrinkOff"
+      class="grow basis shrinkOn"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
+        class="flex cover coldir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <div
-          class="value basisAuto shrinkOn"
+          class="value shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -85,14 +85,13 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
           List
         </div>
         <div
-          class="customValueRightPlaceholderClass shrinkOff"
+          class="secondaryField secondaryValue shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
+          data-title="secondaryValue"
         >
-          <div>
-            Custom Placeholder
-          </div>
+          secondaryValue
         </div>
       </div>
     </div>
@@ -100,7 +99,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
 </DocumentFragment>
 `;
 
-exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNode 1`] = `
+exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS align end 1`] = `
 <DocumentFragment>
   <li
     class="list medium  default     withBorder  flex rowdir vCenter"
@@ -112,13 +111,13 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
     tabindex="0"
   >
     <div
-      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfStart"
+      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfEnd"
       data-id="listItemWithRadioComp_radio"
       data-selector-id="box"
       data-test-id="listItemWithRadioComp_radio"
     >
       <div
-        class="lhsBox_medium shrinkOff selfStart"
+        class="lhsBox_medium shrinkOff selfEnd"
         data-id="boxComponent"
         data-selector-id="box"
         data-test-id="boxComponent"
@@ -165,19 +164,19 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
       </div>
     </div>
     <div
-      class="leftBox grow basis shrinkOff"
+      class="grow basis shrinkOn"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
+        class="flex cover coldir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <div
-          class="value basisAuto shrinkOn"
+          class="value shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -185,14 +184,13 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
           List
         </div>
         <div
-          class="shrinkOff"
+          class="secondaryField secondaryValue shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
+          data-title="secondaryValue"
         >
-          <div>
-            Custom Placeholder
-          </div>
+          secondaryValue
         </div>
       </div>
     </div>
@@ -200,7 +198,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
 </DocumentFragment>
 `;
 
-exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS align center 1`] = `
+exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
 <DocumentFragment>
   <li
     class="list medium  default     withBorder  flex rowdir vCenter"
@@ -212,13 +210,13 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
     tabindex="0"
   >
     <div
-      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfCenter"
+      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfStart"
       data-id="listItemWithRadioComp_radio"
       data-selector-id="box"
       data-test-id="listItemWithRadioComp_radio"
     >
       <div
-        class="shrinkOff selfCenter"
+        class="lhsBox_medium shrinkOff selfStart"
         data-id="boxComponent"
         data-selector-id="box"
         data-test-id="boxComponent"
@@ -265,140 +263,41 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
       </div>
     </div>
     <div
-      class="leftBox grow basis shrinkOff"
+      class="grow basis shrinkOn"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
+        class="flex cover coldir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <div
-          class="value basisAuto shrinkOn"
+          class="value shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           List
         </div>
-      </div>
-      <div
-        class="secondaryField secondaryValue shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-        data-title="secondaryValue"
-      >
-        secondaryValue
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
-exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS align end 1`] = `
-<DocumentFragment>
-  <li
-    class="list medium  default     withBorder  flex rowdir vCenter"
-    data-a11y-inset-focus="true"
-    data-id="listItemWithRadioComp"
-    data-selector-id="listItemWithRadio"
-    data-test-id="listItemWithRadioComp"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfEnd"
-      data-id="listItemWithRadioComp_radio"
-      data-selector-id="box"
-      data-test-id="listItemWithRadioComp_radio"
-    >
-      <div
-        class="lhsBox_medium shrinkOff selfEnd"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
         <div
-          aria-checked="false"
-          aria-hidden="true"
-          aria-readonly="false"
-          class="container  pointer hoverEfffect   inflex rowdir both"
-          data-id="RadioComp"
-          data-selector-id="container"
-          data-test-id="RadioComp"
-          role="radio"
-          tabindex="-1"
-        >
-          <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary   shrinkOff"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <input
-              type="hidden"
-              value=""
-            />
-            <label
-              class="radioLabel pointer"
-            >
-              <svg
-                viewBox="0 0 40 40"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <circle
-                  class="rdBox"
-                  cx="20"
-                  cy="20"
-                  r="19"
-                />
-              </svg>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="leftBox grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          class="value basisAuto shrinkOn"
+          class="secondaryField secondaryValue shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
+          data-title="secondaryValue"
         >
-          List
+          secondaryValue
         </div>
       </div>
-      <div
-        class="secondaryField secondaryValue shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-        data-title="secondaryValue"
-      >
-        secondaryValue
-      </div>
     </div>
   </li>
 </DocumentFragment>
 `;
 
-exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
+exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
 <DocumentFragment>
   <li
     class="list medium  default     withBorder  flex rowdir vCenter"
@@ -463,134 +362,35 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
       </div>
     </div>
     <div
-      class="leftBox grow basis shrinkOff"
+      class="grow basis shrinkOn"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
+        class="flex cover coldir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <div
-          class="value basisAuto shrinkOn"
+          class="value shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           List
         </div>
-      </div>
-      <div
-        class="secondaryField secondaryValue shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-        data-title="secondaryValue"
-      >
-        secondaryValue
-      </div>
-    </div>
-  </li>
-</DocumentFragment>
-`;
-
-exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS align start 1`] = `
-<DocumentFragment>
-  <li
-    class="list medium  default     withBorder  flex rowdir vCenter"
-    data-a11y-inset-focus="true"
-    data-id="listItemWithRadioComp"
-    data-selector-id="listItemWithRadio"
-    data-test-id="listItemWithRadioComp"
-    role="option"
-    tabindex="0"
-  >
-    <div
-      class="iconBox lhsBox lhsJustifyContent_center shrinkOff selfStart"
-      data-id="listItemWithRadioComp_radio"
-      data-selector-id="box"
-      data-test-id="listItemWithRadioComp_radio"
-    >
-      <div
-        class="lhsBox_medium shrinkOff selfStart"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <div
-          aria-checked="false"
-          aria-hidden="true"
-          aria-readonly="false"
-          class="container  pointer hoverEfffect   inflex rowdir both"
-          data-id="RadioComp"
-          data-selector-id="container"
-          data-test-id="RadioComp"
-          role="radio"
-          tabindex="-1"
-        >
-          <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary   shrinkOff"
-            data-id="boxComponent"
-            data-selector-id="box"
-            data-test-id="boxComponent"
-          >
-            <input
-              type="hidden"
-              value=""
-            />
-            <label
-              class="radioLabel pointer"
-            >
-              <svg
-                viewBox="0 0 40 40"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <circle
-                  class="rdBox"
-                  cx="20"
-                  cy="20"
-                  r="19"
-                />
-              </svg>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="leftBox grow basis shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    >
-      <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
         <div
-          class="value basisAuto shrinkOn"
+          class="secondaryField secondaryValue shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
+          data-title="secondaryValue"
         >
-          List
+          secondaryValue
         </div>
       </div>
-      <div
-        class="secondaryField secondaryValue shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-        data-title="secondaryValue"
-      >
-        secondaryValue
-      </div>
     </div>
   </li>
 </DocumentFragment>
@@ -661,19 +461,19 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="leftBox grow basis shrinkOff"
+      class="grow basis shrinkOn"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="titleBox shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
+        class="flex cover coldir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
       >
         <div
-          class="value basisAuto shrinkOn"
+          class="value shrinkOff"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"

package/lib/ListItem/props/propTypes.js

@@ -77,29 +77,26 @@ var ListItem_Props = {
   needMultiLineText: _propTypes["default"].bool,
   customClass: _propTypes["default"].shape({
     customListItem: _propTypes["default"].string,
-    customTickIcon: _propTypes["default"].string,
-    customValueRightPlaceholder: _propTypes["default"].string
+    customTickIcon: _propTypes["default"].string
   }),
   customProps: _propTypes["default"].shape({
     ListItemProps: _propTypes["default"].object
   }),
-  secondaryValue: _propTypes["default"].string,
-  renderValueRightPlaceholderNode: _propTypes["default"].func
+  secondaryValue: _propTypes["default"].string
 };
 exports.ListItem_Props = ListItem_Props;
 var ListItemWithAvatar_Props = (_ListItemWithAvatar_P = {
   active: _propTypes["default"].bool,
   autoHover: _propTypes["default"].bool,
   avatarPalette: _propTypes["default"].string
-}, _defineProperty(_ListItemWithAvatar_P, "avatarPalette", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataSelectorId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "disableTitle", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "getRef", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "highlight", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "id", _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _defineProperty(_ListItemWithAvatar_P, "imgSrc", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "index", _propTypes["default"].number), _defineProperty(_ListItemWithAvatar_P, "initial", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "isDisabled", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "isTeam", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "name", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "needAvatarTitle", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needBorder", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needTick", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "onClick", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "onMouseEnter", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "palette", _propTypes["default"].oneOf(['dark'])), _defineProperty(_ListItemWithAvatar_P, "size", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "title", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "value", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "secondaryValue", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "renderValueRightPlaceholderNode", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "lhsAlignContent", _propTypes["default"].oneOf(['start', 'center', 'end'])), _defineProperty(_ListItemWithAvatar_P, "a11y", _propTypes["default"].shape({
+}, _defineProperty(_ListItemWithAvatar_P, "avatarPalette", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataSelectorId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "disableTitle", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "getRef", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "highlight", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "id", _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _defineProperty(_ListItemWithAvatar_P, "imgSrc", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "index", _propTypes["default"].number), _defineProperty(_ListItemWithAvatar_P, "initial", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "isDisabled", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "isTeam", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "name", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "needAvatarTitle", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needBorder", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needTick", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "onClick", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "onMouseEnter", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "palette", _propTypes["default"].oneOf(['dark'])), _defineProperty(_ListItemWithAvatar_P, "size", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "title", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "value", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "secondaryValue", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "lhsAlignContent", _propTypes["default"].oneOf(['start', 'center', 'end'])), _defineProperty(_ListItemWithAvatar_P, "a11y", _propTypes["default"].shape({
   role: _propTypes["default"].string,
   ariaSelected: _propTypes["default"].bool,
   ariaHidden: _propTypes["default"].bool
 })), _defineProperty(_ListItemWithAvatar_P, "customClass", _propTypes["default"].shape({
   customListItem: _propTypes["default"].string,
   customAvatar: _propTypes["default"].string,
-  customAvatarTeam: _propTypes["default"].string,
-  customValueRightPlaceholder: _propTypes["default"].string
+  customAvatarTeam: _propTypes["default"].string
 })), _defineProperty(_ListItemWithAvatar_P, "needMultiLineText", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "customProps", _propTypes["default"].shape({
   ListItemProps: _propTypes["default"].object,
   ContainerProps: _propTypes["default"].object,
@@ -126,7 +123,6 @@ var ListItemWithCheckBox_Props = {
   title: _propTypes["default"].string,
   value: _propTypes["default"].string,
   secondaryValue: _propTypes["default"].string,
-  renderValueRightPlaceholderNode: _propTypes["default"].func,
   lhsAlignContent: _propTypes["default"].oneOf(['start', 'center', 'end']),
   lhsJustifyContent: _propTypes["default"].oneOf(['start', 'center', 'end']),
   a11y: _propTypes["default"].shape({
@@ -137,8 +133,7 @@ var ListItemWithCheckBox_Props = {
   customClass: _propTypes["default"].shape({
     customListItem: _propTypes["default"].string,
     customCheckBox: _propTypes["default"].string,
-    customLabel: _propTypes["default"].string,
-    customValueRightPlaceholder: _propTypes["default"].string
+    customLabel: _propTypes["default"].string
   }),
   customProps: _propTypes["default"].object
 };
@@ -166,7 +161,6 @@ var ListItemWithIcon_Props = {
   title: _propTypes["default"].string,
   value: _propTypes["default"].string,
   secondaryValue: _propTypes["default"].string,
-  renderValueRightPlaceholderNode: _propTypes["default"].func,
   lhsAlignContent: _propTypes["default"].oneOf(['start', 'center', 'end']),
   lhsJustifyContent: _propTypes["default"].oneOf(['start', 'center', 'end']),
   a11y: _propTypes["default"].shape({
@@ -176,7 +170,6 @@ var ListItemWithIcon_Props = {
   }),
   needMultiLineText: _propTypes["default"].bool,
   customClass: _propTypes["default"].string,
-  customValueRightPlaceholderClass: _propTypes["default"].string,
   customProps: _propTypes["default"].shape({
     ListItemProps: _propTypes["default"].object
   }),
@@ -204,7 +197,6 @@ var ListItemWithRadio_Props = {
   title: _propTypes["default"].string,
   value: _propTypes["default"].string,
   secondaryValue: _propTypes["default"].string,
-  renderValueRightPlaceholderNode: _propTypes["default"].func,
   lhsAlignContent: _propTypes["default"].oneOf(['start', 'center', 'end']),
   lhsJustifyContent: _propTypes["default"].oneOf(['start', 'center', 'end']),
   a11y: _propTypes["default"].shape({
@@ -215,8 +207,7 @@ var ListItemWithRadio_Props = {
   customClass: _propTypes["default"].shape({
     customListItem: _propTypes["default"].string,
     customRadio: _propTypes["default"].string,
-    customRadioWrap: _propTypes["default"].string,
-    customValueRightPlaceholder: _propTypes["default"].string
+    customRadioWrap: _propTypes["default"].string
   }),
   customProps: _propTypes["default"].object
 };

package/lib/MultiSelect/MultiSelect.js

@@ -309,7 +309,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
       var options = props.options,
           valueField = props.valueField,
           textField = props.textField,
-          secondaryField = props.secondaryField,
           prefixText = props.prefixText,
           disabledOptions = props.disabledOptions,
           allowValueFallback = props.allowValueFallback,
@@ -322,7 +321,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         optionType: 'default',
         disabledOptions: disabledOptions,
         allowValueFallback: allowValueFallback,
-        secondaryField: secondaryField,
         searchFields: searchFields
       });
     }
@@ -1142,7 +1140,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
           isLoading = _this$props15.isLoading,
           selectAllText = _this$props15.selectAllText,
           needSelectAll = _this$props15.needSelectAll,
-          customProps = _this$props15.customProps,
           isVirtualizerEnabled = _this$props15.isVirtualizerEnabled,
           limit = _this$props15.limit;
       var _this$state9 = this.state,
@@ -1166,7 +1163,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         noMoreText: i18nKeys.noMoreText || noMoreOptionsMessage
       });
       var isModel = (0, _isMobilePopover["default"])(needResponsive);
-      var SuggestionsProps = customProps.SuggestionsProps;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(isReadOnly ? _MultiSelectModule["default"].readOnly : '', " ").concat(disableAction ? (0, _CssProvider["default"])('isBlock') : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : ''),
         "data-id": "".concat(isDisabled ? "".concat(dataId, "_disabled") : isReadOnly ? "".concat(dataId, "_readOnly") : dataId),
@@ -1224,7 +1220,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"], {
         key: searchStr.trim(),
         suggestions: suggestions,
         isVirtualizerEnabled: isVirtualizerEnabled,
@@ -1243,7 +1239,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         },
         limit: limit,
         limitReachedMessage: limitReachedMessage
-      }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+      }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
         isLoading: isFetchingOptions,
         options: options,
         searchString: searchStr,

package/lib/Select/GroupSelect.js

@@ -699,8 +699,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
       var _customProps$TextBoxI = customProps.TextBoxIconProps,
           TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
           _customProps$TextBoxP = customProps.TextBoxProps,
-          TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP,
-          SuggestionsProps = customProps.SuggestionsProps;
+          TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP;
       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 : '', " ").concat(iconOnHover && (isReadOnly || isDisabled) ? _SelectModule["default"].iconOnHoverReadonly : iconOnHover && !(isReadOnly || isDisabled) ? _SelectModule["default"].iconOnHoverStyle : ''),
         "data-id": dataIdSlctComp,
@@ -847,7 +846,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,
@@ -863,7 +862,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
               role: 'option'
             },
             dataId: "".concat(dataId, "_Options")
-          }, SuggestionsProps)));
+          }));
         }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           options: revampedGroups,
           searchString: searchStr,