@kineticdata/react 6.0.5 → 6.1.1

package/lib/apis/system/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateTenant = exports.updateSystemUser = exports.updateSystemSecurity = exports.updateSystemIngress = exports.updateSystemFilestore = exports.updateSystemDefaultTaskDbAdapter = exports.updateSystemDefaultSmtpAdapter = exports.updateSystem = exports.updateElasticSearchConfig = exports.updateCassandraConfig = exports.systemLogin = exports.rotateEncryptionKey = exports.restartResources = exports.resetSystemLicense = exports.refreshSystemToken = exports.postPlatformComponentRestart = exports.importSystemLicense = exports.fetchTrustedCertificates = exports.fetchTenants = exports.fetchTenant = exports.fetchTaskDbAdapters = exports.fetchTaskDbAdapter = exports.fetchSystemUser = exports.fetchSystemSecurity = exports.fetchSystemLicenseStats = exports.fetchSystemLicenseCheck = exports.fetchSystemLicense = exports.fetchSystemIngress = exports.fetchSystemFilestore = exports.fetchSystemDefaultTaskDbAdapter = exports.fetchSystemDefaultSmtpAdapter = exports.fetchSystemBackgroundTasks = exports.fetchSystemBackgroundTask = exports.fetchSystem = exports.fetchPlatformComponentStatus = exports.fetchNotifications = exports.fetchNotificationLabels = exports.fetchElasticSearchConfig = exports.fetchCassandraConfig = exports.deleteTrustedCertificate = exports.deleteTenant = exports.deleteSystemLicense = exports.deleteSystemBackgroundTask = exports.createTrustedCertificate = exports.createTenant = void 0;
+exports.updateTenant = exports.updateSystemUser = exports.updateSystemSecurity = exports.updateSystemIngress = exports.updateSystemFilestore = exports.updateSystemDefaultSmtpAdapter = exports.updateSystemDefaultSQLDbAdapter = exports.updateSystem = exports.updateElasticSearchConfig = exports.updateCassandraConfig = exports.systemLogin = exports.rotateEncryptionKey = exports.restartTenantDeployments = exports.restartResources = exports.resetSystemLicense = exports.refreshSystemToken = exports.postPlatformComponentRestart = exports.migrateTenant = exports.importSystemLicense = exports.fetchTrustedCertificates = exports.fetchTenants = exports.fetchTenantDeploymentStatus = exports.fetchTenant = exports.fetchTaskDbAdapters = exports.fetchTaskDbAdapter = exports.fetchSystemUser = exports.fetchSystemSecurity = exports.fetchSystemLicenseStats = exports.fetchSystemLicenseCheck = exports.fetchSystemLicense = exports.fetchSystemIngress = exports.fetchSystemFilestore = exports.fetchSystemDefaultSmtpAdapter = exports.fetchSystemDefaultSQLDbAdapter = exports.fetchSystemBackgroundTasks = exports.fetchSystemBackgroundTask = exports.fetchSystem = exports.fetchPlatformComponentStatus = exports.fetchNotifications = exports.fetchNotificationLabels = exports.fetchElasticSearchConfig = exports.fetchCassandraConfig = exports.deleteTrustedCertificate = exports.deleteTenant = exports.deleteSystemLicense = exports.deleteSystemBackgroundTask = exports.createTrustedCertificate = exports.createTenant = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _axios = _interopRequireDefault(require("axios"));
 var _http = require("../http");
@@ -73,6 +73,26 @@ var createTenant = exports.createTenant = function createTenant() {
     };
   })["catch"](_http.handleErrors);
 };
+var migrateTenant = exports.migrateTenant = function migrateTenant() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var slug = options.slug,
+    tenant = options.tenant,
+    multipart = options.multipart;
+  if (!tenant) {
+    throw new Error('migrateTenant failed! The option "tenant" is required.');
+  }
+  if (!slug) {
+    throw new Error('migrateTenant failed! The option "slug" is required.');
+  }
+  return _axios["default"].post("/app/system-coordinator/api/v1/tenants/".concat(slug), !multipart ? tenant : (0, _http.formDataBuilder)(tenant), {
+    params: (0, _http.paramBuilder)(options),
+    headers: (0, _http.headerBuilder)(options)
+  }).then(function (response) {
+    return {
+      tenant: response.data.tenant
+    };
+  })["catch"](_http.handleErrors);
+};
 var deleteTenant = exports.deleteTenant = function deleteTenant() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var slug = options.slug;
