@sproutsocial/racine 12.22.0 → 12.23.0

package/commonjs/TokenInput/index.js

@@ -1,6 +1,9 @@
 "use strict";
 
-exports.__esModule = true;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireDefault(require("./styles"));
@@ -12,45 +15,57 @@ var _Token = _interopRequireDefault(require("../Token"));
 var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var DefaultDelimiters = [',', 'Enter'];
 var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
 var TokenInput = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TokenInput, _React$Component);
+  _inherits(TokenInput, _React$Component);
+  var _super = _createSuper(TokenInput);
   function TokenInput(props) {
     var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.delimiterMatcher = void 0;
-    _this.handleChangeText = function (e) {
+    _classCallCheck(this, TokenInput);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "handleChangeText", function (e) {
       var value = e.currentTarget.value;
       var onChange = _this.props.onChange;
       _this.setState({
         value: value
       });
-      onChange == null ? void 0 : onChange(e, value);
-    };
-    _this.handleFocus = function (e) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
       var onFocus = _this.props.onFocus;
       _this.setState({
         hasFocus: true
       });
-      onFocus == null ? void 0 : onFocus(e);
-    };
-    _this.handleBlur = function (e) {
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
       var onBlur = _this.props.onBlur;
       if (onBlur) onBlur(e);
       _this.setState({
         hasFocus: false
       });
-    };
-    _this.handleKeyUp = function (e) {
-      _this.props.onKeyUp == null ? void 0 : _this.props.onKeyUp(e, e.currentTarget.value);
-    };
-    _this.handleKeyDown = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
+      var _this$props$onKeyUp, _this$props;
+      (_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0 ? void 0 : _this$props$onKeyUp.call(_this$props, e, e.currentTarget.value);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
       var onKeyDown = _this.props.onKeyDown;
       var key = e.key,
         currentTarget = e.currentTarget;
@@ -70,8 +85,8 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
           _this.deleteToken();
         }
       }
-    };
-    _this.handlePaste = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
       var text = e.clipboardData.getData('text');
       var onPaste = _this.props.onPaste;
       if (onPaste) onPaste(e, text);
@@ -83,16 +98,16 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
         _this.spawnNewTokens(texts);
         e.preventDefault();
       }
-    };
-    _this.handleClickToken = function (e, token) {
-      var _this$props = _this.props,
-        onClickToken = _this$props.onClickToken,
-        disabled = _this$props.disabled;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickToken", function (e, token) {
+      var _this$props2 = _this.props,
+        onClickToken = _this$props2.onClickToken,
+        disabled = _this$props2.disabled;
       if (onClickToken) onClickToken(e, token.id);
       if (!disabled) {
         _this.deleteToken(token.id);
       }
-    };
+    });
     var hasFocus = props.hasFocus,
       activeToken = props.activeToken,
       _value = props.value,
