@zohodesk/dot 1.0.0-temp-200.7 → 1.0.0-temp-200.8

package/README.md

@@ -2,6 +2,11 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.7.17
+
+- **ToggleDropDown** - SecondaryValue supported for listitems and searchFields prop supported
+
+
 # 1.7.16
 
 - **DotProvider** - Theme entry for component_v1 added.

package/es/AttachmentViewer/Attachment.js

@@ -19,44 +19,44 @@ export function isBrowserSupportedFile(fileName) {
 export function getAttachmentIconDetails(fileName) {
   const extension = getExtensionFromFileName(fileName)?.toLowerCase();
   if (!extension) return 'ZD-GN-fileUnknown';
-  const imageExtensions = new Set(['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp']);
-  const docExtensions = new Set(['txt']);
-  const pdfExtensions = new Set(['pdf']);
-  const htmlExtensions = new Set(['html', 'htm', 'xhtml']);
-  const pptExtensions = new Set(['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key']);
-  const zipExtensions = new Set(['rar', 'jar', 'zip']);
-  const wordExtensions = new Set(['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages']);
-  const xmlExtensions = new Set(['xml']);
-  const sheetExtensions = new Set(['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers']);
-  const audioExtensions = new Set(['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus']);
-  const videoExtensions = new Set(['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv']);
-  const mailExtensions = new Set(['eml', 'msg']);
-  const linuxExtensions = new Set(['sh', 'bin']);
-  const cssExtensions = new Set(['css']);
-  const exeExtensions = new Set(['exe']);
-  const eventExtensions = new Set(['ics']);
-  if (imageExtensions.has(extension)) return 'ZD-EF-fileImage';
-  if (docExtensions.has(extension)) return 'ZD-GN-fileDoc';
-  if (pdfExtensions.has(extension)) return 'ZD-EF-filePdf';
-  if (pptExtensions.has(extension)) return 'ZD-GN-filePpt';
-  if (zipExtensions.has(extension)) return 'ZD-EF-fileZip';
+  const imageExtensions = ['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp'];
+  const docExtensions = ['txt'];
+  const pdfExtensions = ['pdf'];
+  const htmlExtensions = ['html', 'htm', 'xhtml'];
+  const pptExtensions = ['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key'];
+  const zipExtensions = ['rar', 'jar', 'zip'];
+  const wordExtensions = ['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages'];
+  const xmlExtensions = ['xml'];
+  const sheetExtensions = ['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers'];
+  const audioExtensions = ['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus'];
+  const videoExtensions = ['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv'];
+  const mailExtensions = ['eml', 'msg'];
+  const linuxExtensions = ['sh', 'bin'];
+  const cssExtensions = ['css'];
+  const exeExtensions = ['exe'];
+  const eventExtensions = ['ics'];
+  if (imageExtensions.includes(extension)) return 'ZD-EF-fileImage';
+  if (docExtensions.includes(extension)) return 'ZD-GN-fileDoc';
+  if (pdfExtensions.includes(extension)) return 'ZD-EF-filePdf';
+  if (pptExtensions.includes(extension)) return 'ZD-GN-filePpt';
+  if (zipExtensions.includes(extension)) return 'ZD-EF-fileZip';
 
-  if (wordExtensions.has(extension)) {
+  if (wordExtensions.includes(extension)) {
     const OSName = navigator.platform?.toLowerCase() || '';
     return OSName.includes('mac') || OSName.includes('linux') ? 'ZD-EF-fileOffice' : 'ZD-EF-fileWord';
   }
 
-  if (xmlExtensions.has(extension)) return 'ZD-EF-fileXml';
-  if (sheetExtensions.has(extension)) return 'ZD-GN-fileSheet';
-  if (audioExtensions.has(extension)) return 'ZD-EF-fileMp3';
-  if (videoExtensions.has(extension)) return 'ZD-EF-fileMp4';
-  if (mailExtensions.has(extension)) return 'ZD-GN-fileMail';
-  if (linuxExtensions.has(extension)) return 'ZD-EF-linux';
-  if (cssExtensions.has(extension)) return 'ZD-EF-clrCss';
-  if (exeExtensions.has(extension)) return 'ZD-EF-exe';
-  if (eventExtensions.has(extension)) return 'ZD-TK-event';
+  if (xmlExtensions.includes(extension)) return 'ZD-EF-fileXml';
+  if (sheetExtensions.includes(extension)) return 'ZD-GN-fileSheet';
+  if (audioExtensions.includes(extension)) return 'ZD-EF-fileMp3';
+  if (videoExtensions.includes(extension)) return 'ZD-EF-fileMp4';
+  if (mailExtensions.includes(extension)) return 'ZD-GN-fileMail';
+  if (linuxExtensions.includes(extension)) return 'ZD-EF-linux';
+  if (cssExtensions.includes(extension)) return 'ZD-EF-clrCss';
+  if (exeExtensions.includes(extension)) return 'ZD-EF-exe';
+  if (eventExtensions.includes(extension)) return 'ZD-TK-event';
 
-  if (htmlExtensions.has(extension)) {
+  if (htmlExtensions.includes(extension)) {
     const browser = getBrowserWithVersion()?.toLowerCase() || '';
     if (browser.includes('chrome') || browser.includes('safari')) return 'ZD-EF-fileXml';
     if (browser.includes('ie') || browser.includes('edge')) return 'ZD-EF-explorer';

package/es/AttachmentViewer/AttachmentViewer.js

@@ -373,6 +373,10 @@ export default class AttachmentViewer extends Component {
       } = customClass;
       const retainZoom = canZoom && selectedIndex == i && maintainZoom;
       const extension = getExtensionFromFileName(name);
+      const {
+        previewUnsupportedText = "Preview not available for the selected file type.",
+        downloadText = "Download"
+      } = i18nKeys;
       return /*#__PURE__*/React.createElement(Container, {
         className: style.imgBox,
         id: `imgBox${i}`,
@@ -420,14 +424,14 @@ export default class AttachmentViewer extends Component {
       }, _this.getPreviewIconData(name, '70')), /*#__PURE__*/React.createElement(Typography, {
         $ui_size: "20",
         $ui_weight: "semibold"
-      }, i18nKeys.previewUnsupportedText), /*#__PURE__*/React.createElement(Link, {
+      }, previewUnsupportedText), /*#__PURE__*/React.createElement(Link, {
         href: downloadUrl,
         className: style.downloadLink,
         hasReload: true,
         download: true
       }, /*#__PURE__*/React.createElement(Button, {
         palette: "primaryFilled",
-        text: i18nKeys.downloadText
+        text: downloadText
       }))))));
     });
   }

