@atlaskit/status 3.1.4 → 3.1.6

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 (9) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/afm-cc/tsconfig.json +3 -1
  3. package/afm-jira/tsconfig.json +0 -1
  4. package/afm-products/tsconfig.json +0 -1
  5. package/dist/cjs/components/Status.js +25 -6
  6. package/dist/es2019/components/Status.js +29 -6
  7. package/dist/esm/components/Status.js +25 -6
  8. package/package.json +5 -4
  9. package/tsconfig.json +1 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 3.1.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d2f1426fe5b85`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2f1426fe5b85) -
8
+ [ux] ENGHEALTH-46817 Add feature gated a11y eslint fixes across editor packages
9
+ - Updated dependencies
10
+
11
+ ## 3.1.5
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 3.1.4
4
18
 
5
19
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
- "declaration": true,
5
4
  "target": "es5",
6
5
  "outDir": "../../../../../confluence/tsDist/@atlaskit__status",
7
6
  "rootDir": "../",
@@ -42,6 +41,9 @@
42
41
  {
43
42
  "path": "../../../design-system/textfield/afm-cc/tsconfig.json"
44
43
  },
44
+ {
45
+ "path": "../../../editor/tmp-editor-statsig/afm-cc/tsconfig.json"
46
+ },
45
47
  {
46
48
  "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
47
49
  }
package/afm-jira/tsconfig.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
- "declaration": true,
5
4
  "target": "es5",
6
5
  "outDir": "../../../../../jira/tsDist/@atlaskit__status/app",
7
6
  "rootDir": "../",
package/afm-products/tsconfig.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
- "declaration": true,
5
4
  "target": "es5",
6
5
  "outDir": "../../../../../tsDist/@atlaskit__status/app",
7
6
  "rootDir": "../",
package/dist/cjs/components/Status.js CHANGED
@@ -18,6 +18,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
18
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
20
20
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
21
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
21
22
  var _analyticsNext = require("@atlaskit/analytics-next");
22
23
  var _analytics = require("./analytics");
23
24
  var _constants = require("./constants");
@@ -65,6 +66,24 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
65
66
  }
66
67
  _this.hoverStartTime = 0;
67
68
  });
69
+ (0, _defineProperty2.default)(_this, "handleKeyDown", function (e) {
70
+ var onClick = _this.props.onClick;
71
+ if (onClick && (e.key === 'Enter' || e.key === ' ')) {
72
+ e.preventDefault();
73
+ onClick(e);
74
+ }
75
+ });
76
+ (0, _defineProperty2.default)(_this, "handleFocus", function (_e) {
77
+ _this.hoverStartTime = Date.now();
78
+ });
79
+ (0, _defineProperty2.default)(_this, "handleBlur", function (_e) {
80
+ var onHover = _this.props.onHover;
81
+ var delay = Date.now() - _this.hoverStartTime;
82
+ if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
83
+ onHover();
84
+ }
85
+ _this.hoverStartTime = 0;
86
+ });
68
87
  return _this;
69
88
  }
70
89
  (0, _inherits2.default)(StatusInternal, _PureComponent);
@@ -91,13 +110,13 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
91
110
  return /*#__PURE__*/React.createElement("span", {
92
111
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
93
112
  className: (0, _runtime.ax)([isAndroidChromium && "_d0dzdf4r _1k0l7vkz _1frxnkob", "status-lozenge-span"]),
94
- onClick: onClick
95
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
96
- ,
97
- onMouseEnter: this.handleMouseEnter
98
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
99
- ,
113
+ onClick: onClick,
114
+ onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClick ? this.handleKeyDown : undefined : undefined,
115
+ onMouseEnter: this.handleMouseEnter,
100
116
  onMouseLeave: this.handleMouseLeave,
117
+ onFocus: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.handleFocus : undefined,
118
+ onBlur: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.handleBlur : undefined,
119
+ tabIndex: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClick ? -1 : undefined : undefined,
101
120
  "data-node-type": "status",
102
121
  "data-color": color,
103
122
  "data-style": style,
package/dist/es2019/components/Status.js CHANGED
@@ -5,6 +5,7 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { PureComponent } from 'react';
7
7
  import Lozenge from '@atlaskit/lozenge';
8
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
9
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
9
10
  import { createStatusAnalyticsAndFire } from './analytics';
10
11
  import { ANALYTICS_HOVER_DELAY } from './constants';
@@ -46,6 +47,28 @@ class StatusInternal extends PureComponent {
46
47
  }
47
48
  this.hoverStartTime = 0;
48
49
  });
50
+ _defineProperty(this, "handleKeyDown", e => {
51
+ const {
52
+ onClick
53
+ } = this.props;
54
+ if (onClick && (e.key === 'Enter' || e.key === ' ')) {
55
+ e.preventDefault();
56
+ onClick(e);
57
+ }
58
+ });
59
+ _defineProperty(this, "handleFocus", _e => {
60
+ this.hoverStartTime = Date.now();
61
+ });
62
+ _defineProperty(this, "handleBlur", _e => {
63
+ const {
64
+ onHover
65
+ } = this.props;
66
+ const delay = Date.now() - this.hoverStartTime;
67
+ if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
68
+ onHover();
69
+ }
70
+ this.hoverStartTime = 0;
71
+ });
49
72
  }
50
73
  componentWillUnmount() {
51
74
  this.hoverStartTime = 0;
@@ -67,13 +90,13 @@ class StatusInternal extends PureComponent {
67
90
  return /*#__PURE__*/React.createElement("span", {
68
91
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
69
92
  className: ax([isAndroidChromium && "_d0dzdf4r _1k0l7vkz _1frxnkob", "status-lozenge-span"]),
70
- onClick: onClick
71
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
72
- ,
73
- onMouseEnter: this.handleMouseEnter
74
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
75
- ,
93
+ onClick: onClick,
94
+ onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClick ? this.handleKeyDown : undefined : undefined,
95
+ onMouseEnter: this.handleMouseEnter,
76
96
  onMouseLeave: this.handleMouseLeave,
97
+ onFocus: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.handleFocus : undefined,
98
+ onBlur: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.handleBlur : undefined,
99
+ tabIndex: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClick ? -1 : undefined : undefined,
77
100
  "data-node-type": "status",
78
101
  "data-color": color,
79
102
  "data-style": style,
package/dist/esm/components/Status.js CHANGED
@@ -12,6 +12,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
12
12
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
13
  import { PureComponent } from 'react';
14
14
  import Lozenge from '@atlaskit/lozenge';
15
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
16
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
16
17
  import { createStatusAnalyticsAndFire } from './analytics';
17
18
  import { ANALYTICS_HOVER_DELAY } from './constants';
@@ -56,6 +57,24 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
56
57
  }
57
58
  _this.hoverStartTime = 0;
58
59
  });
60
+ _defineProperty(_this, "handleKeyDown", function (e) {
61
+ var onClick = _this.props.onClick;
62
+ if (onClick && (e.key === 'Enter' || e.key === ' ')) {
63
+ e.preventDefault();
64
+ onClick(e);
65
+ }
66
+ });
67
+ _defineProperty(_this, "handleFocus", function (_e) {
68
+ _this.hoverStartTime = Date.now();
69
+ });
70
+ _defineProperty(_this, "handleBlur", function (_e) {
71
+ var onHover = _this.props.onHover;
72
+ var delay = Date.now() - _this.hoverStartTime;
73
+ if (delay >= ANALYTICS_HOVER_DELAY && onHover) {
74
+ onHover();
75
+ }
76
+ _this.hoverStartTime = 0;
77
+ });
59
78
  return _this;
60
79
  }
61
80
  _inherits(StatusInternal, _PureComponent);
@@ -82,13 +101,13 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
82
101
  return /*#__PURE__*/React.createElement("span", {
83
102
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
84
103
  className: ax([isAndroidChromium && "_d0dzdf4r _1k0l7vkz _1frxnkob", "status-lozenge-span"]),
85
- onClick: onClick
86
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
87
- ,
88
- onMouseEnter: this.handleMouseEnter
89
- // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
90
- ,
104
+ onClick: onClick,
105
+ onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClick ? this.handleKeyDown : undefined : undefined,
106
+ onMouseEnter: this.handleMouseEnter,
91
107
  onMouseLeave: this.handleMouseLeave,
108
+ onFocus: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.handleFocus : undefined,
109
+ onBlur: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? this.handleBlur : undefined,
110
+ tabIndex: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClick ? -1 : undefined : undefined,
92
111
  "data-node-type": "status",
93
112
  "data-color": color,
94
113
  "data-style": style,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "3.1.4",
3
+ "version": "3.1.6",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,11 +28,12 @@
28
28
  "dependencies": {
29
29
  "@atlaskit/afm-i18n-platform-elements-status": "2.7.0",
30
30
  "@atlaskit/analytics-next": "^11.1.0",
31
- "@atlaskit/icon": "^30.0.0",
32
- "@atlaskit/lozenge": "^13.3.0",
31
+ "@atlaskit/icon": "^31.0.0",
32
+ "@atlaskit/lozenge": "^13.4.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
34
  "@atlaskit/primitives": "^18.0.0",
35
35
  "@atlaskit/textfield": "^8.2.0",
36
+ "@atlaskit/tmp-editor-statsig": "^29.3.0",
36
37
  "@atlaskit/tokens": "^11.0.0",
37
38
  "@babel/runtime": "^7.0.0",
38
39
  "@compiled/react": "^0.18.6"
@@ -44,7 +45,7 @@
44
45
  "devDependencies": {
45
46
  "@af/visual-regression": "workspace:^",
46
47
  "@atlaskit/elements-test-helpers": "workspace:^",
47
- "@atlassian/a11y-jest-testing": "^0.8.0",
48
+ "@atlassian/a11y-jest-testing": "^0.10.0",
48
49
  "@atlassian/feature-flags-test-utils": "^1.0.0",
49
50
  "@testing-library/jest-dom": "^6.4.5",
50
51
  "@testing-library/react": "^16.3.0",
package/tsconfig.json CHANGED
@@ -13,6 +13,5 @@
13
13
  "**/stories/*.tsx",
14
14
  "**/stories/**/*.ts",
15
15
  "**/stories/**/*.tsx"
16
- ],
17
- "compilerOptions": {}
16
+ ]
18
17
  }