@atlaskit/status 3.0.2 → 3.0.3

package/dist/es2019/components/compiled/Status.js

@@ -1,110 +0,0 @@
-/* Status.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./Status.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { PureComponent } from 'react';
-import Lozenge from '@atlaskit/lozenge/compiled';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createStatusAnalyticsAndFire } from '../analytics';
-import { ANALYTICS_HOVER_DELAY } from '../constants';
-const colorToLozengeAppearanceMap = {
-  neutral: 'default',
-  purple: 'new',
-  blue: 'inprogress',
-  red: 'removed',
-  yellow: 'moved',
-  green: 'success'
-};
-const DEFAULT_APPEARANCE = 'default';
-const MAX_WIDTH = 200;
-
-/**
- * This is to account for a bug in android chromium and should be removed
- * when the editor fixes its focus handling with respect to Status.
- *
- * See DSP-7701 for additional context.
- */
-const inlineBlockStyles = null;
-
-// eg. Version/4.0 Chrome/95.0.4638.50
-const isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/.*/.test(window.navigator.userAgent);
-class StatusInternal extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "hoverStartTime", 0);
-    _defineProperty(this, "handleMouseEnter", _e => {
-      this.hoverStartTime = Date.now();
-    });
-    _defineProperty(this, "handleMouseLeave", _e => {
-      const {
-        onHover
-      } = this.props;
-      const delay = Date.now() - this.hoverStartTime;
-      if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
-        onHover();
-      }
-      this.hoverStartTime = 0;
-    });
-  }
-  componentWillUnmount() {
-    this.hoverStartTime = 0;
-  }
-  render() {
-    const {
-      text,
-      color,
-      style,
-      role,
-      onClick,
-      isBold
-    } = this.props;
-    if (text.trim().length === 0) {
-      return null;
-    }
-    const appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
-    // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
-    return /*#__PURE__*/React.createElement("span", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: ax([isAndroidChromium && "_d0dzdf4r _1k0l7vkz _1frxnkob", "status-lozenge-span"]),
-      onClick: onClick,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      "data-node-type": "status",
-      "data-color": color,
-      "data-style": style,
-      role: role
-    }, /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: appearance,
-      maxWidth: MAX_WIDTH,
-      isBold: isBold
-    }, text));
-  }
-}
-_defineProperty(StatusInternal, "displayName", 'StatusInternal');
-export const Status = withAnalyticsEvents({
-  onClick: (createEvent, props) => {
-    const {
-      localId
-    } = props;
-    return createStatusAnalyticsAndFire(createEvent)({
-      action: 'clicked',
-      actionSubject: 'statusLozenge',
-      attributes: {
-        localId
-      }
-    });
-  },
-  onHover: (createEvent, props) => {
-    const {
-      localId
-    } = props;
-    return createStatusAnalyticsAndFire(createEvent)({
-      action: 'hovered',
-      actionSubject: 'statusLozenge',
-      attributes: {
-        localId
-      }
-    });
-  }
-})(StatusInternal);

package/dist/es2019/components/compiled/StatusPicker.js

@@ -1,86 +0,0 @@
-/* StatusPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./StatusPicker.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import TextField from '@atlaskit/textfield';
-import React, { PureComponent } from 'react';
-import { injectIntl } from 'react-intl-next';
-import ColorPalette from './internal/color-palette';
-import { messages } from '../i18n';
-const fieldTextWrapperStyles = null;
-class Picker extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "fieldTextWrapperKey", Math.random().toString());
-    _defineProperty(this, "colorPaletteKey", Math.random().toString());
-    _defineProperty(this, "onChange", evt => {
-      // @ts-ignore
-      this.props.onTextChanged(evt.target.value);
-    });
-    _defineProperty(this, "onKeyPress", event => {
-      if (event.key === 'Enter') {
-        this.props.onEnter();
-      }
-    });
-    _defineProperty(this, "handleInputRef", ref => {
-      this.inputRef = ref;
-      if (ref && this.props.autoFocus) {
-        this.focusInput();
-      }
-    });
-    _defineProperty(this, "focusInput", () => {
-      if (!this.inputRef) {
-        return;
-      }
-      // Defer to prevent editor scrolling to top
-      this.autofocusTimeout = setTimeout(() => {
-        var _this$inputRef;
-        (_this$inputRef = this.inputRef) === null || _this$inputRef === void 0 ? void 0 : _this$inputRef.focus();
-      });
-    });
-  }
-  render() {
-    const {
-      text,
-      selectedColor,
-      onColorClick,
-      onColorHover,
-      intl
-    } = this.props;
-
-    // Using <React.Fragment> instead of [] to workaround Enzyme
-    // (https://github.com/airbnb/enzyme/issues/1149)
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      key: this.fieldTextWrapperKey,
-      className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
-    }, /*#__PURE__*/React.createElement(TextField, {
-      value: text,
-      isCompact: true,
-      ref: this.handleInputRef,
-      onChange: this.onChange,
-      onKeyPress: this.onKeyPress,
-      spellCheck: false,
-      autoComplete: "off",
-      "aria-label": intl.formatMessage(messages.statusInputLabel)
-    })), /*#__PURE__*/React.createElement(ColorPalette, {
-      key: this.colorPaletteKey,
-      onClick: onColorClick,
-      onHover: onColorHover,
-      selectedColor: selectedColor
-    }));
-  }
-  componentDidUpdate() {
-    if (this.inputRef && this.props.autoFocus) {
-      this.focusInput();
-    }
-  }
-  componentWillUnmount() {
-    if (this.autofocusTimeout !== undefined) {
-      clearTimeout(this.autofocusTimeout);
-    }
-  }
-}
-_defineProperty(Picker, "defaultProps", {
-  autoFocus: true
-});
-export const StatusPicker = injectIntl(Picker);

