@teselagen/ui 0.3.4 → 0.3.6

package/index.umd.js

@@ -23264,7 +23264,7 @@
   var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {
     return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));
   } : /* istanbul ignore next */Object.getOwnPropertyNames;
-  function toPrimitive$2(value) {
+  function toPrimitive$3(value) {
     return value === null ? null : typeof value === "object" ? "" + value : value;
   }
   function hasProp(target, prop) {
@@ -24193,7 +24193,7 @@
       return this.name_ + "[" + this.value_ + "]";
     };
     _proto.valueOf = function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     };
     _proto[_Symbol$toPrimitive] = function () {
       return this.valueOf();
@@ -24421,7 +24421,7 @@
       return this.name_ + "[" + this.derivation.toString() + "]";
     };
     _proto.valueOf = function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     };
     _proto[_Symbol$toPrimitive$1] = function () {
       return this.valueOf();
@@ -54892,18 +54892,10 @@
     }
   };
 
-  var _descriptors;
-  var hasRequired_descriptors;
-
-  function require_descriptors () {
-  	if (hasRequired_descriptors) return _descriptors;
-  	hasRequired_descriptors = 1;
-  	// Thank's IE8 for his funny defineProperty
-  	_descriptors = !_fails(function () {
-  	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-  	});
-  	return _descriptors;
-  }
+  // Thank's IE8 for his funny defineProperty
+  var _descriptors = !_fails(function () {
+    return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+  });
 
   var _domCreate;
   var hasRequired_domCreate;
@@ -54921,17 +54913,9 @@
   	return _domCreate;
   }
 
-  var _ie8DomDefine;
-  var hasRequired_ie8DomDefine;
-
-  function require_ie8DomDefine () {
-  	if (hasRequired_ie8DomDefine) return _ie8DomDefine;
-  	hasRequired_ie8DomDefine = 1;
-  	_ie8DomDefine = !require_descriptors() && !_fails(function () {
-  	  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
-  	});
-  	return _ie8DomDefine;
-  }
+  var _ie8DomDefine = !_descriptors && !_fails(function () {
+    return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+  });
 
   // 7.1.1 ToPrimitive(input [, PreferredType])
   var isObject$6 = _isObject;
@@ -54946,29 +54930,22 @@
     throw TypeError("Can't convert object to primitive value");
   };
 
-  var hasRequired_objectDp;
-
-  function require_objectDp () {
-  	if (hasRequired_objectDp) return _objectDp;
-  	hasRequired_objectDp = 1;
-  	var anObject = _anObject;
-  	var IE8_DOM_DEFINE = require_ie8DomDefine();
-  	var toPrimitive = _toPrimitive;
-  	var dP = Object.defineProperty;
+  var anObject$5 = _anObject;
+  var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+  var toPrimitive$2 = _toPrimitive;
+  var dP$3 = Object.defineProperty;
 
-  	_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-  	  anObject(O);
-  	  P = toPrimitive(P, true);
-  	  anObject(Attributes);
-  	  if (IE8_DOM_DEFINE) try {
-  	    return dP(O, P, Attributes);
-  	  } catch (e) { /* empty */ }
-  	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-  	  if ('value' in Attributes) O[P] = Attributes.value;
-  	  return O;
-  	};
-  	return _objectDp;
-  }
+  _objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+    anObject$5(O);
+    P = toPrimitive$2(P, true);
+    anObject$5(Attributes);
+    if (IE8_DOM_DEFINE$1) try {
+      return dP$3(O, P, Attributes);
+    } catch (e) { /* empty */ }
+    if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+    if ('value' in Attributes) O[P] = Attributes.value;
+    return O;
+  };
 
   var _propertyDesc = function (bitmap, value) {
     return {
@@ -54979,10 +54956,10 @@
     };
   };
 
-  var dP$1 = require_objectDp();
+  var dP$2 = _objectDp;
   var createDesc$3 = _propertyDesc;
