@zohodesk/components 1.0.0-alpha-214 → 1.0.0-alpha-215

package/README.md

@@ -32,6 +32,9 @@ In this Package we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-215
+
+- Select Search Regex  Changed to Lowercase
 # 1.0.0-alpha-214
 
 - Avatar, Label, Tag, Dropdown, ListItem, Multiselect missing dark palette variables moved under Themes folder files

package/es/MultiSelect/AdvancedMultiSelect.js

@@ -20,7 +20,7 @@ import { getUniqueId } from '../Provider/IdProvider';
 import style from './AdvancedMultiSelect.module.css';
 /**** Methods ****/
 
-import { getIsEmptyValue } from '../utils/Common.js';
+import { getIsEmptyValue, getSearchString } from '../utils/Common.js';
 import { filterSelectedOptions } from '../utils/dropDownUtils';
 /* eslint-disable react/sort-prop-types */
 
@@ -67,7 +67,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
     } = this.getFilterSuggestions({
       options,
       selectedOptions: dummyArray,
-      searchStr: searchStr.replace(/\s+/g, '').toLowerCase(),
+      searchStr: getSearchString(searchStr),
       needSearch: needLocalSearch
     });
     this.suggestionsOrder = suggestionIds;

package/es/MultiSelect/MultiSelect.js

@@ -260,7 +260,7 @@ export class MultiSelectComponent extends React.Component {
     } = this.getFilterSuggestions({
       options,
       selectedOptions,
-      searchStr: searchStr.replace(/\s+/g, '').toLowerCase(),
+      searchStr: getSearchString(searchStr),
       needSearch: needLocalSearch
     });
     this.suggestionsOrder = suggestionIds;

package/es/Select/GroupSelect.js

@@ -18,7 +18,7 @@ import style from './Select.module.css';
 /**** Methods ****/
 
 import { makeGetGroupSelectOptions, optionIdGrouping, makeGetGroupSelectFilterSuggestions, extractOptionId } from '../utils/dropDownUtils';
-import { getIsEmptyValue, scrollTo, debounce } from '../utils/Common';
+import { getIsEmptyValue, scrollTo, debounce, getSearchString } from '../utils/Common';
 /* eslint-disable react/no-unused-prop-types */
 
 /* eslint-disable react/sort-prop-types */
@@ -214,7 +214,7 @@ export class GroupSelectComponent extends PureComponent {
     } = this.state;
 
     if (needSearch && searchStr && searchStr.trim().length) {
-      searchStr = searchStr.toLowerCase().replace(/\s+/g, '');
+      searchStr = getSearchString(searchStr);
       let {
         suggestionGroups,
         suggestionOptionIds
@@ -253,8 +253,8 @@ export class GroupSelectComponent extends PureComponent {
     let {
       onSearch
     } = this.props;
-    let searchStrRegex = searchStr.toLowerCase().replace(/\s+/g, '');
-    let valueStrRegex = value.toLowerCase().replace(/\s+/g, '');
+    let searchStrRegex = getSearchString(searchStr);
+    let valueStrRegex = getSearchString(value);
     let isSearch = searchStrRegex !== valueStrRegex ? true : false;
     this.setState({
       searchStr: value,

package/es/utils/Common.js

@@ -365,5 +365,5 @@ export function getElementSpace(elementRef) {
 }
 export function getSearchString() {
   let charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return charachers.toLowerCase(); //.replace(/\s+/g, '');
+  return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
 }

package/es/utils/dropDownUtils.js

@@ -1,6 +1,6 @@
 /***** Libraries *****/
 import { createSelector } from 'reselect';
-import { getIsEmptyValue } from './Common';
+import { getIsEmptyValue, getSearchString } from './Common';
 export const dummyArray = [];
 export const dummyObj = {};
 export const getOptions = props => props.options || dummyArray;
@@ -44,8 +44,8 @@ export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOpti
       id,
       value = ''
     } = option;
-    const valueString = value.toLowerCase();
-    const searchString = searchStr.toLowerCase();
+    const valueString = getSearchString(value);
+    const searchString = getSearchString(searchStr);
     const isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
 
     if (selectedOptions.indexOf(id) === -1 && isMatch) {

package/lib/MultiSelect/AdvancedMultiSelect.js

@@ -131,7 +131,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
       var _this$getFilterSugges = this.getFilterSuggestions({
         options: options,
         selectedOptions: dummyArray,
-        searchStr: searchStr.replace(/\s+/g, '').toLowerCase(),
+        searchStr: (0, _Common.getSearchString)(searchStr),
         needSearch: needLocalSearch
       }),
           suggestions = _this$getFilterSugges.suggestions,

package/lib/MultiSelect/MultiSelect.js

@@ -335,7 +335,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
       var _this$getFilterSugges = this.getFilterSuggestions({
         options: options,
         selectedOptions: selectedOptions,
-        searchStr: searchStr.replace(/\s+/g, '').toLowerCase(),
+        searchStr: (0, _Common.getSearchString)(searchStr),
         needSearch: needLocalSearch
       }),
           suggestions = _this$getFilterSugges.suggestions,

package/lib/Select/GroupSelect.js

@@ -283,7 +283,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           allOptionIds = _this$state2.allOptionIds;
 
       if (needSearch && searchStr && searchStr.trim().length) {
-        searchStr = searchStr.toLowerCase().replace(/\s+/g, '');
+        searchStr = (0, _Common.getSearchString)(searchStr);
 
         var _this$getFilterSugges = this.getFilterSuggestions({
           revampedGroups: revampedGroups,
@@ -320,8 +320,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
       var _this$state$searchStr = this.state.searchStr,
           searchStr = _this$state$searchStr === void 0 ? '' : _this$state$searchStr;
       var onSearch = this.props.onSearch;
-      var searchStrRegex = searchStr.toLowerCase().replace(/\s+/g, '');
-      var valueStrRegex = value.toLowerCase().replace(/\s+/g, '');
+      var searchStrRegex = (0, _Common.getSearchString)(searchStr);
+      var valueStrRegex = (0, _Common.getSearchString)(value);
       var isSearch = searchStrRegex !== valueStrRegex ? true : false;
       this.setState({
         searchStr: value,

package/lib/utils/Common.js

@@ -453,5 +453,5 @@ function getElementSpace(elementRef) {
 
 function getSearchString() {
   var charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return charachers.toLowerCase(); //.replace(/\s+/g, '');
+  return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
 }

package/lib/utils/dropDownUtils.js

@@ -138,8 +138,8 @@ var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSugge
       var id = option.id,
           _option$value = option.value,
           value = _option$value === void 0 ? '' : _option$value;
-      var valueString = value.toLowerCase();
-      var searchString = searchStr.toLowerCase();
+      var valueString = (0, _Common.getSearchString)(value);
+      var searchString = (0, _Common.getSearchString)(searchStr);
       var isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
 
       if (selectedOptions.indexOf(id) === -1 && isMatch) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-alpha-214",
+  "version": "1.0.0-alpha-215",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",