package/dist/es2019/components/compiled/internal/color-palette.js

@@ -1,78 +0,0 @@
-/* color-palette.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./color-palette.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useEffect, useRef, useCallback, useState } from 'react';
-import Color from './color';
-import { fg } from '@atlaskit/platform-feature-flags';
-const paletteLegacy = [['neutral', "var(--ds-background-neutral, #091E420F)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery, #F3F0FF)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon-discovery, #8270DB)"], ['blue', "var(--ds-background-information, #E9F2FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon-information, #1D7AFC)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF7D6)", "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)"], ['green', "var(--ds-background-success, #DCFFF1)", "var(--ds-border-success, #22A06B)", "var(--ds-icon-success, #22A06B)"]];
-const paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DCDFE4)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['blue', "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon, #44546F)"], ['green', "var(--ds-background-success-pressed, #7EE2B8)", "var(--ds-border-success, #22A06B)", "var(--ds-icon, #44546F)"], ['yellow', "var(--ds-background-warning-pressed, #F5CD47)", "var(--ds-border-warning, #E56910)", "var(--ds-icon, #44546F)"], ['red', "var(--ds-background-danger-pressed, #FD9891)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery-pressed, #B8ACF6)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon, #44546F)"]];
-const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
-const palette = getPalette();
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-const colorPaletteWrapperStyles = null;
-const VK_LEFT = 37; //ArrowLeft
-const VK_RIGHT = 39; //ArrowRight
-const VK_UP = 38; //ArrowUp
-const VK_DOWN = 40; //ArrowDown
-const VK_TAB = 9;
-export default (({
-  cols = 7,
-  onClick,
-  selectedColor,
-  className,
-  onHover
-}) => {
-  const colorRefs = useRef([]);
-  const [currentFocusedColor, setCurrentFocusedColor] = useState(0);
-  useEffect(() => {
-    colorRefs.current = colorRefs.current.slice(0, palette.length);
-  }, []);
-  const memoizedHandleKeyDown = useCallback(e => {
-    let newColorIndex = null;
-    const nextColor = () => currentFocusedColor + 1 > palette.length - 1 ? 0 : currentFocusedColor + 1;
-    const previousColor = () => currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
-    switch (e.keyCode) {
-      case VK_RIGHT:
-      case VK_DOWN:
-        e.preventDefault();
-        newColorIndex = nextColor();
-        break;
-      case VK_LEFT:
-      case VK_UP:
-        e.preventDefault();
-        newColorIndex = previousColor();
-        break;
-      case VK_TAB:
-        setCurrentFocusedColor(0);
-        break;
-    }
-    if (newColorIndex === null) {
-      return;
-    }
-    setCurrentFocusedColor(newColorIndex);
-    const newRef = colorRefs.current[newColorIndex];
-    newRef === null || newRef === void 0 ? void 0 : newRef.focus();
-  }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
-  return /*#__PURE__*/React.createElement("ul", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
-    style: {
-      maxWidth: cols * 32
-    },
-    onKeyDown: memoizedHandleKeyDown
-  }, palette.map(([colorValue, backgroundColor, borderColor, iconColor], i) => {
-    return /*#__PURE__*/React.createElement(Color, {
-      key: colorValue,
-      value: colorValue,
-      backgroundColor: backgroundColor,
-      borderColor: borderColor,
-      iconColor: iconColor,
-      onClick: onClick,
-      onHover: onHover,
-      isSelected: colorValue === selectedColor,
-      tabIndex: i === 0 ? 0 : -1,
-      setRef: el => colorRefs.current[i] = el
-    });
-  }));
-});