package/es/AttachmentViewer/props/defaultProps.js

@@ -8,17 +8,9 @@ export const AttachmentImage_defaultProps = {
 export const AttachmentViewer_defaultProps = {
   responsiveId: "Helmet",
   needDownload: true,
-  i18nKeys: {
-    previewUnsupportedText: 'Preview not available for the selected file type.'
-  },
   maintainZoom: false,
   isActive: false,
   dataId: 'AttachmentViewer',
-  customProps: {},
-  allowedPreviewExtensionsData: {
-    audio: [],
-    video: [],
-    image: [],
-    document: []
-  }
+  i18nKeys: {},
+  customProps: {}
 };

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -4,7 +4,7 @@ import { propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Box, Container } from '@zohodesk/components/lib/Layout';
-import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
+import ListItem from '@zohodesk/components/es/ListItem/ListItem';
 import ListItemWithIcon from '@zohodesk/components/lib/ListItem/ListItemWithIcon';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
@@ -210,9 +210,11 @@ export class ToggleDropDown extends Component {
       keyName,
       isGroupDropDown,
       groupOptionsKey,
-      groupNameKey
+      groupNameKey,
+      searchFields
     } = this.props;
     searchValue = searchValue.trim().toLowerCase();
+    searchFields.push(keyName !== 'value' ? keyName : 'value');
     let result = [];
 
     if (isGroupDropDown) {
@@ -224,8 +226,15 @@ export class ToggleDropDown extends Component {
         const name = group[groupNameKey];
         const groupOptions = group[groupOptionsKey];
         const datas = groupOptions.filter(list => {
-          const value = list[keyName];
-          return value.toLowerCase().includes(searchValue);
+          return searchFields.some(key => {
+            let val = list[key];
+
+            if (val === null || val === undefined) {
+              return false;
+            } else {
+              return val.toLowerCase().includes(searchValue);
+            }
+          });
         });
 
         if (datas.length) {
@@ -243,7 +252,15 @@ export class ToggleDropDown extends Component {
           return true;
         }
 
-        return item[keyName].toLowerCase().includes(searchValue);
+        return searchFields.some(key => {
+          let val = item[key];
+
+          if (val === null || val === undefined) {
+            return false;
+          } else {
+            return val.toLowerCase().includes(searchValue);
+          }
+        });
       });
 
       if (filteredOptions.length) {
@@ -717,7 +734,8 @@ export class ToggleDropDown extends Component {
             iconClass,
             title,
             disableTitle = '',
-            isDisabled = false
+            isDisabled = false,
+            secondaryValue
           } = item;
           listIndex += 1;
           return iconName ? /*#__PURE__*/React.createElement(ListItemWithIcon, {
@@ -747,6 +765,7 @@ export class ToggleDropDown extends Component {
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
             },
+            secondaryValue: secondaryValue,
             ...ListItemWithIconProps
           }) : /*#__PURE__*/React.createElement(ListItem, {
             key: listIndex,
@@ -772,6 +791,7 @@ export class ToggleDropDown extends Component {
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
             },
+            secondaryValue: secondaryValue,
             ...ListItemProps
           });
         }));
