@atlaskit/editor-core 185.14.3 → 185.15.0

package/dist/cjs/ui/LinkSearch/index.js

@@ -1,328 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _LinkSearchList = _interopRequireDefault(require("./LinkSearchList"));
-var _reactIntlNext = require("react-intl-next");
-var _withActivityProvider = _interopRequireDefault(require("./withActivityProvider"));
-var _analytics = require("../../plugins/analytics");
-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 DEFAULT_ITEMS_LIMIT = 5;
-var limit = function limit(items, max) {
-  return items.slice(0, max);
-};
-var RecentLink = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(RecentLink, _React$Component);
-  var _super = _createSuper(RecentLink);
-  function RecentLink(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, RecentLink);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "activityProvider", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmit", function () {
-      var _this$state = _this.state,
-        items = _this$state.items,
-        url = _this$state.url,
-        selectedIndex = _this$state.selectedIndex;
-      var inputMethod = _this.getCurrentInputMethod();
-      if (!inputMethod) {
-        return; // No call submit, if there is nothing to submit
-      }
-
-      switch (inputMethod) {
-        case _analytics.INPUT_METHOD.MANUAL:
-          {
-            _this.props.onSubmit({
-              url: url,
-              text: url,
-              inputMethod: _analytics.INPUT_METHOD.MANUAL
-            });
-            break;
-          }
-        case _analytics.INPUT_METHOD.TYPEAHEAD:
-          {
-            var item = items[selectedIndex];
-            _this.setState(function () {
-              return {
-                url: item.url
-              };
-            });
-            if (_this.props.onSubmit) {
-              _this.props.onSubmit({
-                url: item.url,
-                text: item.name,
-                inputMethod: _analytics.INPUT_METHOD.TYPEAHEAD
-              });
-            }
-            break;
-          }
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelected", function (href, text) {
-      if (_this.props.onSubmit) {
-        _this.setState(function () {
-          return {
-            url: href
-          };
-        });
-        _this.props.onSubmit({
-          text: text,
-          url: href,
-          inputMethod: _analytics.INPUT_METHOD.TYPEAHEAD
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(input) {
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _this.setState({
-                url: input
-              });
-              if (!_this.activityProvider) {
-                _context.next = 24;
-                break;
-              }
-              if (!(input.length === 0)) {
-                _context.next = 15;
-                break;
-              }
-              _context.t0 = _this;
-              _context.t1 = limit;
-              _context.next = 7;
-              return _this.activityProvider.getRecentItems();
-            case 7:
-              _context.t2 = _context.sent;
-              _context.t3 = _this.props.limit;
-              _context.t4 = (0, _context.t1)(_context.t2, _context.t3);
-              _context.t5 = -1;
-              _context.t6 = {
-                items: _context.t4,
-                selectedIndex: _context.t5
-              };
-              _context.t0.setState.call(_context.t0, _context.t6);
-              _context.next = 24;
-              break;
-            case 15:
-              _context.t7 = _this;
-              _context.t8 = limit;
-              _context.next = 19;
-              return _this.activityProvider.searchRecent(input);
-            case 19:
-              _context.t9 = _context.sent;
-              _context.t10 = _this.props.limit;
-              _context.t11 = (0, _context.t8)(_context.t9, _context.t10);
-              _context.t12 = {
-                items: _context.t11,
-                selectedIndex: 0
-              };
-              _context.t7.setState.call(_context.t7, _context.t12);
-            case 24:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (e) {
-      var _this$state2 = _this.state,
-        items = _this$state2.items,
-        selectedIndex = _this$state2.selectedIndex;
-      if (!items || !items.length) {
-        return;
-      }
-      if (e.key === 'ArrowDown') {
-        // down
-        e.preventDefault();
-        _this.setState({
-          selectedIndex: (selectedIndex + 1) % items.length
-        });
-      } else if (e.key === 'ArrowUp') {
-        // up
-        e.preventDefault();
-        _this.setState({
-          selectedIndex: selectedIndex > 0 ? selectedIndex - 1 : items.length - 1
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseMove", function (objectId) {
-      var items = _this.state.items;
-      if (items) {
-        var index = items.findIndex(function (item) {
-          return item.objectId === objectId;
-        });
-        _this.setState({
-          selectedIndex: index
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRecentList", function () {
-      var _this$state3 = _this.state,
-        items = _this$state3.items,
-        isLoading = _this$state3.isLoading,
-        selectedIndex = _this$state3.selectedIndex;
-      return /*#__PURE__*/_react.default.createElement(_LinkSearchList.default, {
-        items: items,
-        isLoading: isLoading,
-        selectedIndex: selectedIndex,
-        onSelect: _this.handleSelected,
-        onMouseMove: _this.handleMouseMove
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clearValue", function () {
-      _this.setState({
-        url: ''
-      });
-    });
-    _this.state = {
-      selectedIndex: -1,
-      isLoading: false,
-      items: [],
-      url: props.defaultUrl || ''
-    };
-    return _this;
-  }
-  (0, _createClass2.default)(RecentLink, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (this.props.defaultUrl !== nextProps.defaultUrl) {
-        this.setState(function (state) {
-          if (state.url !== nextProps.defaultUrl) {
-            return {
-              items: [],
-              selectedIndex: -1,
-              url: nextProps.defaultUrl || ''
-            };
-          }
-          return null;
-        });
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function () {
-      var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!this.props.activityProvider) {
-                _context2.next = 6;
-                break;
-              }
-              _context2.next = 3;
-              return this.props.activityProvider;
-            case 3:
-              this.activityProvider = _context2.sent;
-              _context2.next = 6;
-              return this.loadRecentItems(this.activityProvider);
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function componentDidMount() {
-        return _componentDidMount.apply(this, arguments);
-      }
-      return componentDidMount;
-    }()
-  }, {
-    key: "loadRecentItems",
-    value: function () {
-      var _loadRecentItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(activityProvider) {
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.prev = 0;
-              if (this.state.url) {
-                _context3.next = 11;
-                break;
-              }
-              _context3.t0 = this;
-              _context3.t1 = limit;
-              _context3.next = 6;
-              return activityProvider.getRecentItems();
-            case 6:
-              _context3.t2 = _context3.sent;
-              _context3.t3 = this.props.limit;
-              _context3.t4 = (0, _context3.t1)(_context3.t2, _context3.t3);
-              _context3.t5 = {
-                isLoading: true,
-                items: _context3.t4
-              };
-              _context3.t0.setState.call(_context3.t0, _context3.t5);
-            case 11:
-              _context3.prev = 11;
-              this.setState({
-                isLoading: false
-              });
-              return _context3.finish(11);
-            case 14:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this, [[0,, 11, 14]]);
-      }));
-      function loadRecentItems(_x2) {
-        return _loadRecentItems.apply(this, arguments);
-      }
-      return loadRecentItems;
-    }()
-  }, {
-    key: "getCurrentInputMethod",
-    value: function getCurrentInputMethod() {
-      var _this$state4 = this.state,
-        items = _this$state4.items,
-        url = _this$state4.url,
-        selectedIndex = _this$state4.selectedIndex;
-      if (items && items.length > 0 && selectedIndex > -1) {
-        return _analytics.INPUT_METHOD.TYPEAHEAD;
-      } else if (url && url.length > 0) {
-        return _analytics.INPUT_METHOD.MANUAL;
-      }
-      return;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var render = this.props.render;
-      var url = this.state.url;
-      return render({
-        activityProvider: this.activityProvider,
-        inputProps: {
-          onChange: this.handleChange,
-          onKeyDown: this.handleKeyDown,
-          onSubmit: this.handleSubmit,
-          value: url
-        },
-        clearValue: this.clearValue,
-        currentInputMethod: this.getCurrentInputMethod(),
-        renderRecentList: this.renderRecentList
-      });
-    }
-  }]);
-  return RecentLink;
-}(_react.default.Component);
-(0, _defineProperty2.default)(RecentLink, "defaultProps", {
-  limit: DEFAULT_ITEMS_LIMIT
-});
-var _default = (0, _withActivityProvider.default)((0, _reactIntlNext.injectIntl)(RecentLink));
-exports.default = _default;

package/dist/cjs/ui/LinkSearch/listItemAlts.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCorrectAltByIconUrl = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
-  story: {
-    id: 'fabric.editor.story',
-    defaultMessage: 'Story',
-    description: 'Alt text for Story'
-  },
-  epic: {
-    id: 'fabric.editor.epic',
-    defaultMessage: 'Epic',
-    description: 'Alt text for Epic'
-  },
-  task: {
-    id: 'fabric.editor.task',
-    defaultMessage: 'Task',
-    description: 'Alt text for Task'
-  },
-  bug: {
-    id: 'fabric.editor.bug',
-    defaultMessage: 'Bug',
-    description: 'Alt text for Bug'
-  },
-  subTask: {
-    id: 'fabric.editor.subTask',
-    defaultMessage: 'Sub-task',
-    description: 'Alt text for Sub-task'
-  },
-  improvement: {
-    id: 'fabric.editor.improvement',
-    defaultMessage: 'Improvement',
-    description: 'Alt text for Improvement'
-  },
-  defaultAltText: {
-    id: 'fabric.editor.defaultAltText',
-    defaultMessage: 'List item',
-    description: 'Default alt text for ListItem image'
-  }
-});
-
-// Workaround to get alt text for images from url
-// Can be removed when alt={iconAlt} will be available from GraphQL
-var getCorrectAltByIconUrl = function getCorrectAltByIconUrl(iconUrl, intl) {
-  var alt = intl.formatMessage(messages.defaultAltText);
-  if (iconUrl.includes('story.svg')) {
-    alt = intl.formatMessage(messages.story);
-  }
-  if (iconUrl.includes('epic.svg')) {
-    alt = intl.formatMessage(messages.epic);
-  }
-  if (iconUrl.includes('avatarId=10318')) {
-    alt = intl.formatMessage(messages.task);
-  }
-  if (iconUrl.includes('avatarId=10303')) {
-    alt = intl.formatMessage(messages.bug);
-  }
-  if (iconUrl.includes('avatarId=10518')) {
-    alt = intl.formatMessage(messages.subTask);
-  }
-  if (iconUrl.includes('avatarId=10310')) {
-    alt = intl.formatMessage(messages.improvement);
-  }
-  return alt;
-};
-exports.getCorrectAltByIconUrl = getCorrectAltByIconUrl;

package/dist/cjs/ui/LinkSearch/transformTimeStamp.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformTimeStamp = void 0;
-var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"));
-var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
-var _format = _interopRequireDefault(require("date-fns/format"));
-var _messages = _interopRequireDefault(require("../../messages"));
-var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
-  var pageActionText = '';
-  switch (pageAction) {
-    case 'updated':
-      pageActionText = intl.formatMessage(_messages.default.timeUpdated);
-      break;
-    case 'viewed':
-      pageActionText = intl.formatMessage(_messages.default.timeViewed);
-      break;
-  }
-  if ((0, _differenceInCalendarDays.default)(timeStamp, Date.now()) < -7) {
-    return {
-      pageAction: pageActionText,
-      dateString: (0, _format.default)(timeStamp, 'MMMM dd, yyyy')
-    };
-  }
-  return {
-    pageAction: pageActionText,
-    dateString: (0, _formatDistance.default)(timeStamp, Date.now()),
-    timeSince: intl.formatMessage(_messages.default.timeAgo)
-  };
-};
-var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
-  if (lastViewedDate) {
-    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
-  }
-  if (lastUpdatedDate) {
-    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
-  }
-};
-exports.transformTimeStamp = transformTimeStamp;

package/dist/cjs/ui/LinkSearch/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/ui/LinkSearch/withActivityProvider.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = withActivityProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _excluded = ["providerFactory"];
-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; } }
-function withActivityProvider(WrappedComponent) {
-  return /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2.default)(WithActivityProvider, _React$Component);
-    var _super = _createSuper(WithActivityProvider);
-    function WithActivityProvider() {
-      var _this;
-      (0, _classCallCheck2.default)(this, WithActivityProvider);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderNode", function (providers) {
-        var _ref = _this.props,
-          providerFactory = _ref.providerFactory,
-          props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-        var activityProvider = providers.activityProvider;
-        return /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({
-          activityProvider: activityProvider
-        }, props));
-      });
-      return _this;
-    }
-    (0, _createClass2.default)(WithActivityProvider, [{
-      key: "render",
-      value: function render() {
-        var providerFactory = this.props.providerFactory;
-        return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
-          providers: ['activityProvider'],
-          providerFactory: providerFactory,
-          renderNode: this.renderNode
-        });
-      }
-    }]);
-    return WithActivityProvider;
-  }(_react.default.Component);
-}