package/dist/es2019/components/compiled/internal/color.js

@@ -1,90 +0,0 @@
-/* color.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./color.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import EditorDoneIcon from '@atlaskit/icon/core/migration/check-mark--editor-done';
-import { Pressable } from '@atlaskit/primitives/compiled';
-import { PureComponent } from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { ANALYTICS_HOVER_DELAY } from '../../constants';
-import { messages } from '../../i18n';
-const styles = {
-  button: "_2rkoglpi _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
-};
-
-// We have tried with changing border and padding from 1px to token near version 2px,
-// the pop - up is being expanded to two lines.
-const buttonWrapperStyles = null;
-export default class Color extends PureComponent {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "hoverStartTime", 0);
-    _defineProperty(this, "onMouseEnter", () => {
-      this.hoverStartTime = Date.now();
-    });
-    _defineProperty(this, "onMouseLeave", () => {
-      const {
-        onHover
-      } = this.props;
-      const delay = Date.now() - this.hoverStartTime;
-      if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
-        onHover(this.props.value);
-      }
-      this.hoverStartTime = 0;
-    });
-    _defineProperty(this, "onMouseDown", e => {
-      e.preventDefault();
-    });
-    _defineProperty(this, "onClick", e => {
-      const {
-        onClick,
-        value
-      } = this.props;
-      e.preventDefault();
-      onClick(value);
-    });
-  }
-  render() {
-    const {
-      tabIndex,
-      backgroundColor,
-      isSelected,
-      borderColor,
-      iconColor,
-      value,
-      setRef
-    } = this.props;
-    return /*#__PURE__*/React.createElement("li", {
-      className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7zgxb"])
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages[`${value}Color`], labels => /*#__PURE__*/React.createElement(Pressable, {
-      xcss: styles.button,
-      onClick: this.onClick,
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.onMouseLeave,
-      onMouseDown: this.onMouseDown,
-      tabIndex: tabIndex,
-      title: labels[0]
-      // button element does not support aria-selected.
-      // For button selected (to be precise pressed) or not
-      //  use aria-pressed as per
-      // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#associated_aria_roles_states_and_properties
-      ,
-      "aria-pressed": isSelected,
-      style: {
-        backgroundColor: backgroundColor || 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-        color: iconColor,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        borderColor
-      },
-      ref: setRef
-    }, isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
-      color: "currentColor",
-      label: labels[0]
-    }))));
-  }
-  componentWillUnmount() {
-    this.hoverStartTime = 0;
-  }
-}

package/dist/esm/components/compiled/Status.js

@@ -1,122 +0,0 @@
-/* Status.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./Status.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { PureComponent } from 'react';
-import Lozenge from '@atlaskit/lozenge/compiled';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { createStatusAnalyticsAndFire } from '../analytics';
-import { ANALYTICS_HOVER_DELAY } from '../constants';
-var colorToLozengeAppearanceMap = {
-  neutral: 'default',
-  purple: 'new',
-  blue: 'inprogress',
-  red: 'removed',
-  yellow: 'moved',
-  green: 'success'
-};
-var DEFAULT_APPEARANCE = 'default';
-var MAX_WIDTH = 200;
-
-/**
- * This is to account for a bug in android chromium and should be removed
- * when the editor fixes its focus handling with respect to Status.
- *
- * See DSP-7701 for additional context.
- */
-var inlineBlockStyles = null;
-
-// eg. Version/4.0 Chrome/95.0.4638.50
-var isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/.*/.test(window.navigator.userAgent);
-var StatusInternal = /*#__PURE__*/function (_PureComponent) {
-  function StatusInternal() {
-    var _this;
-    _classCallCheck(this, StatusInternal);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, StatusInternal, [].concat(args));
-    _defineProperty(_this, "hoverStartTime", 0);
-    _defineProperty(_this, "handleMouseEnter", function (_e) {
-      _this.hoverStartTime = Date.now();
-    });
-    _defineProperty(_this, "handleMouseLeave", function (_e) {
-      var onHover = _this.props.onHover;
-      var delay = Date.now() - _this.hoverStartTime;
-      if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
-        onHover();
-      }
-      _this.hoverStartTime = 0;
-    });
-    return _this;
-  }
-  _inherits(StatusInternal, _PureComponent);
-  return _createClass(StatusInternal, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.hoverStartTime = 0;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        text = _this$props.text,
-        color = _this$props.color,
-        style = _this$props.style,
-        role = _this$props.role,
-        onClick = _this$props.onClick,
-        isBold = _this$props.isBold;
-      if (text.trim().length === 0) {
-        return null;
-      }
-      var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
-      // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
-      return /*#__PURE__*/React.createElement("span", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: ax([isAndroidChromium && "_d0dzdf4r _1k0l7vkz _1frxnkob", "status-lozenge-span"]),
-        onClick: onClick,
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave,
-        "data-node-type": "status",
-        "data-color": color,
-        "data-style": style,
-        role: role
-      }, /*#__PURE__*/React.createElement(Lozenge, {
-        appearance: appearance,
-        maxWidth: MAX_WIDTH,
-        isBold: isBold
-      }, text));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(StatusInternal, "displayName", 'StatusInternal');
-export var Status = withAnalyticsEvents({
-  onClick: function onClick(createEvent, props) {
-    var localId = props.localId;
-    return createStatusAnalyticsAndFire(createEvent)({
-      action: 'clicked',
-      actionSubject: 'statusLozenge',
-      attributes: {
-        localId: localId
-      }
-    });
-  },
-  onHover: function onHover(createEvent, props) {
-    var localId = props.localId;
-    return createStatusAnalyticsAndFire(createEvent)({
-      action: 'hovered',
-      actionSubject: 'statusLozenge',
-      attributes: {
-        localId: localId
-      }
-    });
-  }
-})(StatusInternal);

