@kineticdata/react 5.1.1 → 6.0.0

package/lib/components/common/Scroller.js

@@ -1,26 +1,28 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import { Component, createRef } from 'react';
-export var Scroller = /*#__PURE__*/function (_Component) {
-  _inherits(Scroller, _Component);
-
-  var _super = _createSuper(Scroller);
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Scroller = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _react = require("react");
+var Scroller = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Scroller, _Component);
+  var _super = (0, _createSuper2["default"])(Scroller);
   function Scroller(props) {
     var _this;
-
-    _classCallCheck(this, Scroller);
-
+    (0, _classCallCheck2["default"])(this, Scroller);
     _this = _super.call(this, props);
-    _this.parent = createRef();
-    _this.child = createRef();
+    _this.parent = /*#__PURE__*/(0, _react.createRef)();
+    _this.child = /*#__PURE__*/(0, _react.createRef)();
     _this.lastTop = 0;
     return _this;
   }
-
-  _createClass(Scroller, [{
+  (0, _createClass2["default"])(Scroller, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.scroll();
@@ -35,12 +37,11 @@ export var Scroller = /*#__PURE__*/function (_Component) {
     value: function scroll() {
       var parent = this.parent.current;
       var child = this.child.current;
-
       if (child) {
         // in case the parent has an offsetTop we need to subtract that from the
         // child's for the calculations below
-        var childTop = child.offsetTop - parent.offsetTop; // when scrolling down...
-
+        var childTop = child.offsetTop - parent.offsetTop;
+        // when scrolling down...
         if (childTop > this.lastTop) {
           // check to see if the bottom of the child element is below the bottom
           // of the scrollable parent
@@ -48,7 +49,8 @@ export var Scroller = /*#__PURE__*/function (_Component) {
             // scroll the child into view (passing false which aligns by bottom)
             child.scrollIntoView(false);
           }
-        } // when scrolling up...
+        }
+        // when scrolling up...
         else if (childTop < this.lastTop) {
           // check to see if the top of the child element is above the top of the
           // scrollable parent
@@ -57,7 +59,6 @@ export var Scroller = /*#__PURE__*/function (_Component) {
             child.scrollIntoView(true);
           }
         }
-
         this.lastTop = child.offsetTop;
       }
     }
@@ -70,6 +71,6 @@ export var Scroller = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   return Scroller;
-}(Component);
+}(_react.Component);
+exports.Scroller = Scroller;

package/lib/components/common/StaticSelect.js

@@ -1,54 +1,62 @@
-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 { List, Map } from 'immutable';
-import { defineFilter } from '@kineticdata/react';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StaticSelect = 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 _immutable = require("immutable");
+var _react2 = require("@kineticdata/react");
 var fields = [{
   name: 'label'
 }, {
   name: 'value'
 }];
-var OPERATORS = Map({
+var OPERATORS = (0, _immutable.Map)({
   equals: 'equals',
   matches: 'matches',
   startsWith: 'startsWith'
-}); // Dynamically build filter function with correct operators
+});
 
+// Dynamically build filter function with correct operators
 var buildFilter = function buildFilter(searchFields) {
   var filter = searchFields.reduce(function (filter, _ref) {
     var name = _ref.name,
-        operator = _ref.operator;
+      operator = _ref.operator;
     return filter[OPERATORS.get(operator, 'startsWith')](name, name);
-  }, defineFilter(true, 'or')).end(); // Build values object to pass into above filter option
-
+  }, (0, _react2.defineFilter)(true, 'or')).end();
+  // Build values object to pass into above filter option
   return function (options, value) {
     var values = searchFields.reduce(function (values, _ref2) {
       var name = _ref2.name;
-      return _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, name, value));
+      return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, values), {}, (0, _defineProperty2["default"])({}, name, value));
     }, {});
     return options.filter(function (option) {
       return filter(option, values);
     });
   };
 };