-  var _hide = require_descriptors() ? function (object, key, value) {
-    return dP$1.f(object, key, createDesc$3(1, value));
+  var _hide = _descriptors ? function (object, key, value) {
+    return dP$2.f(object, key, createDesc$3(1, value));
   } : function (object, key, value) {
     object[key] = value;
     return object;
@@ -54998,7 +54975,7 @@
   var ctx$1 = _ctx;
   var hide$2 = _hide;
   var has$b = _has;
-  var PROTOTYPE$1 = 'prototype';
+  var PROTOTYPE$2 = 'prototype';
 
   var $export$8 = function (type, name, source) {
     var IS_FORCED = type & $export$8.F;
@@ -55008,8 +54985,8 @@
     var IS_BIND = type & $export$8.B;
     var IS_WRAP = type & $export$8.W;
     var exports = IS_GLOBAL ? core$3 : core$3[name] || (core$3[name] = {});
-    var expProto = exports[PROTOTYPE$1];
-    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
+    var expProto = exports[PROTOTYPE$2];
+    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
     var key, own, out;
     if (IS_GLOBAL) source = name;
     for (key in source) {
@@ -55033,7 +55010,7 @@
             } return new C(a, b, c);
           } return C.apply(this, arguments);
         };
-        F[PROTOTYPE$1] = C[PROTOTYPE$1];
+        F[PROTOTYPE$2] = C[PROTOTYPE$2];
         return F;
       // make static versions for prototype methods
       })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -55170,14 +55147,14 @@
   var has$a = _has;
   var toIObject$4 = _toIobject;
   var arrayIndexOf = _arrayIncludes(false);
-  var IE_PROTO$1 = _sharedKey('IE_PROTO');
+  var IE_PROTO$2 = _sharedKey('IE_PROTO');
 
   var _objectKeysInternal = function (object, names) {
     var O = toIObject$4(object);
     var i = 0;
     var result = [];
     var key;
-    for (key in O) if (key != IE_PROTO$1) has$a(O, key) && result.push(key);
+    for (key in O) if (key != IE_PROTO$2) has$a(O, key) && result.push(key);
     // Don't enum bug & hidden keys
     while (names.length > i) if (has$a(O, key = names[i++])) {
       ~arrayIndexOf(result, key) || result.push(key);
@@ -55192,10 +55169,10 @@
 
   // 19.1.2.14 / 15.2.3.14 Object.keys(O)
   var $keys$3 = _objectKeysInternal;
-  var enumBugKeys = _enumBugKeys;
+  var enumBugKeys$1 = _enumBugKeys;
 
   var _objectKeys = Object.keys || function keys(O) {
-    return $keys$3(O, enumBugKeys);
+    return $keys$3(O, enumBugKeys$1);
   };
 
   var _objectGops = {};
@@ -55204,7 +55181,14 @@
 
   var _objectPie = {};
 
-  _objectPie.f = {}.propertyIsEnumerable;
+  var hasRequired_objectPie;
+
+  function require_objectPie () {
+  	if (hasRequired_objectPie) return _objectPie;
+  	hasRequired_objectPie = 1;
+  	_objectPie.f = {}.propertyIsEnumerable;
+  	return _objectPie;
+  }
 
   // 7.1.13 ToObject(argument)
   var defined$1 = _defined;
@@ -55219,10 +55203,10 @@
   	if (hasRequired_objectAssign) return _objectAssign;
   	hasRequired_objectAssign = 1;
   	// 19.1.2.1 Object.assign(target, source, ...)
-  	var DESCRIPTORS = require_descriptors();
+  	var DESCRIPTORS = _descriptors;
   	var getKeys = _objectKeys;
   	var gOPS = _objectGops;
-  	var pIE = _objectPie;
+  	var pIE = require_objectPie();
   	var toObject = _toObject;
   	var IObject = require_iobject();
   	var $assign = Object.assign;
@@ -55295,27 +55279,19 @@
 
   var _redefine = _hide;
 
-  var _objectDps;
-  var hasRequired_objectDps;
-
-  function require_objectDps () {
-  	if (hasRequired_objectDps) return _objectDps;
-  	hasRequired_objectDps = 1;
-  	var dP = require_objectDp();
-  	var anObject = _anObject;
-  	var getKeys = _objectKeys;
+  var dP$1 = _objectDp;
+  var anObject$4 = _anObject;
+  var getKeys$1 = _objectKeys;
 
-  	_objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
-  	  anObject(O);
-  	  var keys = getKeys(Properties);
-  	  var length = keys.length;
-  	  var i = 0;
-  	  var P;
-  	  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
-  	  return O;
-  	};
-  	return _objectDps;
-  }
+  var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+    anObject$4(O);
+    var keys = getKeys$1(Properties);
+    var length = keys.length;
+    var i = 0;
+    var P;
+    while (length > i) dP$1.f(O, P = keys[i++], Properties[P]);
+    return O;
+  };
 
   var _html;
   var hasRequired_html;