@@ -786,7 +806,8 @@ export class ToggleDropDown extends Component {
           title,
           needDivider,
           isDisabled = false,
-          disableTitle = ''
+          disableTitle = '',
+          secondaryValue
         } = item;
 
         if (!needDivider) {
@@ -824,6 +845,7 @@ export class ToggleDropDown extends Component {
             ariaSelected: selectedId === item[idName],
             ariaLabel: item[keyName]
           },
+          secondaryValue: secondaryValue,
           ...ListItemWithIconProps
         }) : /*#__PURE__*/React.createElement(ListItem, {
           key: listIndex,
@@ -849,6 +871,7 @@ export class ToggleDropDown extends Component {
             ariaSelected: selectedId === item[idName],
             ariaLabel: item[keyName]
           },
+          secondaryValue: secondaryValue,
           ...ListItemProps
         }));
       }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {

package/es/dropdown/ToggleDropDown/props/defaultProps.js

@@ -25,5 +25,6 @@ export const defaultProps = {
   needMultiLineText: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {}
+  customClass: {},
+  searchFields: []
 };

package/es/dropdown/ToggleDropDown/props/propTypes.js

@@ -79,5 +79,6 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   targetOffset: PropTypes.object,
   from: PropTypes.string,
-  top: PropTypes.number
+  top: PropTypes.number,
+  searchFields: PropTypes.array
 };

package/lib/AttachmentViewer/Attachment.js

