@teselagen/ui 0.4.5 → 0.4.6

package/index.cjs.js

@@ -5543,10 +5543,10 @@ var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownK
   /* istanbul ignore next */
   Object.getOwnPropertyNames
 );
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
-__name(toPrimitive$2, "toPrimitive$2");
+__name(toPrimitive$3, "toPrimitive$3");
 function hasProp(target, prop) {
   return objectPrototype$1.hasOwnProperty.call(target, prop);
 }
@@ -6563,7 +6563,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString2");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -6748,7 +6748,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString2");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive$1] = function() {
     return this.valueOf();
@@ -14004,20 +14004,11 @@ var _fails = /* @__PURE__ */ __name(function(exec) {
     return true;
   }
 }, "_fails");
-var _descriptors;
-var hasRequired_descriptors;
-function require_descriptors() {
-  if (hasRequired_descriptors)
-    return _descriptors;
-  hasRequired_descriptors = 1;
-  _descriptors = !_fails(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
-  return _descriptors;
-}
-__name(require_descriptors, "require_descriptors");
+var _descriptors = !_fails(function() {
+  return Object.defineProperty({}, "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var _domCreate;
 var hasRequired_domCreate;
 function require_domCreate() {
@@ -14033,20 +14024,11 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_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;
-}
-__name(require_ie8DomDefine, "require_ie8DomDefine");
+var _ie8DomDefine = !_descriptors && !_fails(function() {
+  return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var isObject$c = _isObject;
 var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
   if (!isObject$c(it))
@@ -14060,33 +14042,25 @@ var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
     return val;
   throw TypeError("Can't convert object to primitive value");
 }, "_toPrimitive");
-var hasRequired_objectDp;
-function require_objectDp() {
-  if (hasRequired_objectDp)
-    return _objectDp;
-  hasRequired_objectDp = 1;
-  var anObject2 = _anObject;
-  var IE8_DOM_DEFINE2 = require_ie8DomDefine();
-  var toPrimitive2 = _toPrimitive;
-  var dP2 = Object.defineProperty;
-  _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty5(O2, P2, Attributes) {
-    anObject2(O2);
-    P2 = toPrimitive2(P2, true);
-    anObject2(Attributes);
-    if (IE8_DOM_DEFINE2)
-      try {
-        return dP2(O2, P2, Attributes);
-      } catch (e2) {
-      }
-    if ("get" in Attributes || "set" in Attributes)
-      throw TypeError("Accessors not supported!");
-    if ("value" in Attributes)
-      O2[P2] = Attributes.value;
-    return O2;
-  }, "defineProperty");
-  return _objectDp;
-}
-__name(require_objectDp, "require_objectDp");
+var anObject$5 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$3 = Object.defineProperty;
+_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty(O2, P2, Attributes) {
+  anObject$5(O2);
+  P2 = toPrimitive$2(P2, true);
+  anObject$5(Attributes);
+  if (IE8_DOM_DEFINE$1)
+    try {
+      return dP$3(O2, P2, Attributes);
+    } catch (e2) {
+    }
+  if ("get" in Attributes || "set" in Attributes)
+    throw TypeError("Accessors not supported!");
+  if ("value" in Attributes)
+    O2[P2] = Attributes.value;
+  return O2;
+}, "defineProperty");
 var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
@@ -14095,9 +14069,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$2 = require_objectDp();
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function(object2, key, value) {
+var _hide = _descriptors ? function(object2, key, value) {
   return dP$2.f(object2, key, createDesc$3(1, value));
 } : function(object2, key, value) {
   object2[key] = value;
@@ -14303,7 +14277,7 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = require_descriptors();
+  var DESCRIPTORS2 = _descriptors;
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
@@ -14369,10 +14343,10 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_iterStep");
 var _iterators = {};
 var _redefine = _hide;
-var dP$1 = require_objectDp();
+var dP$1 = _objectDp;
 var anObject$4 = _anObject;
 var getKeys$1 = _objectKeys;
-var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
+var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
   anObject$4(O2);
   var keys3 = getKeys$1(Properties);
   var length = keys3.length;
@@ -14439,7 +14413,7 @@ var $exports = _wks.exports = function(name) {
 };
 $exports.store = store;
 var _wksExports = _wks.exports;
-var def = require_objectDp().f;
+var def = _objectDp.f;
 var has$9 = _has;
 var TAG$1 = _wksExports("toStringTag");
 var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -14712,7 +14686,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$3 = require_objectDp();
+var $defineProperty$3 = _objectDp;
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
   if (index2 in object2)
@@ -14841,9 +14815,9 @@ var _default$8 = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "_default$8");
 var $export$3 = _export;
-$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$2 = _coreExports.Object;
-var defineProperty$7 = /* @__PURE__ */ __name(function defineProperty(it, key, desc) {
+var defineProperty$7 = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$6 = { "default": defineProperty$7, __esModule: true };
@@ -14882,7 +14856,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$b = _isObject;
 var has$7 = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -14935,7 +14909,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$5 = require_objectDp().f;
+var defineProperty$5 = _objectDp.f;
 var _wksDefine = /* @__PURE__ */ __name(function(name) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name.charAt(0) != "_" && !(name in $Symbol2))
@@ -14989,9 +14963,9 @@ 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$3 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = require_descriptors() ? gOPD$3 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = _descriptors ? gOPD$3 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -15004,7 +14978,7 @@ _objectGopd.f = require_descriptors() ? gOPD$3 : /* @__PURE__ */ __name(function
 }, "getOwnPropertyDescriptor");
 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;
@@ -15027,7 +15001,7 @@ 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$2 = $GOPD.f;
 var dP = $DP.f;
@@ -15070,7 +15044,7 @@ var isSymbol$7 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty$2 = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty$2 = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty$2(OPSymbols, key, D2);
   anObject(it);
@@ -35951,6 +35925,7 @@ const _TgSelect = class _TgSelect extends React$1.Component {
     };
   }
   render() {
+    var _b2;
     const _a2 = this.props, {
       multi,
       options,
@@ -35961,6 +35936,7 @@ const _TgSelect = class _TgSelect extends React$1.Component {
       tagInputProps: tagInputProps,
       autoFocus,
       autoOpen,
+      mustHaveQueryToOpen,
       noResultsText,
       noResults: _noResults,
       inputProps,
@@ -35984,6 +35960,7 @@ const _TgSelect = class _TgSelect extends React$1.Component {
       "tagInputProps",
       "autoFocus",
       "autoOpen",
+      "mustHaveQueryToOpen",
       "noResultsText",
       "noResults",
       "inputProps",
@@ -36000,6 +35977,7 @@ const _TgSelect = class _TgSelect extends React$1.Component {
     let noResults = _noResults;
     if (noResults === void 0)
       noResults = noResultsDefault;
+    const hasQuery = ((_b2 = this.state.query) == null ? void 0 : _b2.length) > 0;
     const hasValue = Array.isArray(value) ? value.length > 0 : !!value || value === 0;
     const rightElement = isLoading ? /* @__PURE__ */ React$1.createElement(core$5.Button, { loading: true, minimal: true }) : /* @__PURE__ */ React$1.createElement("span", null, additionalRightEl, hasValue && !disallowClear && !disabled && /* @__PURE__ */ React$1.createElement(
       core$5.Button,
@@ -36052,7 +36030,7 @@ const _TgSelect = class _TgSelect extends React$1.Component {
           wrapperTagName: "div",
           canEscapeKeyClose: true,
           onInteraction: this.onInteraction,
-          isOpen: this.state.isOpen,
+          isOpen: mustHaveQueryToOpen ? hasQuery && this.state.isOpen : this.state.isOpen,
           modifiers: popoverOverflowModifiers
         }, popoverProps),
         onItemSelect: this.handleItemSelect,
@@ -49805,7 +49783,7 @@ var KNOWN_STATICS = {
   arguments: true,
   arity: true
 };
-var defineProperty4 = Object.defineProperty;
+var defineProperty5 = Object.defineProperty;
 var getOwnPropertyNames4 = Object.getOwnPropertyNames;
 var getOwnPropertySymbols3 = Object.getOwnPropertySymbols;
 var getOwnPropertyDescriptor3 = Object.getOwnPropertyDescriptor;
@@ -49828,7 +49806,7 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
       if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {
         var descriptor2 = getOwnPropertyDescriptor3(sourceComponent, key);
         try {
-          defineProperty4(targetComponent, key, descriptor2);
+          defineProperty5(targetComponent, key, descriptor2);
         } catch (e2) {
         }
       }
@@ -70944,11 +70922,13 @@ const _ResizableDraggableDialog = class _ResizableDraggableDialog extends React$
 };
 __name(_ResizableDraggableDialog, "ResizableDraggableDialog");
 let ResizableDraggableDialog = _ResizableDraggableDialog;
-function MenuItemLink({ text: text2, onClick, icon, navTo }) {
+function MenuItemLink({ text: text2, onClick, icon, navTo, active: active3 }) {
   const handleLinkClick = /* @__PURE__ */ __name((e2) => {
     e2.target.closest(`.${core$5.Classes.POPOVER_DISMISS}`).click();
   }, "handleLinkClick");
-  return /* @__PURE__ */ React$1.createElement("li", { className: core$5.Classes.POPOVER_DISMISS, onClick }, /* @__PURE__ */ React$1.createElement(Link, { onClick: handleLinkClick, to: navTo, className: "bp3-menu-item" }, icon && /* @__PURE__ */ React$1.createElement(core$5.Icon, { icon }), /* @__PURE__ */ React$1.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)));
+  return /* @__PURE__ */ React$1.createElement("li", { className: core$5.Classes.POPOVER_DISMISS, onClick }, /* @__PURE__ */ React$1.createElement(Link, { onClick: handleLinkClick, to: navTo, className: classNames(core$5.Classes.MENU_ITEM, {
+    [core$5.Classes.ACTIVE]: active3
+  }) }, icon && /* @__PURE__ */ React$1.createElement(core$5.Icon, { icon }), /* @__PURE__ */ React$1.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)));
 }
 __name(MenuItemLink, "MenuItemLink");
 const EnhancedMenuItem = compose(

package/index.es.js

@@ -5525,10 +5525,10 @@ var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownK
   /* istanbul ignore next */
   Object.getOwnPropertyNames
 );
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
-__name(toPrimitive$2, "toPrimitive$2");
+__name(toPrimitive$3, "toPrimitive$3");
 function hasProp(target, prop) {
   return objectPrototype$1.hasOwnProperty.call(target, prop);
 }
@@ -6545,7 +6545,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString2");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -6730,7 +6730,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString2");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive$1] = function() {
     return this.valueOf();
@@ -13986,20 +13986,11 @@ var _fails = /* @__PURE__ */ __name(function(exec) {
     return true;
   }
 }, "_fails");
-var _descriptors;
-var hasRequired_descriptors;
-function require_descriptors() {
-  if (hasRequired_descriptors)
-    return _descriptors;
-  hasRequired_descriptors = 1;
-  _descriptors = !_fails(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
-  return _descriptors;
-}
-__name(require_descriptors, "require_descriptors");
+var _descriptors = !_fails(function() {
+  return Object.defineProperty({}, "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var _domCreate;
 var hasRequired_domCreate;
 function require_domCreate() {
@@ -14015,20 +14006,11 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_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;
-}
-__name(require_ie8DomDefine, "require_ie8DomDefine");
+var _ie8DomDefine = !_descriptors && !_fails(function() {
+  return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var isObject$c = _isObject;
 var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
   if (!isObject$c(it))
@@ -14042,33 +14024,25 @@ var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
     return val;
   throw TypeError("Can't convert object to primitive value");
 }, "_toPrimitive");
-var hasRequired_objectDp;
-function require_objectDp() {
-  if (hasRequired_objectDp)
-    return _objectDp;
-  hasRequired_objectDp = 1;
-  var anObject2 = _anObject;
-  var IE8_DOM_DEFINE2 = require_ie8DomDefine();
-  var toPrimitive2 = _toPrimitive;
-  var dP2 = Object.defineProperty;
-  _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty5(O2, P2, Attributes) {
-    anObject2(O2);
-    P2 = toPrimitive2(P2, true);
-    anObject2(Attributes);
-    if (IE8_DOM_DEFINE2)
-      try {
-        return dP2(O2, P2, Attributes);
-      } catch (e2) {
-      }
-    if ("get" in Attributes || "set" in Attributes)
-      throw TypeError("Accessors not supported!");
-    if ("value" in Attributes)
-      O2[P2] = Attributes.value;
-    return O2;
-  }, "defineProperty");
-  return _objectDp;
-}
-__name(require_objectDp, "require_objectDp");
+var anObject$5 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$3 = Object.defineProperty;
+_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty(O2, P2, Attributes) {
+  anObject$5(O2);
+  P2 = toPrimitive$2(P2, true);
+  anObject$5(Attributes);
+  if (IE8_DOM_DEFINE$1)
+    try {
+      return dP$3(O2, P2, Attributes);
+    } catch (e2) {
+    }
+  if ("get" in Attributes || "set" in Attributes)
+    throw TypeError("Accessors not supported!");
+  if ("value" in Attributes)
+    O2[P2] = Attributes.value;
+  return O2;
+}, "defineProperty");
 var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
@@ -14077,9 +14051,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$2 = require_objectDp();
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function(object2, key, value) {
+var _hide = _descriptors ? function(object2, key, value) {
   return dP$2.f(object2, key, createDesc$3(1, value));
 } : function(object2, key, value) {
   object2[key] = value;
@@ -14285,7 +14259,7 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = require_descriptors();
+  var DESCRIPTORS2 = _descriptors;
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
@@ -14351,10 +14325,10 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_iterStep");
 var _iterators = {};
 var _redefine = _hide;
-var dP$1 = require_objectDp();
+var dP$1 = _objectDp;
 var anObject$4 = _anObject;
 var getKeys$1 = _objectKeys;
-var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
+var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
   anObject$4(O2);
   var keys3 = getKeys$1(Properties);
   var length = keys3.length;
@@ -14421,7 +14395,7 @@ var $exports = _wks.exports = function(name) {
 };
 $exports.store = store;
 var _wksExports = _wks.exports;
-var def = require_objectDp().f;
+var def = _objectDp.f;
 var has$9 = _has;
 var TAG$1 = _wksExports("toStringTag");
 var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -14694,7 +14668,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$3 = require_objectDp();
+var $defineProperty$3 = _objectDp;
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
   if (index2 in object2)
@@ -14823,9 +14797,9 @@ var _default$8 = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "_default$8");
 var $export$3 = _export;
-$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$2 = _coreExports.Object;
-var defineProperty$7 = /* @__PURE__ */ __name(function defineProperty(it, key, desc) {
+var defineProperty$7 = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$6 = { "default": defineProperty$7, __esModule: true };
@@ -14864,7 +14838,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$b = _isObject;
 var has$7 = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -14917,7 +14891,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$5 = require_objectDp().f;
+var defineProperty$5 = _objectDp.f;
 var _wksDefine = /* @__PURE__ */ __name(function(name) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name.charAt(0) != "_" && !(name in $Symbol2))
@@ -14971,9 +14945,9 @@ 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$3 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = require_descriptors() ? gOPD$3 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = _descriptors ? gOPD$3 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -14986,7 +14960,7 @@ _objectGopd.f = require_descriptors() ? gOPD$3 : /* @__PURE__ */ __name(function
 }, "getOwnPropertyDescriptor");
 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;
@@ -15009,7 +14983,7 @@ 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$2 = $GOPD.f;
 var dP = $DP.f;
@@ -15052,7 +15026,7 @@ var isSymbol$7 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty$2 = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty$2 = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty$2(OPSymbols, key, D2);
   anObject(it);
@@ -35933,6 +35907,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
     };
   }
   render() {
+    var _b2;
     const _a2 = this.props, {
       multi,
       options,
@@ -35943,6 +35918,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
       tagInputProps: tagInputProps,
       autoFocus,
       autoOpen,
+      mustHaveQueryToOpen,
       noResultsText,
       noResults: _noResults,
       inputProps,
@@ -35966,6 +35942,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
       "tagInputProps",
       "autoFocus",
       "autoOpen",
+      "mustHaveQueryToOpen",
       "noResultsText",
       "noResults",
       "inputProps",
@@ -35982,6 +35959,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
     let noResults = _noResults;
     if (noResults === void 0)
       noResults = noResultsDefault;
+    const hasQuery = ((_b2 = this.state.query) == null ? void 0 : _b2.length) > 0;
     const hasValue = Array.isArray(value) ? value.length > 0 : !!value || value === 0;
     const rightElement = isLoading ? /* @__PURE__ */ React__default.createElement(Button, { loading: true, minimal: true }) : /* @__PURE__ */ React__default.createElement("span", null, additionalRightEl, hasValue && !disallowClear && !disabled && /* @__PURE__ */ React__default.createElement(
       Button,
@@ -36034,7 +36012,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
           wrapperTagName: "div",
           canEscapeKeyClose: true,
           onInteraction: this.onInteraction,
-          isOpen: this.state.isOpen,
+          isOpen: mustHaveQueryToOpen ? hasQuery && this.state.isOpen : this.state.isOpen,
           modifiers: popoverOverflowModifiers
         }, popoverProps),
         onItemSelect: this.handleItemSelect,
@@ -49787,7 +49765,7 @@ var KNOWN_STATICS = {
   arguments: true,
   arity: true
 };
-var defineProperty4 = Object.defineProperty;
+var defineProperty5 = Object.defineProperty;
 var getOwnPropertyNames4 = Object.getOwnPropertyNames;
 var getOwnPropertySymbols3 = Object.getOwnPropertySymbols;
 var getOwnPropertyDescriptor3 = Object.getOwnPropertyDescriptor;
@@ -49810,7 +49788,7 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
       if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {
         var descriptor2 = getOwnPropertyDescriptor3(sourceComponent, key);
         try {
-          defineProperty4(targetComponent, key, descriptor2);
+          defineProperty5(targetComponent, key, descriptor2);
         } catch (e2) {
         }
       }
@@ -70926,11 +70904,13 @@ const _ResizableDraggableDialog = class _ResizableDraggableDialog extends React_
 };
 __name(_ResizableDraggableDialog, "ResizableDraggableDialog");
 let ResizableDraggableDialog = _ResizableDraggableDialog;
-function MenuItemLink({ text: text2, onClick, icon, navTo }) {
+function MenuItemLink({ text: text2, onClick, icon, navTo, active: active3 }) {
   const handleLinkClick = /* @__PURE__ */ __name((e2) => {
     e2.target.closest(`.${Classes.POPOVER_DISMISS}`).click();
   }, "handleLinkClick");
-  return /* @__PURE__ */ React__default.createElement("li", { className: Classes.POPOVER_DISMISS, onClick }, /* @__PURE__ */ React__default.createElement(Link, { onClick: handleLinkClick, to: navTo, className: "bp3-menu-item" }, icon && /* @__PURE__ */ React__default.createElement(Icon, { icon }), /* @__PURE__ */ React__default.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)));
+  return /* @__PURE__ */ React__default.createElement("li", { className: Classes.POPOVER_DISMISS, onClick }, /* @__PURE__ */ React__default.createElement(Link, { onClick: handleLinkClick, to: navTo, className: classNames(Classes.MENU_ITEM, {
+    [Classes.ACTIVE]: active3
+  }) }, icon && /* @__PURE__ */ React__default.createElement(Icon, { icon }), /* @__PURE__ */ React__default.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)));
 }
 __name(MenuItemLink, "MenuItemLink");
 const EnhancedMenuItem = compose(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -40,9 +40,7 @@
     "papaparse": "^5.3.2",
     "prop-types": "^15.6.2",
     "qs": "^6.9.6",
-    "react": "18.2.0",
     "react-color": "^2.19.3",
-    "react-dom": "18.2.0",
     "react-dropzone": "^11.4.2",
     "react-markdown": "8.0.7",
     "react-redux": "^8.0.5",

package/src/DataTable/DisplayOptions.js

@@ -151,8 +151,8 @@ export default class DisplayOptions extends React.Component {
                     extraCompact
                       ? "extraCompact"
                       : compact
-                      ? "compact"
-                      : "normal"
+                        ? "compact"
+                        : "normal"
                   }
                 >
                   <option className={Classes.POPOVER_DISMISS} value="normal">

package/src/DataTable/PagingTool.js

@@ -95,8 +95,8 @@ const PagingTool = ({
       pageValue > lastPage
         ? lastPage
         : pageValue < 1 || isNaN(pageValue)
-        ? 1
-        : pageValue;
+          ? 1
+          : pageValue;
     setPageHandler(selectedPage);
   };
 

package/src/DataTable/dataTableEnhancer.js

@@ -126,8 +126,8 @@ export default compose(
               return field.render
                 ? !field.render(val, e)
                 : cellRenderer[field.path]
-                ? !cellRenderer[field.path](val, e)
-                : !val;
+                  ? !cellRenderer[field.path](val, e)
+                  : !val;
             });
           }
           if (noValsForField) {

package/src/DataTable/utils/rowClick.js

@@ -151,6 +151,6 @@ export function finalizeSelection({ idMap, entities, props }) {
   selectedRecords.length === 0
     ? onDeselect()
     : selectedRecords.length > 1
-    ? onMultiRowSelect(selectedRecords)
-    : onSingleRowSelect(selectedRecords[0]);
+      ? onMultiRowSelect(selectedRecords)
+      : onSingleRowSelect(selectedRecords[0]);
 }

package/src/TgSelect/index.js

@@ -233,6 +233,7 @@ class TgSelect extends React.Component {
       tagInputProps,
       autoFocus,
       autoOpen,
+      mustHaveQueryToOpen,
       noResultsText,
       noResults: _noResults,
       inputProps,
@@ -251,6 +252,7 @@ class TgSelect extends React.Component {
 
     // Null is also a valid value for a React Component, noResultsDefault should only be appplied when noResults is undefined
     if (noResults === undefined) noResults = noResultsDefault;
+    const hasQuery = this.state.query?.length > 0;
     const hasValue = Array.isArray(value)
       ? value.length > 0
       : !!value || value === 0;
@@ -321,7 +323,9 @@ class TgSelect extends React.Component {
           wrapperTagName: "div",
           canEscapeKeyClose: true,
           onInteraction: this.onInteraction,
-          isOpen: this.state.isOpen,
+          isOpen: mustHaveQueryToOpen
+            ? hasQuery && this.state.isOpen
+            : this.state.isOpen,
           modifiers: popoverOverflowModifiers,
           ...popoverProps
         }}

package/src/utils/menuUtils.js

@@ -21,16 +21,20 @@ import {
   noop
 } from "lodash-es";
 import fuzzysearch from "fuzzysearch";
-
+import classNames from "classnames";
 // https://github.com/palantir/blueprint/issues/2820
-function MenuItemLink({ text, onClick, icon, navTo }) {
+function MenuItemLink({ text, onClick, icon, navTo, active }) {
   const handleLinkClick = e => {
     e.target.closest(`.${Classes.POPOVER_DISMISS}`).click();
   };
 
   return (
     <li className={Classes.POPOVER_DISMISS} onClick={onClick}>
-      <Link onClick={handleLinkClick} to={navTo} className="bp3-menu-item">
+      <Link onClick={handleLinkClick} to={navTo} className={
+        classNames(Classes.MENU_ITEM, {
+          [Classes.ACTIVE]: active
+        })
+      }>
         {icon && <Icon icon={icon} />}
         <div className="bp3-text-overflow-ellipsis bp3-fill">{text}</div>
       </Link>