@@ -90,6 +110,38 @@ var deleteTenant = exports.deleteTenant = function deleteTenant() {
     };
   })["catch"](_http.handleErrors);
 };
+var fetchTenantDeploymentStatus = exports.fetchTenantDeploymentStatus = function fetchTenantDeploymentStatus() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var slug = options.slug,
+    deployment = options.deployment;
+  if (!slug) {
+    throw new Error('fetchTenantTaskStatus failed! The option "slug" is required.');
+  }
+  if (!deployment) {
+    throw new Error('fetchTenantTaskStatus failed! The option "deployment" is required.');
+  }
+  return _axios["default"].get("/app/system-coordinator/api/v1/tenants/".concat(slug, "/deployments/").concat(deployment, "/status")).then(function (_ref) {
+    var data = _ref.data;
+    return {
+      deployment: data
+    };
+  })["catch"](_http.handleErrors);
+};
+
+// Restarts deployments for tenant(s).
+// If `slug` is omitted, all tenants will have their deployment(s) restarted.
+// If `deployment` is omitted, all deployments will be restarted.
+var restartTenantDeployments = exports.restartTenantDeployments = function restartTenantDeployments() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var slug = options.slug,
+    deployment = options.deployment;
+  return _axios["default"].post("/app/system-coordinator/api/v1/tenants/".concat(slug ? "".concat(slug, "/") : '', "deployments/").concat(deployment ? "".concat(deployment, "/") : '', "restart"), {
+    params: (0, _http.paramBuilder)(options),
+    headers: (0, _http.headerBuilder)(options)
+  }).then(function (response) {
+    return response.data;
+  })["catch"](_http.handleErrors);
+};
 var fetchSystem = exports.fetchSystem = function fetchSystem() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // Build URL and fetch the system config.
@@ -193,7 +245,7 @@ var fetchTaskDbAdapter = exports.fetchTaskDbAdapter = function fetchTaskDbAdapte
     };
   })["catch"](_http.handleErrors);
 };
-var fetchSystemDefaultTaskDbAdapter = exports.fetchSystemDefaultTaskDbAdapter = function fetchSystemDefaultTaskDbAdapter() {
+var fetchSystemDefaultSQLDbAdapter = exports.fetchSystemDefaultSQLDbAdapter = function fetchSystemDefaultSQLDbAdapter() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // Build URL and fetch the space.
   return _axios["default"].get("/app/system-coordinator/api/v1/platform/default-task-db-adapter", {
@@ -205,12 +257,12 @@ var fetchSystemDefaultTaskDbAdapter = exports.fetchSystemDefaultTaskDbAdapter =
     };
   })["catch"](_http.handleErrors);
 };