package/dist/cjs/ui/PanelTextInput/index.js

@@ -1,174 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var _styles = require("./styles");
-var _utils = require("@atlaskit/editor-common/utils");
-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; } } /** @jsx jsx */
-var KeyZCode = 90;
-var KeyYCode = 89;
-var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(PanelTextInput, _PureComponent);
-  var _super = _createSuper(PanelTextInput);
-  function PanelTextInput(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, PanelTextInput);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function () {
-      var onMouseDown = _this.props.onMouseDown;
-      if (onMouseDown) {
-        onMouseDown();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (e) {
-      var onBlur = _this.props.onBlur;
-      if (onBlur) {
-        onBlur(e);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function () {
-      var onChange = _this.props.onChange;
-      if (_this.input) {
-        _this.setState({
-          value: _this.input.value
-        });
-      }
-      if (onChange && _this.input) {
-        onChange(_this.input.value);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeydown", function (e) {
-      var _this$props = _this.props,
-        onUndo = _this$props.onUndo,
-        onRedo = _this$props.onRedo,
-        onSubmit = _this$props.onSubmit,
-        onCancel = _this$props.onCancel;
-      if (e.keyCode === 13 && onSubmit) {
-        e.preventDefault(); // Prevent from submitting if an editor is inside a form.
-        onSubmit(_this.input.value);
-      } else if (e.keyCode === 27 && onCancel) {
-        onCancel(e);
-      } else if (typeof onUndo === 'function' && _this.isUndoEvent(e)) {
-        e.preventDefault();
-        onUndo();
-      } else if (typeof onRedo === 'function' && _this.isRedoEvent(e)) {
-        e.preventDefault();
-        onRedo();
-      }
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (input) {
-      if (input instanceof HTMLInputElement) {
-        _this.input = input;
-        if (_this.props.autoFocus) {
-          // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
-          _this.focusTimeoutId = window.setTimeout(function () {
-            return _this.focus();
-          });
-        }
-      } else {
-        _this.input = undefined;
-      }
-    });
-    _this.state = {
-      value: props.defaultValue || ''
-    };
-    return _this;
-  }
-  (0, _createClass2.default)(PanelTextInput, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.defaultValue !== this.props.defaultValue) {
-        this.setState({
-          value: this.props.defaultValue
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.clearTimeout(this.focusTimeoutId);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        placeholder = _this$props2.placeholder,
-        width = _this$props2.width,
-        maxLength = _this$props2.maxLength,
-        testId = _this$props2.testId,
-        ariaLabel = _this$props2.ariaLabel,
-        describedById = _this$props2.describedById,
-        ariaActiveDescendant = _this$props2.ariaActiveDescendant,
-        ariaControls = _this$props2.ariaControls,
-        ariaExpanded = _this$props2.ariaExpanded,
-        ariaAutoComplete = _this$props2.ariaAutoComplete,
-        role = _this$props2.role;
-      var value = this.state.value;
-      return (0, _react.jsx)("input", {
-        css: [_styles.panelTextInput, width !== undefined && (0, _styles.panelTextInputWithCustomWidth)(width)],
-        role: role,
-        "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
-        "aria-expanded": ariaExpanded,
-        "aria-controls": ariaControls,
-        "aria-activedescendant": ariaActiveDescendant,
-        "aria-describedby": describedById,
-        "data-testid": testId || '',
-        type: "text",
-        placeholder: placeholder,
-        value: value,
-        onChange: this.handleChange,
-        onKeyDown: this.handleKeydown,
-        onMouseDown: this.onMouseDown,
-        onBlur: this.onBlur,
-        ref: this.handleRef,
-        maxLength: maxLength,
-        "aria-label": ariaLabel
-      });
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      var input = this.input;
-      if (input) {
-        var focusOpts = (0, _typeof2.default)(this.props.autoFocus) === 'object' ? this.props.autoFocus : {};
-        input.focus(focusOpts);
-      }
-    }
-  }, {
-    key: "isUndoEvent",
-    value: function isUndoEvent(event) {
-      return event.keyCode === KeyZCode && (
-      // cmd + z for mac
-      _utils.browser.mac && event.metaKey && !event.shiftKey ||
-      // ctrl + z for non-mac
-      !_utils.browser.mac && event.ctrlKey);
-    }
-  }, {
-    key: "isRedoEvent",
-    value: function isRedoEvent(event) {
-      return (
-        // ctrl + y for non-mac
-        !_utils.browser.mac && event.ctrlKey && event.keyCode === KeyYCode || _utils.browser.mac && event.metaKey && event.shiftKey && event.keyCode === KeyZCode || event.ctrlKey && event.shiftKey && event.keyCode === KeyZCode
-      );
-    }
-  }]);
-  return PanelTextInput;
-}(_react2.PureComponent);
-exports.default = PanelTextInput;