@zohodesk/dot 1.7.15 → 1.7.17

package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -20,17 +20,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var themeAppearanceImports = {
   Lib_LightMode_Component: function Lib_LightMode_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'));
+      return _interopRequireWildcard(require("../libraryChunks/appearance/component/Light_Component"));
     });
   },
   Lib_DarkMode_Component: function Lib_DarkMode_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'));
+      return _interopRequireWildcard(require("../libraryChunks/appearance/component/Dark_Component"));
     });
   },
   Lib_PureDarkMode_Component: function Lib_PureDarkMode_Component() {
     return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'));
+      return _interopRequireWildcard(require("../libraryChunks/appearance/component/PureDark_Component"));
     });
   },
   Lib_LightMode_Dot: function Lib_LightMode_Dot() {

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.7.15",
+  "version": "1.7.17",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -39,7 +39,7 @@
     "docs": "npm run css:review && review:props && react-cli docs",
     "prepublishOnly": "node prePublish.js && npm run download && npm run test && 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/",
@@ -63,9 +63,9 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.4",
-    "@zohodesk/components": "1.3.4",
+    "@zohodesk/components": "1.4.3",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.78",
+    "@zohodesk/icons": "1.0.79",
     "@zohodesk/layout": "^3.1.0",
     "@zohodesk/svg": "1.1.22",
     "@zohodesk/utils": "1.3.14",
@@ -77,8 +77,8 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.3.4",
-    "@zohodesk/icons": "1.0.78",
+    "@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",