-var updateSystemDefaultTaskDbAdapter = exports.updateSystemDefaultTaskDbAdapter = function updateSystemDefaultTaskDbAdapter() {
+var updateSystemDefaultSQLDbAdapter = exports.updateSystemDefaultSQLDbAdapter = function updateSystemDefaultSQLDbAdapter() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var adapter = options.adapter,
     multipart = options.multipart;
   if (!adapter) {
-    throw new Error('updateSystemDefaultTaskDbAdapter failed! The option "adapter" is required.');
+    throw new Error('updateSystemDefaultSQLDbAdapter failed! The option "adapter" is required.');
   }
   return _axios["default"].put("/app/system-coordinator/api/v1/platform/default-task-db-adapter", !multipart ? adapter : (0, _http.formDataBuilder)(adapter), {
     params: (0, _http.paramBuilder)(options),
@@ -279,8 +331,8 @@ var postPlatformComponentRestart = exports.postPlatformComponentRestart = functi
   if (!options.component || !VALID_RESTARTABLE_COMPONENTS.includes(options.component)) {
     throw new Error('postPlatformComponentRestart failed! The "component" option was missing or invalid.');
   }
-  return _axios["default"].post("/app/system-coordinator/api/v1/platform/components/".concat(options.component, "/restart")).then(function (_ref) {
-    var data = _ref.data;
+  return _axios["default"].post("/app/system-coordinator/api/v1/platform/components/".concat(options.component, "/restart")).then(function (_ref2) {
+    var data = _ref2.data;
     return {
       component: data.component,
       message: data.message
@@ -289,8 +341,8 @@ var postPlatformComponentRestart = exports.postPlatformComponentRestart = functi
 };
 var fetchPlatformComponentStatus = exports.fetchPlatformComponentStatus = function fetchPlatformComponentStatus() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _axios["default"].get('/app/system-coordinator/api/v1/platform/components').then(function (_ref2) {
-    var data = _ref2.data;
+  return _axios["default"].get('/app/system-coordinator/api/v1/platform/components').then(function (_ref3) {
+    var data = _ref3.data;
     return {
       components: data.components
     };
@@ -582,10 +634,10 @@ var fetchNotificationLabels = exports.fetchNotificationLabels = function fetchNo
     };
   })["catch"](_http.handleErrors);
 };
-var restartResources = exports.restartResources = function restartResources(_ref3) {
-  var _ref3$options = _ref3.options,
-    options = _ref3$options === void 0 ? {} : _ref3$options,
-    notification = _ref3.notification;
+var restartResources = exports.restartResources = function restartResources(_ref4) {
+  var _ref4$options = _ref4.options,
+    options = _ref4$options === void 0 ? {} : _ref4$options,
+    notification = _ref4.notification;
   return _axios["default"].post('/app/system-coordinator/api/v1/platform/restartResources', (0, _objectSpread2["default"])({}, notification), {
     params: (0, _http.paramBuilder)(options),
     headers: (0, _http.headerBuilder)(options)

package/lib/apis/task/index.js

@@ -435,11 +435,18 @@ var fetchHandlers = exports.fetchHandlers = function fetchHandlers() {
   return _axios["default"].get("".concat(_helpers.bundle.spaceLocation(), "/app/components/task/app/api/v2/handlers"), {
     params: {
       include: options.include,
-      limit: options.limit
+      limit: options.limit,
+      offset: options.offset,
+      name: options.name || undefined,
+      status: options.status || undefined,
+      direction: options.direction || undefined,
+      orderBy: options.orderBy || undefined
     }
   }).then(function (response) {
     return {
-      handlers: response.data.handlers
+      handlers: response.data.handlers,
+      count: response.data.count,
+      nextPageToken: generateNextPageToken(response.data)
     };
   })["catch"](_http.handleErrors);
 };

package/lib/components/agent/filestore/FilestoreForm.js

@@ -99,7 +99,7 @@ var fields = function fields(_ref4) {
         required: true,
         initialValue: (0, _immutable.get)(filestore, 'slug', ''),
         pattern: /^[a-z\d-]+$/,
-        patternMessage: 'File Store Slug may only contain letters, numbers, and dashes',
+        patternMessage: 'Filestore Slug may only contain letters, numbers, and dashes',
         helpText: 'Unique name used in the bridge path.'
       }, {
         name: 'adapterClass',

package/lib/components/common/AttributeSelect.js

@@ -23,9 +23,15 @@ var optionToValue = function optionToValue(option) {
 var getStatusProps = function getStatusProps(props) {
   return {
     info: props["short"] ? 'Type to find an attribute.' : props.pending ? 'Searching…' : null,
-    warning: props.error || props.empty || props.more ? props.error ? props.error : props.more ? 'Too many results, first 50 shown. Please refine your search.' : props.empty ? 'No matches found.' : null : null
+    warning: props.error || props.empty || props.more ? props.error ? props.error : props.more ? 'Too many results, first 50 shown. Please refine your search.' : props.empty ? 'No matching attributes found.' : null : null
   };
 };
+var actionOptions = function actionOptions(props) {
+  return props.onNew ? {
+    label: 'Add New Attribute Definition',
+    fn: props.onNew
+  } : undefined;
+};
 var AttributeSelect = exports.AttributeSelect = function AttributeSelect(props) {
   return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
@@ -39,6 +45,9 @@ var AttributeSelect = exports.AttributeSelect = function AttributeSelect(props)
     onBlur: props.onBlur,
     placeholder: props.placeholder,
     id: props.id,
-    form: props.form
+    name: props.name,
+    form: props.form,
+    invalid: props.invalid,
+    action: actionOptions(props)
   });
 };

package/lib/components/common/BridgeSelect.js

@@ -100,6 +100,8 @@ var BridgeSelect = exports.BridgeSelect = function BridgeSelect(props) {
     onBlur: props.onBlur,
     placeholder: props.placeholder,
     id: props.id,
-    form: props.form
+    name: props.name,
+    form: props.form,
+    invalid: props.invalid
   });
 };

package/lib/components/common/ConnectionSelect.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionSelect = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typeahead = require("./Typeahead");
+var _apis = require("../../apis");
+var _immutable = require("immutable");
+var searchConnections = function searchConnections(_ref) {
+  var _ref$search = _ref.search,
+    search = _ref$search === void 0 ? (0, _immutable.Map)() : _ref$search;
+  return function (field, value, callback) {
+    return (0, _apis.fetchConnections)({
+      type: search.getIn(['config', 'configType'])
+    }).then(function (_ref2) {
+      var connections = _ref2.connections,
+        error = _ref2.error,
+        nextPageToken = _ref2.nextPageToken;
+      return {
+        suggestions: connections || [],
+        error: error,
+        nextPageToken: nextPageToken
+      };
+    }).then(callback);
+  };
+};
+var connectionToValue = function connectionToValue(connection) {
+  return connection && connection.get('id') || '';
+};
+var getStatusProps = function getStatusProps(_ref3) {
+  var _ref3$search = _ref3.search,
+    search = _ref3$search === void 0 ? (0, _immutable.Map)() : _ref3$search,
+    _ref3$messages = _ref3.messages,
+    _ref3$messages2 = _ref3$messages === void 0 ? {} : _ref3$messages,
+    _ref3$messages2$short = _ref3$messages2["short"],
+    _short = _ref3$messages2$short === void 0 ? 'Type to find a connection.' : _ref3$messages2$short,
+    _ref3$messages2$empty = _ref3$messages2.empty,
+    empty = _ref3$messages2$empty === void 0 ? 'No matching connections.' : _ref3$messages2$empty,
+    _ref3$messages2$pendi = _ref3$messages2.pending,
+    pending = _ref3$messages2$pendi === void 0 ? 'Searching...' : _ref3$messages2$pendi,
+    _ref3$messages2$more = _ref3$messages2.more,
+    more = _ref3$messages2$more === void 0 ? "Too many connections, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref3$messages2$more,
+    _ref3$messages2$error = _ref3$messages2.error,
+    error = _ref3$messages2$error === void 0 ? 'There was an error fetching connections.' : _ref3$messages2$error;
+  return function (props) {
+    return {
+      info: props["short"] ? _short : props.pending ? pending : null,
+      warning: props.error || props.empty || props.more ? props.error ? error : props.more ? more : props.empty ? empty : null : null
+    };
+  };
+};
+var ConnectionSelect = exports.ConnectionSelect = function ConnectionSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
+    components: props.components || {},
+    disabled: props.disabled,
+    multiple: props.multiple,
+    search: searchConnections(props),
+    minSearchLength: props.minSearchLength,
+    getSuggestionValue: connectionToValue,
+    getStatusProps: getStatusProps(props),
+    value: props.value,
+    onChange: props.onChange,
+    onFocus: props.onFocus,
+    onBlur: props.onBlur,
+    placeholder: props.placeholder,
+    id: props.id,
+    name: props.name,
+    form: props.form
+  });
+};

package/lib/components/common/FormSelect.js

@@ -157,6 +157,8 @@ var FormSelect = exports.FormSelect = function FormSelect(props) {
     onBlur: props.onBlur,
     placeholder: props.placeholder,
     id: props.id,
-    form: props.form
+    name: props.name,
+    form: props.form,
+    invalid: props.invalid
   });
 };

package/lib/components/common/NodeSelect.js

@@ -58,6 +58,7 @@ var NodeSelect = exports.NodeSelect = function NodeSelect(props) {
     onBlur: props.onBlur,
     placeholder: props.placeholder,
     id: props.id,
+    name: props.name,
     form: props.form
   });
 };

package/lib/components/common/StaticSelect.js

@@ -44,7 +44,8 @@ var searchOptions = function searchOptions(_ref3) {
   var allowNew = _ref3.allowNew,
     options = _ref3.options,
     _ref3$search = _ref3.search,
-    search = _ref3$search === void 0 ? (0, _immutable.Map)() : _ref3$search;
+    search = _ref3$search === void 0 ? (0, _immutable.Map)() : _ref3$search,
+    messages = _ref3.messages;
   return function (field, value, callback) {
     // Determine the fields config
     var searchFields = _immutable.Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : fields;
@@ -62,9 +63,9 @@ var searchOptions = function searchOptions(_ref3) {
         nextPageToken: suggestions.length > limit
       });
     } else {
-      // If no options provided, return error message
+      // If no options provided, return empty message
       return callback({
-        error: 'No options provided.',
+        error: messages.empty || 'No options found.',
         suggestions: []
       });
     }
@@ -99,9 +100,9 @@ var getStatusProps = function getStatusProps(_ref7) {
     _ref7$messages2$short = _ref7$messages2["short"],
     _short = _ref7$messages2$short === void 0 ? 'Type to find an option.' : _ref7$messages2$short,
     _ref7$messages2$empty = _ref7$messages2.empty,
-    empty = _ref7$messages2$empty === void 0 ? 'No matches found.' : _ref7$messages2$empty,
+    empty = _ref7$messages2$empty === void 0 ? 'No options found.' : _ref7$messages2$empty,
     _ref7$messages2$custo = _ref7$messages2.custom,
-    custom = _ref7$messages2$custo === void 0 ? 'No matches found. Type to enter a custom option.' : _ref7$messages2$custo,
+    custom = _ref7$messages2$custo === void 0 ? 'No options found. Type to enter a custom option.' : _ref7$messages2$custo,
     _ref7$messages2$pendi = _ref7$messages2.pending,
     pending = _ref7$messages2$pendi === void 0 ? 'Searching...' : _ref7$messages2$pendi,
     _ref7$messages2$more = _ref7$messages2.more,
@@ -113,6 +114,12 @@ var getStatusProps = function getStatusProps(_ref7) {
     };
   };
 };
+var actionOptions = function actionOptions(props) {
+  return props.onNew ? {
+    label: props.onNewLabel || 'Add New Option',
+    fn: props.onNew
+  } : undefined;
+};
 var StaticSelect = exports.StaticSelect = function StaticSelect(props) {
   return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
@@ -129,6 +136,9 @@ var StaticSelect = exports.StaticSelect = function StaticSelect(props) {
     onBlur: props.onBlur,
     placeholder: props.placeholder,
     id: props.id,
-    form: props.form
+    name: props.name,
+    form: props.form,
+    invalid: props.invalid,
+    action: actionOptions(props)
   });
 };

