@atlaskit/status 3.0.26 → 3.1.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.
- package/CHANGELOG.md +14 -0
- package/afm-cc/tsconfig.json +1 -1
- package/dist/cjs/components/analytics.js +1 -1
- package/dist/cjs/components/internal/color-palette.js +14 -37
- package/dist/es2019/components/analytics.js +1 -1
- package/dist/es2019/components/internal/color-palette.js +14 -37
- package/dist/esm/components/analytics.js +1 -1
- package/dist/esm/components/internal/color-palette.js +14 -37
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/status
|
|
2
2
|
|
|
3
|
+
## 3.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`a05a8d9786e66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a05a8d9786e66) -
|
|
8
|
+
[https://hello.jira.atlassian.cloud/browse/EDITOR-4327](EDITOR-4327) - clean up
|
|
9
|
+
editor_a11y_arrow_key_status_colour_palette
|
|
10
|
+
|
|
11
|
+
## 3.0.27
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 3.0.26
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/afm-cc/tsconfig.json
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 = "
|
|
13
|
+
var packageVersion = "3.0.27";
|
|
14
14
|
var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
15
15
|
return function (payload) {
|
|
16
16
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -22,11 +22,6 @@ var getPalette = function getPalette() {
|
|
|
22
22
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
24
24
|
var colorPaletteWrapperStyles = null;
|
|
25
|
-
var VK_LEFT = 37; //ArrowLeft
|
|
26
|
-
var VK_RIGHT = 39; //ArrowRight
|
|
27
|
-
var VK_UP = 38; //ArrowUp
|
|
28
|
-
var VK_DOWN = 40; //ArrowDown
|
|
29
|
-
var VK_TAB = 9;
|
|
30
25
|
var _default = exports.default = function _default(_ref) {
|
|
31
26
|
var _ref$cols = _ref.cols,
|
|
32
27
|
cols = _ref$cols === void 0 ? 7 : _ref$cols,
|
|
@@ -51,38 +46,20 @@ var _default = exports.default = function _default(_ref) {
|
|
|
51
46
|
var previousColor = function previousColor() {
|
|
52
47
|
return currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
|
|
53
48
|
};
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
break;
|
|
69
|
-
}
|
|
70
|
-
} else {
|
|
71
|
-
switch (e.keyCode) {
|
|
72
|
-
case VK_RIGHT:
|
|
73
|
-
case VK_DOWN:
|
|
74
|
-
e.preventDefault();
|
|
75
|
-
newColorIndex = nextColor();
|
|
76
|
-
break;
|
|
77
|
-
case VK_LEFT:
|
|
78
|
-
case VK_UP:
|
|
79
|
-
e.preventDefault();
|
|
80
|
-
newColorIndex = previousColor();
|
|
81
|
-
break;
|
|
82
|
-
case VK_TAB:
|
|
83
|
-
setCurrentFocusedColor(0);
|
|
84
|
-
break;
|
|
85
|
-
}
|
|
49
|
+
switch (e.key) {
|
|
50
|
+
case 'ArrowRight':
|
|
51
|
+
case 'ArrowDown':
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
newColorIndex = nextColor();
|
|
54
|
+
break;
|
|
55
|
+
case 'ArrowLeft':
|
|
56
|
+
case 'ArrowUp':
|
|
57
|
+
e.preventDefault();
|
|
58
|
+
newColorIndex = previousColor();
|
|
59
|
+
break;
|
|
60
|
+
case 'Tab':
|
|
61
|
+
setCurrentFocusedColor(0);
|
|
62
|
+
break;
|
|
86
63
|
}
|
|
87
64
|
if (newColorIndex === null) {
|
|
88
65
|
return;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const ELEMENTS_CHANNEL = 'fabric-elements';
|
|
2
2
|
const packageName = "@atlaskit/status";
|
|
3
|
-
const packageVersion = "
|
|
3
|
+
const packageVersion = "3.0.27";
|
|
4
4
|
export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
|
|
5
5
|
const statusPayload = {
|
|
6
6
|
...payload,
|
|
@@ -10,11 +10,6 @@ const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefres
|
|
|
10
10
|
|
|
11
11
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
12
12
|
const colorPaletteWrapperStyles = null;
|
|
13
|
-
const VK_LEFT = 37; //ArrowLeft
|
|
14
|
-
const VK_RIGHT = 39; //ArrowRight
|
|
15
|
-
const VK_UP = 38; //ArrowUp
|
|
16
|
-
const VK_DOWN = 40; //ArrowDown
|
|
17
|
-
const VK_TAB = 9;
|
|
18
13
|
export default (({
|
|
19
14
|
cols = 7,
|
|
20
15
|
onClick,
|
|
@@ -32,38 +27,20 @@ export default (({
|
|
|
32
27
|
let newColorIndex = null;
|
|
33
28
|
const nextColor = () => currentFocusedColor + 1 > palette.length - 1 ? 0 : currentFocusedColor + 1;
|
|
34
29
|
const previousColor = () => currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
break;
|
|
50
|
-
}
|
|
51
|
-
} else {
|
|
52
|
-
switch (e.keyCode) {
|
|
53
|
-
case VK_RIGHT:
|
|
54
|
-
case VK_DOWN:
|
|
55
|
-
e.preventDefault();
|
|
56
|
-
newColorIndex = nextColor();
|
|
57
|
-
break;
|
|
58
|
-
case VK_LEFT:
|
|
59
|
-
case VK_UP:
|
|
60
|
-
e.preventDefault();
|
|
61
|
-
newColorIndex = previousColor();
|
|
62
|
-
break;
|
|
63
|
-
case VK_TAB:
|
|
64
|
-
setCurrentFocusedColor(0);
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
30
|
+
switch (e.key) {
|
|
31
|
+
case 'ArrowRight':
|
|
32
|
+
case 'ArrowDown':
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
newColorIndex = nextColor();
|
|
35
|
+
break;
|
|
36
|
+
case 'ArrowLeft':
|
|
37
|
+
case 'ArrowUp':
|
|
38
|
+
e.preventDefault();
|
|
39
|
+
newColorIndex = previousColor();
|
|
40
|
+
break;
|
|
41
|
+
case 'Tab':
|
|
42
|
+
setCurrentFocusedColor(0);
|
|
43
|
+
break;
|
|
67
44
|
}
|
|
68
45
|
if (newColorIndex === null) {
|
|
69
46
|
return;
|
|
@@ -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 = "
|
|
6
|
+
var packageVersion = "3.0.27";
|
|
7
7
|
export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
8
8
|
return function (payload) {
|
|
9
9
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -13,11 +13,6 @@ var getPalette = function getPalette() {
|
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
15
15
|
var colorPaletteWrapperStyles = null;
|
|
16
|
-
var VK_LEFT = 37; //ArrowLeft
|
|
17
|
-
var VK_RIGHT = 39; //ArrowRight
|
|
18
|
-
var VK_UP = 38; //ArrowUp
|
|
19
|
-
var VK_DOWN = 40; //ArrowDown
|
|
20
|
-
var VK_TAB = 9;
|
|
21
16
|
export default (function (_ref) {
|
|
22
17
|
var _ref$cols = _ref.cols,
|
|
23
18
|
cols = _ref$cols === void 0 ? 7 : _ref$cols,
|
|
@@ -42,38 +37,20 @@ export default (function (_ref) {
|
|
|
42
37
|
var previousColor = function previousColor() {
|
|
43
38
|
return currentFocusedColor - 1 < 0 ? palette.length - 1 : currentFocusedColor - 1;
|
|
44
39
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
break;
|
|
60
|
-
}
|
|
61
|
-
} else {
|
|
62
|
-
switch (e.keyCode) {
|
|
63
|
-
case VK_RIGHT:
|
|
64
|
-
case VK_DOWN:
|
|
65
|
-
e.preventDefault();
|
|
66
|
-
newColorIndex = nextColor();
|
|
67
|
-
break;
|
|
68
|
-
case VK_LEFT:
|
|
69
|
-
case VK_UP:
|
|
70
|
-
e.preventDefault();
|
|
71
|
-
newColorIndex = previousColor();
|
|
72
|
-
break;
|
|
73
|
-
case VK_TAB:
|
|
74
|
-
setCurrentFocusedColor(0);
|
|
75
|
-
break;
|
|
76
|
-
}
|
|
40
|
+
switch (e.key) {
|
|
41
|
+
case 'ArrowRight':
|
|
42
|
+
case 'ArrowDown':
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
newColorIndex = nextColor();
|
|
45
|
+
break;
|
|
46
|
+
case 'ArrowLeft':
|
|
47
|
+
case 'ArrowUp':
|
|
48
|
+
e.preventDefault();
|
|
49
|
+
newColorIndex = previousColor();
|
|
50
|
+
break;
|
|
51
|
+
case 'Tab':
|
|
52
|
+
setCurrentFocusedColor(0);
|
|
53
|
+
break;
|
|
77
54
|
}
|
|
78
55
|
if (newColorIndex === null) {
|
|
79
56
|
return;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/status",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "Fabric Status React Components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -28,12 +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": "^29.
|
|
32
|
-
"@atlaskit/lozenge": "^13.
|
|
31
|
+
"@atlaskit/icon": "^29.4.0",
|
|
32
|
+
"@atlaskit/lozenge": "^13.3.0",
|
|
33
33
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
34
|
-
"@atlaskit/primitives": "^
|
|
34
|
+
"@atlaskit/primitives": "^17.0.0",
|
|
35
35
|
"@atlaskit/textfield": "^8.2.0",
|
|
36
|
-
"@atlaskit/tokens": "^
|
|
36
|
+
"@atlaskit/tokens": "^9.1.0",
|
|
37
37
|
"@babel/runtime": "^7.0.0",
|
|
38
38
|
"@compiled/react": "^0.18.6"
|
|
39
39
|
},
|