@atlaskit/react-ufo 5.4.7 → 5.4.9
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/dist/cjs/segment/segment.js +6 -1
- package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js +1 -1
- package/dist/cjs/vc/vc-observer-new/metric-calculator/fy26_04/index.js +3 -1
- package/dist/cjs/vc/vc-observer-new/metric-calculator/utils/constants.js +7 -2
- package/dist/es2019/segment/segment.js +1 -1
- package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js +2 -2
- package/dist/es2019/vc/vc-observer-new/metric-calculator/fy26_04/index.js +3 -2
- package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/constants.js +6 -1
- package/dist/esm/segment/segment.js +6 -1
- package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js +2 -2
- package/dist/esm/vc/vc-observer-new/metric-calculator/fy26_04/index.js +4 -2
- package/dist/esm/vc/vc-observer-new/metric-calculator/utils/constants.js +6 -1
- package/dist/types/vc/vc-observer-new/metric-calculator/utils/constants.d.ts +1 -0
- package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/utils/constants.d.ts +1 -0
- package/package.json +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/ufo-interaction-ignore
|
|
2
2
|
|
|
3
|
+
## 5.4.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`700384b28507a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/700384b28507a) -
|
|
8
|
+
Fix this complete is not a function error SSR render profiler
|
|
9
|
+
|
|
10
|
+
## 5.4.8
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`d19ae6125b99c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d19ae6125b99c) -
|
|
15
|
+
Exclude Dark Reader extension attributes from TTVC
|
|
16
|
+
|
|
3
17
|
## 5.4.7
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -296,7 +296,12 @@ var UFOSegment = function UFOSegment(_ref) {
|
|
|
296
296
|
if ((0, _platformFeatureFlags.fg)('platform_ufo_ssr_render_profiler')) {
|
|
297
297
|
return /*#__PURE__*/_react.default.createElement(_ssrRenderProfiler.default, {
|
|
298
298
|
labelStack: labelStack,
|
|
299
|
-
onRender:
|
|
299
|
+
onRender: function onRender() {
|
|
300
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
301
|
+
args[_key] = arguments[_key];
|
|
302
|
+
}
|
|
303
|
+
return interactionContext.onRender.apply(interactionContext, args);
|
|
304
|
+
}
|
|
300
305
|
}, ufoSegment);
|
|
301
306
|
}
|
|
302
307
|
return ufoSegment;
|
|
@@ -82,7 +82,7 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
|
|
|
82
82
|
if (!_attributeName || _constants.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(_attributeName)) {
|
|
83
83
|
return false;
|
|
84
84
|
}
|
|
85
|
-
if (_attributeName.startsWith('data-test') || _constants.NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || _constants.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_extensions_from_ttvc')) {
|
|
85
|
+
if (_attributeName.startsWith('data-test') || _constants.NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || _constants.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_extensions_from_ttvc') || _constants.DARK_READER_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_exclude_dark_reader_extension')) {
|
|
86
86
|
return false;
|
|
87
87
|
}
|
|
88
88
|
return true;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
8
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
@@ -47,8 +48,9 @@ var VCCalculator_FY26_04 = exports.default = /*#__PURE__*/function (_VCCalculato
|
|
|
47
48
|
if (entry.data.type === 'mutation:attribute' && (!attributeName || fy26_04_excluded_attributes.includes(attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_data-is-hovered-v4-exclusion'))) {
|
|
48
49
|
return false;
|
|
49
50
|
}
|
|
51
|
+
var thirdPartyAttributes = (0, _platformFeatureFlags.fg)('platform_ufo_exclude_dark_reader_extension') ? [].concat((0, _toConsumableArray2.default)(_constants.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES), (0, _toConsumableArray2.default)(_constants.DARK_READER_BROWSER_EXTENSION_ATTRIBUTES)) : _constants.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES;
|
|
50
52
|
if (entryData.type === 'mutation:display-contents-children-attribute') {
|
|
51
|
-
if (!attributeName || attributeName.startsWith('data-test') || _constants.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || _constants.NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) ||
|
|
53
|
+
if (!attributeName || attributeName.startsWith('data-test') || _constants.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || _constants.NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || thirdPartyAttributes.includes(attributeName)) {
|
|
52
54
|
return false;
|
|
53
55
|
}
|
|
54
56
|
return true;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = void 0;
|
|
6
|
+
exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = exports.DARK_READER_BROWSER_EXTENSION_ATTRIBUTES = void 0;
|
|
7
7
|
// TODO: AFO-3523
|
|
8
8
|
// Those are the attributes we have found when testing the 'fy25.03' manually.
|
|
9
9
|
// We still need to replace this hardcoded list with a proper automation
|
|
@@ -15,4 +15,9 @@ var NON_VISUAL_ARIA_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = ['aria-lab
|
|
|
15
15
|
// Common third party browser extension attributes
|
|
16
16
|
var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
|
|
17
17
|
// grammarly extensions
|
|
18
|
-
'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
|
|
18
|
+
'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
|
|
19
|
+
|
|
20
|
+
// TODO Merge with THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES on platform_ufo_exclude_dark_reader_extension cleanup
|
|
21
|
+
var DARK_READER_BROWSER_EXTENSION_ATTRIBUTES = exports.DARK_READER_BROWSER_EXTENSION_ATTRIBUTES = [
|
|
22
|
+
// dark reader extension
|
|
23
|
+
'data-darkreader-inline-bgcolor', 'data-darkreader-inline-bgimage', 'data-darkreader-inline-border', 'data-darkreader-inline-border-bottom', 'data-darkreader-inline-border-left', 'data-darkreader-inline-border-right', 'data-darkreader-inline-border-top', 'data-darkreader-inline-boxshadow', 'data-darkreader-inline-color', 'data-darkreader-inline-fill', 'data-darkreader-inline-stroke', 'data-darkreader-inline-outline', 'data-darkreader-inline-stopcolor', 'data-darkreader-inline-bg', 'data-darkreader-inline-border-short', 'data-darkreader-inline-border-bottom-short', 'data-darkreader-inline-border-left-short', 'data-darkreader-inline-border-right-short', 'data-darkreader-inline-border-top-short'];
|
|
@@ -274,7 +274,7 @@ const UFOSegment = ({
|
|
|
274
274
|
if (fg('platform_ufo_ssr_render_profiler')) {
|
|
275
275
|
return /*#__PURE__*/React.createElement(SsrRenderProfiler, {
|
|
276
276
|
labelStack: labelStack,
|
|
277
|
-
onRender: interactionContext.onRender
|
|
277
|
+
onRender: (...args) => interactionContext.onRender.apply(interactionContext, args)
|
|
278
278
|
}, ufoSegment);
|
|
279
279
|
}
|
|
280
280
|
return ufoSegment;
|
|
@@ -2,7 +2,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
2
2
|
import { expVal } from '../../../expVal';
|
|
3
3
|
import { containsDnDMutationInStyle } from '../../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
|
|
4
4
|
import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
|
|
5
|
-
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
5
|
+
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES, DARK_READER_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
6
6
|
import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-search';
|
|
7
7
|
import isViewportEntryData from '../utils/is-viewport-entry-data';
|
|
8
8
|
const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
|
|
@@ -64,7 +64,7 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
|
|
|
64
64
|
if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
|
|
65
65
|
return false;
|
|
66
66
|
}
|
|
67
|
-
if (attributeName.startsWith('data-test') || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
|
|
67
|
+
if (attributeName.startsWith('data-test') || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc') || DARK_READER_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_dark_reader_extension')) {
|
|
68
68
|
return false;
|
|
69
69
|
}
|
|
70
70
|
return true;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
2
|
import VCCalculator_FY25_03 from '../fy25_03';
|
|
3
|
-
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
3
|
+
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES, DARK_READER_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
4
4
|
const getConsideredEntryTypes = () => {
|
|
5
5
|
const consideredEntryTypes = ['mutation:display-contents-children-element'];
|
|
6
6
|
consideredEntryTypes.push('mutation:display-contents-children-attribute');
|
|
@@ -28,8 +28,9 @@ export default class VCCalculator_FY26_04 extends VCCalculator_FY25_03 {
|
|
|
28
28
|
if (entry.data.type === 'mutation:attribute' && (!attributeName || fy26_04_excluded_attributes.includes(attributeName) && fg('platform_ufo_data-is-hovered-v4-exclusion'))) {
|
|
29
29
|
return false;
|
|
30
30
|
}
|
|
31
|
+
const thirdPartyAttributes = fg('platform_ufo_exclude_dark_reader_extension') ? [...THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES, ...DARK_READER_BROWSER_EXTENSION_ATTRIBUTES] : THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES;
|
|
31
32
|
if (entryData.type === 'mutation:display-contents-children-attribute') {
|
|
32
|
-
if (!attributeName || attributeName.startsWith('data-test') || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) ||
|
|
33
|
+
if (!attributeName || attributeName.startsWith('data-test') || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || thirdPartyAttributes.includes(attributeName)) {
|
|
33
34
|
return false;
|
|
34
35
|
}
|
|
35
36
|
return true;
|
|
@@ -9,4 +9,9 @@ export const NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'ari
|
|
|
9
9
|
// Common third party browser extension attributes
|
|
10
10
|
export const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
|
|
11
11
|
// grammarly extensions
|
|
12
|
-
'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
|
|
12
|
+
'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
|
|
13
|
+
|
|
14
|
+
// TODO Merge with THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES on platform_ufo_exclude_dark_reader_extension cleanup
|
|
15
|
+
export const DARK_READER_BROWSER_EXTENSION_ATTRIBUTES = [
|
|
16
|
+
// dark reader extension
|
|
17
|
+
'data-darkreader-inline-bgcolor', 'data-darkreader-inline-bgimage', 'data-darkreader-inline-border', 'data-darkreader-inline-border-bottom', 'data-darkreader-inline-border-left', 'data-darkreader-inline-border-right', 'data-darkreader-inline-border-top', 'data-darkreader-inline-boxshadow', 'data-darkreader-inline-color', 'data-darkreader-inline-fill', 'data-darkreader-inline-stroke', 'data-darkreader-inline-outline', 'data-darkreader-inline-stopcolor', 'data-darkreader-inline-bg', 'data-darkreader-inline-border-short', 'data-darkreader-inline-border-bottom-short', 'data-darkreader-inline-border-left-short', 'data-darkreader-inline-border-right-short', 'data-darkreader-inline-border-top-short'];
|
|
@@ -288,7 +288,12 @@ var UFOSegment = function UFOSegment(_ref) {
|
|
|
288
288
|
if (fg('platform_ufo_ssr_render_profiler')) {
|
|
289
289
|
return /*#__PURE__*/React.createElement(SsrRenderProfiler, {
|
|
290
290
|
labelStack: labelStack,
|
|
291
|
-
onRender:
|
|
291
|
+
onRender: function onRender() {
|
|
292
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
293
|
+
args[_key] = arguments[_key];
|
|
294
|
+
}
|
|
295
|
+
return interactionContext.onRender.apply(interactionContext, args);
|
|
296
|
+
}
|
|
292
297
|
}, ufoSegment);
|
|
293
298
|
}
|
|
294
299
|
return ufoSegment;
|
|
@@ -9,7 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
9
9
|
import { expVal } from '../../../expVal';
|
|
10
10
|
import { containsDnDMutationInStyle } from '../../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
|
|
11
11
|
import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
|
|
12
|
-
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
12
|
+
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES, DARK_READER_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
13
13
|
import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-search';
|
|
14
14
|
import isViewportEntryData from '../utils/is-viewport-entry-data';
|
|
15
15
|
var ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
|
|
@@ -75,7 +75,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
|
|
|
75
75
|
if (!_attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(_attributeName)) {
|
|
76
76
|
return false;
|
|
77
77
|
}
|
|
78
|
-
if (_attributeName.startsWith('data-test') || NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
|
|
78
|
+
if (_attributeName.startsWith('data-test') || NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc') || DARK_READER_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && fg('platform_ufo_exclude_dark_reader_extension')) {
|
|
79
79
|
return false;
|
|
80
80
|
}
|
|
81
81
|
return true;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
@@ -9,7 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
9
10
|
function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
10
11
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
12
|
import VCCalculator_FY25_03 from '../fy25_03';
|
|
12
|
-
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
13
|
+
import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES, DARK_READER_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
|
|
13
14
|
var getConsideredEntryTypes = function getConsideredEntryTypes() {
|
|
14
15
|
var consideredEntryTypes = ['mutation:display-contents-children-element'];
|
|
15
16
|
consideredEntryTypes.push('mutation:display-contents-children-attribute');
|
|
@@ -40,8 +41,9 @@ var VCCalculator_FY26_04 = /*#__PURE__*/function (_VCCalculator_FY25_) {
|
|
|
40
41
|
if (entry.data.type === 'mutation:attribute' && (!attributeName || fy26_04_excluded_attributes.includes(attributeName) && fg('platform_ufo_data-is-hovered-v4-exclusion'))) {
|
|
41
42
|
return false;
|
|
42
43
|
}
|
|
44
|
+
var thirdPartyAttributes = fg('platform_ufo_exclude_dark_reader_extension') ? [].concat(_toConsumableArray(THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES), _toConsumableArray(DARK_READER_BROWSER_EXTENSION_ATTRIBUTES)) : THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES;
|
|
43
45
|
if (entryData.type === 'mutation:display-contents-children-attribute') {
|
|
44
|
-
if (!attributeName || attributeName.startsWith('data-test') || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) ||
|
|
46
|
+
if (!attributeName || attributeName.startsWith('data-test') || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || thirdPartyAttributes.includes(attributeName)) {
|
|
45
47
|
return false;
|
|
46
48
|
}
|
|
47
49
|
return true;
|
|
@@ -9,4 +9,9 @@ export var NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-
|
|
|
9
9
|
// Common third party browser extension attributes
|
|
10
10
|
export var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
|
|
11
11
|
// grammarly extensions
|
|
12
|
-
'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
|
|
12
|
+
'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
|
|
13
|
+
|
|
14
|
+
// TODO Merge with THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES on platform_ufo_exclude_dark_reader_extension cleanup
|
|
15
|
+
export var DARK_READER_BROWSER_EXTENSION_ATTRIBUTES = [
|
|
16
|
+
// dark reader extension
|
|
17
|
+
'data-darkreader-inline-bgcolor', 'data-darkreader-inline-bgimage', 'data-darkreader-inline-border', 'data-darkreader-inline-border-bottom', 'data-darkreader-inline-border-left', 'data-darkreader-inline-border-right', 'data-darkreader-inline-border-top', 'data-darkreader-inline-boxshadow', 'data-darkreader-inline-color', 'data-darkreader-inline-fill', 'data-darkreader-inline-stroke', 'data-darkreader-inline-outline', 'data-darkreader-inline-stopcolor', 'data-darkreader-inline-bg', 'data-darkreader-inline-border-short', 'data-darkreader-inline-border-bottom-short', 'data-darkreader-inline-border-left-short', 'data-darkreader-inline-border-right-short', 'data-darkreader-inline-border-top-short'];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
|
|
2
2
|
export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
|
|
3
3
|
export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];
|
|
4
|
+
export declare const DARK_READER_BROWSER_EXTENSION_ATTRIBUTES: string[];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
|
|
2
2
|
export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
|
|
3
3
|
export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];
|
|
4
|
+
export declare const DARK_READER_BROWSER_EXTENSION_ATTRIBUTES: string[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/react-ufo",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.9",
|
|
4
4
|
"description": "Parts of React UFO that are publicly available",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -211,6 +211,9 @@
|
|
|
211
211
|
},
|
|
212
212
|
"platform_ufo_disable_ufo_names_config": {
|
|
213
213
|
"type": "boolean"
|
|
214
|
+
},
|
|
215
|
+
"platform_ufo_exclude_dark_reader_extension": {
|
|
216
|
+
"type": "boolean"
|
|
214
217
|
}
|
|
215
218
|
}
|
|
216
219
|
}
|