package/lib/components/common/TableInput.js

@@ -31,6 +31,7 @@ var TextInput = function TextInput(props) {
     form: props.form
   });
 };
+var CodeInput = TextInput;
 var SelectInput = function SelectInput(props) {
   return /*#__PURE__*/_react["default"].createElement("select", {
     id: props.id,
@@ -114,6 +115,7 @@ var RowLayout = function RowLayout(_ref3) {
   }, "Delete")));
 };
 var typeToComponent = {
+  code: 'CodeInput',
   drag: 'DragHandle',
   display: 'TextDisplay',
   checkbox: 'CheckboxInput',
@@ -127,7 +129,8 @@ var defaultComponents = {
   TextDisplay: TextDisplay,
   CheckboxInput: CheckboxInput,
   SelectInput: SelectInput,
-  TextInput: TextInput
+  TextInput: TextInput,
+  CodeInput: CodeInput
 };
 var fieldFromConfig = function fieldFromConfig(config) {
   var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/lib/components/common/TeamSelect.js

@@ -107,6 +107,8 @@ var TeamSelect = exports.TeamSelect = function TeamSelect(props) {
     onBlur: props.onBlur,
     placeholder: props.placeholder,
     id: props.id,
-    form: props.form
+    name: props.name,
+    form: props.form,
+    invalid: props.invalid
   });
 };