@@ -55328,55 +55304,47 @@
   	return _html;
   }
 
-  var _objectCreate;
-  var hasRequired_objectCreate;
-
-  function require_objectCreate () {
-  	if (hasRequired_objectCreate) return _objectCreate;
-  	hasRequired_objectCreate = 1;
-  	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-  	var anObject = _anObject;
-  	var dPs = require_objectDps();
-  	var enumBugKeys = _enumBugKeys;
-  	var IE_PROTO = _sharedKey('IE_PROTO');
-  	var Empty = function () { /* empty */ };
-  	var PROTOTYPE = 'prototype';
-
-  	// Create object with fake `null` prototype: use iframe Object with cleared prototype
-  	var createDict = function () {
-  	  // Thrash, waste and sodomy: IE GC bug
-  	  var iframe = require_domCreate()('iframe');
-  	  var i = enumBugKeys.length;
-  	  var lt = '<';
-  	  var gt = '>';
-  	  var iframeDocument;
-  	  iframe.style.display = 'none';
-  	  require_html().appendChild(iframe);
-  	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
-  	  // createDict = iframe.contentWindow.Object;
-  	  // html.removeChild(iframe);
-  	  iframeDocument = iframe.contentWindow.document;
-  	  iframeDocument.open();
-  	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
-  	  iframeDocument.close();
-  	  createDict = iframeDocument.F;
-  	  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
-  	  return createDict();
-  	};
+  // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+  var anObject$3 = _anObject;
+  var dPs = _objectDps;
+  var enumBugKeys = _enumBugKeys;
+  var IE_PROTO$1 = _sharedKey('IE_PROTO');
+  var Empty = function () { /* empty */ };
+  var PROTOTYPE$1 = 'prototype';
 
-  	_objectCreate = Object.create || function create(O, Properties) {
-  	  var result;
-  	  if (O !== null) {
-  	    Empty[PROTOTYPE] = anObject(O);
-  	    result = new Empty();
-  	    Empty[PROTOTYPE] = null;
-  	    // add "__proto__" for Object.getPrototypeOf polyfill
-  	    result[IE_PROTO] = O;
-  	  } else result = createDict();
-  	  return Properties === undefined ? result : dPs(result, Properties);
-  	};
-  	return _objectCreate;
-  }
+  // Create object with fake `null` prototype: use iframe Object with cleared prototype
+  var createDict = function () {
+    // Thrash, waste and sodomy: IE GC bug
+    var iframe = require_domCreate()('iframe');
+    var i = enumBugKeys.length;
+    var lt = '<';
+    var gt = '>';
+    var iframeDocument;
+    iframe.style.display = 'none';
+    require_html().appendChild(iframe);
+    iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+    // createDict = iframe.contentWindow.Object;
+    // html.removeChild(iframe);
+    iframeDocument = iframe.contentWindow.document;
+    iframeDocument.open();
+    iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+    iframeDocument.close();
+    createDict = iframeDocument.F;
+    while (i--) delete createDict[PROTOTYPE$1][enumBugKeys[i]];
+    return createDict();
+  };
+
+  var _objectCreate = Object.create || function create(O, Properties) {
+    var result;
+    if (O !== null) {
+      Empty[PROTOTYPE$1] = anObject$3(O);
+      result = new Empty();
+      Empty[PROTOTYPE$1] = null;
+      // add "__proto__" for Object.getPrototypeOf polyfill
+      result[IE_PROTO$1] = O;
+    } else result = createDict();
+    return Properties === undefined ? result : dPs(result, Properties);
+  };
 
   var _wks = {exports: {}};
 
