@atlaskit/renderer 112.7.4 → 112.7.5

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/Renderer/index.js +1 -1
  3. package/dist/cjs/ui/annotations/element/mark.js +2 -3
  4. package/dist/es2019/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/ui/annotations/element/mark.js +5 -6
  6. package/dist/esm/ui/Renderer/index.js +1 -1
  7. package/dist/esm/ui/annotations/element/mark.js +2 -3
  8. package/package.json +9 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 112.7.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#179610](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179610)
8
+ [`bd2c53ff5831b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bd2c53ff5831b) -
9
+ [ux] Bug fix to remove the hover state from all the nodes which are not required
10
+
3
11
  ## 112.7.4
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -63,7 +63,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
63
63
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
64
64
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "112.7.4";
66
+ var packageVersion = "112.7.5";
67
67
  var setAsQueryContainerStyles = (0, _react2.css)({
68
68
  containerName: 'ak-renderer-wrapper',
69
69
  containerType: 'inline-size',
package/dist/cjs/ui/annotations/element/mark.js CHANGED
@@ -10,7 +10,6 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
  var _react = require("react");
12
12
  var _react2 = require("@emotion/react");
13
- var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
14
13
  var _styles = require("@atlaskit/editor-common/styles");
15
14
  var _adfSchema = require("@atlaskit/adf-schema");
16
15
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -26,7 +25,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
26
25
  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; }
27
26
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
28
27
  var markStyles = function markStyles() {
29
- return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true']),\n\t\t&:hover:not(:focus) {\n\t\t\t", "\n\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus, (0, _styles.AnnotationSharedCSSByState)().hover);
28
+ return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true'])\n\t\t{\n\t\t\t", "\n\t\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus, (0, _platformFeatureFlags.fg)('confluence-frontend-comments-panel') ? (0, _styles.AnnotationSharedCSSByState)().hover : '');
30
29
  };
31
30
  var isMobile = function isMobile() {
32
31
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -62,7 +61,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
62
61
  isHovered = _ref.isHovered,
63
62
  onClick = _ref.onClick,
64
63
  useBlockLevel = _ref.useBlockLevel;
65
- var isInlineCommentsKbAccessible = _featureGateJsClient.default.checkGate('inline_comments_keyboard_accessible_renderer');
64
+ var isInlineCommentsKbAccessible = (0, _platformFeatureFlags.fg)('inline_comments_keyboard_accessible_renderer');
66
65
  var intl = (0, _reactIntlNext.useIntl)();
67
66
  var annotationIds = (0, _react.useMemo)(function () {
68
67
  return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(annotationParentIds), [id])));
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -44,7 +44,7 @@ import { countNodes } from './count-nodes';
44
44
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
45
45
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
46
46
  const packageName = "@atlaskit/renderer";
47
- const packageVersion = "112.7.4";
47
+ const packageVersion = "112.7.5";
48
48
  const setAsQueryContainerStyles = css({
49
49
  containerName: 'ak-renderer-wrapper',
50
50
  containerType: 'inline-size',
package/dist/es2019/ui/annotations/element/mark.js CHANGED
@@ -6,7 +6,6 @@
6
6
  import { useMemo, useCallback } from 'react';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
- import FeatureGates from '@atlaskit/feature-gate-js-client';
10
9
  import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
11
10
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
12
11
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -27,10 +26,10 @@ const markStyles = () => css`
27
26
  &[data-has-focus='true'] {
28
27
  ${AnnotationSharedCSSByState().focus}
29
28
  }
30
- &[data-is-hovered='true']:not([data-has-focus='true']),
31
- &:hover:not(:focus) {
32
- ${AnnotationSharedCSSByState().hover}
33
- }
29
+ &[data-is-hovered='true']:not([data-has-focus='true'])
30
+ {
31
+ ${fg('confluence-frontend-comments-panel') ? AnnotationSharedCSSByState().hover : ''}
32
+ }
34
33
  }
