@spothero/ui 15.10.8 → 16.0.0-beta.0

package/backlog/Label/Label.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _excluded = ["className", "children"];
-
-var Label = function Label(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      additionalProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('Label', className);
-  return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({
-    className: classes
-  }, additionalProps), children);
-};
-
-var _default = Label;
-exports.default = _default;

package/backlog/Notification/Notification.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _bind = _interopRequireDefault(require("lodash/bind"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ssrWindow = require("ssr-window");
-
-var _checkCircle = _interopRequireDefault(require("@spothero/icons/check-circle"));
-
-var _exclamationCircle = _interopRequireDefault(require("@spothero/icons/exclamation-circle"));
-
-var _exclamationTriangle = _interopRequireDefault(require("@spothero/icons/exclamation-triangle"));
-
-var _heroCar = _interopRequireDefault(require("@spothero/icons/hero-car"));
-
-var _times = _interopRequireDefault(require("@spothero/icons/times"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _Button = _interopRequireDefault(require("../v1/components/Button/Button"));
-
-var _NotificationPropTypes = _interopRequireDefault(require("./NotificationPropTypes"));
-
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-var Notification = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Notification, _Component);
-
-  var _super = _createSuper(Notification);
-
-  function Notification(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Notification);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onHideClick", function (evt) {
-      _this._hide();
-    });
-    var duration = props.duration,
-        autoClose = props.autoClose;
-
-    if (autoClose) {
-      _this._hideTimeout = _ssrWindow.window.setTimeout((0, _bind.default)(_this._hide, (0, _assertThisInitialized2.default)(_this)), duration);
-    }
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(Notification, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      _ssrWindow.window.setTimeout(function () {
-        _dom.default.addClass(_this2._notification, 'Notification-showing');
-      }, 100);
-    }
-  }, {
-    key: "_hide",
-    value: function _hide() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          onHidden = _this$props.onHidden,
-          onRemove = _this$props.onRemove;
-
-      if (this._hideTimeout) {
-        _ssrWindow.window.clearTimeout(this._hideTimeout);
-      }
-
-      _dom.default.removeClass(this._notification, 'Notification-showing');
-
-      _ssrWindow.window.setTimeout(function () {
-        _dom.default.removeClass(_this3._notification, 'Notification-showing');
-
-        if (onHidden) {
-          onHidden(_this3.props);
-        }
-
-        onRemove();
-      }, 500);
-    }
-  }, {
-    key: "_renderIcon",
-    value: function _renderIcon() {
-      var type = this.props.type;
-
-      switch (type) {
-        case 'success':
-          return /*#__PURE__*/_react.default.createElement(_checkCircle.default, null);
-
-        case 'warning':
-          return /*#__PURE__*/_react.default.createElement(_exclamationTriangle.default, null);
-
-        case 'error':
-          return /*#__PURE__*/_react.default.createElement(_exclamationCircle.default, null);
-
-        case 'info':
-        default:
-          return /*#__PURE__*/_react.default.createElement(_heroCar.default, null);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          type = _this$props2.type,
-          message = _this$props2.message,
-          showClose = _this$props2.showClose;
-      var classes = (0, _classnames.default)('Notification', "Notification-".concat(type), className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes,
-        ref: function ref(node) {
-          _this4._notification = node;
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "Notification-content-container container"
-      }, this._renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
-        className: "Notification-content"
-      }, message), showClose && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "Notification-hide",
-        onClick: this._onHideClick
-      }, /*#__PURE__*/_react.default.createElement(_times.default, {
-        className: "Icon-cancel"
-      }))));
-    }
-  }]);
-  return Notification;
-}(_react.Component);
-
-exports.default = Notification;
-(0, _defineProperty2.default)(Notification, "defaultProps", {
-  type: 'info',
-  duration: 3000,
-  showClose: true,
-  autoClose: true
-});

package/backlog/Notification/NotificationContainer.js