@@ -36,46 +36,46 @@ function getAttachmentIconDetails(fileName) {
 
   var extension = (_getExtensionFromFile = getExtensionFromFileName(fileName)) === null || _getExtensionFromFile === void 0 ? void 0 : _getExtensionFromFile.toLowerCase();
   if (!extension) return 'ZD-GN-fileUnknown';
-  var imageExtensions = new Set(['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp']);
-  var docExtensions = new Set(['txt']);
-  var pdfExtensions = new Set(['pdf']);
-  var htmlExtensions = new Set(['html', 'htm', 'xhtml']);
-  var pptExtensions = new Set(['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key']);
-  var zipExtensions = new Set(['rar', 'jar', 'zip']);
-  var wordExtensions = new Set(['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages']);
-  var xmlExtensions = new Set(['xml']);
-  var sheetExtensions = new Set(['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers']);
-  var audioExtensions = new Set(['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus']);
-  var videoExtensions = new Set(['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv']);
-  var mailExtensions = new Set(['eml', 'msg']);
-  var linuxExtensions = new Set(['sh', 'bin']);
-  var cssExtensions = new Set(['css']);
-  var exeExtensions = new Set(['exe']);
-  var eventExtensions = new Set(['ics']);
-  if (imageExtensions.has(extension)) return 'ZD-EF-fileImage';
-  if (docExtensions.has(extension)) return 'ZD-GN-fileDoc';
-  if (pdfExtensions.has(extension)) return 'ZD-EF-filePdf';
-  if (pptExtensions.has(extension)) return 'ZD-GN-filePpt';
-  if (zipExtensions.has(extension)) return 'ZD-EF-fileZip';
+  var imageExtensions = ['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp'];
+  var docExtensions = ['txt'];
+  var pdfExtensions = ['pdf'];
+  var htmlExtensions = ['html', 'htm', 'xhtml'];
+  var pptExtensions = ['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key'];
+  var zipExtensions = ['rar', 'jar', 'zip'];
+  var wordExtensions = ['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages'];
+  var xmlExtensions = ['xml'];
+  var sheetExtensions = ['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers'];
+  var audioExtensions = ['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus'];
+  var videoExtensions = ['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv'];
+  var mailExtensions = ['eml', 'msg'];
+  var linuxExtensions = ['sh', 'bin'];
+  var cssExtensions = ['css'];
+  var exeExtensions = ['exe'];
+  var eventExtensions = ['ics'];
+  if (imageExtensions.includes(extension)) return 'ZD-EF-fileImage';
+  if (docExtensions.includes(extension)) return 'ZD-GN-fileDoc';
+  if (pdfExtensions.includes(extension)) return 'ZD-EF-filePdf';
+  if (pptExtensions.includes(extension)) return 'ZD-GN-filePpt';
+  if (zipExtensions.includes(extension)) return 'ZD-EF-fileZip';
 
-  if (wordExtensions.has(extension)) {
+  if (wordExtensions.includes(extension)) {
     var _navigator$platform;
 
     var OSName = ((_navigator$platform = navigator.platform) === null || _navigator$platform === void 0 ? void 0 : _navigator$platform.toLowerCase()) || '';
     return OSName.includes('mac') || OSName.includes('linux') ? 'ZD-EF-fileOffice' : 'ZD-EF-fileWord';
   }
 
-  if (xmlExtensions.has(extension)) return 'ZD-EF-fileXml';
-  if (sheetExtensions.has(extension)) return 'ZD-GN-fileSheet';
-  if (audioExtensions.has(extension)) return 'ZD-EF-fileMp3';
-  if (videoExtensions.has(extension)) return 'ZD-EF-fileMp4';
-  if (mailExtensions.has(extension)) return 'ZD-GN-fileMail';
-  if (linuxExtensions.has(extension)) return 'ZD-EF-linux';
-  if (cssExtensions.has(extension)) return 'ZD-EF-clrCss';
-  if (exeExtensions.has(extension)) return 'ZD-EF-exe';
-  if (eventExtensions.has(extension)) return 'ZD-TK-event';
+  if (xmlExtensions.includes(extension)) return 'ZD-EF-fileXml';
+  if (sheetExtensions.includes(extension)) return 'ZD-GN-fileSheet';
+  if (audioExtensions.includes(extension)) return 'ZD-EF-fileMp3';
+  if (videoExtensions.includes(extension)) return 'ZD-EF-fileMp4';
+  if (mailExtensions.includes(extension)) return 'ZD-GN-fileMail';
+  if (linuxExtensions.includes(extension)) return 'ZD-EF-linux';
+  if (cssExtensions.includes(extension)) return 'ZD-EF-clrCss';
+  if (exeExtensions.includes(extension)) return 'ZD-EF-exe';
+  if (eventExtensions.includes(extension)) return 'ZD-TK-event';
 
-  if (htmlExtensions.has(extension)) {
+  if (htmlExtensions.includes(extension)) {
     var _getBrowserWithVersio;
 
     var browser = ((_getBrowserWithVersio = (0, _General.getBrowserWithVersion)()) === null || _getBrowserWithVersio === void 0 ? void 0 : _getBrowserWithVersio.toLowerCase()) || '';

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -470,6 +470,10 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             customChildrenClass = _customClass$customCh === void 0 ? '' : _customClass$customCh;
         var retainZoom = canZoom && selectedIndex == i && maintainZoom;
         var extension = (0, _Attachment.getExtensionFromFileName)(name);
+        var _i18nKeys$previewUnsu = i18nKeys.previewUnsupportedText,
+            previewUnsupportedText = _i18nKeys$previewUnsu === void 0 ? "Preview not available for the selected file type." : _i18nKeys$previewUnsu,
+            _i18nKeys$downloadTex = i18nKeys.downloadText,
+            downloadText = _i18nKeys$downloadTex === void 0 ? "Download" : _i18nKeys$downloadTex;
         return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           className: _AttachmentViewerModule["default"].imgBox,
           id: "imgBox".concat(i),
@@ -516,14 +520,14 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
         }, _this5.getPreviewIconData(name, '70')), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
           $ui_size: "20",
           $ui_weight: "semibold"
-        }, i18nKeys.previewUnsupportedText), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+        }, previewUnsupportedText), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
           href: downloadUrl,
           className: _AttachmentViewerModule["default"].downloadLink,
           hasReload: true,
           download: true
         }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
           palette: "primaryFilled",
