@atlaskit/status 1.8.0 → 1.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/Status.js +29 -28
  3. package/dist/cjs/components/StatusPicker.js +11 -14
  4. package/dist/cjs/components/analytics.js +1 -1
  5. package/dist/cjs/components/internal/color-palette.js +1 -1
  6. package/dist/cjs/components/internal/color.js +10 -13
  7. package/dist/es2019/components/Status.js +21 -17
  8. package/dist/es2019/components/analytics.js +1 -1
  9. package/dist/es2019/components/internal/color-palette.js +1 -1
  10. package/dist/esm/components/Status.js +29 -28
  11. package/dist/esm/components/StatusPicker.js +11 -14
  12. package/dist/esm/components/analytics.js +1 -1
  13. package/dist/esm/components/internal/color-palette.js +1 -1
  14. package/dist/esm/components/internal/color.js +10 -13
  15. package/package.json +6 -6
  16. package/tsconfig.json +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 1.8.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 1.8.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 1.8.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/components/Status.js CHANGED
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.Status = void 0;
8
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
12
10
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
14
  var _react = require("react");
16
15
  var _react2 = require("@emotion/react");
@@ -18,7 +17,7 @@ var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
18
17
  var _analyticsNext = require("@atlaskit/analytics-next");
19
18
  var _analytics = require("./analytics");
20
19
  var _constants = require("./constants");
21
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
20
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
22
21
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
23
22
  * @jsxRuntime classic
24
23
  * @jsx jsx