package/lib/components/common/ToastContainer.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.showToast = exports.hideToast = exports.clearToasts = exports.ToastState = exports.ToastContainer = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _store = require("../../store");
@@ -51,22 +52,40 @@ var ToastState = exports.ToastState = (0, _immutable.Record)({
   }
 });
 
-// Adds toast to state and shows it after 100ms delay to trigger animation
-var showToast = exports.showToast = function showToast(toast) {
+/**
+ * @param {object} toast Options for the toast
+ * @param {'success'|'error'} [presetType] Preset for styles
+ */
+var showToast = exports.showToast = function showToast(toast, presetType) {
+  // If presetType is provided, add some default toast properties
+  if (presetType) return showToast((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, presetType === 'success' ? {
+    color: 'success',
+    icon: 'check-circle'
+  } : presetType === 'error' ? {
+    color: 'danger',
+    icon: 'alert-circle'
+  } : {}), toast));
   var toastKey = (0, _react2.generateKey)();
-  (0, _store.dispatch)('ADD_TOAST', {
+  var payload = {
     containerKey: toast.containerKey,
     toast: ToastState(toast).update(
     // Make sure duration is a number, or set to a default numeric value
     'duration', function (duration) {
-      return typeof duration === 'number' ? Math.max(duration, 4000) : toast.content ? 7000 : 4000;
+      return typeof duration === 'number' ? Math.max(duration, 4000) : toast.title && toast.content ? 7000 : 4000;
     }),
     toastKey: toastKey,
     show: false
-  });
+  };
+  // Use set timeout so that if we're redirecting and showing a toast, the
+  // toast is added second so that it's not immediately cleared by the redirect
   setTimeout(function () {
-    (0, _store.dispatch)('SHOW_TOAST', toastKey);
-  }, 100);
+    (0, _store.dispatch)('ADD_TOAST', payload);
+    // Use set timeout to delay showing the toast by 100ms so that it renders
+    // into the dom before being shown so it animates correctly
+    setTimeout(function () {
+      (0, _store.dispatch)('SHOW_TOAST', toastKey);
+    }, 100);
+  }, 0);
   return toastKey;
 };
 