@@ -1,131 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _find = _interopRequireDefault(require("lodash/find"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Notification = _interopRequireDefault(require("./Notification"));
-
-var _NotificationPropTypes = _interopRequireDefault(require("./NotificationPropTypes"));
-
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-var NotificationContainer = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(NotificationContainer, _Component);
-
-  var _super = _createSuper(NotificationContainer);
-
-  function NotificationContainer(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, NotificationContainer);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      currentNotification: _this.props.notification
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onRemove", function () {
-      _this._notificationQueue.shift(); // clear the state first so that it causes a re-render and the queue can be re-checked
-
-
-      _this.setState({
-        currentNotification: null
-      });
-    });
-    var notification = props.notification;
-    _this._notificationQueue = [];
-
-    if (notification) {
-      _this._notificationQueue.push(notification);
-    }
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(NotificationContainer, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props = this.props,
-          notification = _this$props.notification,
-          onQueueEmpty = _this$props.onQueueEmpty;
-
-      this._checkQueue();
-
-      if (prevState.currentNotification && !this.state.currentNotification && !this._notificationQueue.length && onQueueEmpty) {
-        onQueueEmpty();
-      } else if (notification && !(0, _find.default)(this._notificationQueue, {
-        id: notification.id
-      }) // eslint-disable-line react/prop-types
-      ) {
-        // eslint-disable-line react/prop-types
-        this._notificationQueue.push(notification);
-
-        this._checkQueue();
-      }
-    }
-  }, {
-    key: "_checkQueue",
-    value: function _checkQueue() {
-      if (this.state.currentNotification || !this._notificationQueue.length) {
-        return;
-      }
-
-      this.setState({
-        currentNotification: this._notificationQueue[0]
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var className = this.props.className;
-      var currentNotification = this.state.currentNotification;
-      var classes = (0, _classnames.default)('NotificationContainer', className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, currentNotification && /*#__PURE__*/_react.default.createElement(_Notification.default, (0, _extends2.default)({
-        onRemove: this._onRemove
-      }, currentNotification)));
-    }
-  }]);
-  return NotificationContainer;
-}(_react.Component);
-
-exports.default = NotificationContainer;

package/backlog/Notification/NotificationPropTypes.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _default = {
-  /** Additional class(es) to add to the component. */
-  className: _propTypes.default.string,
-
-  /** A unique ID to identify the notification with. The suggested way to create this is to use <a href="https://www.npmjs.com/package/uuid#quickstart---commonjs-recommended" target="_blank">uuid</a>. */
-  id: _propTypes.default.string.isRequired,
-
-  /** The message body of the notification. */
-  message: _propTypes.default.node.isRequired,
-
-  /** Determines the characteristics of the notification. */
-  type: _propTypes.default.oneOf(['info', 'success', 'error', 'warning']),
-
-  /** Whether to display the close button. */
-  showClose: _propTypes.default.bool,
-
-  /** The time (in milliseconds) that the notification stays open for. */
-  duration: _propTypes.default.number,
-
-  /** Whether the notification should close itself without having to click the close button after the specified duration. */
-  autoClose: _propTypes.default.bool,
-
-  /** A function to execute after the notification has been hidden. Will receive the notification's props. */
-  onHidden: _propTypes.default.func
-};
-exports.default = _default;

package/backlog/Notification/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NotificationContainer", {
-  enumerable: true,
-  get: function get() {
-    return _NotificationContainer.default;
-  }
-});
-Object.defineProperty(exports, "NotificationPropTypes", {
-  enumerable: true,
-  get: function get() {
-    return _NotificationPropTypes.default;
-  }
-});
-
-var _NotificationContainer = _interopRequireDefault(require("./NotificationContainer"));
-
-var _NotificationPropTypes = _interopRequireDefault(require("./NotificationPropTypes"));

package/backlog/PasswordControl/PasswordControl.js