-          text: i18nKeys.downloadText
+          text: downloadText
         }))))));
       });
     }

package/lib/AttachmentViewer/props/defaultProps.js

@@ -15,18 +15,10 @@ exports.AttachmentImage_defaultProps = AttachmentImage_defaultProps;
 var AttachmentViewer_defaultProps = {
   responsiveId: "Helmet",
   needDownload: true,
-  i18nKeys: {
-    previewUnsupportedText: 'Preview not available for the selected file type.'
-  },
   maintainZoom: false,
   isActive: false,
   dataId: 'AttachmentViewer',
-  customProps: {},
-  allowedPreviewExtensionsData: {
-    audio: [],
-    video: [],
-    image: [],
-    document: []
-  }
+  i18nKeys: {},
+  customProps: {}
 };
 exports.AttachmentViewer_defaultProps = AttachmentViewer_defaultProps;

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -19,7 +19,7 @@ var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popu
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _ListItem = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItem"));
+var _ListItem = _interopRequireDefault(require("@zohodesk/components/es/ListItem/ListItem"));
 
 var _ListItemWithIcon = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItemWithIcon"));
 
@@ -281,8 +281,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           keyName = _this$props6.keyName,
           isGroupDropDown = _this$props6.isGroupDropDown,
           groupOptionsKey = _this$props6.groupOptionsKey,
-          groupNameKey = _this$props6.groupNameKey;
+          groupNameKey = _this$props6.groupNameKey,
+          searchFields = _this$props6.searchFields;
       searchValue = searchValue.trim().toLowerCase();
