@kineticdata/react 5.1.1 → 6.0.0

package/lib/components/common/AttributeSelect.js

@@ -1,6 +1,12 @@
-import React from 'react';
-import { Typeahead } from './Typeahead';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttributeSelect = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typeahead = require("./Typeahead");
 var searchOptions = function searchOptions(_ref) {
   var options = _ref.options;
   return function (field, value, callback) {
@@ -11,20 +17,17 @@ var searchOptions = function searchOptions(_ref) {
     });
   };
 };
-
 var optionToValue = function optionToValue(option) {
   return option && option.get('name') || '';
 };
-
 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
   };
 };
-
-export var AttributeSelect = function AttributeSelect(props) {
-  return /*#__PURE__*/React.createElement(Typeahead, {
+var AttributeSelect = function AttributeSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
     search: searchOptions(props),
@@ -34,6 +37,9 @@ export var AttributeSelect = function AttributeSelect(props) {
     onChange: props.onChange,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    placeholder: props.placeholder
+    placeholder: props.placeholder,
+    id: props.id,
+    form: props.form
   });
-};
+};
+exports.AttributeSelect = AttributeSelect;

package/lib/components/common/BridgeSelect.js

@@ -1,30 +1,36 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { Typeahead } from './Typeahead';
-import { fetchBridgedResource } from '../../apis';
-import { Map } from 'immutable';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BridgeSelect = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _Typeahead = require("./Typeahead");
+var _apis = require("../../apis");
+var _immutable = require("immutable");
 var searchOptions = function searchOptions(_ref) {
   var _ref$search = _ref.search,
-      search = _ref$search === void 0 ? Map() : _ref$search;
+    search = _ref$search === void 0 ? (0, _immutable.Map)() : _ref$search;
   return function (field, value, callback) {
-    var searchFields = Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : [];
+    var searchFields = _immutable.Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : [];
     var limit = search.get('limit') || 25;
-    return fetchBridgedResource({
+    return (0, _apis.fetchBridgedResource)({
       datastore: search.get('datastore'),
       kappSlug: search.get('kappSlug'),
       formSlug: search.get('formSlug'),
       bridgedResourceName: search.get('bridgedResourceName'),
       values: searchFields.reduce(function (values, _ref2) {
         var name = _ref2.name,
-            staticValue = _ref2.value;
-        return _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, name, staticValue || value));
+          staticValue = _ref2.value;
+        return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, values), {}, (0, _defineProperty2["default"])({}, name, staticValue || value));
       }, {}),
       "public": !!search.get('public')
     }).then(function (_ref3) {
       var records = _ref3.records,
-          error = _ref3.error;
+        error = _ref3.error;
       return {
         suggestions: records ? records.slice(0, limit) : [],
         error: error,
@@ -32,48 +38,45 @@ var searchOptions = function searchOptions(_ref) {
       };
     }).then(callback);
   };
-}; // Converts an option object to a single unique value. Used for comparing values
-// and filtering out already selected values for multi selects.
-
+};
 
+// Converts an option object to a single unique value. Used for comparing values
+// and filtering out already selected values for multi selects.
 var optionToValue = function optionToValue(_ref4) {
   var _ref4$valueProp = _ref4.valueProp,
-      valueProp = _ref4$valueProp === void 0 ? 'value' : _ref4$valueProp;
+    valueProp = _ref4$valueProp === void 0 ? 'value' : _ref4$valueProp;
   return function (option) {
     return option && option.get(valueProp) || '';
   };
-}; // Converts a typed in value to an option object. Used when adding custom values
-// when allowNew is true.
-
+};
 
+// Converts a typed in value to an option object. Used when adding custom values
+// when allowNew is true.
 var valueToCustomOption = function valueToCustomOption(_ref5) {
   var _ref5$valueProp = _ref5.valueProp,
-      valueProp = _ref5$valueProp === void 0 ? 'value' : _ref5$valueProp,
-      allowNew = _ref5.allowNew;
+    valueProp = _ref5$valueProp === void 0 ? 'value' : _ref5$valueProp,
+    allowNew = _ref5.allowNew;
   return function (value) {
-    return value.length > 0 ? typeof allowNew !== 'function' || allowNew(value) ? _defineProperty({}, valueProp, value) : null : null;
+    return value.length > 0 ? typeof allowNew !== 'function' || allowNew(value) ? (0, _defineProperty2["default"])({}, valueProp, value) : null : null;
   };
 };
