@atlaskit/status 1.8.1 → 1.9.0

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 (13) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/components/Status.js +9 -11
  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.js +10 -13
  6. package/dist/es2019/components/Status.js +1 -0
  7. package/dist/es2019/components/analytics.js +1 -1
  8. package/dist/esm/components/Status.js +9 -11
  9. package/dist/esm/components/StatusPicker.js +11 -14
  10. package/dist/esm/components/analytics.js +1 -1
  11. package/dist/esm/components/internal/color.js +10 -13
  12. package/package.json +11 -11
  13. package/tsconfig.json +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 1.9.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
8
+ [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
9
+ Update `React` from v16 to v18
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 1.8.2
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 1.8.1
4
22
 
5
23
  ### Patch 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;
@@ -124,7 +123,6 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
124
123
  );
125
124
  }
126
125
  }]);
127
- return StatusInternal;
128
126
  }(_react.PureComponent);
129
127
  (0, _defineProperty2.default)(StatusInternal, "displayName", 'StatusInternal');
130
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.1";
13
+ var packageVersion = "1.9.0";
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.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
  }
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.1";
3
+ const packageVersion = "1.9.0";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
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;
@@ -120,7 +119,6 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
120
119
  );
121
120
  }
122
121
  }]);
123
- return StatusInternal;
124
122
  }(PureComponent);
125
123
  _defineProperty(StatusInternal, "displayName", 'StatusInternal');
126
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.1";
6
+ var packageVersion = "1.9.0";
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.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.1",
3
+ "version": "1.9.0",
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": "^23.0.0",
29
- "@atlaskit/lozenge": "^11.12.0",
27
+ "@atlaskit/analytics-next": "^10.3.0",
28
+ "@atlaskit/icon": "^23.5.0",
29
+ "@atlaskit/lozenge": "^11.13.0",
30
30
  "@atlaskit/platform-feature-flags": "^0.3.0",
31
- "@atlaskit/primitives": "^13.3.0",
32
- "@atlaskit/textfield": "^6.6.0",
33
- "@atlaskit/theme": "^14.0.0",
34
- "@atlaskit/tokens": "^2.4.0",
31
+ "@atlaskit/primitives": "^13.4.0",
32
+ "@atlaskit/textfield": "^6.8.0",
33
+ "@atlaskit/theme": "^14.1.0",
34
+ "@atlaskit/tokens": "^3.3.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@emotion/react": "^11.7.1"
37
37
  },
@@ -41,13 +41,13 @@
41
41
  },
42
42
  "devDependencies": {
43
43
  "@af/visual-regression": "*",
44
- "@atlaskit/elements-test-helpers": "^0.7.0",
44
+ "@atlaskit/elements-test-helpers": "^0.8.0",
45
45
  "@atlaskit/visual-regression": "*",
46
46
  "@testing-library/jest-dom": "^6.4.5",
47
- "@testing-library/react": "^12.1.5",
47
+ "@testing-library/react": "^13.4.0",
48
48
  "enzyme": "^3.10.0",
49
49
  "enzyme-adapter-react-16": "^1.15.1",
50
- "react": "^16.8.0",
50
+ "react": "^18.2.0",
51
51
  "react-intl-next": "npm:react-intl@^5.18.1",
52
52
  "typescript": "~5.4.2"
53
53
  },
package/tsconfig.json CHANGED
@@ -9,6 +9,5 @@
9
9
  "./examples/**/*.tsx"
10
10
  ],
11
11
  "compilerOptions": {
12
- "baseUrl": "./"
13
12
  }
14
13
  }