@@ -103,13 +122,18 @@ var ToastWrapper = function ToastWrapper(_ref) {
   }), content);
 };
 var ToastContainerComponent = function ToastContainerComponent(_ref2) {
-  var components = _ref2.components,
+  var containerKey = _ref2.containerKey,
+    components = _ref2.components,
     toasts = _ref2.toasts,
     persistentToasts = _ref2.persistentToasts;
   (0, _react.useEffect)(function () {
     (0, _store.dispatch)('INIT_TOASTS');
-    return function () {};
-  }, []);
+    return function () {
+      if (containerKey) {
+        (0, _store.dispatch)('CLEAR_TOASTS', containerKey);
+      }
+    };
+  }, [containerKey]);
   return /*#__PURE__*/_react["default"].createElement(_ComponentConfigContext.ComponentConfigContext.Consumer, null, function (componentConfig) {
     var component = (0, _immutable.get)(components, 'Toast', componentConfig.get('Toast'));
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/common/Typeahead.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Typeahead = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
@@ -64,6 +65,7 @@ var Typeahead = exports.Typeahead = /*#__PURE__*/function (_React$Component) {
           error = _ref2.error,
           nextPageToken = _ref2.nextPageToken;
         if (searchedValue === _this.state.searchValue) {
+          var _this$props$action;
           // when multiple mode is enabled we don't want to allow the same
           // suggestion to be selected twice, we compare existing selections to
           // suggestions using the getSuggestionValue function that returns a string
@@ -81,11 +83,17 @@ var Typeahead = exports.Typeahead = /*#__PURE__*/function (_React$Component) {
           filtered.filter(function (suggestion) {
             return _this.props.getSuggestionValue(suggestion) === _this.state.searchValue;
           }).length === 0 && (0, _immutable.fromJS)(_this.props.custom(_this.state.searchValue));
+
+          // If an action object was provided, create a suggestion that will be
+          // used to trigger this action
+          var actionSuggestion = typeof ((_this$props$action = _this.props.action) === null || _this$props$action === void 0 ? void 0 : _this$props$action.fn) === 'function' && (0, _immutable.fromJS)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this.props.action), {}, {
+            __isAction: true
+          }));
           _this.setState({
             result: {
               error: error,
               nextPageToken: nextPageToken,
-              suggestions: customSuggestion ? [].concat((0, _toConsumableArray2["default"])(filtered), [customSuggestion]) : filtered,
+              suggestions: [].concat((0, _toConsumableArray2["default"])(filtered), [customSuggestion, actionSuggestion]).filter(Boolean),
               customSuggestion: customSuggestion
             }
           });
@@ -109,7 +117,7 @@ var Typeahead = exports.Typeahead = /*#__PURE__*/function (_React$Component) {
           editing: true,
           searchValue: searchValue
         });
-      } else if (!_this.props.multiple) {
+      } else if (!_this.props.multiple && !!searchValue) {
         _this.setState({
           refocus: true
         });
@@ -145,7 +153,13 @@ var Typeahead = exports.Typeahead = /*#__PURE__*/function (_React$Component) {
           searchValue: ''
         } : initialState);
       }
