fix array comparison

Author: Ivan Uzun

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-sm-select",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "React Multi/Single Select Component",
   "main": "./dist/index.js",
   "module": "./es/index.js",

src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import T from 'prop-types';
 
-import {areValuesEqual, omitDirtyValues} from './utils';
+import {areArraysEqual, omitDirtyValues} from './utils';
 import {DropDown} from './DropDown';
 import {DefValue} from './default/DefValue';
 import {DefTag} from './default/DefTag';
@@ -77,7 +77,7 @@ export class MultiSelect extends React.Component {
     const {props: {value, options}, is} = this;
     const clearCurrValue = omitDirtyValues(options, value, is('single'));
     const clearPrevValue = omitDirtyValues(options, prev.value, is('single'));
-    if (!areValuesEqual(clearCurrValue, clearPrevValue)) this.setState({value})
+    if (!areArraysEqual(clearCurrValue, clearPrevValue)) this.setState({value})
   }
 
   onTagRemove = (index, event) => {

src/utils.js

@@ -13,9 +13,9 @@ export const defaultFilterOptions = (options, filter) =>
     option.label.toLowerCase().includes(filter.toLowerCase())
   );
 
-export const areValuesEqual = (first, second) => {
-  if (!Array.isArray(first)) return first === second;
-  return !first.reduce((A, item, idx) => item !== second[idx] ? [...A, item] : A,[]).length
+export const areArraysEqual = (first, second) => {
+  if (first.length !== second.length) return false;
+  return !first.reduce((A, item, idx) => item !== second[idx] ? [...A, item] : A, []).length
 };
 
 export const omitDirtyValues = (origin, part, single) => {