@atlaskit/status 3.0.27 → 3.1.1

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 CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 3.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.1.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`a05a8d9786e66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a05a8d9786e66) -
14
+ [https://hello.jira.atlassian.cloud/browse/EDITOR-4327](EDITOR-4327) - clean up
15
+ editor_a11y_arrow_key_status_colour_palette
16
+
3
17
  ## 3.0.27
4
18
 
5
19
  ### Patch Changes
@@ -1,5 +1,5 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.confluence.json",
2
+ "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
@@ -1,5 +1,5 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.products.json",
2
+ "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
@@ -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 = "0.0.0-development";
13
+ var packageVersion = "3.1.0";
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
- if ((0, _platformFeatureFlags.fg)('editor_a11y_arrow_key_status_colour_palette')) {
55
- switch (e.key) {
56
- case 'ArrowRight':
57
- case 'ArrowDown':
58
- e.preventDefault();
59
- newColorIndex = nextColor();
60
- break;
61
- case 'ArrowLeft':
62
- case 'ArrowUp':
63
- e.preventDefault();
64
- newColorIndex = previousColor();
65
- break;
66
- case 'Tab':
67
- setCurrentFocusedColor(0);
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 = "0.0.0-development";
3
+ const packageVersion = "3.1.0";
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
- if (fg('editor_a11y_arrow_key_status_colour_palette')) {
36
- switch (e.key) {
37
- case 'ArrowRight':
38
- case 'ArrowDown':
39
- e.preventDefault();
40
- newColorIndex = nextColor();
41
- break;
42
- case 'ArrowLeft':
43
- case 'ArrowUp':
44
- e.preventDefault();
45
- newColorIndex = previousColor();
46
- break;
47
- case 'Tab':
48
- setCurrentFocusedColor(0);
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 = "0.0.0-development";
6
+ var packageVersion = "3.1.0";
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
- if (fg('editor_a11y_arrow_key_status_colour_palette')) {
46
- switch (e.key) {
47
- case 'ArrowRight':
48
- case 'ArrowDown':
49
- e.preventDefault();
50
- newColorIndex = nextColor();
51
- break;
52
- case 'ArrowLeft':
53
- case 'ArrowUp':
54
- e.preventDefault();
55
- newColorIndex = previousColor();
56
- break;
57
- case 'Tab':
58
- setCurrentFocusedColor(0);
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/docs/0-intro.tsx CHANGED
@@ -8,7 +8,7 @@ const StatusPickerSource = require('!!raw-loader!../examples/01-status-picker');
8
8
 
9
9
  const StatusPickerProps = require('!!extract-react-types-loader!../src/components/StatusPicker');
10
10
 
11
- export default md`
11
+ const _default_1: any = md`
12
12
  ${(<AtlassianInternalWarning />)}
13
13
 
14
14
  This component is the implementation of the Status element in React.
@@ -43,5 +43,6 @@ This component is the implementation of the Status element in React.
43
43
 
44
44
  ${(<Props heading="StatusPicker Props" props={StatusPickerProps} />)}
45
45
  `;
46
+ export default _default_1;
46
47
 
47
48
  // TODO: Add Props for Status when pretty prop types support function.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "3.0.27",
3
+ "version": "3.1.1",
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.3.0",
32
- "@atlaskit/lozenge": "^13.2.0",
31
+ "@atlaskit/icon": "^29.4.0",
32
+ "@atlaskit/lozenge": "^13.3.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
- "@atlaskit/primitives": "^17.0.0",
34
+ "@atlaskit/primitives": "^17.1.0",
35
35
  "@atlaskit/textfield": "^8.2.0",
36
- "@atlaskit/tokens": "^9.0.0",
36
+ "@atlaskit/tokens": "^10.0.0",
37
37
  "@babel/runtime": "^7.0.0",
38
38
  "@compiled/react": "^0.18.6"
39
39
  },
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/elements-test-helpers": "workspace:^",
47
47
  "@atlassian/feature-flags-test-utils": "^1.0.0",
48
48
  "@testing-library/jest-dom": "^6.4.5",
49
- "@testing-library/react": "^13.4.0",
49
+ "@testing-library/react": "^16.3.0",
50
50
  "enzyme": "^3.10.0",
51
51
  "react": "^18.2.0",
52
52
  "react-intl-next": "npm:react-intl@^5.18.1"
@@ -1,23 +0,0 @@
1
- {
2
- "extends": "../tsconfig",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "paths": {}
7
- },
8
- "include": [
9
- "../src/**/*.ts",
10
- "../src/**/*.tsx"
11
- ],
12
- "exclude": [
13
- "../src/**/__tests__/*",
14
- "../src/**/*.test.*",
15
- "../src/**/test.*",
16
- "../src/**/examples.*",
17
- "../src/**/examples/*",
18
- "../src/**/examples/**/*",
19
- "../src/**/*.stories.*",
20
- "../src/**/stories/*",
21
- "../src/**/stories/**/*"
22
- ]
23
- }