-      _this.props.onChange(_this.props.multiple ? _this.props.value.push(suggestion) : suggestion);
+      // If this is an action suggestion, trigger the action and skip triggering
+      // the on change event
+      if (suggestion.get('__isAction')) {
+        suggestion.get('fn')();
+      } else {
+        _this.props.onChange(_this.props.multiple ? _this.props.value.push(suggestion) : suggestion);
+      }
     };
     _this.state = initialState;
     _this.autosuggest = /*#__PURE__*/(0, _react.createRef)();
@@ -214,6 +228,7 @@ var Typeahead = exports.Typeahead = /*#__PURE__*/function (_React$Component) {
             selection: this.props.value,
             placeholder: this.props.placeholder,
             id: this.props.id,
+            name: this.props.name,
             form: this.props.form
           },
           onSuggestionHighlighted: this.onHighlight,
@@ -240,6 +255,7 @@ function renderSuggestionsContainer(_ref5) {
   var containerProps = _ref5.containerProps,
     children = _ref5.children;
   var _this$props2 = this.props,
+    action = _this$props2.action,
     _this$props2$componen = _this$props2.components,
     _this$props2$componen2 = _this$props2$componen.Status,
     Status = _this$props2$componen2 === void 0 ? StatusDefault : _this$props2$componen2,
@@ -258,11 +274,14 @@ function renderSuggestionsContainer(_ref5) {
     setSearchField: setSearchField,
     error: state.result && state.result.error,
     value: state.searchValue,
-    empty: state.result && state.result.suggestions.length === 0,
+    empty: state.result && !state.result.suggestions.some(function (suggestion) {
+      return !suggestion.get('__isAction');
+    }),
     more: state.result && !!state.result.nextPageToken,
     "short": minSearchLength && state.searchValue.length < minSearchLength,
     pending: !state.result,
-    custom: !!custom
+    custom: !!custom,
+    action: !!action
   })), children);
 }
 