@@ -106,175 +121,189 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  TokenInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
-    var prevProps = state.prevProps;
-    var modifiedState = {};
-    ControlledPropNames.forEach(function (propName) {
-      var currentProp = props[propName];
-      if (currentProp !== prevProps[propName]) {
-        modifiedState[propName] = currentProp;
+  _createClass(TokenInput, [{
+    key: "isDelimiter",
+    value: function isDelimiter(keyName) {
+      var _this$props$delimiter = this.props.delimiters,
+        delimiters = _this$props$delimiter === void 0 ? DefaultDelimiters : _this$props$delimiter;
+      return delimiters.includes(keyName);
+    }
+  }, {
+    key: "spawnNewTokens",
+    value: function spawnNewTokens(texts) {
+      var _this$props3 = this.props,
+        onAddToken = _this$props3.onAddToken,
+        onChangeTokens = _this$props3.onChangeTokens,
+        _this$props3$tokenMax = _this$props3.tokenMaxLength,
+        max = _this$props3$tokenMax === void 0 ? Infinity : _this$props3$tokenMax,
+        _this$props3$tokens = _this$props3.tokens,
+        tokens = _this$props3$tokens === void 0 ? [] : _this$props3$tokens;
+      var tokenSpecs = texts.map(function (text) {
+        return (0, _util.asTokenSpec)(text.slice(0, max));
+      });
+      if (onAddToken) {
+        tokenSpecs.forEach(onAddToken);
+      } else if (onChangeTokens) {
+        onChangeTokens(tokens.concat(tokenSpecs));
       }
-    });
-    modifiedState.prevProps = props;
-    return modifiedState;
-  };
-  var _proto = TokenInput.prototype;
-  _proto.isDelimiter = function isDelimiter(keyName) {
-    var _this$props$delimiter = this.props.delimiters,
-      delimiters = _this$props$delimiter === void 0 ? DefaultDelimiters : _this$props$delimiter;
-    return delimiters.includes(keyName);
-  };
-  _proto.spawnNewTokens = function spawnNewTokens(texts) {
-    var _this$props2 = this.props,
-      onAddToken = _this$props2.onAddToken,
-      onChangeTokens = _this$props2.onChangeTokens,
-      _this$props2$tokenMax = _this$props2.tokenMaxLength,
-      max = _this$props2$tokenMax === void 0 ? Infinity : _this$props2$tokenMax,
-      _this$props2$tokens = _this$props2.tokens,
-      tokens = _this$props2$tokens === void 0 ? [] : _this$props2$tokens;
-    var tokenSpecs = texts.map(function (text) {
-      return (0, _util.asTokenSpec)(text.slice(0, max));
-    });
-    if (onAddToken) {
-      tokenSpecs.forEach(onAddToken);
-    } else if (onChangeTokens) {
-      onChangeTokens(tokens.concat(tokenSpecs));
+      this.setState({
+        value: ''
+      });
     }
-    this.setState({
-      value: ''
-    });
-  };
-  _proto.deleteToken = function deleteToken(tokenId) {
-    var _this$props3 = this.props,
-      onRemoveToken = _this$props3.onRemoveToken,
-      onChangeTokens = _this$props3.onChangeTokens,
-      _this$props3$tokens = _this$props3.tokens,
-      tokens = _this$props3$tokens === void 0 ? [] : _this$props3$tokens;
-    var count = tokens.length;
-    if (count === 0) return;
-    var id = tokenId != null ? tokenId : tokens[count - 1].id;
-    if (onRemoveToken) {
-      onRemoveToken(id);
-    } else if (onChangeTokens) {
-      onChangeTokens(tokens.filter(function (tokenSpec) {
-        return tokenSpec.id !== id;
-      }));
+  }, {
+    key: "deleteToken",
+    value: function deleteToken(tokenId) {
+      var _this$props4 = this.props,
+        onRemoveToken = _this$props4.onRemoveToken,
+        onChangeTokens = _this$props4.onChangeTokens,
+        _this$props4$tokens = _this$props4.tokens,
+        tokens = _this$props4$tokens === void 0 ? [] : _this$props4$tokens;
+      var count = tokens.length;
+      if (count === 0) return;
+      var id = tokenId !== null && tokenId !== void 0 ? tokenId : tokens[count - 1].id;
+      if (onRemoveToken) {
+        onRemoveToken(id);
+      } else if (onChangeTokens) {
+        onChangeTokens(tokens.filter(function (tokenSpec) {
+          return tokenSpec.id !== id;
+        }));
+      }
+      this.setState({
+        value: ''
+      });
     }
-    this.setState({
-      value: ''
-    });
-  };
-  _proto.renderToken = function renderToken(token) {
-    var _this2 = this;
-    var _this$props4 = this.props,
-      defaultIconName = _this$props4.iconName,
-      disabled = _this$props4.disabled;
-    var activeId = this.state.activeToken;
-    var id = token.id,
-      tokenIconName = token.iconName,
-      value = token.value,
-      valid = token.valid;
-    var iconName = tokenIconName || defaultIconName;
-    var isActive = activeId === id;
-    return /*#__PURE__*/React.createElement(_Token.default, {
-      id: id,
-      onClick: function onClick(e) {
-        return _this2.handleClickToken(e, token);
-      },
-      valid: valid,
-      active: isActive,
-      disabled: disabled
-    }, /*#__PURE__*/React.createElement(_Box.default, {
-      display: "flex",
-      alignItems: "center"
-    }, iconName && /*#__PURE__*/React.createElement(_Icon.default, {
-      name: iconName,
-      size: "mini",
-      pr: 300
-    }), value));
-  };
-  _proto.renderTokens = function renderTokens(tokens) {
-    var _this3 = this;
-    return tokens.map(function (token) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: token.id,
-        className: "TokenInput-token"
-      }, _this3.renderToken(token));
-    });
-  };
-  _proto.render = function render() {
-    var _this$props5 = this.props,
-      autoFocus = _this$props5.autoFocus,
-      autocomplete = _this$props5.autocomplete,
-      disabled = _this$props5.disabled,
-      isInvalid = _this$props5.isInvalid,
-      hasWarning = _this$props5.hasWarning,
-      id = _this$props5.id,
-      name = _this$props5.name,
-      placeholder = _this$props5.placeholder,
-      required = _this$props5.required,
-      value = _this$props5.value,
-      elemBefore = _this$props5.elemBefore,
-      elemAfter = _this$props5.elemAfter,
-      maxLength = _this$props5.maxLength,
-      ariaDescribedby = _this$props5.ariaDescribedby,
-      ariaLabel = _this$props5.ariaLabel,
-      innerRef = _this$props5.innerRef,
-      onAddToken = _this$props5.onAddToken,
-      onRemoveToken = _this$props5.onRemoveToken,
-      onChangeTokens = _this$props5.onChangeTokens,
-      onClickToken = _this$props5.onClickToken,
-      onBlur = _this$props5.onBlur,
-      onChange = _this$props5.onChange,
-      onFocus = _this$props5.onFocus,
-      onKeyDown = _this$props5.onKeyDown,
-      onKeyUp = _this$props5.onKeyUp,
-      onPaste = _this$props5.onPaste,
-      _this$props5$inputPro = _this$props5.inputProps,
-      inputProps = _this$props5$inputPro === void 0 ? {} : _this$props5$inputPro,
-      _this$props5$qa = _this$props5.qa,
-      qa = _this$props5$qa === void 0 ? {} : _this$props5$qa,
-      tokens = _this$props5.tokens,
-      rest = _objectWithoutPropertiesLoose(_this$props5, _excluded);
-    var state = this.state;
-    return /*#__PURE__*/React.createElement(_styles.default, _extends({
-      hasBeforeElement: !!elemBefore,
-      hasAfterElement: !!elemAfter,
-      disabled: disabled,
-      invalid: !!isInvalid,
-      warning: hasWarning,
-      focused: state.hasFocus
-      // $FlowIssue - upgrade v0.112.0
-    }, rest), elemBefore && /*#__PURE__*/React.createElement(_styles2.Accessory, {
-      before: true
-    }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement("input", _extends({
-      "aria-describedby": ariaDescribedby,
-      "aria-invalid": !!isInvalid,
-      "aria-label": ariaLabel,
-      autoFocus: autoFocus,
-      autoComplete: autocomplete,
-      disabled: disabled,
-      id: id,
-      name: name,
-      placeholder: placeholder,
-      type: "text",
-      required: required,
-      value: state.value,
-      maxLength: maxLength,
-      onBlur: this.handleBlur,
-      onChange: this.handleChangeText,
-      onFocus: this.handleFocus,
-      onKeyDown: this.handleKeyDown,
-      onKeyUp: this.handleKeyUp,
-      onPaste: this.handlePaste,
-      ref: innerRef,
-      "data-qa-input": name || '',
-      "data-qa-input-isdisabled": !!disabled,
-      "data-qa-input-isrequired": !!required
-    }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(_styles2.Accessory, {
-      after: true
-    }, elemAfter));
-  };
+  }, {
+    key: "renderToken",
+    value: function renderToken(token) {
+      var _this2 = this;
+      var _this$props5 = this.props,
+        defaultIconName = _this$props5.iconName,
+        disabled = _this$props5.disabled;
+      var activeId = this.state.activeToken;
+      var id = token.id,
+        tokenIconName = token.iconName,
+        value = token.value,
+        valid = token.valid;
+      var iconName = tokenIconName || defaultIconName;
+      var isActive = activeId === id;
+      return /*#__PURE__*/React.createElement(_Token.default, {
+        id: id,
+        onClick: function onClick(e) {
+          return _this2.handleClickToken(e, token);
+        },
+        valid: valid,
+        active: isActive,
+        disabled: disabled
+      }, /*#__PURE__*/React.createElement(_Box.default, {
+        display: "flex",
+        alignItems: "center"
+      }, iconName && /*#__PURE__*/React.createElement(_Icon.default, {
+        name: iconName,
+        size: "mini",
+        pr: 300
+      }), value));
+    }
+  }, {
+    key: "renderTokens",
+    value: function renderTokens(tokens) {
+      var _this3 = this;
+      return tokens.map(function (token) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: token.id,
+          className: "TokenInput-token"
+        }, _this3.renderToken(token));
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props6 = this.props,
+        autoFocus = _this$props6.autoFocus,
+        autocomplete = _this$props6.autocomplete,
+        disabled = _this$props6.disabled,
+        isInvalid = _this$props6.isInvalid,
+        hasWarning = _this$props6.hasWarning,
+        id = _this$props6.id,
+        name = _this$props6.name,
+        placeholder = _this$props6.placeholder,
+        required = _this$props6.required,
+        value = _this$props6.value,
+        elemBefore = _this$props6.elemBefore,
+        elemAfter = _this$props6.elemAfter,
+        maxLength = _this$props6.maxLength,
+        ariaDescribedby = _this$props6.ariaDescribedby,
+        ariaLabel = _this$props6.ariaLabel,
+        innerRef = _this$props6.innerRef,
+        onAddToken = _this$props6.onAddToken,
+        onRemoveToken = _this$props6.onRemoveToken,
+        onChangeTokens = _this$props6.onChangeTokens,
+        onClickToken = _this$props6.onClickToken,
+        onBlur = _this$props6.onBlur,
+        onChange = _this$props6.onChange,
+        onFocus = _this$props6.onFocus,
+        onKeyDown = _this$props6.onKeyDown,
+        onKeyUp = _this$props6.onKeyUp,
+        onPaste = _this$props6.onPaste,
+        _this$props6$inputPro = _this$props6.inputProps,
+        inputProps = _this$props6$inputPro === void 0 ? {} : _this$props6$inputPro,
+        _this$props6$qa = _this$props6.qa,
+        qa = _this$props6$qa === void 0 ? {} : _this$props6$qa,
+        tokens = _this$props6.tokens,
+        rest = _objectWithoutProperties(_this$props6, _excluded);
+      var state = this.state;
+      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+        hasBeforeElement: !!elemBefore,
+        hasAfterElement: !!elemAfter,
+        disabled: disabled,
+        invalid: !!isInvalid,
+        warning: hasWarning,
+        focused: state.hasFocus
+        // $FlowIssue - upgrade v0.112.0
+      }, rest), elemBefore && /*#__PURE__*/React.createElement(_styles2.Accessory, {
+        before: true
+      }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement("input", _extends({
+        "aria-describedby": ariaDescribedby,
+        "aria-invalid": !!isInvalid,
+        "aria-label": ariaLabel,
+        autoFocus: autoFocus,
+        autoComplete: autocomplete,
+        disabled: disabled,
+        id: id,
+        name: name,
+        placeholder: placeholder,
+        type: "text",
+        required: required,
+        value: state.value,
+        maxLength: maxLength,
+        onBlur: this.handleBlur,
+        onChange: this.handleChangeText,
+        onFocus: this.handleFocus,
+        onKeyDown: this.handleKeyDown,
+        onKeyUp: this.handleKeyUp,
+        onPaste: this.handlePaste,
+        ref: innerRef,
+        "data-qa-input": name || '',
+        "data-qa-input-isdisabled": !!disabled,
+        "data-qa-input-isrequired": !!required
+      }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(_styles2.Accessory, {
+        after: true
+      }, elemAfter));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var prevProps = state.prevProps;
+      var modifiedState = {};
+      ControlledPropNames.forEach(function (propName) {
+        var currentProp = props[propName];
+        if (currentProp !== prevProps[propName]) {
+          modifiedState[propName] = currentProp;
+        }
+      });
+      modifiedState.prevProps = props;
+      return modifiedState;
+    }
+  }]);
   return TokenInput;
 }(React.Component);
 exports.default = TokenInput;