package/dist/esm/components/compiled/StatusPicker.js

@@ -1,106 +0,0 @@
-/* StatusPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./StatusPicker.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import TextField from '@atlaskit/textfield';
-import React, { PureComponent } from 'react';
-import { injectIntl } from 'react-intl-next';
-import ColorPalette from './internal/color-palette';
-import { messages } from '../i18n';
-var fieldTextWrapperStyles = null;
-var Picker = /*#__PURE__*/function (_PureComponent) {
-  function Picker() {
-    var _this;
-    _classCallCheck(this, Picker);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Picker, [].concat(args));
-    _defineProperty(_this, "fieldTextWrapperKey", Math.random().toString());
-    _defineProperty(_this, "colorPaletteKey", Math.random().toString());
-    _defineProperty(_this, "onChange", function (evt) {
-      // @ts-ignore
-      _this.props.onTextChanged(evt.target.value);
-    });
-    _defineProperty(_this, "onKeyPress", function (event) {
-      if (event.key === 'Enter') {
-        _this.props.onEnter();
-      }
-    });
-    _defineProperty(_this, "handleInputRef", function (ref) {
-      _this.inputRef = ref;
-      if (ref && _this.props.autoFocus) {
-        _this.focusInput();
-      }
-    });
-    _defineProperty(_this, "focusInput", function () {
-      if (!_this.inputRef) {
-        return;
-      }
-      // Defer to prevent editor scrolling to top
-      _this.autofocusTimeout = setTimeout(function () {
-        var _this$inputRef;
-        (_this$inputRef = _this.inputRef) === null || _this$inputRef === void 0 || _this$inputRef.focus();
-      });
-    });
-    return _this;
-  }
-  _inherits(Picker, _PureComponent);
-  return _createClass(Picker, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        text = _this$props.text,
-        selectedColor = _this$props.selectedColor,
-        onColorClick = _this$props.onColorClick,
-        onColorHover = _this$props.onColorHover,
-        intl = _this$props.intl;
-
-      // Using <React.Fragment> instead of [] to workaround Enzyme
-      // (https://github.com/airbnb/enzyme/issues/1149)
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        key: this.fieldTextWrapperKey,
-        className: ax(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6347jlr"])
-      }, /*#__PURE__*/React.createElement(TextField, {
-        value: text,
-        isCompact: true,
-        ref: this.handleInputRef,
-        onChange: this.onChange,
-        onKeyPress: this.onKeyPress,
-        spellCheck: false,
-        autoComplete: "off",
-        "aria-label": intl.formatMessage(messages.statusInputLabel)
-      })), /*#__PURE__*/React.createElement(ColorPalette, {
-        key: this.colorPaletteKey,
-        onClick: onColorClick,
-        onHover: onColorHover,
-        selectedColor: selectedColor
-      }));
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      if (this.inputRef && this.props.autoFocus) {
-        this.focusInput();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.autofocusTimeout !== undefined) {
-        clearTimeout(this.autofocusTimeout);
-      }
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Picker, "defaultProps", {
-  autoFocus: true
-});
-export var StatusPicker = injectIntl(Picker);