@teselagen/ui 0.3.17 → 0.3.19

package/index.cjs.js

@@ -30208,6 +30208,8 @@ function DialogFooter({
   style,
   onClick = lodashExports.noop,
   secondaryAction,
+  secondaryDisabled,
+  secondaryNotMinimal,
   intent = core$5.Intent.PRIMARY,
   secondaryIntent,
   backText = "Back",
@@ -30239,7 +30241,8 @@ function DialogFooter({
       core$5.Button,
       {
         intent: secondaryIntent,
-        className: core$5.Classes.MINIMAL + " " + secondaryClassName,
+        disabled: secondaryDisabled,
+        className: (!secondaryNotMinimal ? core$5.Classes.MINIMAL : "") + " " + secondaryClassName,
         text: secondaryText,
         onClick: secondaryAction || hideModal || function() {
           try {
@@ -30415,10 +30418,10 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$2 = require_objectDp();
+var dP$1 = require_objectDp();
 var createDesc$3 = _propertyDesc;
 var _hide = require_descriptors() ? function (object, key, value) {
-  return dP$2.f(object, key, createDesc$3(1, value));
+  return dP$1.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -30434,7 +30437,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$2 = _hide;
 var has$b = _has;
-var PROTOTYPE$2 = 'prototype';
+var PROTOTYPE$1 = 'prototype';
 
 var $export$8 = function (type, name, source) {
   var IS_FORCED = type & $export$8.F;
@@ -30444,8 +30447,8 @@ var $export$8 = function (type, name, source) {
   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$2];
-  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
+  var expProto = exports[PROTOTYPE$1];
+  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
   var key, own, out;
   if (IS_GLOBAL) source = name;
   for (key in source) {
@@ -30469,7 +30472,7 @@ var $export$8 = function (type, name, source) {
           } return new C(a, b, c);
         } return C.apply(this, arguments);
       };
-      F[PROTOTYPE$2] = C[PROTOTYPE$2];
+      F[PROTOTYPE$1] = C[PROTOTYPE$1];
       return F;
     // make static versions for prototype methods
     })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -30498,12 +30501,20 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var cof$2 = _cof;
-// eslint-disable-next-line no-prototype-builtins
-var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-  return cof$2(it) == 'String' ? it.split('') : Object(it);
-};
+var _iobject;
+var hasRequired_iobject;
+
+function require_iobject () {
+	if (hasRequired_iobject) return _iobject;
+	hasRequired_iobject = 1;
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var cof = _cof;
+	// eslint-disable-next-line no-prototype-builtins
+	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+	  return cof(it) == 'String' ? it.split('') : Object(it);
+	};
+	return _iobject;
+}
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30512,7 +30523,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30598,14 +30609,14 @@ var _sharedKey = function (key) {
 var has$a = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes(false);
-var IE_PROTO$2 = _sharedKey('IE_PROTO');
+var IE_PROTO$1 = _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$2) has$a(O, key) && result.push(key);
+  for (key in O) if (key != IE_PROTO$1) 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);
@@ -30620,10 +30631,10 @@ var _enumBugKeys = (
 
 // 19.1.2.14 / 15.2.3.14 Object.keys(O)
 var $keys$3 = _objectKeysInternal;
-var enumBugKeys$1 = _enumBugKeys;
+var enumBugKeys = _enumBugKeys;
 
 var _objectKeys = Object.keys || function keys(O) {
-  return $keys$3(O, enumBugKeys$1);
+  return $keys$3(O, enumBugKeys);
 };
 
 var _objectGops = {};
@@ -30632,7 +30643,14 @@ _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;
+}
 
 // 7.1.13 ToObject(argument)
 var defined$1 = _defined;
@@ -30650,9 +30668,9 @@ function require_objectAssign () {
 	var DESCRIPTORS = require_descriptors();
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
-	var pIE = _objectPie;
+	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = _iobject;
+	var IObject = require_iobject();
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -30723,19 +30741,27 @@ var _iterators = {};
 
 var _redefine = _hide;
 
-var dP$1 = require_objectDp();
-var anObject$4 = _anObject;
-var getKeys$1 = _objectKeys;
+var _objectDps;
+var hasRequired_objectDps;
 
-var _objectDps = require_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;
-};
+function require_objectDps () {
+	if (hasRequired_objectDps) return _objectDps;
+	hasRequired_objectDps = 1;
+	var dP = require_objectDp();
+	var anObject = _anObject;
+	var getKeys = _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 _html;
 var hasRequired_html;
@@ -30748,47 +30774,55 @@ function require_html () {
 	return _html;
 }
 
-// 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';
+var _objectCreate;
+var hasRequired_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);
-};
+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();
+	};
+
+	_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;
+}
 
 var _wks = {exports: {}};
 