@@ -1,201 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Checkbox = _interopRequireDefault(require("../Checkbox/Checkbox"));
-
-var _FormElementError = _interopRequireDefault(require("../Form/FormElementError"));
-
-var _Label = _interopRequireDefault(require("../Label/Label"));
-
-var _TextButton = _interopRequireDefault(require("../v1/components/TextButton/TextButton"));
-
-var _TextInput = _interopRequireDefault(require("../TextInput/TextInput"));
-
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-var PasswordControl = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(PasswordControl, _Component);
-
-  var _super = _createSuper(PasswordControl);
-
-  function PasswordControl(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, PasswordControl);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      showPassword: false,
-      isValid: true
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPasswordFocus", function () {
-      var onFocus = _this.props.onFocus;
-
-      if (onFocus) {
-        onFocus();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPasswordChange", function (evt) {
-      _this.setState({
-        value: evt.target.value,
-        isValid: true
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onInvalid", function (validationState) {
-      var onInvalid = _this.props.onInvalid;
-
-      _this.setState({
-        isValid: validationState.valid
-      });
-
-      if (onInvalid) {
-        onInvalid(validationState);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onToggleShowPasswordChange", function () {
-      _this._generateKey();
-
-      _this.setState(function (prevState, props) {
-        return {
-          showPassword: !prevState.showPassword
-        };
-      });
-    });
-    var requiredError = props.requiredError,
-        minLength = props.minLength;
-    _this._pattern = minLength ? ".{".concat(minLength, ",}") : null;
-
-    if (minLength) {
-      _this._error = /*#__PURE__*/_react.default.createElement(_FormElementError.default, null, "Please enter at least ", minLength, " characters.");
-    } else {
-      _this._error = /*#__PURE__*/_react.default.createElement(_FormElementError.default, null, requiredError);
-    }
-
-    _this._generateKey();
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(PasswordControl, [{
-    key: "_generateKey",
-    value: function _generateKey() {
-      this._key = "password-".concat(Date.now());
-    }
-    /**
-     * Provides the form data as an object for submission.
-     *
-     * @public
-     * @returns {Object} - The form data to submit.
-     */
-
-  }, {
-    key: "submit",
-    value: function submit() {
-      var value = this._input.node.value;
-      return value ? {
-        password: value
-      } : null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          showCheckboxId = _this$props.showCheckboxId,
-          showForgotPassword = _this$props.showForgotPassword,
-          label = _this$props.label,
-          placeholder = _this$props.placeholder,
-          showPlaceholder = _this$props.showPlaceholder,
-          helpNode = _this$props.helpNode,
-          required = _this$props.required,
-          onForgotPasswordClick = _this$props.onForgotPasswordClick;
-      var _this$state = this.state,
-          value = _this$state.value,
-          showPassword = _this$state.showPassword,
-          isValid = _this$state.isValid;
-      var classes = (0, _classnames.default)('PasswordControl', 'FormElement', {
-        'FormElement-contains-error': !isValid
-      }, className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, label, /*#__PURE__*/_react.default.createElement("div", {
-        className: "PasswordControl-input"
-      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-        key: this._key,
-        ref: function ref(node) {
-          _this2._input = node;
-        },
-        name: "password",
-        type: showPassword ? 'text' : 'password',
-        required: required,
-        pattern: this._pattern,
-        defaultValue: value,
-        placeholder: showPlaceholder && placeholder ? placeholder : '',
-        onChange: this._onPasswordChange,
-        onInvalid: this._onInvalid,
-        onFocus: this._onPasswordFocus
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "PasswordControl-show"
-      }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-        id: showCheckboxId,
-        label: /*#__PURE__*/_react.default.createElement(_Label.default, null, "Show"),
-        onChange: this._onToggleShowPasswordChange
-      }), /*#__PURE__*/_react.default.createElement(_TextButton.default, {
-        onClick: this._onToggleShowPasswordChange
-      }, showPassword ? 'Hide' : 'Show'))), helpNode && /*#__PURE__*/_react.default.createElement("div", {
-        className: "FormElement-help-text"
-      }, helpNode), !isValid && this._error, showForgotPassword && /*#__PURE__*/_react.default.createElement(_TextButton.default, {
-        className: "PasswordControl-forgot",
-        onClick: onForgotPasswordClick
-      }, "Forgot Password?"));
-    }
-  }]);
-  return PasswordControl;
-}(_react.Component);
-
-exports.default = PasswordControl;
-(0, _defineProperty2.default)(PasswordControl, "defaultProps", {
-  showCheckboxId: 'PasswordControl-show-password',
-  showForgotPassword: true,
-  required: true,
-  requiredError: 'Please enter your password.'
-});