@@ -55394,7 +55362,7 @@
 
   var _wksExports = _wks.exports;
 
-  var def = require_objectDp().f;
+  var def = _objectDp.f;
   var has$9 = _has;
   var TAG$1 = _wksExports('toStringTag');
 
@@ -55402,7 +55370,7 @@
     if (it && !has$9(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
   };
 
-  var create$3 = require_objectCreate();
+  var create$3 = _objectCreate;
   var descriptor = _propertyDesc;
   var setToStringTag$2 = _setToStringTag;
   var IteratorPrototype = {};
@@ -55708,7 +55676,7 @@
     return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
   };
 
-  var $defineProperty$1 = require_objectDp();
+  var $defineProperty$1 = _objectDp;
   var createDesc$2 = _propertyDesc;
 
   var _createProperty = function (object, index, value) {
@@ -55841,7 +55809,7 @@
 
   var $export$3 = _export;
   // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-  $export$3($export$3.S + $export$3.F * !require_descriptors(), 'Object', { defineProperty: require_objectDp().f });
+  $export$3($export$3.S + $export$3.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
 
   var $Object$1 = _coreExports.Object;
   var defineProperty$6 = function defineProperty(it, key, desc) {
@@ -55889,7 +55857,7 @@
   var META$1 = _uid('meta');
   var isObject$5 = _isObject;
   var has$7 = _has;
-  var setDesc = require_objectDp().f;
+  var setDesc = _objectDp.f;
   var id = 0;
   var isExtensible = Object.isExtensible || function () {
     return true;
@@ -55944,7 +55912,7 @@
 
   var core = _coreExports;
   var wksExt$1 = _wksExt;
-  var defineProperty$4 = require_objectDp().f;
+  var defineProperty$4 = _objectDp.f;
   var _wksDefine = function (name) {
     var $Symbol = core.Symbol || (core.Symbol = {} );
     if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$4($Symbol, name, { value: wksExt$1.f(name) });
@@ -55953,7 +55921,7 @@
   // all enumerable object keys, includes symbols
   var getKeys = _objectKeys;
   var gOPS$1 = _objectGops;
-  var pIE$1 = _objectPie;
+  var pIE$1 = require_objectPie();
   var _enumKeys = function (it) {
     var result = getKeys(it);
     var getSymbols = gOPS$1.f;
@@ -56006,15 +55974,15 @@
 
   var _objectGopd = {};
 
-  var pIE = _objectPie;
+  var pIE = require_objectPie();
   var createDesc$1 = _propertyDesc;
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive;
   var has$6 = _has;
-  var IE8_DOM_DEFINE = require_ie8DomDefine();
+  var IE8_DOM_DEFINE = _ie8DomDefine;
   var gOPD$2 = Object.getOwnPropertyDescriptor;
 
-  _objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
+  _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
     O = toIObject$1(O);
     P = toPrimitive$1(P, true);
     if (IE8_DOM_DEFINE) try {
@@ -56026,7 +55994,7 @@
   // ECMAScript 6 symbols shim
   var global$1 = _globalExports;
   var has$5 = _has;
-  var DESCRIPTORS = require_descriptors();
+  var DESCRIPTORS = _descriptors;
   var $export$2 = _export;
   var redefine = _redefine;
   var META = _metaExports.KEY;
@@ -56045,11 +56013,11 @@
   var toIObject = _toIobject;
   var toPrimitive = _toPrimitive;
   var createDesc = _propertyDesc;
-  var _create$1 = require_objectCreate();
+  var _create$1 = _objectCreate;
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
-  var $DP = require_objectDp();
+  var $DP = _objectDp;
   var $keys$1 = _objectKeys;
   var gOPD$1 = $GOPD.f;
   var dP = $DP.f;
@@ -56174,7 +56142,7 @@
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
     _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-    _objectPie.f = $propertyIsEnumerable;
+    require_objectPie().f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
 
     if (DESCRIPTORS && !_library) {
@@ -56355,7 +56323,7 @@
 
   var $export = _export;
   // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-  $export($export.S, 'Object', { create: require_objectCreate() });
+  $export($export.S, 'Object', { create: _objectCreate });
 
   var $Object = _coreExports.Object;
   var create$2 = function create(P, D) {
@@ -90773,7 +90741,7 @@
       stringFilterValue = stringFilterValue || "";
     }
     const filterValLower = stringFilterValue.toLowerCase && stringFilterValue.toLowerCase();
-    const arrayFilterValue = Array.isArray(filterValue) ? filterValue : stringFilterValue.split(".");
+    const arrayFilterValue = Array.isArray(filterValue) ? filterValue : stringFilterValue.split(";");
     if (ccSelectedFilter === "startsWith") {
       return qb ? qb.startsWith(stringFilterValue) : (fieldVal) => {
         if (!fieldVal || !fieldVal.toLowerCase)
@@ -96699,6 +96667,31 @@
     window.toastr.default = preventDuplicates(generateToast(Intent.NONE));
   }
 
+  const filterTypesDictionary = {
+    none: "",
+    startsWith: "text",
+    endsWith: "text",
+    contains: "text",
+    notContains: "text",
+    isExactly: "text",
+    isEmpty: "text",
+    notEmpty: "text",
+    inList: "list",
+    notInList: "list",
+    true: "boolean",
+    false: "boolean",
+    dateIs: "date",
+    notBetween: "dateRange",
+    isBetween: "dateRange",
+    isBefore: "date",
+    isAfter: "date",
+    greaterThan: "number",
+    lessThan: "number",
+    inRange: "numberRange",
+    outsideRange: "numberRange",
+    equalTo: "number",
+    regex: "text"
+  };
   const isInvalidFilterValue = (value) => {
     if (Array.isArray(value) && value.length) {
       return value.some((item) => isInvalidFilterValue(item));
@@ -96716,6 +96709,16 @@
       };
     }
     handleFilterChange = (selectedFilter) => {
+      const { filterValue } = this.state;
+      if (filterValue && !Array.isArray(filterValue) && filterTypesDictionary[selectedFilter] === "list") {
+        this.setState({
+          filterValue: filterValue?.split(" ") || []
+        });
+      } else if (filterTypesDictionary[selectedFilter] === "text" && Array.isArray(filterValue)) {
+        this.setState({
+          filterValue: filterValue.join(" ")
+        });
+      }
       this.setState({ selectedFilter: lodashExports.camelCase(selectedFilter) });
     };
     handleFilterValueChange = (filterValue) => {
@@ -96758,36 +96761,7 @@
     render() {
       const { selectedFilter, filterValue } = this.state;
       const { dataType, currentFilter, removeSingleFilter } = this.props;
-      const {
-        handleFilterChange,
-        handleFilterValueChange,
-        handleFilterSubmit
-      } = this;
-      const filterTypesDictionary = {
-        none: "",
-        startsWith: "text",
-        endsWith: "text",
-        contains: "text",
-        notContains: "text",
-        isExactly: "text",
-        isEmpty: "text",
-        notEmpty: "text",
-        inList: "list",
-        notInList: "list",
-        true: "boolean",
-        false: "boolean",
-        dateIs: "date",
-        notBetween: "dateRange",
-        isBetween: "dateRange",
-        isBefore: "date",
-        isAfter: "date",
-        greaterThan: "number",
-        lessThan: "number",
-        inRange: "numberRange",
-        outsideRange: "numberRange",
-        equalTo: "number",
-        regex: "text"
-      };
+      const { handleFilterChange, handleFilterValueChange, handleFilterSubmit } = this;
       const filterMenuItems = getFilterMenuItems(dataType);
       const ccSelectedFilter = lodashExports.camelCase(selectedFilter);
       const requiresValue = ccSelectedFilter && ccSelectedFilter !== "none";
@@ -96953,7 +96927,7 @@
           if (Array.isArray(filterValue)) {
             filterValueToUse = filterValue;
           } else {
-            filterValueToUse = filterValue && filterValue.split && filterValue.split(".");
+            filterValueToUse = filterValue && filterValue.split && filterValue.split(";");
           }
           inputGroup = /* @__PURE__ */ React$1.createElement("div", { className: "custom-menu-item" }, /* @__PURE__ */ React$1.createElement(
             DateRangeInput,
@@ -113693,7 +113667,7 @@
           ({ displayName, path, selectedFilter, filterValue }) => {
             let filterValToDisplay = filterValue;
             if (selectedFilter === "inList") {
-              filterValToDisplay = Array.isArray(filterValToDisplay) ? filterValToDisplay : filterValToDisplay && filterValToDisplay.split(".");
+              filterValToDisplay = Array.isArray(filterValToDisplay) ? filterValToDisplay : filterValToDisplay && filterValToDisplay.split(";");
             }
             if (Array.isArray(filterValToDisplay)) {
               filterValToDisplay = filterValToDisplay.join(", ");

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "main": "./src/index.js",
   "dependencies": {
-    "@teselagen/file-utils": "0.3.4",
-    "@teselagen/bounce-loader": "0.3.4",
+    "@teselagen/file-utils": "0.3.6",
+    "@teselagen/bounce-loader": "0.3.6",
     "@blueprintjs/core": "3.52.0",
     "@blueprintjs/datetime": "3.23.19",
     "@blueprintjs/icons": "3.33.0",

package/src/DataTable/FilterAndSortMenu.js

@@ -21,9 +21,35 @@ import "@teselagen/react-table/react-table.css";
 import "./style.css";
 import "../toastr";
 
-const isInvalidFilterValue = value => {
+const filterTypesDictionary = {
+  none: "",
+  startsWith: "text",
+  endsWith: "text",
+  contains: "text",
+  notContains: "text",
+  isExactly: "text",
+  isEmpty: "text",
+  notEmpty: "text",
+  inList: "list",
+  notInList: "list",
+  true: "boolean",
+  false: "boolean",
+  dateIs: "date",
+  notBetween: "dateRange",
+  isBetween: "dateRange",
+  isBefore: "date",
+  isAfter: "date",
+  greaterThan: "number",
+  lessThan: "number",
+  inRange: "numberRange",
+  outsideRange: "numberRange",
+  equalTo: "number",
+  regex: "text"
+};
+
+const isInvalidFilterValue = (value) => {
   if (Array.isArray(value) && value.length) {
-    return value.some(item => isInvalidFilterValue(item));
+    return value.some((item) => isInvalidFilterValue(item));
   }
   return value === "" || value === undefined || value.length === 0;
 };
@@ -38,10 +64,27 @@ export default class FilterAndSortMenu extends React.Component {
       ...this.props.currentFilter
     };
   }
-  handleFilterChange = selectedFilter => {
+  handleFilterChange = (selectedFilter) => {
+    const { filterValue } = this.state;
+    if (
+      filterValue &&
+      !Array.isArray(filterValue) &&
+      filterTypesDictionary[selectedFilter] === "list"
+    ) {
+      this.setState({
+        filterValue: filterValue?.split(" ") || []
+      });
+    } else if (
+      filterTypesDictionary[selectedFilter] === "text" &&
+      Array.isArray(filterValue)
+    ) {
+      this.setState({
+        filterValue: filterValue.join(" ")
+      });
+    }
     this.setState({ selectedFilter: camelCase(selectedFilter) });
   };
-  handleFilterValueChange = filterValue => {
+  handleFilterValueChange = (filterValue) => {
     this.setState({ filterValue });
   };
   handleFilterSubmit = () => {
@@ -65,7 +108,7 @@ export default class FilterAndSortMenu extends React.Component {
       if (dataType === "number") {
         filterValToUse =
           filterValue &&
-          filterValue.map(val => parseFloat(val.replaceAll(",", "")));
+          filterValue.map((val) => parseFloat(val.replaceAll(",", "")));
       }
     }
 
@@ -91,36 +134,9 @@ export default class FilterAndSortMenu extends React.Component {
   render() {
     const { selectedFilter, filterValue } = this.state;
     const { dataType, currentFilter, removeSingleFilter } = this.props;
-    const {
-      handleFilterChange,
-      handleFilterValueChange,
-      handleFilterSubmit
-    } = this;
-    const filterTypesDictionary = {
-      none: "",
-      startsWith: "text",
-      endsWith: "text",
-      contains: "text",
-      notContains: "text",
-      isExactly: "text",
-      isEmpty: "text",
-      notEmpty: "text",
-      inList: "list",
-      notInList: "list",
-      true: "boolean",
-      false: "boolean",
-      dateIs: "date",
-      notBetween: "dateRange",
-      isBetween: "dateRange",
-      isBefore: "date",
-      isAfter: "date",
-      greaterThan: "number",
-      lessThan: "number",
-      inRange: "numberRange",
-      outsideRange: "numberRange",
-      equalTo: "number",
-      regex: "text"
-    };
+    const { handleFilterChange, handleFilterValueChange, handleFilterSubmit } =
+      this;
+
     const filterMenuItems = getFilterMenuItems(dataType);
     const ccSelectedFilter = camelCase(selectedFilter);
     const requiresValue = ccSelectedFilter && ccSelectedFilter !== "none";
@@ -130,13 +146,13 @@ export default class FilterAndSortMenu extends React.Component {
         <div className="custom-menu-item">
           <div className={classNames(Classes.SELECT, Classes.FILL)}>
             <select
-              onChange={function(e) {
+              onChange={function (e) {
                 const ccSelectedFilter = camelCase(e.target.value);
                 handleFilterChange(ccSelectedFilter);
               }}
               value={ccSelectedFilter}
             >
-              {filterMenuItems.map(function(menuItem, index) {
+              {filterMenuItems.map(function (menuItem, index) {
                 return (
                   <option key={index} value={camelCase(menuItem)}>
                     {menuItem}
@@ -176,12 +192,8 @@ export default class FilterAndSortMenu extends React.Component {
 }
 
 const dateMinMaxHelpers = {
-  minDate: dayjs()
-    .subtract(25, "years")
-    .toDate(),
-  maxDate: dayjs()
-    .add(25, "years")
-    .toDate()
+  minDate: dayjs().subtract(25, "years").toDate(),
+  maxDate: dayjs().add(25, "years").toDate()
 };
 const renderCreateNewOption = (query, active, handleClick) => (
   <MenuItem
@@ -213,7 +225,7 @@ class FilterInput extends React.Component {
             <div className="custom-menu-item">
               <InputGroup
                 placeholder="Value"
-                onChange={function(e) {
+                onChange={function (e) {
                   handleFilterValueChange(e.target.value);
                 }}
                 autoFocus
@@ -232,15 +244,15 @@ class FilterInput extends React.Component {
               noResults={null}
               multi={true}
               creatable={true}
-              value={(filterValue || []).map(val => ({
+              value={(filterValue || []).map((val) => ({
                 label: val,
                 value: val
               }))}
-              onChange={selectedOptions => {
-                selectedOptions.some(opt => opt.value === "")
+              onChange={(selectedOptions) => {
+                selectedOptions.some((opt) => opt.value === "")
                   ? handleFilterSubmit()
                   : handleFilterValueChange(
-                      selectedOptions.map(opt => opt.value)
+                      selectedOptions.map((opt) => opt.value)
                     );
               }}
               options={[]}
@@ -253,7 +265,7 @@ class FilterInput extends React.Component {
           <div className="custom-menu-item">
             <NumericInput
               placeholder="Value"
-              onValueChange={function(numVal) {
+              onValueChange={function (numVal) {
                 handleFilterValueChange(isNaN(numVal) ? 0 : numVal);
               }}
               autoFocus
@@ -268,7 +280,7 @@ class FilterInput extends React.Component {
           <div className="custom-menu-item">
             <NumericInput
               placeholder="Low"
-              onValueChange={function(numVal) {
+              onValueChange={function (numVal) {
                 handleFilterValueChange([
                   isNaN(numVal) ? 0 : numVal,
                   filterValue[1]
@@ -279,7 +291,7 @@ class FilterInput extends React.Component {
             />
             <NumericInput
               placeholder="High"
-              onValueChange={function(numVal) {
+              onValueChange={function (numVal) {
                 handleFilterValueChange([
                   filterValue[0],
                   isNaN(numVal) ? 0 : numVal
@@ -298,7 +310,7 @@ class FilterInput extends React.Component {
               value={filterValue ? dayjs(filterValue).toDate() : undefined}
               {...getDayjsFormatter("L")}
               {...dateMinMaxHelpers}
-              onChange={selectedDates => {
+              onChange={(selectedDates) => {
                 handleFilterValueChange(selectedDates);
               }}
             />
@@ -312,7 +324,7 @@ class FilterInput extends React.Component {
           filterValueToUse = filterValue;
         } else {
           filterValueToUse =
-            filterValue && filterValue.split && filterValue.split(".");
+            filterValue && filterValue.split && filterValue.split(";");
         }
         inputGroup = (
           <div className="custom-menu-item">
@@ -329,13 +341,13 @@ class FilterInput extends React.Component {
                 captureDismiss: true
               }}
               {...{
-                formatDate: date =>
+                formatDate: (date) =>
                   date == null ? "" : date.toLocaleDateString(),
-                parseDate: str => new Date(Date.parse(str)),
+                parseDate: (str) => new Date(Date.parse(str)),
                 placeholder: "JS Date"
               }}
               {...dateMinMaxHelpers}
-              onChange={selectedDates => {
+              onChange={(selectedDates) => {
                 if (selectedDates[0] && selectedDates[1]) {
                   handleFilterValueChange(selectedDates);
                 }

package/src/DataTable/index.js

@@ -1310,7 +1310,7 @@ class DataTable extends React.Component {
           if (selectedFilter === "inList") {
             filterValToDisplay = Array.isArray(filterValToDisplay)
               ? filterValToDisplay
-              : filterValToDisplay && filterValToDisplay.split(".");
+              : filterValToDisplay && filterValToDisplay.split(";");
           }
           if (Array.isArray(filterValToDisplay)) {
             filterValToDisplay = filterValToDisplay.join(", ");

package/src/DataTable/utils/queryParams.js

@@ -306,7 +306,7 @@ function getSubFilter(
     stringFilterValue.toLowerCase && stringFilterValue.toLowerCase();
   const arrayFilterValue = Array.isArray(filterValue)
     ? filterValue
-    : stringFilterValue.split(".");
+    : stringFilterValue.split(";");
   if (ccSelectedFilter === "startsWith") {
     return qb
       ? qb.startsWith(stringFilterValue) //filter using qb (aka we're backend connected)