@@ -30814,7 +30848,7 @@ var _setToStringTag = function (it, tag, stat) {
   if (it && !has$9(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
 };
 
-var create$3 = _objectCreate;
+var create$3 = require_objectCreate();
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -31365,7 +31399,7 @@ var _wksDefine = function (name) {
 // 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;
@@ -31418,7 +31452,7 @@ _objectGopnExt.f = function getOwnPropertyNames(it) {
 
 var _objectGopd = {};
 
-var pIE = _objectPie;
+var pIE = require_objectPie();
 var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
@@ -31457,7 +31491,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive;
 var createDesc = _propertyDesc;
-var _create$1 = _objectCreate;
+var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -31586,7 +31620,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) {
@@ -31767,7 +31801,7 @@ var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 
 var $export = _export;
 // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-$export($export.S, 'Object', { create: _objectCreate });
+$export($export.S, 'Object', { create: require_objectCreate() });
 
 var $Object$1 = _coreExports.Object;
 var create$2 = function create(P, D) {
@@ -66194,7 +66228,7 @@ class TgSelect extends React$1.Component {
       if (isTagSelect && item.value && item.value.includes && item.value.includes(":")) {
         const topLevelId = item.value.split(":")[0];
         valArray = valArray.filter((val) => {
-          if (val.value && val.value.includes && val.value.includes(":")) {
+          if (val?.value && val.value.includes && val.value.includes(":")) {
             const valId = val.value.split(":")[0];
             if (valId === topLevelId) {
               return false;
@@ -66282,7 +66316,7 @@ class TgSelect extends React$1.Component {
   getTagProps = (label) => {
     const { multi, value = [], disabled: _disabled } = this.props;
     const val = Array.isArray(value) ? value : [value];
-    const matchingVal = val.find((op) => op.label === label);
+    const matchingVal = val.find((op) => op?.label === label);
     const disabled = _disabled || matchingVal && matchingVal.disabled;
     const className = matchingVal && matchingVal.className;
     return {
@@ -83472,7 +83506,7 @@ const renderReactSelect = (props) => {
     }
   } else if (Array.isArray(value)) {
     valueToUse = value.map((val) => {
-      if (val.userCreated) {
+      if (val?.userCreated) {
         return {
           label: val.value,
           value: val
@@ -83499,10 +83533,10 @@ const renderReactSelect = (props) => {
       let valToPass;
       if (Array.isArray(valOrVals)) {
         valToPass = valOrVals.map(function(val) {
-          if (val.userCreated) {
+          if (val?.userCreated) {
             return val;
           }
-          return val.value;
+          return val?.value;
         });
       } else if (valOrVals) {
         if (valOrVals.userCreated) {
@@ -89629,16 +89663,22 @@ class AlertWrapper extends React$1.Component {
   state = { isOpen: true };
   render() {
     const {
+      title,
       handleClose,
       text,
       resolve,
       noCancelButton,
       content,
       className,
+      thirdButtonNotMinimal,
+      thirdButtonClassName,
       thirdButtonText,
       thirdButtonIntent,
+      fourthButtonNotMinimal,
+      fourthButtonClassName,
       fourthButtonText,
       fourthButtonIntent,
+      handleSubmit,
       canEscapeKeyCancel,
       confirmButtonText = "OK",
       cancelButtonText = "Cancel",
@@ -89653,19 +89693,28 @@ class AlertWrapper extends React$1.Component {
     return /* @__PURE__ */ React$1.createElement(
       core$5.Dialog,
       {
-        className: `bp3-alert ${className || ""}`,
+        title,
+        className: (title ? "" : "bp3-alert") + ` ${className || ""}`,
         isOpen: this.state.isOpen,
         intent,
         cancelButtonText,
         onCancel: cancelButtonText ? () => doClose(false) : void 0,
-        onConfirm: () => doClose(true),
+        onConfirm: handleSubmit ? handleSubmit((v) => doClose(v)) : () => doClose(true),
         ...rest,
         ...noCancelButton && {
           onCancel: void 0,
           cancelButtonText: void 0
         }
       },
-      /* @__PURE__ */ React$1.createElement("div", { className: "bp3-alert-contents", style: { padding: 5 } }, content, text && /* @__PURE__ */ React$1.createElement("div", { style: { marginBottom: 10 } }, text)),
+      /* @__PURE__ */ React$1.createElement(
+        "div",
+        {
+          className: title ? "bp3-dialog-body" : "bp3-alert-contents",
+          style: { padding: 5 }
+        },
+        content,
+        text && /* @__PURE__ */ React$1.createElement("div", { style: { marginBottom: 10 } }, text)
+      ),
       /* @__PURE__ */ React$1.createElement(
         DialogFooter,
         {
@@ -89676,23 +89725,27 @@ class AlertWrapper extends React$1.Component {
             additionalButtons: thirdButtonText || fourthButtonText ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, !!fourthButtonText && /* @__PURE__ */ React$1.createElement(
               core$5.Button,
               {
+                className: (!fourthButtonNotMinimal ? core$5.Classes.MINIMAL : "") + " " + fourthButtonClassName,
                 intent: fourthButtonIntent,
                 text: fourthButtonText,
-                onClick: () => {
-                  doClose("fourthButtonClicked");
-                }
+                onClick: handleSubmit ? handleSubmit(
+                  (v) => doClose({ ...v, fourthButtonClicked: true })
+                ) : () => doClose("fourthButtonClicked")
               }
             ), !!thirdButtonText && /* @__PURE__ */ React$1.createElement(
               core$5.Button,
               {
+                className: (!thirdButtonNotMinimal ? core$5.Classes.MINIMAL : "") + " " + thirdButtonClassName,
                 intent: thirdButtonIntent,
                 text: thirdButtonText,
-                onClick: () => {
+                onClick: handleSubmit ? handleSubmit(
+                  (v) => doClose({ ...v, thirdButtonClicked: true })
+                ) : () => {
                   doClose("thirdButtonClicked");
                 }
               }
             )) : void 0,
-            containerClassname: "bp3-alert-footer",
+            containerClassname: title ? "" : "bp3-alert-footer",
             backText: noCancelButton ? "" : cancelButtonText,
             text: confirmButtonText,
             intent
@@ -107046,6 +107099,7 @@ function showDialogOnDocBody(DialogComp, options = {}) {
 const noop = () => void 0;
 
 exports.AdvancedOptions = AdvancedOptions;
+exports.AlertWrapper = AlertWrapper;
 exports.AssignDefaultsModeContext = AssignDefaultsModeContext;
 exports.AsyncValidateFieldSpinner = AsyncValidateFieldSpinner;
 exports.BPSelect = BPSelect;

package/index.es.js

@@ -30187,6 +30187,8 @@ function DialogFooter({
   style,
   onClick = lodashExports.noop,
   secondaryAction,
+  secondaryDisabled,
+  secondaryNotMinimal,
   intent = Intent.PRIMARY,
   secondaryIntent,
   backText = "Back",
@@ -30218,7 +30220,8 @@ function DialogFooter({
       Button,
       {
         intent: secondaryIntent,
-        className: Classes.MINIMAL + " " + secondaryClassName,
+        disabled: secondaryDisabled,
+        className: (!secondaryNotMinimal ? Classes.MINIMAL : "") + " " + secondaryClassName,
         text: secondaryText,
         onClick: secondaryAction || hideModal || function() {
           try {
@@ -30394,10 +30397,10 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$2 = require_objectDp();
+var dP$1 = require_objectDp();
 var createDesc$3 = _propertyDesc;
 var _hide = require_descriptors() ? function (object, key, value) {
-  return dP$2.f(object, key, createDesc$3(1, value));
+  return dP$1.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -30413,7 +30416,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$2 = _hide;
 var has$b = _has;
-var PROTOTYPE$2 = 'prototype';
+var PROTOTYPE$1 = 'prototype';
 
 var $export$8 = function (type, name, source) {
   var IS_FORCED = type & $export$8.F;
@@ -30423,8 +30426,8 @@ var $export$8 = function (type, name, source) {
   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$2];
-  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
+  var expProto = exports[PROTOTYPE$1];
+  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
   var key, own, out;
   if (IS_GLOBAL) source = name;
   for (key in source) {
@@ -30448,7 +30451,7 @@ var $export$8 = function (type, name, source) {
           } return new C(a, b, c);
         } return C.apply(this, arguments);
       };
-      F[PROTOTYPE$2] = C[PROTOTYPE$2];
+      F[PROTOTYPE$1] = C[PROTOTYPE$1];
       return F;
     // make static versions for prototype methods
     })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -30477,12 +30480,20 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var cof$2 = _cof;
-// eslint-disable-next-line no-prototype-builtins
-var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-  return cof$2(it) == 'String' ? it.split('') : Object(it);
-};
+var _iobject;
+var hasRequired_iobject;
+
+function require_iobject () {
+	if (hasRequired_iobject) return _iobject;
+	hasRequired_iobject = 1;
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var cof = _cof;
+	// eslint-disable-next-line no-prototype-builtins
+	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+	  return cof(it) == 'String' ? it.split('') : Object(it);
+	};
+	return _iobject;
+}
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30491,7 +30502,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30577,14 +30588,14 @@ var _sharedKey = function (key) {
 var has$a = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes(false);
-var IE_PROTO$2 = _sharedKey('IE_PROTO');
+var IE_PROTO$1 = _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$2) has$a(O, key) && result.push(key);
+  for (key in O) if (key != IE_PROTO$1) 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);
@@ -30599,10 +30610,10 @@ var _enumBugKeys = (
 
 // 19.1.2.14 / 15.2.3.14 Object.keys(O)
 var $keys$3 = _objectKeysInternal;
-var enumBugKeys$1 = _enumBugKeys;
+var enumBugKeys = _enumBugKeys;
 
 var _objectKeys = Object.keys || function keys(O) {
-  return $keys$3(O, enumBugKeys$1);
+  return $keys$3(O, enumBugKeys);
 };
 
 var _objectGops = {};
@@ -30611,7 +30622,14 @@ _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;
+}
 
 // 7.1.13 ToObject(argument)
 var defined$1 = _defined;
@@ -30629,9 +30647,9 @@ function require_objectAssign () {
 	var DESCRIPTORS = require_descriptors();
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
-	var pIE = _objectPie;
+	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = _iobject;
+	var IObject = require_iobject();
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -30702,19 +30720,27 @@ var _iterators = {};
 
 var _redefine = _hide;
 
-var dP$1 = require_objectDp();
-var anObject$4 = _anObject;
-var getKeys$1 = _objectKeys;
+var _objectDps;
+var hasRequired_objectDps;
 
-var _objectDps = require_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;
-};
+function require_objectDps () {
+	if (hasRequired_objectDps) return _objectDps;
+	hasRequired_objectDps = 1;
+	var dP = require_objectDp();
+	var anObject = _anObject;
+	var getKeys = _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 _html;
 var hasRequired_html;
@@ -30727,47 +30753,55 @@ function require_html () {
 	return _html;
 }
 
-// 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';
+var _objectCreate;
+var hasRequired_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);
-};
+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();
+	};
+
+	_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;
+}
 
 var _wks = {exports: {}};
 
@@ -30793,7 +30827,7 @@ var _setToStringTag = function (it, tag, stat) {
   if (it && !has$9(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
 };
 
-var create$3 = _objectCreate;
+var create$3 = require_objectCreate();
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -31344,7 +31378,7 @@ var _wksDefine = function (name) {
 // 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;
@@ -31397,7 +31431,7 @@ _objectGopnExt.f = function getOwnPropertyNames(it) {
 
 var _objectGopd = {};
 
-var pIE = _objectPie;
+var pIE = require_objectPie();
 var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
@@ -31436,7 +31470,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive;
 var createDesc = _propertyDesc;
-var _create$1 = _objectCreate;
+var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -31565,7 +31599,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) {
@@ -31746,7 +31780,7 @@ var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 
 var $export = _export;
 // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-$export($export.S, 'Object', { create: _objectCreate });
+$export($export.S, 'Object', { create: require_objectCreate() });
 
 var $Object$1 = _coreExports.Object;
 var create$2 = function create(P, D) {
@@ -66173,7 +66207,7 @@ class TgSelect extends React__default.Component {
       if (isTagSelect && item.value && item.value.includes && item.value.includes(":")) {
         const topLevelId = item.value.split(":")[0];
         valArray = valArray.filter((val) => {
-          if (val.value && val.value.includes && val.value.includes(":")) {
+          if (val?.value && val.value.includes && val.value.includes(":")) {
             const valId = val.value.split(":")[0];
             if (valId === topLevelId) {
               return false;
@@ -66261,7 +66295,7 @@ class TgSelect extends React__default.Component {
   getTagProps = (label) => {
     const { multi, value = [], disabled: _disabled } = this.props;
     const val = Array.isArray(value) ? value : [value];
-    const matchingVal = val.find((op) => op.label === label);
+    const matchingVal = val.find((op) => op?.label === label);
     const disabled = _disabled || matchingVal && matchingVal.disabled;
     const className = matchingVal && matchingVal.className;
     return {
@@ -83451,7 +83485,7 @@ const renderReactSelect = (props) => {
     }
   } else if (Array.isArray(value)) {
     valueToUse = value.map((val) => {
-      if (val.userCreated) {
+      if (val?.userCreated) {
         return {
           label: val.value,
           value: val
@@ -83478,10 +83512,10 @@ const renderReactSelect = (props) => {
       let valToPass;
       if (Array.isArray(valOrVals)) {
         valToPass = valOrVals.map(function(val) {
-          if (val.userCreated) {
+          if (val?.userCreated) {
             return val;
           }
-          return val.value;
+          return val?.value;
         });
       } else if (valOrVals) {
         if (valOrVals.userCreated) {
@@ -89608,16 +89642,22 @@ class AlertWrapper extends Component {
   state = { isOpen: true };
   render() {
     const {
+      title,
       handleClose,
       text,
       resolve,
       noCancelButton,
       content,
       className,
+      thirdButtonNotMinimal,
+      thirdButtonClassName,
       thirdButtonText,
       thirdButtonIntent,
+      fourthButtonNotMinimal,
+      fourthButtonClassName,
       fourthButtonText,
       fourthButtonIntent,
+      handleSubmit,
       canEscapeKeyCancel,
       confirmButtonText = "OK",
       cancelButtonText = "Cancel",
@@ -89632,19 +89672,28 @@ class AlertWrapper extends Component {
     return /* @__PURE__ */ React__default.createElement(
       Dialog,
       {
-        className: `bp3-alert ${className || ""}`,
+        title,
+        className: (title ? "" : "bp3-alert") + ` ${className || ""}`,
         isOpen: this.state.isOpen,
         intent,
         cancelButtonText,
         onCancel: cancelButtonText ? () => doClose(false) : void 0,
-        onConfirm: () => doClose(true),
+        onConfirm: handleSubmit ? handleSubmit((v) => doClose(v)) : () => doClose(true),
         ...rest,
         ...noCancelButton && {
           onCancel: void 0,
           cancelButtonText: void 0
         }
       },
-      /* @__PURE__ */ React__default.createElement("div", { className: "bp3-alert-contents", style: { padding: 5 } }, content, text && /* @__PURE__ */ React__default.createElement("div", { style: { marginBottom: 10 } }, text)),
+      /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: title ? "bp3-dialog-body" : "bp3-alert-contents",
+          style: { padding: 5 }
+        },
+        content,
+        text && /* @__PURE__ */ React__default.createElement("div", { style: { marginBottom: 10 } }, text)
+      ),
       /* @__PURE__ */ React__default.createElement(
         DialogFooter,
         {
@@ -89655,23 +89704,27 @@ class AlertWrapper extends Component {
             additionalButtons: thirdButtonText || fourthButtonText ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !!fourthButtonText && /* @__PURE__ */ React__default.createElement(
               Button,
               {
+                className: (!fourthButtonNotMinimal ? Classes.MINIMAL : "") + " " + fourthButtonClassName,
                 intent: fourthButtonIntent,
                 text: fourthButtonText,
-                onClick: () => {
-                  doClose("fourthButtonClicked");
-                }
+                onClick: handleSubmit ? handleSubmit(
+                  (v) => doClose({ ...v, fourthButtonClicked: true })
+                ) : () => doClose("fourthButtonClicked")
               }
             ), !!thirdButtonText && /* @__PURE__ */ React__default.createElement(
               Button,
               {
+                className: (!thirdButtonNotMinimal ? Classes.MINIMAL : "") + " " + thirdButtonClassName,
                 intent: thirdButtonIntent,
                 text: thirdButtonText,
-                onClick: () => {
+                onClick: handleSubmit ? handleSubmit(
+                  (v) => doClose({ ...v, thirdButtonClicked: true })
+                ) : () => {
                   doClose("thirdButtonClicked");
                 }
               }
             )) : void 0,
-            containerClassname: "bp3-alert-footer",
+            containerClassname: title ? "" : "bp3-alert-footer",
             backText: noCancelButton ? "" : cancelButtonText,
             text: confirmButtonText,
             intent
@@ -107024,4 +107077,4 @@ function showDialogOnDocBody(DialogComp, options = {}) {
 
 const noop = () => void 0;
 
-export { AdvancedOptions, AssignDefaultsModeContext, AsyncValidateFieldSpinner, BPSelect, BlueprintError, CheckboxField, CmdButton, CmdCheckbox, CmdDiv, CmdSwitch, CollapsibleCard, WrappedDT as DataTable, DateInputField, DateRangeInputField, DialogFooter, DropdownButton, DynamicMenuItem, EditableTextField, EnhancedMenuItem, FileUploadField, FillWindow, HotkeysDialog, InfoHelper, InputField, IntentText, Loading, MenuBar, MenuItemWithTooltip, NumericInputField, ConnectedPagingTool as PagingTool, PromptUnsavedChanges, RadioGroupField, ReactColorField, ReactSelectField, RenderBlueprintInput, RenderReactColorPicker, ResizableDraggableDialog, ScrollToTop, SelectField, SuggestField, SwitchField, TableFormTrackerContext, TextareaField, TgSelect$1 as TgSelect, Timeline, TimelineEvent, Uploader, WorkflowDefaultParamsContext, adHoc, basicHandleActionsWithFullState, bluntFeatureIcon, cardDetailsIcon, combineReducers as combineReducersWithFullState, comboToLabel, commandMenuEnhancer, createCommandBarMenu, createCommandMenu, createDynamicBarMenu, createDynamicMenu, createMenu, designIcon, dnaIcon, doesSearchValMatchText, driveIcon, featureIcon, fieldRequired, flaskIcon, generateField, genericCommandFactory, getCommandHandlers, getCommandHotkeyHandlers, getCommandHotkeys, getCurrentParamsFromUrl, getHotkeyProps, getIdOrCodeOrIndex, getKeyedTagsAndTagOptions, getSelectedEntities, getStringFromReactComponent, getTagColorStyle, getTagProps, getTagsAndTagOptions, getTextFromEl, hotkeysById, inventoryIcon, keyboardIcon, mergeSchemas, moleculeIcon, noop, onBlurHelper, onEnterHelper, onEnterOrBlurHelper, orfIcon, popoverOverflowModifiers, proteinIcon, pure as pureNoFunc, removeDuplicatesIcon, renderBlueprintCheckbox, renderBlueprintDateInput, renderBlueprintDateRangeInput, renderBlueprintEditableText, renderBlueprintNumericInput, renderBlueprintRadioGroup, renderBlueprintSwitch, renderBlueprintTextarea, renderFileUpload, renderReactSelect, renderSelect, renderSuggest, renderSuggest_old, rerenderOnWindowResize, reverseFeatureIcon, setCurrentParamsOnUrl, sharedDriveIcon, showAppSpinner, showCommandContextMenu, showConfirmationDialog, showContextMenu, showDialogOnDocBody, showProgressToast, strainIcon, tgFormValues, tg_modalState, tickMenuEnhancer, tubeIcon, useDialog, withAbstractWrapper, withCommand, withDialog, WithField as withField, WithFields as withFields, withHotkeys, withSelectTableRecords, withSelectedEntities, withStore, withTableParams, workflowDefaultParamsObj, workflowIcon, workqueueIcon, wrapDialog };
+export { AdvancedOptions, AlertWrapper, AssignDefaultsModeContext, AsyncValidateFieldSpinner, BPSelect, BlueprintError, CheckboxField, CmdButton, CmdCheckbox, CmdDiv, CmdSwitch, CollapsibleCard, WrappedDT as DataTable, DateInputField, DateRangeInputField, DialogFooter, DropdownButton, DynamicMenuItem, EditableTextField, EnhancedMenuItem, FileUploadField, FillWindow, HotkeysDialog, InfoHelper, InputField, IntentText, Loading, MenuBar, MenuItemWithTooltip, NumericInputField, ConnectedPagingTool as PagingTool, PromptUnsavedChanges, RadioGroupField, ReactColorField, ReactSelectField, RenderBlueprintInput, RenderReactColorPicker, ResizableDraggableDialog, ScrollToTop, SelectField, SuggestField, SwitchField, TableFormTrackerContext, TextareaField, TgSelect$1 as TgSelect, Timeline, TimelineEvent, Uploader, WorkflowDefaultParamsContext, adHoc, basicHandleActionsWithFullState, bluntFeatureIcon, cardDetailsIcon, combineReducers as combineReducersWithFullState, comboToLabel, commandMenuEnhancer, createCommandBarMenu, createCommandMenu, createDynamicBarMenu, createDynamicMenu, createMenu, designIcon, dnaIcon, doesSearchValMatchText, driveIcon, featureIcon, fieldRequired, flaskIcon, generateField, genericCommandFactory, getCommandHandlers, getCommandHotkeyHandlers, getCommandHotkeys, getCurrentParamsFromUrl, getHotkeyProps, getIdOrCodeOrIndex, getKeyedTagsAndTagOptions, getSelectedEntities, getStringFromReactComponent, getTagColorStyle, getTagProps, getTagsAndTagOptions, getTextFromEl, hotkeysById, inventoryIcon, keyboardIcon, mergeSchemas, moleculeIcon, noop, onBlurHelper, onEnterHelper, onEnterOrBlurHelper, orfIcon, popoverOverflowModifiers, proteinIcon, pure as pureNoFunc, removeDuplicatesIcon, renderBlueprintCheckbox, renderBlueprintDateInput, renderBlueprintDateRangeInput, renderBlueprintEditableText, renderBlueprintNumericInput, renderBlueprintRadioGroup, renderBlueprintSwitch, renderBlueprintTextarea, renderFileUpload, renderReactSelect, renderSelect, renderSuggest, renderSuggest_old, rerenderOnWindowResize, reverseFeatureIcon, setCurrentParamsOnUrl, sharedDriveIcon, showAppSpinner, showCommandContextMenu, showConfirmationDialog, showContextMenu, showDialogOnDocBody, showProgressToast, strainIcon, tgFormValues, tg_modalState, tickMenuEnhancer, tubeIcon, useDialog, withAbstractWrapper, withCommand, withDialog, WithField as withField, WithFields as withFields, withHotkeys, withSelectTableRecords, withSelectedEntities, withStore, withTableParams, workflowDefaultParamsObj, workflowIcon, workqueueIcon, wrapDialog };

package/package.json

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

package/src/DialogFooter/index.js

@@ -13,6 +13,8 @@ function DialogFooter({
   style,
   onClick = noop,
   secondaryAction,
+  secondaryDisabled,
+  secondaryNotMinimal,
   intent = Intent.PRIMARY,
   secondaryIntent,
   backText = "Back",
@@ -43,7 +45,12 @@ function DialogFooter({
         {!noCancel && (
           <Button
             intent={secondaryIntent}
-            className={Classes.MINIMAL + " " + secondaryClassName}
+            disabled={secondaryDisabled}
+            className={
+              (!secondaryNotMinimal ? Classes.MINIMAL : "") +
+              " " +
+              secondaryClassName
+            }
             text={secondaryText}
             onClick={
               secondaryAction ||

package/src/FormComponents/index.js

@@ -692,7 +692,7 @@ export const renderReactSelect = props => {
     }
   } else if (Array.isArray(value)) {
     valueToUse = value.map(val => {
-      if (val.userCreated) {
+      if (val?.userCreated) {
         return {
           label: val.value,
           value: val
@@ -719,10 +719,10 @@ export const renderReactSelect = props => {
       let valToPass;
       if (Array.isArray(valOrVals)) {
         valToPass = valOrVals.map(function (val) {
-          if (val.userCreated) {
+          if (val?.userCreated) {
             return val;
           }
-          return val.value;
+          return val?.value;
         });
       } else if (valOrVals) {
         if (valOrVals.userCreated) {

package/src/TgSelect/index.js

@@ -76,7 +76,7 @@ class TgSelect extends React.Component {
       ) {
         const topLevelId = item.value.split(":")[0];
         valArray = valArray.filter(val => {
-          if (val.value && val.value.includes && val.value.includes(":")) {
+          if (val?.value && val.value.includes && val.value.includes(":")) {
             const valId = val.value.split(":")[0];
             if (valId === topLevelId) {
               return false;
@@ -187,7 +187,7 @@ class TgSelect extends React.Component {
   getTagProps = label => {
     const { multi, value = [], disabled: _disabled } = this.props;
     const val = Array.isArray(value) ? value : [value];
-    const matchingVal = val.find(op => op.label === label);
+    const matchingVal = val.find(op => op?.label === label);
     const disabled = _disabled || (matchingVal && matchingVal.disabled);
     const className = matchingVal && matchingVal.className;
 

package/src/index.js

@@ -53,6 +53,7 @@ export * from "./FormComponents";
 export * from "./useDialog";
 
 export * from "./toastr";
+export * from "./showConfirmationDialog";
 export * from "./utils/handlerHelpers";
 export * from "./customIcons";
 export { default as basicHandleActionsWithFullState } from "./utils/basicHandleActionsWithFullState";

package/src/showConfirmationDialog/index.js

@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { Button, Dialog, Intent } from "@blueprintjs/core";
+import { Button, Classes, Dialog, Intent } from "@blueprintjs/core";
 import { renderOnDoc } from "../utils/renderOnDoc";
 import DialogFooter from "../DialogFooter";
 
@@ -28,20 +28,26 @@ export default function showConfirmationDialog(opts) {
   });
 }
 
-class AlertWrapper extends Component {
+export class AlertWrapper extends Component {
   state = { isOpen: true };
   render() {
     const {
+      title,
       handleClose,
       text,
       resolve,
       noCancelButton,
       content,
       className,
+      thirdButtonNotMinimal,
+      thirdButtonClassName,
       thirdButtonText,
       thirdButtonIntent,
+      fourthButtonNotMinimal,
+      fourthButtonClassName,
       fourthButtonText,
       fourthButtonIntent,
+      handleSubmit,
       canEscapeKeyCancel,
       confirmButtonText = "OK",
       cancelButtonText = "Cancel",
@@ -55,19 +61,25 @@ class AlertWrapper extends Component {
     };
     return (
       <Dialog
-        className={`bp3-alert ${className || ""}`}
+        title={title}
+        className={(title ? "" : "bp3-alert") + ` ${className || ""}`}
         isOpen={this.state.isOpen}
         intent={intent}
         cancelButtonText={cancelButtonText}
         onCancel={cancelButtonText ? () => doClose(false) : undefined}
-        onConfirm={() => doClose(true)}
+        onConfirm={
+          handleSubmit ? handleSubmit(v => doClose(v)) : () => doClose(true)
+        }
         {...rest}
         {...(noCancelButton && {
           onCancel: undefined,
           cancelButtonText: undefined
         })}
       >
-        <div className="bp3-alert-contents" style={{ padding: 5 }}>
+        <div
+          className={title ? "bp3-dialog-body" : "bp3-alert-contents"}
+          style={{ padding: 5 }}
+        >
           {content}
           {text && <div style={{ marginBottom: 10 }}>{text}</div>}
         </div>
@@ -84,25 +96,45 @@ class AlertWrapper extends Component {
                 <React.Fragment>
                   {!!fourthButtonText && (
                     <Button
+                      className={
+                        (!fourthButtonNotMinimal ? Classes.MINIMAL : "") +
+                        " " +
+                        fourthButtonClassName
+                      }
                       intent={fourthButtonIntent}
                       text={fourthButtonText}
-                      onClick={() => {
-                        doClose("fourthButtonClicked");
-                      }}
+                      onClick={
+                        handleSubmit
+                          ? handleSubmit(v =>
+                              doClose({ ...v, fourthButtonClicked: true })
+                            )
+                          : () => doClose("fourthButtonClicked")
+                      }
                     ></Button>
                   )}
                   {!!thirdButtonText && (
                     <Button
+                      className={
+                        (!thirdButtonNotMinimal ? Classes.MINIMAL : "") +
+                        " " +
+                        thirdButtonClassName
+                      }
                       intent={thirdButtonIntent}
                       text={thirdButtonText}
-                      onClick={() => {
-                        doClose("thirdButtonClicked");
-                      }}
+                      onClick={
+                        handleSubmit
+                          ? handleSubmit(v =>
+                              doClose({ ...v, thirdButtonClicked: true })
+                            )
+                          : () => {
+                              doClose("thirdButtonClicked");
+                            }
+                      }
                     ></Button>
                   )}
                 </React.Fragment>
               ) : undefined,
-            containerClassname: "bp3-alert-footer",
+            containerClassname: title ? "" : "bp3-alert-footer",
             backText: noCancelButton ? "" : cancelButtonText,
             text: confirmButtonText,
             intent