35
34
  `;
36
35
  const isMobile = () => {
@@ -66,7 +65,7 @@ export const MarkComponent = ({
66
65
  onClick,
67
66
  useBlockLevel
68
67
  }) => {
69
- const isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
68
+ const isInlineCommentsKbAccessible = fg('inline_comments_keyboard_accessible_renderer');
70
69
  const intl = useIntl();
71
70
  const annotationIds = useMemo(() => [...new Set([...annotationParentIds, id])], [id, annotationParentIds]);
72
71
  const onMarkClick = useCallback(event => {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -53,7 +53,7 @@ import { countNodes } from './count-nodes';
53
53
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
54
54
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  var packageName = "@atlaskit/renderer";
56
- var packageVersion = "112.7.4";
56
+ var packageVersion = "112.7.5";
57
57
  var setAsQueryContainerStyles = css({
58
58
  containerName: 'ak-renderer-wrapper',
59
59
  containerType: 'inline-size',
package/dist/esm/ui/annotations/element/mark.js CHANGED
@@ -12,7 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
12
12
  import { useMemo, useCallback } from 'react';
13
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
14
  import { css, jsx } from '@emotion/react';
15
- import FeatureGates from '@atlaskit/feature-gate-js-client';
16
15
  import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
17
16
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
18
17
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -21,7 +20,7 @@ import { inlineCommentMessages } from '../../../messages';
21
20
 
22
21
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
23
22
  var markStyles = function markStyles() {
24
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true']),\n\t\t&:hover:not(:focus) {\n\t\t\t", "\n\t\t}\n\t}\n"])), AnnotationMarkStates.ACTIVE, fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus, AnnotationSharedCSSByState().hover);
23
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true'])\n\t\t{\n\t\t\t", "\n\t\t\t}\n\t}\n"])), AnnotationMarkStates.ACTIVE, fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus, fg('confluence-frontend-comments-panel') ? AnnotationSharedCSSByState().hover : '');
25
24
  };
26
25
  var isMobile = function isMobile() {
27
26
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -57,7 +56,7 @@ export var MarkComponent = function MarkComponent(_ref) {
57
56
  isHovered = _ref.isHovered,
58
57
  onClick = _ref.onClick,
59
58
  useBlockLevel = _ref.useBlockLevel;
60
- var isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
59
+ var isInlineCommentsKbAccessible = fg('inline_comments_keyboard_accessible_renderer');
61
60
  var intl = useIntl();
62
61
  var annotationIds = useMemo(function () {
63
62
  return _toConsumableArray(new Set([].concat(_toConsumableArray(annotationParentIds), [id])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "112.7.4",
3
+ "version": "112.7.5",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/icon": "^23.1.0",
40
40
  "@atlaskit/link-datasource": "^3.15.0",
41
41
  "@atlaskit/media-card": "^78.15.0",
42
- "@atlaskit/media-client": "^28.5.0",
42
+ "@atlaskit/media-client": "^28.6.0",
43
43
  "@atlaskit/media-client-react": "^2.4.0",
44
44
  "@atlaskit/media-common": "^11.7.0",
45
45
  "@atlaskit/media-filmstrip": "^48.1.0",
@@ -50,7 +50,7 @@
50
50
  "@atlaskit/status": "^1.8.0",
51
51
  "@atlaskit/task-decision": "^17.11.0",
52
52
  "@atlaskit/theme": "^14.0.0",
53
- "@atlaskit/tmp-editor-statsig": "^2.26.0",
53
+ "@atlaskit/tmp-editor-statsig": "^2.27.0",
54
54
  "@atlaskit/tokens": "^2.4.0",
55
55
  "@atlaskit/tooltip": "^19.0.0",
56
56
  "@babel/runtime": "^7.0.0",
@@ -161,6 +161,12 @@
161
161
  },
162
162
  "platform_editor_nested_tables_renderer_styles": {
163
163
  "type": "boolean"
164
+ },
165
+ "inline_comments_keyboard_accessible_renderer": {
166
+ "type": "boolean"
167
+ },
168
+ "confluence-frontend-comments-panel": {
169
+ "type": "boolean"
164
170
  }
165
171
  },
166
172
  "af:exports": {