@atlaskit/reactions 22.4.0 → 22.5.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 +6 -0
- package/dist/cjs/components/ReactionPicker/ReactionPicker.js +1 -2
- package/dist/cjs/hooks/useFocusTrap.js +2 -9
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/ReactionPicker/ReactionPicker.js +1 -1
- package/dist/es2019/hooks/useFocusTrap.js +2 -9
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/ReactionPicker/ReactionPicker.js +1 -1
- package/dist/esm/hooks/useFocusTrap.js +2 -9
- package/dist/esm/version.json +1 -1
- package/dist/types/components/ReactionPicker/ReactionPicker.d.ts +0 -4
- package/dist/types-ts4.5/components/ReactionPicker/ReactionPicker.d.ts +0 -4
- package/package.json +3 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 22.5.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`3920dcfd848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3920dcfd848) - This removes the feature flag made for upgrading the `focus-trap` dependency and keeps `focus-trap` at it's original version.
|
|
8
|
+
|
|
3
9
|
## 22.4.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.ReactionPicker = exports.RENDER_REACTIONPICKER_TESTID = exports.RENDER_REACTIONPICKERPANEL_TESTID =
|
|
8
|
+
exports.ReactionPicker = exports.RENDER_REACTIONPICKER_TESTID = exports.RENDER_REACTIONPICKERPANEL_TESTID = void 0;
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -42,7 +42,6 @@ var RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
|
|
|
42
42
|
*/
|
|
43
43
|
exports.RENDER_REACTIONPICKERPANEL_TESTID = RENDER_REACTIONPICKERPANEL_TESTID;
|
|
44
44
|
var PICKER_CONTROL_ID = 'emoji-picker';
|
|
45
|
-
exports.PICKER_CONTROL_ID = PICKER_CONTROL_ID;
|
|
46
45
|
var popperModifiers = [
|
|
47
46
|
/**
|
|
48
47
|
Removing this applyStyle modifier as it throws client errors ref:
|
|
@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.useFocusTrap = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var _focusTrap = require("focus-trap");
|
|
10
|
-
var _focusTrapV = _interopRequireDefault(require("focus-trap-v2"));
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
9
|
+
var _focusTrap = _interopRequireDefault(require("focus-trap"));
|
|
12
10
|
/**
|
|
13
11
|
* Custom hook to add focus trap
|
|
14
12
|
* used for focus trap in ReactionPicker
|
|
@@ -29,12 +27,7 @@ var useFocusTrap = function useFocusTrap(_ref) {
|
|
|
29
27
|
fallbackFocus: targetRef,
|
|
30
28
|
returnFocusOnDeactivate: false
|
|
31
29
|
};
|
|
32
|
-
var focusTrap;
|
|
33
|
-
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.focus-trap-upgrade_p2cei')) {
|
|
34
|
-
focusTrap = (0, _focusTrap.createFocusTrap)(targetRef, trapConfig);
|
|
35
|
-
} else {
|
|
36
|
-
focusTrap = (0, _focusTrapV.default)(targetRef, trapConfig);
|
|
37
|
-
}
|
|
30
|
+
var focusTrap = (0, _focusTrap.default)(targetRef, trapConfig);
|
|
38
31
|
|
|
39
32
|
// wait for the popup to reposition itself before we focus
|
|
40
33
|
var frameId = requestAnimationFrame(function () {
|
package/dist/cjs/version.json
CHANGED
|
@@ -27,7 +27,7 @@ export const RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
|
|
|
27
27
|
/**
|
|
28
28
|
* Emoji Picker Controller Id for Accessibility Labels
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
const PICKER_CONTROL_ID = 'emoji-picker';
|
|
31
31
|
const popperModifiers = [
|
|
32
32
|
/**
|
|
33
33
|
Removing this applyStyle modifier as it throws client errors ref:
|
|
@@ -4,9 +4,7 @@
|
|
|
4
4
|
* copied from useFocusManager in @atlaskit/popup
|
|
5
5
|
*/
|
|
6
6
|
import { useEffect } from 'react';
|
|
7
|
-
import
|
|
8
|
-
import createFocusTrapV2 from 'focus-trap-v2';
|
|
9
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import createFocusTrap from 'focus-trap';
|
|
10
8
|
export const useFocusTrap = ({
|
|
11
9
|
targetRef,
|
|
12
10
|
initialFocusRef
|
|
@@ -22,12 +20,7 @@ export const useFocusTrap = ({
|
|
|
22
20
|
fallbackFocus: targetRef,
|
|
23
21
|
returnFocusOnDeactivate: false
|
|
24
22
|
};
|
|
25
|
-
|
|
26
|
-
if (getBooleanFF('platform.design-system-team.focus-trap-upgrade_p2cei')) {
|
|
27
|
-
focusTrap = createFocusTrap(targetRef, trapConfig);
|
|
28
|
-
} else {
|
|
29
|
-
focusTrap = createFocusTrapV2(targetRef, trapConfig);
|
|
30
|
-
}
|
|
23
|
+
const focusTrap = createFocusTrap(targetRef, trapConfig);
|
|
31
24
|
|
|
32
25
|
// wait for the popup to reposition itself before we focus
|
|
33
26
|
let frameId = requestAnimationFrame(() => {
|
package/dist/es2019/version.json
CHANGED
|
@@ -31,7 +31,7 @@ export var RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
|
|
|
31
31
|
/**
|
|
32
32
|
* Emoji Picker Controller Id for Accessibility Labels
|
|
33
33
|
*/
|
|
34
|
-
|
|
34
|
+
var PICKER_CONTROL_ID = 'emoji-picker';
|
|
35
35
|
var popperModifiers = [
|
|
36
36
|
/**
|
|
37
37
|
Removing this applyStyle modifier as it throws client errors ref:
|
|
@@ -4,9 +4,7 @@
|
|
|
4
4
|
* copied from useFocusManager in @atlaskit/popup
|
|
5
5
|
*/
|
|
6
6
|
import { useEffect } from 'react';
|
|
7
|
-
import
|
|
8
|
-
import createFocusTrapV2 from 'focus-trap-v2';
|
|
9
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import createFocusTrap from 'focus-trap';
|
|
10
8
|
export var useFocusTrap = function useFocusTrap(_ref) {
|
|
11
9
|
var targetRef = _ref.targetRef,
|
|
12
10
|
initialFocusRef = _ref.initialFocusRef;
|
|
@@ -21,12 +19,7 @@ export var useFocusTrap = function useFocusTrap(_ref) {
|
|
|
21
19
|
fallbackFocus: targetRef,
|
|
22
20
|
returnFocusOnDeactivate: false
|
|
23
21
|
};
|
|
24
|
-
var focusTrap;
|
|
25
|
-
if (getBooleanFF('platform.design-system-team.focus-trap-upgrade_p2cei')) {
|
|
26
|
-
focusTrap = createFocusTrap(targetRef, trapConfig);
|
|
27
|
-
} else {
|
|
28
|
-
focusTrap = createFocusTrapV2(targetRef, trapConfig);
|
|
29
|
-
}
|
|
22
|
+
var focusTrap = createFocusTrap(targetRef, trapConfig);
|
|
30
23
|
|
|
31
24
|
// wait for the popup to reposition itself before we focus
|
|
32
25
|
var frameId = requestAnimationFrame(function () {
|
package/dist/esm/version.json
CHANGED
|
@@ -13,10 +13,6 @@ export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
|
|
|
13
13
|
* Test id for ReactionPicker panel div
|
|
14
14
|
*/
|
|
15
15
|
export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
|
|
16
|
-
/**
|
|
17
|
-
* Emoji Picker Controller Id for Accessibility Labels
|
|
18
|
-
*/
|
|
19
|
-
export declare const PICKER_CONTROL_ID = "emoji-picker";
|
|
20
16
|
export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
|
|
21
17
|
/**
|
|
22
18
|
* Provider for loading emojis
|
|
@@ -13,10 +13,6 @@ export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
|
|
|
13
13
|
* Test id for ReactionPicker panel div
|
|
14
14
|
*/
|
|
15
15
|
export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
|
|
16
|
-
/**
|
|
17
|
-
* Emoji Picker Controller Id for Accessibility Labels
|
|
18
|
-
*/
|
|
19
|
-
export declare const PICKER_CONTROL_ID = "emoji-picker";
|
|
20
16
|
export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
|
|
21
17
|
/**
|
|
22
18
|
* Provider for loading emojis
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/reactions",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.5.0",
|
|
4
4
|
"description": "Reactions component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,19 +41,17 @@
|
|
|
41
41
|
"@atlaskit/icon": "^21.12.0",
|
|
42
42
|
"@atlaskit/modal-dialog": "^12.6.0",
|
|
43
43
|
"@atlaskit/motion": "^1.4.0",
|
|
44
|
-
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
45
44
|
"@atlaskit/popper": "^5.5.0",
|
|
46
45
|
"@atlaskit/spinner": "^15.5.0",
|
|
47
46
|
"@atlaskit/tabs": "^13.4.0",
|
|
48
47
|
"@atlaskit/theme": "^12.5.0",
|
|
49
|
-
"@atlaskit/tokens": "^1.
|
|
48
|
+
"@atlaskit/tokens": "^1.13.0",
|
|
50
49
|
"@atlaskit/tooltip": "^17.8.0",
|
|
51
50
|
"@atlaskit/ufo": "^0.2.0",
|
|
52
51
|
"@atlaskit/util-service-support": "^6.2.0",
|
|
53
52
|
"@babel/runtime": "^7.0.0",
|
|
54
53
|
"@emotion/react": "^11.7.1",
|
|
55
|
-
"focus-trap": "^
|
|
56
|
-
"focus-trap-v2": "npm:focus-trap@^2.4.5"
|
|
54
|
+
"focus-trap": "^2.4.5"
|
|
57
55
|
},
|
|
58
56
|
"peerDependencies": {
|
|
59
57
|
"react": "^16.8.0",
|
|
@@ -61,15 +59,10 @@
|
|
|
61
59
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
62
60
|
},
|
|
63
61
|
"devDependencies": {
|
|
64
|
-
"@atlaskit/analytics-viewer": "^0.5.0",
|
|
65
|
-
"@atlaskit/docs": "^9.1.0",
|
|
66
62
|
"@atlaskit/elements-test-helpers": "^0.7.0",
|
|
67
|
-
"@atlaskit/section-message": "^6.4.0",
|
|
68
63
|
"@atlaskit/tooltip": "^17.8.0",
|
|
69
64
|
"@atlaskit/util-data-test": "^17.8.0",
|
|
70
|
-
"@atlaskit/webdriver-runner": "*",
|
|
71
65
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
72
|
-
"@atlassian/ufo": "^0.2.0",
|
|
73
66
|
"@emotion/jest": "^11.8.0",
|
|
74
67
|
"@testing-library/dom": "^8.17.1",
|
|
75
68
|
"@testing-library/jest-dom": "^5.16.5",
|
|
@@ -114,10 +107,5 @@
|
|
|
114
107
|
"typecheck": "cd ../../ && yarn typecheck:package ./packages/elements/reactions",
|
|
115
108
|
"start:dev": "cd ../../ && yarn start reactions --proxy ./packages/elements/reactions/proxy.ts",
|
|
116
109
|
"start:edge": "cd ../../ && PROXY_TARGET_ENV=edge yarn start reactions --proxy ./packages/elements/reactions/proxy.ts"
|
|
117
|
-
},
|
|
118
|
-
"platform-feature-flags": {
|
|
119
|
-
"platform.design-system-team.focus-trap-upgrade_p2cei": {
|
|
120
|
-
"type": "boolean"
|
|
121
|
-
}
|
|
122
110
|
}
|
|
123
111
|
}
|