@@ -270,24 +289,38 @@ function renderSuggestionsContainer(_ref5) {
 function renderSuggestion(suggestion, _ref6) {
   var isHighlighted = _ref6.isHighlighted;
   var _this$props3 = this.props,
-    _this$props3$componen = _this$props3.components.Suggestion,
-    Suggestion = _this$props3$componen === void 0 ? SuggestionDefault : _this$props3$componen,
+    _this$props3$componen = _this$props3.components,
+    _this$props3$componen2 = _this$props3$componen.Suggestion,
+    Suggestion = _this$props3$componen2 === void 0 ? SuggestionDefault : _this$props3$componen2,
+    _this$props3$componen3 = _this$props3$componen.SuggestionAction,
+    SuggestionAction = _this$props3$componen3 === void 0 ? SuggestionDefault : _this$props3$componen3,
     getSuggestionValue = _this$props3.getSuggestionValue;
   var custom = this.state.result && this.state.result.customSuggestion === suggestion;
-  return /*#__PURE__*/_react["default"].createElement(Suggestion, {
+  var action = !!suggestion.get('__isAction');
+  return !action ? /*#__PURE__*/_react["default"].createElement(Suggestion, {
     active: isHighlighted,
     custom: custom,
     suggestion: suggestion,
     suggestionValue: getSuggestionValue(suggestion)
-  });
+  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(SuggestionAction, {
+    active: isHighlighted,
+    custom: custom,
+    suggestion: suggestion,
+    suggestionValue: suggestion.get('label')
+  }));
 }
 
 // https://github.com/moroshko/react-autosuggest#renderinputcomponent-optional
 function renderInputComponent(inputProps) {
-  var _this$props$component2 = this.props.components.Input,
-    Input = _this$props$component2 === void 0 ? TypeaheadInputDefault : _this$props$component2;
+  var _this$props4 = this.props,
+    _this$props4$componen = _this$props4.components.Input,
+    Input = _this$props4$componen === void 0 ? TypeaheadInputDefault : _this$props4$componen,
+    invalid = _this$props4.invalid,
+    minSearchLength = _this$props4.minSearchLength;
   return /*#__PURE__*/_react["default"].createElement(Input, {
-    inputProps: inputProps
+    inputProps: inputProps,
+    invalid: invalid,
+    minSearchLength: minSearchLength
   });
 }
 
@@ -296,16 +329,19 @@ function renderInputComponent(inputProps) {
 function renderSelections() {
   var edit = this.edit,
     focusRef = this.focusRef,
-    _this$props4 = this.props,
-    _this$props4$componen = _this$props4.components.Selection,
-    Selection = _this$props4$componen === void 0 ? SelectionDefault : _this$props4$componen,
-    disabled = _this$props4.disabled,
-    getSuggestionValue = _this$props4.getSuggestionValue,
-    multiple = _this$props4.multiple,
-    value = _this$props4.value,
-    placeholder = _this$props4.placeholder,
-    id = _this$props4.id,
-    form = _this$props4.form,
+    _this$props5 = this.props,
+    _this$props5$componen = _this$props5.components.Selection,
+    Selection = _this$props5$componen === void 0 ? SelectionDefault : _this$props5$componen,
+    disabled = _this$props5.disabled,
+    getSuggestionValue = _this$props5.getSuggestionValue,
+    multiple = _this$props5.multiple,
+    value = _this$props5.value,
+    placeholder = _this$props5.placeholder,
+    id = _this$props5.id,
+    name = _this$props5.name,
+    form = _this$props5.form,
+    invalid = _this$props5.invalid,
+    minSearchLength = _this$props5.minSearchLength,
     remove = this.remove;
   return (multiple ? value : _immutable.List.of(value)).map(function (selection, i) {
     var suggestionValue = getSuggestionValue(selection);
@@ -319,7 +355,10 @@ function renderSelections() {
       suggestionValue: suggestionValue,
       placeholder: !multiple ? placeholder : null,
       id: !multiple ? id : null,
-      form: form
+      name: name,
+      invalid: invalid,
+      form: form,
+      minSearchLength: minSearchLength
     });
   });
 }