+      searchFields.push(keyName !== 'value' ? keyName : 'value');
       var result = [];
 
       if (isGroupDropDown) {
@@ -292,8 +294,15 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           var name = group[groupNameKey];
           var groupOptions = group[groupOptionsKey];
           var datas = groupOptions.filter(function (list) {
-            var value = list[keyName];
-            return value.toLowerCase().includes(searchValue);
+            return searchFields.some(function (key) {
+              var val = list[key];
+
+              if (val === null || val === undefined) {
+                return false;
+              } else {
+                return val.toLowerCase().includes(searchValue);
+              }
+            });
           });
 
           if (datas.length) {
@@ -309,7 +318,15 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
             return true;
           }
 
-          return item[keyName].toLowerCase().includes(searchValue);
+          return searchFields.some(function (key) {
+            var val = item[key];
+
+            if (val === null || val === undefined) {
+              return false;
+            } else {
+              return val.toLowerCase().includes(searchValue);
+            }
+          });
         });
 
         if (filteredOptions.length) {
@@ -783,7 +800,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
                 _item$disableTitle = item.disableTitle,
                 disableTitle = _item$disableTitle === void 0 ? '' : _item$disableTitle,
                 _item$isDisabled = item.isDisabled,
-                isDisabled = _item$isDisabled === void 0 ? false : _item$isDisabled;
+                isDisabled = _item$isDisabled === void 0 ? false : _item$isDisabled,
+                secondaryValue = item.secondaryValue;
             listIndex += 1;
             return iconName ? /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({
               key: listIndex,
@@ -811,7 +829,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
                 role: isSearch ? 'option' : 'menuitem',
                 ariaSelected: selectedId === item[idName],
                 ariaLabel: item[keyName]
-              }
+              },
+              secondaryValue: secondaryValue
             }, ListItemWithIconProps)) : /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
               key: listIndex,
               dataId: item[keyName],
@@ -835,7 +854,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
                 role: isSearch ? 'option' : 'menuitem',
                 ariaSelected: selectedId === item[idName],
                 ariaLabel: item[keyName]
-              }
+              },
+              secondaryValue: secondaryValue
             }, ListItemProps));
           }));
         }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -850,7 +870,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
               _item$isDisabled2 = item.isDisabled,
               isDisabled = _item$isDisabled2 === void 0 ? false : _item$isDisabled2,
               _item$disableTitle2 = item.disableTitle,
-              disableTitle = _item$disableTitle2 === void 0 ? '' : _item$disableTitle2;
+              disableTitle = _item$disableTitle2 === void 0 ? '' : _item$disableTitle2,
+              secondaryValue = item.secondaryValue;
 
           if (!needDivider) {
             listIndex += 1;
@@ -886,7 +907,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
               role: isSearch ? 'option' : 'menuitem',
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
-            }
+            },
+            secondaryValue: secondaryValue
           }, ListItemWithIconProps)) : /*#__PURE__*/_react["default"].createElement(_ListItem["default"], _extends({
             key: listIndex,
             dataId: item[keyName],
@@ -910,7 +932,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
               role: isSearch ? 'option' : 'menuitem',
               ariaSelected: selectedId === item[idName],
               ariaLabel: item[keyName]
-            }
+            },
+            secondaryValue: secondaryValue
           }, ListItemProps)));
         }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           isCover: false,

package/lib/dropdown/ToggleDropDown/props/defaultProps.js

@@ -31,6 +31,7 @@ var defaultProps = {
   needMultiLineText: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {}
+  customClass: {},
+  searchFields: []
 };
 exports.defaultProps = defaultProps;

package/lib/dropdown/ToggleDropDown/props/propTypes.js

@@ -89,6 +89,7 @@ var propTypes = {
   positionsOffset: _propTypes["default"].object,
   targetOffset: _propTypes["default"].object,
   from: _propTypes["default"].string,
-  top: _propTypes["default"].number
+  top: _propTypes["default"].number,
+  searchFields: _propTypes["default"].array
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-200.7",
+  "version": "1.0.0-temp-200.8",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -37,9 +37,9 @@
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
-    "prepublishOnly": "node prePublish.js && npm run download && npm run css:review  && npm run review:props",
+    "prepublishOnly": "node prePublish.js && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
-    "test-clean": "react-cli clean coverage && react-cli clean ./unittest",
+    "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
     "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
@@ -62,8 +62,8 @@
     "@zohodesk-private/css-variable-migrator": "^1.0.8",
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "1.4.0",
+    "@zohodesk/a11y": "2.3.5",
+    "@zohodesk/components": "1.4.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.79",
     "@zohodesk/layout": "^3.1.0",
@@ -77,14 +77,14 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.4.0",
+    "@zohodesk/components": "1.4.3",
     "@zohodesk/icons": "1.0.79",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/a11y": "2.3.5",
     "@zohodesk/layout": "3.1.0"
   }
 }