-
 var getStatusProps = function getStatusProps(_ref7) {
   var _ref7$search = _ref7.search,
-      search = _ref7$search === void 0 ? Map() : _ref7$search,
-      _ref7$messages = _ref7.messages;
+    search = _ref7$search === void 0 ? (0, _immutable.Map)() : _ref7$search,
+    _ref7$messages = _ref7.messages;
   _ref7$messages = _ref7$messages === void 0 ? {} : _ref7$messages;
-
   var _ref7$messages$short = _ref7$messages["short"],
-      _short = _ref7$messages$short === void 0 ? 'Type to find an option.' : _ref7$messages$short,
-      _ref7$messages$empty = _ref7$messages.empty,
-      empty = _ref7$messages$empty === void 0 ? 'No matches found.' : _ref7$messages$empty,
-      _ref7$messages$custom = _ref7$messages.custom,
-      custom = _ref7$messages$custom === void 0 ? 'No matches found. Type to enter a custom option.' : _ref7$messages$custom,
-      _ref7$messages$pendin = _ref7$messages.pending,
-      pending = _ref7$messages$pendin === void 0 ? 'Searching...' : _ref7$messages$pendin,
-      _ref7$messages$more = _ref7$messages.more,
-      more = _ref7$messages$more === void 0 ? "Too many results, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref7$messages$more,
-      _ref7$messages$error = _ref7$messages.error,
-      error = _ref7$messages$error === void 0 ? 'There was an error fetching data.' : _ref7$messages$error;
-
+    _short = _ref7$messages$short === void 0 ? 'Type to find an option.' : _ref7$messages$short,
+    _ref7$messages$empty = _ref7$messages.empty,
+    empty = _ref7$messages$empty === void 0 ? 'No matches found.' : _ref7$messages$empty,
+    _ref7$messages$custom = _ref7$messages.custom,
+    custom = _ref7$messages$custom === void 0 ? 'No matches found. Type to enter a custom option.' : _ref7$messages$custom,
+    _ref7$messages$pendin = _ref7$messages.pending,
+    pending = _ref7$messages$pendin === void 0 ? 'Searching...' : _ref7$messages$pendin,
+    _ref7$messages$more = _ref7$messages.more,
+    more = _ref7$messages$more === void 0 ? "Too many results, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref7$messages$more,
+    _ref7$messages$error = _ref7$messages.error,
+    error = _ref7$messages$error === void 0 ? 'There was an error fetching data.' : _ref7$messages$error;
   return function (props) {
     return {
       info: props["short"] ? _short : props.pending ? pending : null,
@@ -81,9 +84,8 @@ var getStatusProps = function getStatusProps(_ref7) {
     };
   };
 };
-
-export var BridgeSelect = function BridgeSelect(props) {
-  return /*#__PURE__*/React.createElement(Typeahead, {
+var BridgeSelect = function BridgeSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
     multiple: props.multiple,
@@ -96,6 +98,9 @@ export var BridgeSelect = function BridgeSelect(props) {
     onChange: props.onChange,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    placeholder: props.placeholder
+    placeholder: props.placeholder,
+    id: props.id,
+    form: props.form
   });
-};
+};
+exports.BridgeSelect = BridgeSelect;

package/lib/components/common/ComponentConfigContext.js

@@ -1,2 +1,9 @@
-import { createContext } from 'react';
-export var ComponentConfigContext = createContext();
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentConfigContext = void 0;
+var _react = require("react");
+var ComponentConfigContext = /*#__PURE__*/(0, _react.createContext)();
+exports.ComponentConfigContext = ComponentConfigContext;

package/lib/components/common/ContentEditable.js

@@ -1,63 +1,42 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-// https://github.com/raphasilvac/react-simple-contenteditable
-// The MIT License (MIT)
-//
-// Copyright (c) 2018 Raphael Cavalcanti, contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-import React, { Component } from 'react';
-export var ContentEditable = /*#__PURE__*/function (_Component) {
-  _inherits(ContentEditable, _Component);
-
-  var _super = _createSuper(ContentEditable);
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentEditable = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+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"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["tagName", "html", "contentEditable"];
+var ContentEditable = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ContentEditable, _Component);
+  var _super = (0, _createSuper2["default"])(ContentEditable);
   function ContentEditable(props) {
     var _this;
-
-    _classCallCheck(this, ContentEditable);
-
+    (0, _classCallCheck2["default"])(this, ContentEditable);
     _this = _super.call(this, props);
-
     _this._onFocus = function (ev) {
       if (typeof _this.props.onFocus === 'function') {
         _this.props.onFocus(ev);
       }
     };
-
     _this._onBlur = function (ev) {
       if (typeof _this.props.onBlur === 'function') {
         _this.props.onBlur(ev);
       }
     };
-
-    _this._onChange = _this._onChange.bind(_assertThisInitialized(_this));
-    _this._onPaste = _this._onPaste.bind(_assertThisInitialized(_this));
-    _this._onKeyPress = _this._onKeyPress.bind(_assertThisInitialized(_this));
+    _this._onChange = _this._onChange.bind((0, _assertThisInitialized2["default"])(_this));
+    _this._onPaste = _this._onPaste.bind((0, _assertThisInitialized2["default"])(_this));
+    _this._onKeyPress = _this._onKeyPress.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
-  _createClass(ContentEditable, [{
+  (0, _createClass2["default"])(ContentEditable, [{
     key: "_onChange",
     value: function _onChange(ev) {
       var method = this.getInnerMethod();
@@ -68,20 +47,18 @@ export var ContentEditable = /*#__PURE__*/function (_Component) {
     key: "_onPaste",
     value: function _onPaste(ev) {
       var _this$props = this.props,
-          onPaste = _this$props.onPaste,
-          contentEditable = _this$props.contentEditable;
-
+        onPaste = _this$props.onPaste,
+        contentEditable = _this$props.contentEditable;
       if (contentEditable === 'plaintext-only') {
         var text = ev.clipboardData.getData('text');
-        var commandExecuted = document.execCommand('insertText', false, text); // The command above does not work in IE11 so in that case we do not want
+        var commandExecuted = document.execCommand('insertText', false, text);
+        // The command above does not work in IE11 so in that case we do not want
         // to prevent the default pasting, which fortunately seems to paste as
         // plaintext only anyways.
-
         if (commandExecuted) {
           ev.preventDefault();
         }
       }
-
       if (onPaste) {
         onPaste(ev);
       }
@@ -128,15 +105,13 @@ export var ContentEditable = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          tagName = _this$props2.tagName,
-          html = _this$props2.html,
-          contentEditable = _this$props2.contentEditable,
-          props = _objectWithoutProperties(_this$props2, ["tagName", "html", "contentEditable"]);
-
+        tagName = _this$props2.tagName,
+        html = _this$props2.html,
+        contentEditable = _this$props2.contentEditable,
+        props = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
       var Element = tagName || 'div';
-      return /*#__PURE__*/React.createElement(Element, Object.assign({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(Element, Object.assign({}, props, {
         ref: function ref(elem) {
           _this2.elem = elem;
         },
@@ -148,7 +123,8 @@ export var ContentEditable = /*#__PURE__*/function (_Component) {
         onPaste: this._onPaste,
         onKeyPress: this._onKeyPress,
         onFocus: this._onFocus,
-        onBlur: this._onBlur // New key each render forces react to re-create this element, see the
+        onBlur: this._onBlur
+        // New key each render forces react to re-create this element, see the
         // stackoverflow issue for more details.
         // https://stackoverflow.com/questions/30242530/dangerouslysetinnerhtml-doesnt-update-during-render
         ,
@@ -156,9 +132,9 @@ export var ContentEditable = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return ContentEditable;
-}(Component);
+}(_react.Component);
+exports.ContentEditable = ContentEditable;
 ContentEditable.defaultProps = {
   tagName: 'div'
 };

package/lib/components/common/FormSelect.js

@@ -1,11 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { Typeahead } from './Typeahead';
-import { fetchForms } from '../../apis';
-import { Map } from 'immutable';
-import { defineKqlQuery } from '@kineticdata/react';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormSelect = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _Typeahead = require("./Typeahead");
+var _apis = require("../../apis");
+var _immutable = require("immutable");
+var _react2 = require("@kineticdata/react");
 var fields = function fields(isDatastore) {
   return isDatastore ? [{
     name: 'name'
@@ -18,59 +24,67 @@ var fields = function fields(isDatastore) {
   }, {
     name: 'category'
   }];
-}; // If dynamic is true, only use operators that can support a single string value
-
+};
 
+// If dynamic is true, only use operators that can support a single string value
 var OPERATORS = function OPERATORS(dynamic) {
-  return Map(_objectSpread({
+  return (0, _immutable.Map)((0, _objectSpread3["default"])({
     equals: 'equals',
     matches: 'matches',
     startsWith: 'startsWith'
   }, dynamic ? {} : {
     "in": 'in'
   }));
-}; // Dynamically build query using correct operators
-
+};
 
+// Dynamically build query using correct operators
 var buildQuery = function buildQuery(searchFields, value) {
   // Start building a KQL query using any provided static values
-  var fixedQueryBuilder = searchFields // Filter to fields that provided a value
+  var fixedQueryBuilder = searchFields
+  // Filter to fields that provided a value
   .filter(function (field) {
     return field.name && field.value;
-  }) // For each field, apply the appropriate operator function
+  })
+  // For each field, apply the appropriate operator function
   .reduce(function (filter, _ref) {
     var name = _ref.name,
-        operator = _ref.operator,
-        strict = _ref.strict;
+      operator = _ref.operator,
+      strict = _ref.strict;
     return filter[OPERATORS(false).get(operator, 'startsWith')](name, name, strict);
-  }, defineKqlQuery()); // Add any fields using the typed in dynamic value to the KQL query
+  }, (0, _react2.defineKqlQuery)());
 
-  var queryBuilder = searchFields // Filter to fields that didn't provide a value
+  // Add any fields using the typed in dynamic value to the KQL query
+  var queryBuilder = searchFields
+  // Filter to fields that didn't provide a value
   .filter(function (field) {
     return field.name && !field.value;
-  }) // For each field, apply the appropriate operator function
+  })
+  // For each field, apply the appropriate operator function
   .reduce(function (filter, _ref2) {
     var name = _ref2.name,
-        operator = _ref2.operator,
-        strict = _ref2.strict;
+      operator = _ref2.operator,
+      strict = _ref2.strict;
     return filter[OPERATORS(true).get(operator, 'startsWith')](name, name, strict);
-  }, // Start with the above KQL query and start an OR block
-  fixedQueryBuilder.or()) // End once for the OR block and once to build the query
-  .end().end(); // Build values object using by query builder
+  },
+  // Start with the above KQL query and start an OR block
+  fixedQueryBuilder.or())
+  // End once for the OR block and once to build the query
+  .end().end();
 
+  // Build values object using by query builder
   var values = searchFields.reduce(function (values, field) {
-    return _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, field.name, field.value || value));
-  }, {}); // Build the query
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, values), {}, (0, _defineProperty2["default"])({}, field.name, field.value || value));
+  }, {});
 
+  // Build the query
   return queryBuilder(values);
 };
-
 var searchForms = function searchForms(_ref3) {
   var _ref3$search = _ref3.search,
-      search = _ref3$search === void 0 ? Map() : _ref3$search;
+    search = _ref3$search === void 0 ? (0, _immutable.Map)() : _ref3$search;
   return function (field, value, callback) {
-    var searchFields = Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : fields(search.get('datastore'));
-    return fetchForms({
+    var searchFields = _immutable.Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : fields(search.get('datastore'));
+    return (0, _apis.fetchForms)({
       datastore: search.get('datastore'),
       kappSlug: search.get('kappSlug'),
       q: buildQuery(searchFields, value),
@@ -79,8 +93,8 @@ var searchForms = function searchForms(_ref3) {
       "public": !!search.get('public')
     }).then(function (_ref4) {
       var forms = _ref4.forms,
-          error = _ref4.error,
-          nextPageToken = _ref4.nextPageToken;
+        error = _ref4.error,
+        nextPageToken = _ref4.nextPageToken;
       return {
         suggestions: forms || [],
         error: error,
@@ -89,13 +103,12 @@ var searchForms = function searchForms(_ref3) {
     }).then(callback);
   };
 };
-
 var formToValue = function formToValue(form) {
   return form && form.get('slug') || '';
-}; // Converts a typed in value to an option object. Used when adding custom values
-// when allowNew is true.
-
+};
 
+// Converts a typed in value to an option object. Used when adding custom values
+// when allowNew is true.
 var valueToCustomForm = function valueToCustomForm(_ref5) {
   var allowNew = _ref5.allowNew;
   return function (value) {
@@ -104,26 +117,23 @@ var valueToCustomForm = function valueToCustomForm(_ref5) {
     } : null : null;
   };
 };
-
 var getStatusProps = function getStatusProps(_ref6) {
   var _ref6$search = _ref6.search,
-      search = _ref6$search === void 0 ? Map() : _ref6$search,
-      _ref6$messages = _ref6.messages;
+    search = _ref6$search === void 0 ? (0, _immutable.Map)() : _ref6$search,
+    _ref6$messages = _ref6.messages;
   _ref6$messages = _ref6$messages === void 0 ? {} : _ref6$messages;
-
   var _ref6$messages$short = _ref6$messages["short"],
-      _short = _ref6$messages$short === void 0 ? 'Type to find a form.' : _ref6$messages$short,
-      _ref6$messages$empty = _ref6$messages.empty,
-      empty = _ref6$messages$empty === void 0 ? 'No matching forms.' : _ref6$messages$empty,
-      _ref6$messages$custom = _ref6$messages.custom,
-      custom = _ref6$messages$custom === void 0 ? 'No matching forms. Type to enter a custom option.' : _ref6$messages$custom,
-      _ref6$messages$pendin = _ref6$messages.pending,
-      pending = _ref6$messages$pendin === void 0 ? 'Searching...' : _ref6$messages$pendin,
-      _ref6$messages$more = _ref6$messages.more,
-      more = _ref6$messages$more === void 0 ? "Too many forms, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref6$messages$more,
-      _ref6$messages$error = _ref6$messages.error,
-      error = _ref6$messages$error === void 0 ? 'There was an error fetching forms.' : _ref6$messages$error;
-
+    _short = _ref6$messages$short === void 0 ? 'Type to find a form.' : _ref6$messages$short,
+    _ref6$messages$empty = _ref6$messages.empty,
+    empty = _ref6$messages$empty === void 0 ? 'No matching forms.' : _ref6$messages$empty,
+    _ref6$messages$custom = _ref6$messages.custom,
+    custom = _ref6$messages$custom === void 0 ? 'No matching forms. Type to enter a custom option.' : _ref6$messages$custom,
+    _ref6$messages$pendin = _ref6$messages.pending,
+    pending = _ref6$messages$pendin === void 0 ? 'Searching...' : _ref6$messages$pendin,
+    _ref6$messages$more = _ref6$messages.more,
+    more = _ref6$messages$more === void 0 ? "Too many forms, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref6$messages$more,
+    _ref6$messages$error = _ref6$messages.error,
+    error = _ref6$messages$error === void 0 ? 'There was an error fetching forms.' : _ref6$messages$error;
   return function (props) {
     return {
       info: props["short"] ? _short : props.pending ? pending : null,
@@ -131,9 +141,8 @@ var getStatusProps = function getStatusProps(_ref6) {
     };
   };
 };
-
-export var FormSelect = function FormSelect(props) {
-  return /*#__PURE__*/React.createElement(Typeahead, {
+var FormSelect = function FormSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
     multiple: props.multiple,
@@ -146,6 +155,9 @@ export var FormSelect = function FormSelect(props) {
     onChange: props.onChange,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    placeholder: props.placeholder
+    placeholder: props.placeholder,
+    id: props.id,
+    form: props.form
   });
-};
+};
+exports.FormSelect = FormSelect;

package/lib/components/common/NodeSelect.js

@@ -1,43 +1,44 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from 'react';
-import { Typeahead } from './Typeahead';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeSelect = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _Typeahead = require("./Typeahead");
 var searchNodes = function searchNodes(_ref) {
   var nodes = _ref.nodes,
-      tasks = _ref.tasks;
+    tasks = _ref.tasks;
   return function (field, value, callback) {
     return callback({
       suggestions: nodes.toList().map(function (node) {
         return [node, tasks.get(node.definitionId)];
       }).filter(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-            node = _ref3[0],
-            task = _ref3[1];
-
+        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+          node = _ref3[0],
+          task = _ref3[1];
         return node.name.toLowerCase().includes(value.toLowerCase()) || task && task.name.toLowerCase().includes(value.toLowerCase());
       }).toArray()
     });
   };
 };
-
 var pairToValue = function pairToValue() {
   var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [],
-      _ref5 = _slicedToArray(_ref4, 2),
-      node = _ref5[0],
-      task = _ref5[1];
-
+    _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+    node = _ref5[0],
+    task = _ref5[1];
   return node && node.name || '';
 };
-
 var getStatusProps = function getStatusProps(props) {
   return {
     info: props["short"] ? 'Type to find a node.' : props.pending ? 'Searching…' : null,
     warning: props.error ? 'There was an error searching nodes.' : props.empty ? 'No matching nodes.' : null
   };
 };
-
-export var NodeSelect = function NodeSelect(props) {
-  return /*#__PURE__*/React.createElement(Typeahead, {
+var NodeSelect = function NodeSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
     multiple: props.multiple,
@@ -55,6 +56,9 @@ export var NodeSelect = function NodeSelect(props) {
       return props.onHighlight(pair && pair.first());
     },
     onBlur: props.onBlur,
-    placeholder: props.placeholder
+    placeholder: props.placeholder,
+    id: props.id,
+    form: props.form
   });
-};
+};
+exports.NodeSelect = NodeSelect;