@@ -51,6 +50,7 @@ var inlineBlockStyles = (0, _react2.css)({
51
50
  '& > *': {
52
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
53
52
  display: 'inline-block !important',
53
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
54
54
  lineHeight: '16px',
55
55
  verticalAlign: 'middle'
56
56
  }
@@ -59,20 +59,18 @@ var inlineBlockStyles = (0, _react2.css)({
59
59
  // eg. Version/4.0 Chrome/95.0.4638.50
60
60
  var isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/.*/.test(window.navigator.userAgent);
61
61
  var StatusInternal = /*#__PURE__*/function (_PureComponent) {
62
- (0, _inherits2.default)(StatusInternal, _PureComponent);
63
- var _super = _createSuper(StatusInternal);
64
62
  function StatusInternal() {
65
63
  var _this;
66
64
  (0, _classCallCheck2.default)(this, StatusInternal);
67
65
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
68
66
  args[_key] = arguments[_key];
69
67
  }
70
- _this = _super.call.apply(_super, [this].concat(args));
71
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverStartTime", 0);
72
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnter", function (_e) {
68
+ _this = _callSuper(this, StatusInternal, [].concat(args));
69
+ (0, _defineProperty2.default)(_this, "hoverStartTime", 0);
70
+ (0, _defineProperty2.default)(_this, "handleMouseEnter", function (_e) {
73
71
  _this.hoverStartTime = Date.now();
74
72
  });
75
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeave", function (_e) {
73
+ (0, _defineProperty2.default)(_this, "handleMouseLeave", function (_e) {
76
74
  var onHover = _this.props.onHover;
77
75
  var delay = Date.now() - _this.hoverStartTime;
78
76
  if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
@@ -82,7 +80,8 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
82
80
  });
83
81
  return _this;
84
82
  }
85
- (0, _createClass2.default)(StatusInternal, [{
83
+ (0, _inherits2.default)(StatusInternal, _PureComponent);
84
+ return (0, _createClass2.default)(StatusInternal, [{
86
85
  key: "componentWillUnmount",
87
86
  value: function componentWillUnmount() {
88
87
  this.hoverStartTime = 0;
@@ -102,26 +101,28 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
102
101
  }
103
102
  var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
104
103
  // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
105
- return (0, _react2.jsx)("span", {
106
- css: isAndroidChromium ? inlineBlockStyles : undefined
107
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
108
- ,
109
- className: "status-lozenge-span",
110
- onClick: onClick,
111
- onMouseEnter: this.handleMouseEnter,
112
- onMouseLeave: this.handleMouseLeave,
113
- "data-node-type": "status",
114
- "data-color": color,
115
- "data-style": style,
116
- role: role
117
- }, (0, _react2.jsx)(_lozenge.default, {
118
- appearance: appearance,
119
- maxWidth: MAX_WIDTH,
120
- isBold: isBold
121
- }, text));
104
+ return (
105
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
106
+ (0, _react2.jsx)("span", {
107
+ css: isAndroidChromium ? inlineBlockStyles : undefined
108
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
109
+ ,
110
+ className: "status-lozenge-span",
111
+ onClick: onClick,
112
+ onMouseEnter: this.handleMouseEnter,
113
+ onMouseLeave: this.handleMouseLeave,
114
+ "data-node-type": "status",
115
+ "data-color": color,
116
+ "data-style": style,
117
+ role: role
118
+ }, (0, _react2.jsx)(_lozenge.default, {
119
+ appearance: appearance,
120
+ maxWidth: MAX_WIDTH,
121
+ isBold: isBold
122
+ }, text))
123
+ );
122
124
  }
123
125
  }]);
124
- return StatusInternal;
125
126
  }(_react.PureComponent);
126
127
  (0, _defineProperty2.default)(StatusInternal, "displayName", 'StatusInternal');
127
128
  var Status = exports.Status = (0, _analyticsNext.withAnalyticsEvents)({
package/dist/cjs/components/StatusPicker.js CHANGED
@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.StatusPicker = void 0;
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
15
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
17
16
  var _react = _interopRequireWildcard(require("react"));
@@ -22,7 +21,7 @@ var _i18n = require("./i18n");
22
21
  var _colors = require("@atlaskit/theme/colors");
23
22
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
24
23
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
25
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
24
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
26
25
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
27
26
  * @jsxRuntime classic
28
27
  * @jsx jsx
@@ -35,33 +34,31 @@ var fieldTextWrapperStyles = (0, _react2.css)({
35
34
  }
36
35
  });
37
36
  var Picker = /*#__PURE__*/function (_PureComponent) {
38
- (0, _inherits2.default)(Picker, _PureComponent);
39
- var _super = _createSuper(Picker);
40
37
  function Picker() {
41
38
  var _this;
42
39
  (0, _classCallCheck2.default)(this, Picker);
43
40
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
44
41
  args[_key] = arguments[_key];
45
42
  }
46
- _this = _super.call.apply(_super, [this].concat(args));
47
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fieldTextWrapperKey", Math.random().toString());
48
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "colorPaletteKey", Math.random().toString());
49
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (evt) {
43
+ _this = _callSuper(this, Picker, [].concat(args));
44
+ (0, _defineProperty2.default)(_this, "fieldTextWrapperKey", Math.random().toString());
45
+ (0, _defineProperty2.default)(_this, "colorPaletteKey", Math.random().toString());
46
+ (0, _defineProperty2.default)(_this, "onChange", function (evt) {
50
47
  // @ts-ignore
51
48
  _this.props.onTextChanged(evt.target.value);
52
49
  });
53
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyPress", function (event) {
50
+ (0, _defineProperty2.default)(_this, "onKeyPress", function (event) {
54
51
  if (event.key === 'Enter') {
55
52
  _this.props.onEnter();
56
53
  }
57
54
  });
58
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputRef", function (ref) {
55
+ (0, _defineProperty2.default)(_this, "handleInputRef", function (ref) {
59
56
  _this.inputRef = ref;
60
57
  if (ref && _this.props.autoFocus) {
61
58
  _this.focusInput();
62
59
  }
63
60
  });
64
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusInput", function () {
61
+ (0, _defineProperty2.default)(_this, "focusInput", function () {
65
62
  if (!_this.inputRef) {
66
63
  return;
67
64
  }
@@ -73,7 +70,8 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
73
70
  });
74
71
  return _this;
75
72
  }
76
- (0, _createClass2.default)(Picker, [{
73
+ (0, _inherits2.default)(Picker, _PureComponent);
74
+ return (0, _createClass2.default)(Picker, [{
77
75
  key: "render",
78
76
  value: function render() {
79
77
  var _this$props = this.props,
@@ -119,7 +117,6 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
119
117
  }
120
118
  }
121
119
  }]);
122
- return Picker;
123
120
  }(_react.PureComponent);
124
121
  (0, _defineProperty2.default)(Picker, "defaultProps", {
125
122
  autoFocus: true
package/dist/cjs/components/analytics.js CHANGED
@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
10
10
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
11
  var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
12
12
  var packageName = "@atlaskit/status";
13
- var packageVersion = "1.8.0";
13
+ var packageVersion = "1.8.2";
14
14
  var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
15
15
  return function (payload) {
16
16
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/cjs/components/internal/color-palette.js CHANGED
@@ -87,7 +87,7 @@ var _default = exports.default = function _default(_ref) {
87
87
  When we migrated to emotion from styled component, we started getting this error.
88
88
  Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
89
89
  */
90
- // eslint-disable-next-line jsx-a11y/interactive-supports-focus
90
+ // eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/no-noninteractive-element-interactions
91
91
  (0, _react2.jsx)("ul", {
92
92
  css: colorPaletteWrapperStyles
93
93
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/dist/cjs/components/internal/color.js CHANGED
@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
15
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
16
  var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
@@ -30,7 +29,7 @@ var _templateObject;
30
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
31
30
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
32
31
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
33
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
32
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
34
33
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
35
34
  var buttonStyles = (0, _primitives.xcss)({
36
35
  height: '24px',
@@ -50,20 +49,18 @@ var buttonStyles = (0, _primitives.xcss)({
50
49
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
51
50
  var buttonWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: 0 ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1px;\n\tborder-radius: ", ";\n\t&:hover {\n\t\tborder: 1px solid ", ";\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", "var(--ds-border, ".concat(_colors.N50, ")"));
52
51
  var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
53
- (0, _inherits2.default)(Color, _PureComponent);
54
- var _super = _createSuper(Color);
55
52
  function Color() {
56
53
  var _this;
57
54
  (0, _classCallCheck2.default)(this, Color);
58
55
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
59
56
  args[_key] = arguments[_key];
60
57
  }
61
- _this = _super.call.apply(_super, [this].concat(args));
62
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverStartTime", 0);
63
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseEnter", function () {
58
+ _this = _callSuper(this, Color, [].concat(args));
59
+ (0, _defineProperty2.default)(_this, "hoverStartTime", 0);
60
+ (0, _defineProperty2.default)(_this, "onMouseEnter", function () {
64
61
  _this.hoverStartTime = Date.now();
65
62
  });
66
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseLeave", function () {
63
+ (0, _defineProperty2.default)(_this, "onMouseLeave", function () {
67
64
  var onHover = _this.props.onHover;
68
65
  var delay = Date.now() - _this.hoverStartTime;
69
66
  if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
@@ -71,10 +68,10 @@ var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
71
68
  }
72
69
  _this.hoverStartTime = 0;
73
70
  });
74
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (e) {
71
+ (0, _defineProperty2.default)(_this, "onMouseDown", function (e) {
75
72
  e.preventDefault();
76
73
  });
77
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
74
+ (0, _defineProperty2.default)(_this, "onClick", function (e) {
78
75
  var _this$props = _this.props,
79
76
  onClick = _this$props.onClick,
80
77
  value = _this$props.value;
@@ -83,7 +80,8 @@ var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
83
80
  });
84
81
  return _this;
85
82
  }
86
- (0, _createClass2.default)(Color, [{
83
+ (0, _inherits2.default)(Color, _PureComponent);
84
+ return (0, _createClass2.default)(Color, [{
87
85
  key: "render",
88
86
  value: function render() {
89
87
  var _this2 = this;
@@ -132,5 +130,4 @@ var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
132
130
  this.hoverStartTime = 0;
133
131
  }
134
132
  }]);
135
- return Color;
136
133
  }(_react.PureComponent);
package/dist/es2019/components/Status.js CHANGED
@@ -39,6 +39,7 @@ const inlineBlockStyles = css({
39
39
  '& > *': {
40
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
41
41
  display: 'inline-block !important',
42
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
42
43
  lineHeight: '16px',
43
44
  verticalAlign: 'middle'
44
45
  }
@@ -81,23 +82,26 @@ class StatusInternal extends PureComponent {
81
82
  }
82
83
  const appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
83
84
  // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
84
- return jsx("span", {
85
- css: isAndroidChromium ? inlineBlockStyles : undefined
86
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
87
- ,
88
- className: "status-lozenge-span",
89
- onClick: onClick,
90
- onMouseEnter: this.handleMouseEnter,
91
- onMouseLeave: this.handleMouseLeave,
92
- "data-node-type": "status",
93
- "data-color": color,
94
- "data-style": style,
95
- role: role
96
- }, jsx(Lozenge, {
97
- appearance: appearance,
98
- maxWidth: MAX_WIDTH,
99
- isBold: isBold
100
- }, text));
85
+ return (
86
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
87
+ jsx("span", {
88
+ css: isAndroidChromium ? inlineBlockStyles : undefined
89
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
90
+ ,
91
+ className: "status-lozenge-span",
92
+ onClick: onClick,
93
+ onMouseEnter: this.handleMouseEnter,
94
+ onMouseLeave: this.handleMouseLeave,
95
+ "data-node-type": "status",
96
+ "data-color": color,
97
+ "data-style": style,
98
+ role: role
99
+ }, jsx(Lozenge, {
100
+ appearance: appearance,
101
+ maxWidth: MAX_WIDTH,
102
+ isBold: isBold
103
+ }, text))
104
+ );
101
105
  }
102
106
  }
103
107
  _defineProperty(StatusInternal, "displayName", 'StatusInternal');
package/dist/es2019/components/analytics.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const ELEMENTS_CHANNEL = 'fabric-elements';
2
2
  const packageName = "@atlaskit/status";
3
- const packageVersion = "1.8.0";
3
+ const packageVersion = "1.8.2";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
package/dist/es2019/components/internal/color-palette.js CHANGED
@@ -71,7 +71,7 @@ export default (({
71
71
  When we migrated to emotion from styled component, we started getting this error.
72
72
  Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
73
73
  */
74
- // eslint-disable-next-line jsx-a11y/interactive-supports-focus
74
+ // eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/no-noninteractive-element-interactions
75
75
  jsx("ul", {
76
76
  css: colorPaletteWrapperStyles
77
77
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/dist/esm/components/Status.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
7
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
7
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
9
  /**
11
10
  * @jsxRuntime classic
@@ -47,6 +46,7 @@ var inlineBlockStyles = css({
47
46
  '& > *': {
48
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
49
48
  display: 'inline-block !important',
49
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
50
50
  lineHeight: '16px',
51
51
  verticalAlign: 'middle'
52
52
  }
@@ -55,20 +55,18 @@ var inlineBlockStyles = css({
55
55
  // eg. Version/4.0 Chrome/95.0.4638.50
56
56
  var isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/.*/.test(window.navigator.userAgent);
57
57
  var StatusInternal = /*#__PURE__*/function (_PureComponent) {
58
- _inherits(StatusInternal, _PureComponent);
59
- var _super = _createSuper(StatusInternal);
60
58
  function StatusInternal() {
61
59
  var _this;
62
60
  _classCallCheck(this, StatusInternal);
63
61
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
64
62
  args[_key] = arguments[_key];
65
63
  }
66
- _this = _super.call.apply(_super, [this].concat(args));
67
- _defineProperty(_assertThisInitialized(_this), "hoverStartTime", 0);
68
- _defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function (_e) {
64
+ _this = _callSuper(this, StatusInternal, [].concat(args));
65
+ _defineProperty(_this, "hoverStartTime", 0);
66
+ _defineProperty(_this, "handleMouseEnter", function (_e) {
69
67
  _this.hoverStartTime = Date.now();
70
68
  });
71
- _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function (_e) {
69
+ _defineProperty(_this, "handleMouseLeave", function (_e) {
72
70
  var onHover = _this.props.onHover;
73
71
  var delay = Date.now() - _this.hoverStartTime;
74
72
  if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
@@ -78,7 +76,8 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
78
76
  });
79
77
  return _this;
80
78
  }
81
- _createClass(StatusInternal, [{
79
+ _inherits(StatusInternal, _PureComponent);
80
+ return _createClass(StatusInternal, [{
82
81
  key: "componentWillUnmount",
83
82
  value: function componentWillUnmount() {
84
83
  this.hoverStartTime = 0;
@@ -98,26 +97,28 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
98
97
  }
99
98
  var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
100
99
  // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
101
- return jsx("span", {
102
- css: isAndroidChromium ? inlineBlockStyles : undefined
103
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
104
- ,
105
- className: "status-lozenge-span",
106
- onClick: onClick,
107
- onMouseEnter: this.handleMouseEnter,
108
- onMouseLeave: this.handleMouseLeave,
109
- "data-node-type": "status",
110
- "data-color": color,
111
- "data-style": style,
112
- role: role
113
- }, jsx(Lozenge, {
114
- appearance: appearance,
115
- maxWidth: MAX_WIDTH,
116
- isBold: isBold
117
- }, text));
100
+ return (
101
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
102
+ jsx("span", {
103
+ css: isAndroidChromium ? inlineBlockStyles : undefined
104
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
105
+ ,
106
+ className: "status-lozenge-span",
107
+ onClick: onClick,
108
+ onMouseEnter: this.handleMouseEnter,
109
+ onMouseLeave: this.handleMouseLeave,
110
+ "data-node-type": "status",
111
+ "data-color": color,
112
+ "data-style": style,
113
+ role: role
114
+ }, jsx(Lozenge, {
115
+ appearance: appearance,
116
+ maxWidth: MAX_WIDTH,
117
+ isBold: isBold
118
+ }, text))
119
+ );
118
120
  }
119
121
  }]);
120
- return StatusInternal;
121
122
  }(PureComponent);
122
123
  _defineProperty(StatusInternal, "displayName", 'StatusInternal');
123
124
  export var Status = withAnalyticsEvents({
package/dist/esm/components/StatusPicker.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
7
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
7
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
9
  /**
11
10
  * @jsxRuntime classic
@@ -27,33 +26,31 @@ var fieldTextWrapperStyles = css({
27
26
  }
28
27
  });
29
28
  var Picker = /*#__PURE__*/function (_PureComponent) {
30
- _inherits(Picker, _PureComponent);
31
- var _super = _createSuper(Picker);
32
29
  function Picker() {
33
30
  var _this;
34
31
  _classCallCheck(this, Picker);
35
32
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
36
33
  args[_key] = arguments[_key];
37
34
  }
38
- _this = _super.call.apply(_super, [this].concat(args));
39
- _defineProperty(_assertThisInitialized(_this), "fieldTextWrapperKey", Math.random().toString());
40
- _defineProperty(_assertThisInitialized(_this), "colorPaletteKey", Math.random().toString());
41
- _defineProperty(_assertThisInitialized(_this), "onChange", function (evt) {
35
+ _this = _callSuper(this, Picker, [].concat(args));
36
+ _defineProperty(_this, "fieldTextWrapperKey", Math.random().toString());
37
+ _defineProperty(_this, "colorPaletteKey", Math.random().toString());
38
+ _defineProperty(_this, "onChange", function (evt) {
42
39
  // @ts-ignore
43
40
  _this.props.onTextChanged(evt.target.value);
44
41
  });
45
- _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
42
+ _defineProperty(_this, "onKeyPress", function (event) {
46
43
  if (event.key === 'Enter') {
47
44
  _this.props.onEnter();
48
45
  }
49
46
  });
50
- _defineProperty(_assertThisInitialized(_this), "handleInputRef", function (ref) {
47
+ _defineProperty(_this, "handleInputRef", function (ref) {
51
48
  _this.inputRef = ref;
52
49
  if (ref && _this.props.autoFocus) {
53
50
  _this.focusInput();
54
51
  }
55
52
  });
56
- _defineProperty(_assertThisInitialized(_this), "focusInput", function () {
53
+ _defineProperty(_this, "focusInput", function () {
57
54
  if (!_this.inputRef) {
58
55
  return;
59
56
  }
@@ -65,7 +62,8 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
65
62
  });
66
63
  return _this;
67
64
  }
68
- _createClass(Picker, [{
65
+ _inherits(Picker, _PureComponent);
66
+ return _createClass(Picker, [{
69
67
  key: "render",
70
68
  value: function render() {
71
69
  var _this$props = this.props,
@@ -111,7 +109,6 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
111
109
  }
112
110
  }
113
111
  }]);
114
- return Picker;
115
112
  }(PureComponent);
116
113
  _defineProperty(Picker, "defaultProps", {
117
114
  autoFocus: true
package/dist/esm/components/analytics.js CHANGED
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
4
  export var ELEMENTS_CHANNEL = 'fabric-elements';
5
5
  var packageName = "@atlaskit/status";
6
- var packageVersion = "1.8.0";
6
+ var packageVersion = "1.8.2";
7
7
  export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
8
8
  return function (payload) {
9
9
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/esm/components/internal/color-palette.js CHANGED
@@ -77,7 +77,7 @@ export default (function (_ref) {
77
77
  When we migrated to emotion from styled component, we started getting this error.
78
78
  Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
79
79
  */
80
- // eslint-disable-next-line jsx-a11y/interactive-supports-focus
80
+ // eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/no-noninteractive-element-interactions
81
81
  jsx("ul", {
82
82
  css: colorPaletteWrapperStyles
83
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/dist/esm/components/internal/color.js CHANGED
@@ -1,13 +1,12 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
3
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
4
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
+ import _inherits from "@babel/runtime/helpers/inherits";
7
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
7
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
9
8
  var _templateObject;
10
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
9
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
11
10
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
11
  /**
13
12
  * @jsxRuntime classic
@@ -40,20 +39,18 @@ var buttonStyles = xcss({
40
39
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
41
40
  var buttonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder: 1px solid transparent;\n\tmargin: 0 ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1px;\n\tborder-radius: ", ";\n\t&:hover {\n\t\tborder: 1px solid ", ";\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", "var(--ds-border, ".concat(N50, ")"));
42
41
  var Color = /*#__PURE__*/function (_PureComponent) {
43
- _inherits(Color, _PureComponent);
44
- var _super = _createSuper(Color);
45
42
  function Color() {
46
43
  var _this;
47
44
  _classCallCheck(this, Color);
48
45
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
49
46
  args[_key] = arguments[_key];
50
47
  }
51
- _this = _super.call.apply(_super, [this].concat(args));
52
- _defineProperty(_assertThisInitialized(_this), "hoverStartTime", 0);
53
- _defineProperty(_assertThisInitialized(_this), "onMouseEnter", function () {
48
+ _this = _callSuper(this, Color, [].concat(args));
49
+ _defineProperty(_this, "hoverStartTime", 0);
50
+ _defineProperty(_this, "onMouseEnter", function () {
54
51
  _this.hoverStartTime = Date.now();
55
52
  });
56
- _defineProperty(_assertThisInitialized(_this), "onMouseLeave", function () {
53
+ _defineProperty(_this, "onMouseLeave", function () {
57
54
  var onHover = _this.props.onHover;
58
55
  var delay = Date.now() - _this.hoverStartTime;
59
56
  if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
@@ -61,10 +58,10 @@ var Color = /*#__PURE__*/function (_PureComponent) {
61
58
  }
62
59
  _this.hoverStartTime = 0;
63
60
  });
64
- _defineProperty(_assertThisInitialized(_this), "onMouseDown", function (e) {
61
+ _defineProperty(_this, "onMouseDown", function (e) {
65
62
  e.preventDefault();
66
63
  });
67
- _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
64
+ _defineProperty(_this, "onClick", function (e) {
68
65
  var _this$props = _this.props,
69
66
  onClick = _this$props.onClick,
70
67
  value = _this$props.value;
@@ -73,7 +70,8 @@ var Color = /*#__PURE__*/function (_PureComponent) {
73
70
  });
74
71
  return _this;
75
72
  }
76
- _createClass(Color, [{
73
+ _inherits(Color, _PureComponent);
74
+ return _createClass(Color, [{
77
75
  key: "render",
78
76
  value: function render() {
79
77
  var _this2 = this;
@@ -122,6 +120,5 @@ var Color = /*#__PURE__*/function (_PureComponent) {
122
120
  this.hoverStartTime = 0;
123
121
  }
124
122
  }]);
125
- return Color;
126
123
  }(PureComponent);
127
124
  export { Color as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "1.8.0",
3
+ "version": "1.8.2",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,14 +24,14 @@
24
24
  "access": "public"
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/analytics-next": "^10.1.0",
28
- "@atlaskit/icon": "^22.26.0",
27
+ "@atlaskit/analytics-next": "^10.2.0",
28
+ "@atlaskit/icon": "^23.3.0",
29
29
  "@atlaskit/lozenge": "^11.12.0",
30
30
  "@atlaskit/platform-feature-flags": "^0.3.0",
31
- "@atlaskit/primitives": "^13.2.0",
32
- "@atlaskit/textfield": "^6.5.0",
31
+ "@atlaskit/primitives": "^13.3.0",
32
+ "@atlaskit/textfield": "^6.7.0",
33
33
  "@atlaskit/theme": "^14.0.0",
34
- "@atlaskit/tokens": "^2.3.0",
34
+ "@atlaskit/tokens": "^3.0.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@emotion/react": "^11.7.1"
37
37
  },
package/tsconfig.json CHANGED
@@ -9,6 +9,5 @@
9
9
  "./examples/**/*.tsx"
10
10
  ],
11
11
  "compilerOptions": {
12
- "baseUrl": "./"
13
12
  }
14
13
  }