-
 var searchOptions = function searchOptions(_ref3) {
   var allowNew = _ref3.allowNew,
-      options = _ref3.options,
-      _ref3$search = _ref3.search,
-      search = _ref3$search === void 0 ? Map() : _ref3$search;
+    options = _ref3.options,
+    _ref3$search = _ref3.search,
+    search = _ref3$search === void 0 ? (0, _immutable.Map)() : _ref3$search;
   return function (field, value, callback) {
     // Determine the fields config
-    var searchFields = Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : fields;
-
-    if (List.isList(options) && (allowNew || !options.isEmpty())) {
+    var searchFields = _immutable.Map.isMap(search) && search.has('fields') && !search.get('fields').isEmpty() ? search.get('fields').toJS() : fields;
+    if (_immutable.List.isList(options) && (allowNew || !options.isEmpty())) {
       // Get or build the filter function
-      var filter = typeof search.get('fn') === 'function' ? search.get('fn') : buildFilter(searchFields); // Filter the options
+      var filter = typeof search.get('fn') === 'function' ? search.get('fn') : buildFilter(searchFields);
 
+      // Filter the options
       var suggestions = filter(options.toJS(), value);
-      var limit = search.get('limit') || 25; // Return the matching suggestions
+      var limit = search.get('limit') || 25;
 
+      // Return the matching suggestions
       return callback({
         suggestions: suggestions.slice(0, limit),
         nextPageToken: suggestions.length > limit
@@ -61,46 +69,43 @@ var searchOptions = function searchOptions(_ref3) {
       });
     }
   };
-}; // 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;
-
+    _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;
   return function (props) {
     return {
       info: props["short"] ? _short : props.pending ? pending : null,
@@ -108,9 +113,8 @@ var getStatusProps = function getStatusProps(_ref7) {
     };
   };
 };
-
-export var StaticSelect = function StaticSelect(props) {
-  return /*#__PURE__*/React.createElement(Typeahead, {
+var StaticSelect = function StaticSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
     multiple: props.multiple,
@@ -123,6 +127,9 @@ export var StaticSelect = function StaticSelect(props) {
     onChange: props.onChange,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    placeholder: props.placeholder
+    placeholder: props.placeholder,
+    id: props.id,
+    form: props.form
   });
-};
+};
+exports.StaticSelect = StaticSelect;

package/lib/components/common/TableInput.js

@@ -1,63 +1,68 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { Fragment } from 'react';
-import { Map } from 'immutable';
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
-
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableLayout = exports.TableInput = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _immutable = require("immutable");
+var _reactBeautifulDnd = require("react-beautiful-dnd");
 var TextInput = function TextInput(props) {
-  return /*#__PURE__*/React.createElement("input", {
+  return /*#__PURE__*/_react["default"].createElement("input", {
     type: "text",
     id: props.id || props.name,
     name: props.name,
     value: props.value || '',
     onBlur: props.onBlur,
     onChange: props.onChange,
-    onFocus: props.onFocus
+    onFocus: props.onFocus,
+    form: props.form
   });
 };
-
 var CheckboxInput = function CheckboxInput(props) {
-  return /*#__PURE__*/React.createElement("input", {
+  return /*#__PURE__*/_react["default"].createElement("input", {
     type: "checkbox",
     id: props.id || props.name,
     name: props.name,
     checked: props.value || false,
     onBlur: props.onBlur,
     onChange: props.onChange,
-    onFocus: props.onFocus
+    onFocus: props.onFocus,
+    form: props.form
   });
 };
-
 var DragHandle = function DragHandle(props) {
-  return /*#__PURE__*/React.createElement("span", props, "\u2195");
+  return /*#__PURE__*/_react["default"].createElement("span", props, "\u2195");
 };
-
-export var TableLayout = function TableLayout(_ref) {
+var TableLayout = function TableLayout(_ref) {
   var rows = _ref.rows,
-      onAdd = _ref.onAdd,
-      options = _ref.options;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, options.toIndexedSeq().toList().map(function (config) {
-    return /*#__PURE__*/React.createElement("th", {
+    onAdd = _ref.onAdd,
+    options = _ref.options;
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, options.toIndexedSeq().toList().map(function (config) {
+    return /*#__PURE__*/_react["default"].createElement("th", {
       key: config.get('name')
     }, config.get('label'));
-  }), /*#__PURE__*/React.createElement("th", null, "\xA0"))), /*#__PURE__*/React.createElement("tbody", null, rows)), /*#__PURE__*/React.createElement("button", {
+  }), /*#__PURE__*/_react["default"].createElement("th", null, "\xA0"))), /*#__PURE__*/_react["default"].createElement("tbody", null, rows)), /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
     onClick: onAdd
   }, "Add"));
 };
-
+exports.TableLayout = TableLayout;
 var RowLayout = function RowLayout(_ref2) {
   var fields = _ref2.fields,
-      onDelete = _ref2.onDelete;
-  return /*#__PURE__*/React.createElement("tr", null, fields.map(function (field, name) {
-    return /*#__PURE__*/React.createElement("td", {
+    onDelete = _ref2.onDelete;
+  return /*#__PURE__*/_react["default"].createElement("tr", null, fields.map(function (field, name) {
+    return /*#__PURE__*/_react["default"].createElement("td", {
       key: name
     }, field);
-  }).toList(), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("button", {
+  }).toList(), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
     onClick: onDelete
   }, "Delete")));
 };
-
 var typeToComponent = {
   drag: 'DragHandle',
   text: 'TextInput',
@@ -70,42 +75,36 @@ var defaultComponents = {
   CheckboxInput: CheckboxInput,
   DragHandle: DragHandle
 };
-
 var fieldFromConfig = function fieldFromConfig(config) {
   var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return components[typeToComponent[config.get('type')]] || components['TextInput'];
 };
-
-export var TableInput = function TableInput(props) {
+var TableInput = function TableInput(props) {
   var _props$components = props.components,
-      components = _props$components === void 0 ? {} : _props$components,
-      options = props.options,
-      rows = props.rows,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus;
-
-  var appliedComponents = _objectSpread(_objectSpread({}, defaultComponents), components);
-
+    components = _props$components === void 0 ? {} : _props$components,
+    options = props.options,
+    rows = props.rows,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    form = props.form;
+  var appliedComponents = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultComponents), components);
   var RowLayout = appliedComponents.RowLayout,
-      TableLayout = appliedComponents.TableLayout;
-
+    TableLayout = appliedComponents.TableLayout;
   var handleAddRow = function handleAddRow(e) {
     e.preventDefault();
     var newRow = options.filter(function (config) {
       return config.get('type') !== 'drag';
     }).reduce(function (row, config) {
       return row.set(config.get('name'), config.get('type') === 'checkbox' ? false : '');
-    }, Map());
+    }, (0, _immutable.Map)());
     onChange(rows.push(newRow));
   };
-
   var onDragEnd = function onDragEnd(e) {
     if (e.source && e.destination) {
       onChange(rows["delete"](e.source.index).insert(e.destination.index, rows.get(e.source.index)));
     }
   };
-
   var isDragDisabled = !options.some(function (option) {
     return option.get('type') === 'drag';
   });
@@ -114,8 +113,7 @@ export var TableInput = function TableInput(props) {
       e.preventDefault();
       onChange(rows["delete"](index));
     };
-
-    return /*#__PURE__*/React.createElement(Draggable, {
+    return /*#__PURE__*/_react["default"].createElement(_reactBeautifulDnd.Draggable, {
       draggableId: "draggable".concat(index),
       index: index,
       key: index,
@@ -128,27 +126,25 @@ export var TableInput = function TableInput(props) {
         return config.get('name');
       }).map(function (config) {
         var Field = fieldFromConfig(config, appliedComponents);
-
         var _config$toObject = config.toObject(),
-            label = _config$toObject.label,
-            name = _config$toObject.name,
-            type = _config$toObject.type;
-
+          label = _config$toObject.label,
+          name = _config$toObject.name,
+          type = _config$toObject.type;
         var fieldOnChange = function fieldOnChange(e) {
           return onChange(rows.setIn([index, name], type === 'checkbox' ? e.target.checked : e.target.value));
         };
-
         var value = row.get(name);
         var props = type === 'drag' ? provided.dragHandleProps : {
           label: label,
           onBlur: onBlur,
           onChange: fieldOnChange,
           onFocus: onFocus,
-          value: value
+          value: value,
+          form: form
         };
-        return /*#__PURE__*/React.createElement(Field, props);
+        return /*#__PURE__*/_react["default"].createElement(Field, props);
       });
-      return /*#__PURE__*/React.createElement(RowLayout, {
+      return /*#__PURE__*/_react["default"].createElement(RowLayout, {
         draggableRef: provided.innerRef,
         draggableProps: provided.draggableProps,
         dragging: snapshot.isDragging,
@@ -158,12 +154,12 @@ export var TableInput = function TableInput(props) {
       });
     });
   });
-  return /*#__PURE__*/React.createElement(DragDropContext, {
+  return /*#__PURE__*/_react["default"].createElement(_reactBeautifulDnd.DragDropContext, {
     onDragEnd: onDragEnd
-  }, /*#__PURE__*/React.createElement(Droppable, {
+  }, /*#__PURE__*/_react["default"].createElement(_reactBeautifulDnd.Droppable, {
     droppableId: "droppable"
   }, function (provided) {
-    return /*#__PURE__*/React.createElement(TableLayout, {
+    return /*#__PURE__*/_react["default"].createElement(TableLayout, {
       droppableRef: provided.innerRef,
       rows: fieldRows,
       onAdd: handleAddRow,
@@ -171,4 +167,5 @@ export var TableInput = function TableInput(props) {
       placeholder: provided.placeholder
     });
   }));
-};
+};
+exports.TableInput = TableInput;

package/lib/components/common/TeamSelect.js

@@ -1,18 +1,24 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from 'react';
-import { Typeahead } from './Typeahead';
-import { fetchTeams } from '../../apis';
-import { Map } from 'immutable';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamSelect = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _Typeahead = require("./Typeahead");
+var _apis = require("../../apis");
+var _immutable = require("immutable");
 var fields = {
   name: 'Full Name',
   localName: 'Local Name'
 };
-
 var searchTeams = function searchTeams(_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) {
-    return fetchTeams({
+    return (0, _apis.fetchTeams)({
       q: Object.keys(fields).filter(function (searchField) {
         return !field || searchField === field;
       }).map(function (field) {
@@ -23,8 +29,8 @@ var searchTeams = function searchTeams(_ref) {
       "public": !!search.get('public')
     }).then(function (_ref2) {
       var teams = _ref2.teams,
-          error = _ref2.error,
-          nextPageToken = _ref2.nextPageToken;
+        error = _ref2.error,
+        nextPageToken = _ref2.nextPageToken;
       return {
         suggestions: teams || [],
         error: error,
@@ -33,13 +39,12 @@ var searchTeams = function searchTeams(_ref) {
     }).then(callback);
   };
 };
-
 var teamToValue = function teamToValue(team) {
   return team && team.get('name') || '';
-}; // 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 valueToCustomTeam = function valueToCustomTeam(_ref3) {
   var allowNew = _ref3.allowNew;
   return function (value) {
@@ -48,26 +53,23 @@ var valueToCustomTeam = function valueToCustomTeam(_ref3) {
     } : null : null;
   };
 };
-
 var getStatusProps = function getStatusProps(_ref4) {
   var _ref4$search = _ref4.search,
-      search = _ref4$search === void 0 ? Map() : _ref4$search,
-      _ref4$messages = _ref4.messages;
+    search = _ref4$search === void 0 ? (0, _immutable.Map)() : _ref4$search,
+    _ref4$messages = _ref4.messages;
   _ref4$messages = _ref4$messages === void 0 ? {} : _ref4$messages;
-
   var _ref4$messages$short = _ref4$messages["short"],
-      _short = _ref4$messages$short === void 0 ? 'Type to find a team.' : _ref4$messages$short,
-      _ref4$messages$empty = _ref4$messages.empty,
-      empty = _ref4$messages$empty === void 0 ? 'No matching teams.' : _ref4$messages$empty,
-      _ref4$messages$custom = _ref4$messages.custom,
-      custom = _ref4$messages$custom === void 0 ? 'No matching teams. Type to enter a custom option.' : _ref4$messages$custom,
-      _ref4$messages$pendin = _ref4$messages.pending,
-      pending = _ref4$messages$pendin === void 0 ? 'Searching...' : _ref4$messages$pendin,
-      _ref4$messages$more = _ref4$messages.more,
-      more = _ref4$messages$more === void 0 ? "Too many teams, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref4$messages$more,
-      _ref4$messages$error = _ref4$messages.error,
-      error = _ref4$messages$error === void 0 ? 'There was an error fetching teams.' : _ref4$messages$error;
-
+    _short = _ref4$messages$short === void 0 ? 'Type to find a team.' : _ref4$messages$short,
+    _ref4$messages$empty = _ref4$messages.empty,
+    empty = _ref4$messages$empty === void 0 ? 'No matching teams.' : _ref4$messages$empty,
+    _ref4$messages$custom = _ref4$messages.custom,
+    custom = _ref4$messages$custom === void 0 ? 'No matching teams. Type to enter a custom option.' : _ref4$messages$custom,
+    _ref4$messages$pendin = _ref4$messages.pending,
+    pending = _ref4$messages$pendin === void 0 ? 'Searching...' : _ref4$messages$pendin,
+    _ref4$messages$more = _ref4$messages.more,
+    more = _ref4$messages$more === void 0 ? "Too many teams, first ".concat(search.get('limit') || 25, " shown. Please refine your search.") : _ref4$messages$more,
+    _ref4$messages$error = _ref4$messages.error,
+    error = _ref4$messages$error === void 0 ? 'There was an error fetching teams.' : _ref4$messages$error;
   return function (props) {
     return {
       meta: props.searchField ? "Find Teams by ".concat(fields[props.searchField]) : null,
@@ -75,10 +77,9 @@ var getStatusProps = function getStatusProps(_ref4) {
       warning: props.error || props.more || props.empty ? props.error && props.error.key === 'too_many_matches' ? 'Too many teams to display. Please refine your search below.' : props.more ? more : props.empty && !props.custom ? empty : props.empty && props.custom ? custom : error : null,
       clearFilterField: props.searchField ? props.setSearchField(null) : null,
       filterFieldOptions: props.error && props.error.key === 'too_many_matches' ? Object.entries(props.error.errorData.matches).map(function (_ref5) {
-        var _ref6 = _slicedToArray(_ref5, 2),
-            field = _ref6[0],
-            count = _ref6[1];
-
+        var _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
+          field = _ref6[0],
+          count = _ref6[1];
         return {
           field: field,
           count: count,
@@ -90,9 +91,8 @@ var getStatusProps = function getStatusProps(_ref4) {
     };
   };
 };
-
-export var TeamSelect = function TeamSelect(props) {
-  return /*#__PURE__*/React.createElement(Typeahead, {
+var TeamSelect = function TeamSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Typeahead.Typeahead, {
     components: props.components || {},
     disabled: props.disabled,
     multiple: props.multiple,
@@ -105,6 +105,9 @@ export var TeamSelect = function TeamSelect(props) {
     onChange: props.onChange,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    placeholder: props.placeholder
+    placeholder: props.placeholder,
+    id: props.id,
+    form: props.form
   });
-};
+};
+exports.TeamSelect = TeamSelect;