package/commonjs/TokenInput/styles.js

@@ -1,12 +1,15 @@
 "use strict";
 
-exports.__esModule = true;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _systemProps = require("../utils/system-props");
 var _mixins = require("../utils/mixins");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "styles__Container",

package/commonjs/TokenInput/util.js

@@ -1,13 +1,15 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.delimitersAsRegExp = exports.asTokenSpec = void 0;
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var asTokenSpec = function asTokenSpec(text) {
   return {
-    id: (0, _lodash.default)(text + "-"),
+    id: (0, _lodash.default)("".concat(text, "-")),
     value: text.trim()
   };
 };
@@ -20,6 +22,6 @@ var delimitersAsRegExp = function delimitersAsRegExp(delimiters) {
   var chars = delimiters.map(function (key) {
     return KeyNameToRegExpChar[key] || key;
   }).join('');
-  return RegExp("[" + chars + "]");
+  return RegExp("[".concat(chars, "]"));
 };
 exports.delimitersAsRegExp = delimitersAsRegExp;

package/commonjs/Tooltip/index.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
@@ -10,7 +12,18 @@ var _excluded = ["content", "children", "enterDelay", "placement", "appearance",
   _excluded2 = ["appearance", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var idCounter = 0;
@@ -38,15 +51,18 @@ var Tooltip = function Tooltip(_ref) {
     popoutProps = _ref.popoutProps,
     _ref$truncated = _ref.truncated,
     truncated = _ref$truncated === void 0 ? false : _ref$truncated,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, React.useState)(false),
-    shouldShow = _useState[0],
-    setShouldShow = _useState[1];
-  var _useState2 = (0, React.useState)(false),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useState3 = (0, React.useState)("Racine-tooltip-" + idCounter++),
-    id = _useState3[0];
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldShow = _useState2[0],
+    setShouldShow = _useState2[1];
+  var _useState3 = (0, React.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var _useState5 = (0, React.useState)("Racine-tooltip-".concat(idCounter++)),
+    _useState6 = _slicedToArray(_useState5, 1),
+    id = _useState6[0];
   var isInvalidContent = content === null || content === undefined;
   var show = function show() {
     return setShouldShow(true);
@@ -55,7 +71,7 @@ var Tooltip = function Tooltip(_ref) {
     return setShouldShow(false);
   };
   var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
-  var defaultAppearance = appearance || (typeof content === 'object' ? 'box' : 'pill');
+  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
   var shouldTooltipContentsBeInteractive = defaultAppearance === 'box';
   (0, React.useEffect)(function () {
     var timeout;
@@ -74,7 +90,7 @@ var Tooltip = function Tooltip(_ref) {
   }, [isOpen, shouldShow, enterDelay, exitDelay]);
   var wrappedContent = wrapContent(
   // $FlowIssue - https://github.com/facebook/flow/issues/6392
-  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _extends({
+  content, shouldTooltipContentsBeInteractive ? show : undefined, shouldTooltipContentsBeInteractive ? hide : undefined, Content, defaultAppearance, _objectSpread({
     id: id
   }, rest), {});
   var ariaPropsForWrappedChildren = isOpen ? {
@@ -92,7 +108,7 @@ var Tooltip = function Tooltip(_ref) {
     content: !isInvalidContent ? wrappedContent : undefined,
     isOpen: isOpen,
     placement: placement,
-    qa: _extends({
+    qa: _objectSpread({
       'data-qa-tooltip': id
     }, qa),
     focusOnContent: false,
@@ -104,7 +120,7 @@ var Content = function Content(_ref2) {
   var _ref2$appearance = _ref2.appearance,
     appearance = _ref2$appearance === void 0 ? 'pill' : _ref2$appearance,
     children = _ref2.children,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
     appearance: appearance,
     borderRadius: appearance === 'box' ? 500 : '5000em',