@teselagen/ui 0.3.59 → 0.3.60

package/index.cjs.js

@@ -5513,10 +5513,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);
 }
@@ -6413,7 +6413,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -6598,7 +6598,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString");
   _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();
@@ -11232,7 +11232,7 @@ lodash.exports;
         "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
       var Buffer2 = moduleExports2 ? context.Buffer : undefined$12, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe2 = Buffer2 ? Buffer2.allocUnsafe : undefined$12, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable3 = objectProto2.propertyIsEnumerable, splice3 = arrayProto2.splice, spreadableSymbol2 = Symbol2 ? Symbol2.isConcatSpreadable : undefined$12, symIterator = Symbol2 ? Symbol2.iterator : undefined$12, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$12;
-      var defineProperty5 = function() {
+      var defineProperty6 = function() {
         try {
           var func = getNative2(Object2, "defineProperty");
           func({}, "", {});
@@ -11672,8 +11672,8 @@ lodash.exports;
       }
       __name(baseAssignIn2, "baseAssignIn");
       function baseAssignValue2(object2, key, value) {
-        if (key == "__proto__" && defineProperty5) {
-          defineProperty5(object2, key, {
+        if (key == "__proto__" && defineProperty6) {
+          defineProperty6(object2, key, {
             "configurable": true,
             "enumerable": true,
             "value": value,
@@ -12406,8 +12406,8 @@ lodash.exports;
         metaMap.set(func, data);
         return func;
       };
-      var baseSetToString2 = !defineProperty5 ? identity3 : function(func, string2) {
-        return defineProperty5(func, "toString", {
+      var baseSetToString2 = !defineProperty6 ? identity3 : function(func, string2) {
+        return defineProperty6(func, "toString", {
           "configurable": true,
           "enumerable": false,
           "value": constant2(string2),
@@ -16956,20 +16956,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() {
@@ -16985,7 +16976,7 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_domCreate");
-var _ie8DomDefine = !require_descriptors() && !_fails(function() {
+var _ie8DomDefine = !_descriptors && !_fails(function() {
   return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
     return 7;
   } }).a != 7;
@@ -17003,33 +16994,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 = _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$3 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$2 = Object.defineProperty;
+_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+  anObject$3(O2);
+  P2 = toPrimitive$2(P2, true);
+  anObject$3(Attributes);
+  if (IE8_DOM_DEFINE$1)
+    try {
+      return dP$2(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),
@@ -17038,9 +17021,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$1 = require_objectDp();
+var dP$1 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function(object2, key, value) {
+var _hide = _descriptors ? function(object2, key, value) {
   return dP$1.f(object2, key, createDesc$3(1, value));
 } : function(object2, key, value) {
   object2[key] = value;
@@ -17227,7 +17210,15 @@ var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
 var _objectPie = {};
-_objectPie.f = {}.propertyIsEnumerable;
+var hasRequired_objectPie;
+function require_objectPie() {
+  if (hasRequired_objectPie)
+    return _objectPie;
+  hasRequired_objectPie = 1;
+  _objectPie.f = {}.propertyIsEnumerable;
+  return _objectPie;
+}
+__name(require_objectPie, "require_objectPie");
 var defined$1 = _defined;
 var _toObject = /* @__PURE__ */ __name(function(it) {
   return Object(defined$1(it));
@@ -17238,10 +17229,10 @@ 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 = _objectPie;
+  var pIE2 = require_objectPie();
   var toObject2 = _toObject;
   var IObject2 = require_iobject();
   var $assign = Object.assign;
@@ -17310,10 +17301,10 @@ function require_objectDps() {
   if (hasRequired_objectDps)
     return _objectDps;
   hasRequired_objectDps = 1;
-  var dP2 = require_objectDp();
+  var dP2 = _objectDp;
   var anObject2 = _anObject;
   var getKeys2 = _objectKeys;
-  _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties) {
+  _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties) {
     anObject2(O2);
     var keys3 = getKeys2(Properties);
     var length = keys3.length;
@@ -17392,7 +17383,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) {
@@ -17665,7 +17656,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$1 = require_objectDp();
+var $defineProperty$1 = _objectDp;
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
   if (index2 in object2)
@@ -17794,9 +17785,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$9 = /* @__PURE__ */ __name(function defineProperty2(it, key, desc) {
+var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$8 = { "default": defineProperty$9, __esModule: true };
@@ -17835,7 +17826,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$c = _isObject;
 var has$7 = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -17888,7 +17879,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = require_objectDp().f;
+var defineProperty$7 = _objectDp.f;
 var _wksDefine = /* @__PURE__ */ __name(function(name) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name.charAt(0) != "_" && !(name in $Symbol2))
@@ -17896,7 +17887,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name) {
 }, "_wksDefine");
 var getKeys = _objectKeys;
 var gOPS$1 = _objectGops;
-var pIE$1 = _objectPie;
+var pIE$1 = require_objectPie();
 var _enumKeys = /* @__PURE__ */ __name(function(it) {
   var result = getKeys(it);
   var getSymbols2 = gOPS$1.f;
@@ -17937,14 +17928,14 @@ _objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   return windowNames && toString$5.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
 }, "getOwnPropertyNames");
 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 = _ie8DomDefine;
 var gOPD$2 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -17957,7 +17948,7 @@ _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__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;
@@ -17980,7 +17971,7 @@ var _create$1 = require_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;
@@ -18023,7 +18014,7 @@ var isSymbol$8 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty(OPSymbols, key, D2);
   anObject(it);
@@ -18117,7 +18108,7 @@ if (!USE_NATIVE) {
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty;
   _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-  _objectPie.f = $propertyIsEnumerable;
+  require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
     redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -42446,10 +42437,44 @@ const generateToast = /* @__PURE__ */ __name((intent) => (message, options) => {
   if (intent === core$5.Intent.DANGER) {
     console.error("Toastr error message: ", message);
   }
+  const maybeAddClearAll = /* @__PURE__ */ __name(() => {
+    const existingClearAllButtons = document.querySelectorAll(`.tg-clear-all-toasts`);
+    existingClearAllButtons.forEach((button) => {
+      button.remove();
+    });
+    const activeToasts = document.querySelectorAll(
+      `.bp3-toast:not(.bp3-toast-exit)`
+    );
+    if (activeToasts.length > 1) {
+      const topToaster = document.querySelector(`.bp3-toast`);
+      if (!topToaster)
+        return;
+      const closeButton = document.createElement("div");
+      closeButton.classList.add(
+        core$5.Classes.BUTTON,
+        core$5.Classes.LARGE,
+        core$5.Classes.INTENT_PRIMARY,
+        "tg-clear-all-toasts"
+      );
+      closeButton.innerText = "Clear all";
+      closeButton.onclick = window.__tgClearAllToasts;
+      closeButton.style.position = "absolute";
+      closeButton.style.right = "-100px";
+      topToaster.appendChild(closeButton);
+    }
+  }, "maybeAddClearAll");
   const uniqKey = toastToUse.show(
     {
       intent,
       message,
+      onDismiss: () => {
+        if (options.onDismiss) {
+          options.onDismiss();
+        }
+        setTimeout(() => {
+          maybeAddClearAll();
+        }, 0);
+      },
       timeout: options.timeout || updatedTimeout || (!window.Cypress && intent === core$5.Intent.DANGER ? 6e4 : void 0),
       action: options.action,
       icon: options.icon,
@@ -42457,8 +42482,14 @@ const generateToast = /* @__PURE__ */ __name((intent) => (message, options) => {
     },
     options.key
   );
+  setTimeout(() => {
+    maybeAddClearAll();
+  }, 0);
   function clear2() {
     toastToUse.dismiss(uniqKey);
+    setTimeout(() => {
+      maybeAddClearAll();
+    }, 0);
   }
   __name(clear2, "clear");
   clear2.key = uniqKey;
@@ -54071,7 +54102,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;
@@ -54094,7 +54125,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) {
         }
       }

package/index.es.js

@@ -5495,10 +5495,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);
 }
@@ -6395,7 +6395,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -6580,7 +6580,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString");
   _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();
@@ -11214,7 +11214,7 @@ lodash.exports;
         "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
       var Buffer2 = moduleExports2 ? context.Buffer : undefined$12, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe2 = Buffer2 ? Buffer2.allocUnsafe : undefined$12, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable3 = objectProto2.propertyIsEnumerable, splice3 = arrayProto2.splice, spreadableSymbol2 = Symbol2 ? Symbol2.isConcatSpreadable : undefined$12, symIterator = Symbol2 ? Symbol2.iterator : undefined$12, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$12;
-      var defineProperty5 = function() {
+      var defineProperty6 = function() {
         try {
           var func = getNative2(Object2, "defineProperty");
           func({}, "", {});
@@ -11654,8 +11654,8 @@ lodash.exports;
       }
       __name(baseAssignIn2, "baseAssignIn");
       function baseAssignValue2(object2, key, value) {
-        if (key == "__proto__" && defineProperty5) {
-          defineProperty5(object2, key, {
+        if (key == "__proto__" && defineProperty6) {
+          defineProperty6(object2, key, {
             "configurable": true,
             "enumerable": true,
             "value": value,
@@ -12388,8 +12388,8 @@ lodash.exports;
         metaMap.set(func, data);
         return func;
       };
-      var baseSetToString2 = !defineProperty5 ? identity3 : function(func, string2) {
-        return defineProperty5(func, "toString", {
+      var baseSetToString2 = !defineProperty6 ? identity3 : function(func, string2) {
+        return defineProperty6(func, "toString", {
           "configurable": true,
           "enumerable": false,
           "value": constant2(string2),
@@ -16938,20 +16938,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() {
@@ -16967,7 +16958,7 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_domCreate");
-var _ie8DomDefine = !require_descriptors() && !_fails(function() {
+var _ie8DomDefine = !_descriptors && !_fails(function() {
   return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
     return 7;
   } }).a != 7;
@@ -16985,33 +16976,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 = _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$3 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$2 = Object.defineProperty;
+_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+  anObject$3(O2);
+  P2 = toPrimitive$2(P2, true);
+  anObject$3(Attributes);
+  if (IE8_DOM_DEFINE$1)
+    try {
+      return dP$2(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),
@@ -17020,9 +17003,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$1 = require_objectDp();
+var dP$1 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function(object2, key, value) {
+var _hide = _descriptors ? function(object2, key, value) {
   return dP$1.f(object2, key, createDesc$3(1, value));
 } : function(object2, key, value) {
   object2[key] = value;
@@ -17209,7 +17192,15 @@ var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
 var _objectPie = {};
-_objectPie.f = {}.propertyIsEnumerable;
+var hasRequired_objectPie;
+function require_objectPie() {
+  if (hasRequired_objectPie)
+    return _objectPie;
+  hasRequired_objectPie = 1;
+  _objectPie.f = {}.propertyIsEnumerable;
+  return _objectPie;
+}
+__name(require_objectPie, "require_objectPie");
 var defined$1 = _defined;
 var _toObject = /* @__PURE__ */ __name(function(it) {
   return Object(defined$1(it));
@@ -17220,10 +17211,10 @@ 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 = _objectPie;
+  var pIE2 = require_objectPie();
   var toObject2 = _toObject;
   var IObject2 = require_iobject();
   var $assign = Object.assign;
@@ -17292,10 +17283,10 @@ function require_objectDps() {
   if (hasRequired_objectDps)
     return _objectDps;
   hasRequired_objectDps = 1;
-  var dP2 = require_objectDp();
+  var dP2 = _objectDp;
   var anObject2 = _anObject;
   var getKeys2 = _objectKeys;
-  _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties) {
+  _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties) {
     anObject2(O2);
     var keys3 = getKeys2(Properties);
     var length = keys3.length;
@@ -17374,7 +17365,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) {
@@ -17647,7 +17638,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$1 = require_objectDp();
+var $defineProperty$1 = _objectDp;
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
   if (index2 in object2)
@@ -17776,9 +17767,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$9 = /* @__PURE__ */ __name(function defineProperty2(it, key, desc) {
+var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$8 = { "default": defineProperty$9, __esModule: true };
@@ -17817,7 +17808,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$c = _isObject;
 var has$7 = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -17870,7 +17861,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = require_objectDp().f;
+var defineProperty$7 = _objectDp.f;
 var _wksDefine = /* @__PURE__ */ __name(function(name) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name.charAt(0) != "_" && !(name in $Symbol2))
@@ -17878,7 +17869,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name) {
 }, "_wksDefine");
 var getKeys = _objectKeys;
 var gOPS$1 = _objectGops;
-var pIE$1 = _objectPie;
+var pIE$1 = require_objectPie();
 var _enumKeys = /* @__PURE__ */ __name(function(it) {
   var result = getKeys(it);
   var getSymbols2 = gOPS$1.f;
@@ -17919,14 +17910,14 @@ _objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   return windowNames && toString$5.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
 }, "getOwnPropertyNames");
 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 = _ie8DomDefine;
 var gOPD$2 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -17939,7 +17930,7 @@ _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__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;
@@ -17962,7 +17953,7 @@ var _create$1 = require_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;
@@ -18005,7 +17996,7 @@ var isSymbol$8 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty(OPSymbols, key, D2);
   anObject(it);
@@ -18099,7 +18090,7 @@ if (!USE_NATIVE) {
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty;
   _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-  _objectPie.f = $propertyIsEnumerable;
+  require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
     redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -42428,10 +42419,44 @@ const generateToast = /* @__PURE__ */ __name((intent) => (message, options) => {
   if (intent === Intent.DANGER) {
     console.error("Toastr error message: ", message);
   }
+  const maybeAddClearAll = /* @__PURE__ */ __name(() => {
+    const existingClearAllButtons = document.querySelectorAll(`.tg-clear-all-toasts`);
+    existingClearAllButtons.forEach((button) => {
+      button.remove();
+    });
+    const activeToasts = document.querySelectorAll(
+      `.bp3-toast:not(.bp3-toast-exit)`
+    );
+    if (activeToasts.length > 1) {
+      const topToaster = document.querySelector(`.bp3-toast`);
+      if (!topToaster)
+        return;
+      const closeButton = document.createElement("div");
+      closeButton.classList.add(
+        Classes.BUTTON,
+        Classes.LARGE,
+        Classes.INTENT_PRIMARY,
+        "tg-clear-all-toasts"
+      );
+      closeButton.innerText = "Clear all";
+      closeButton.onclick = window.__tgClearAllToasts;
+      closeButton.style.position = "absolute";
+      closeButton.style.right = "-100px";
+      topToaster.appendChild(closeButton);
+    }
+  }, "maybeAddClearAll");
   const uniqKey = toastToUse.show(
     {
       intent,
       message,
+      onDismiss: () => {
+        if (options.onDismiss) {
+          options.onDismiss();
+        }
+        setTimeout(() => {
+          maybeAddClearAll();
+        }, 0);
+      },
       timeout: options.timeout || updatedTimeout || (!window.Cypress && intent === Intent.DANGER ? 6e4 : void 0),
       action: options.action,
       icon: options.icon,
@@ -42439,8 +42464,14 @@ const generateToast = /* @__PURE__ */ __name((intent) => (message, options) => {
     },
     options.key
   );
+  setTimeout(() => {
+    maybeAddClearAll();
+  }, 0);
   function clear2() {
     toastToUse.dismiss(uniqKey);
+    setTimeout(() => {
+      maybeAddClearAll();
+    }, 0);
   }
   __name(clear2, "clear");
   clear2.key = uniqKey;
@@ -54053,7 +54084,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;
@@ -54076,7 +54107,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) {
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.59",
+  "version": "0.3.60",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/style.css

@@ -224,3 +224,21 @@ button:not(:disabled):active {
 .bp3-tabs.bp3-vertical > .bp3-tab-panel {
   min-width: 0px;
 }
+.bp3-toast[class*="bp3-intent-"] .bp3-button.tg-clear-all-toasts:hover {
+  /* background: blue !important; */
+  /* background: unset !important; */
+  background-color: #137cbd !important;
+}
+
+/* .bp3-toast .tg-clear-all-toasts {
+  background: unset !important;
+  color: unset !important;
+  padding: unset !important;
+  margin: unset !important;
+  font-size: unset !important;
+  line-height: unset !important;
+  border: unset !important;
+  box-shadow: unset !important;
+  text-align: unset !important;
+  cursor: pointer !important;
+} */

package/src/toastr.js

@@ -1,4 +1,4 @@
-import { Position, Toaster, Intent } from "@blueprintjs/core";
+import { Position, Toaster, Intent, Classes } from "@blueprintjs/core";
 import classNames from "classnames";
 
 const TopToaster = Toaster.create({
@@ -32,10 +32,50 @@ const generateToast = intent => (message, options) => {
   if (intent === Intent.DANGER) {
     console.error("Toastr error message: ", message);
   }
+
+  const maybeAddClearAll = () => {
+    // wipe any existing clear all buttons
+    const existingClearAllButtons =
+      document.querySelectorAll(`.tg-clear-all-toasts`);
+    existingClearAllButtons.forEach(button => {
+      button.remove();
+    });
+    const activeToasts = document.querySelectorAll(
+      `.bp3-toast:not(.bp3-toast-exit)`
+    );
+    if (activeToasts.length > 1) {
+      // add custom clear all button
+
+      const topToaster = document.querySelector(`.bp3-toast`);
+      if (!topToaster) return;
+      const closeButton = document.createElement("div");
+      closeButton.classList.add(
+        Classes.BUTTON,
+        Classes.LARGE,
+        Classes.INTENT_PRIMARY,
+        "tg-clear-all-toasts"
+      );
+      closeButton.innerText = "Clear all";
+      closeButton.onclick = window.__tgClearAllToasts;
+      // position the button to the right of the message
+      closeButton.style.position = "absolute";
+      closeButton.style.right = "-100px";
+
+      topToaster.appendChild(closeButton);
+    }
+  };
   const uniqKey = toastToUse.show(
     {
       intent,
       message,
+      onDismiss: () => {
+        if (options.onDismiss) {
+          options.onDismiss();
+        }
+        setTimeout(() => {
+          maybeAddClearAll();
+        }, 0);
+      },
       timeout:
         options.timeout ||
         updatedTimeout ||
@@ -46,8 +86,14 @@ const generateToast = intent => (message, options) => {
     },
     options.key
   );
+  setTimeout(() => {
+    maybeAddClearAll();
+  }, 0);
   function clear() {
     toastToUse.dismiss(uniqKey);
+    setTimeout(() => {
+      maybeAddClearAll();
+    }, 0);
   }
   clear.key = uniqKey;
   return clear;

package/style.css

@@ -9042,7 +9042,24 @@ button:not(:disabled):active {
 .bp3-tabs.bp3-vertical > .bp3-tab-panel {
   min-width: 0px;
 }
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
+.bp3-toast[class*="bp3-intent-"] .bp3-button.tg-clear-all-toasts:hover {
+  /* background: blue !important; */
+  /* background: unset !important; */
+  background-color: #137cbd !important;
+}
+
+/* .bp3-toast .tg-clear-all-toasts {
+  background: unset !important;
+  color: unset !important;
+  padding: unset !important;
+  margin: unset !important;
+  font-size: unset !important;
+  line-height: unset !important;
+  border: unset !important;
+  box-shadow: unset !important;
+  text-align: unset !important;
+  cursor: pointer !important;
+} */.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
 .rg-celleditor input {
   border: none;
 }