@atlaskit/renderer 109.2.1 → 109.2.2

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 (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/ui/Expand.js +36 -34
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/ui/Expand.js +11 -11
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/ui/Expand.js +11 -9
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/dist/types/ui/Expand.d.ts +2 -2
  9. package/dist/types-ts4.5/ui/Expand.d.ts +2 -2
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 109.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#65494](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65494) [`14c48a2fa93d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/14c48a2fa93d) - Moved the example helpers from the test utlity library to editor-core
8
+ - [#65444](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65444) [`3fe0f77f03fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3fe0f77f03fb) - Added type to expand button in Renderer & prevent default behaviour on click
9
+
3
10
  ## 109.2.1
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/ui/Expand.js CHANGED
@@ -9,41 +9,42 @@ exports.default = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
11
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _react2 = require("@emotion/react");
14
- var _constants = require("@atlaskit/theme/constants");
15
- var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
16
- var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
12
+ var _react = require("@emotion/react");
13
+ var _react2 = _interopRequireWildcard(require("react"));
14
+ var _analytics = require("@atlaskit/editor-common/analytics");
17
15
  var _ui = require("@atlaskit/editor-common/ui");
18
16
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
19
- var _events = require("../analytics/events");
20
- var _analytics = require("@atlaskit/editor-common/analytics");
21
- var _reactIntlNext = require("react-intl-next");
22
- var _activeHeaderIdProvider = require("./active-header-id-provider");
17
+ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
18
+ var _constants = require("@atlaskit/theme/constants");
19
+ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
23
20
  var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
21
+ var _reactIntlNext = require("react-intl-next");
22
+ var _events = require("../analytics/events");
24
23
  var _utils = require("../utils");
24
+ var _activeHeaderIdProvider = require("./active-header-id-provider");
25
25
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
26
26
  /** @jsx jsx */
27
27
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
28
28
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
29
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
30
- var titleStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n outline: none;\n border: none;\n font-size: ", ";\n line-height: ", ";\n font-weight: normal;\n display: flex;\n flex: 1;\n margin: 0;\n padding: 0 0 0 ", ";\n text-align: left;\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _editorSharedStyles.akEditorLineHeight, "var(--ds-space-050, 4px)");
30
+ var titleStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n outline: none;\n border: none;\n font-size: ", ";\n line-height: ", ";\n font-weight: normal;\n display: flex;\n flex: 1;\n margin: 0;\n padding: 0 0 0 ", ";\n text-align: left;\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _editorSharedStyles.akEditorLineHeight, "var(--ds-space-050, 4px)");
31
31
  var Container = function Container(props) {
32
32
  var paddingBottom = props.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)";
33
33
  var sharedContainerStyles = _ui.sharedExpandStyles.containerStyles(props);
34
34
  var styles = function styles() {
35
- return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles(), paddingBottom);
35
+ return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: 0;\n padding-bottom: ", ";\n "])), sharedContainerStyles(), paddingBottom);
36
36
  };
37
- return (0, _react2.jsx)("div", (0, _extends2.default)({
37
+ return (0, _react.jsx)("div", (0, _extends2.default)({
38
38
  css: styles
39
39
  }, props), props.children);
40
40
  };
41
41
  var TitleContainer = function TitleContainer(props) {
42
42
  var paddingBottom = !props.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)";
43
43
  var styles = function styles() {
44
- return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: ", ";\n padding-bottom: ", ";\n "])), _ui.sharedExpandStyles.titleContainerStyles(), "var(--ds-space-100, 8px)", paddingBottom);
44
+ return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n padding: ", ";\n padding-bottom: ", ";\n "])), _ui.sharedExpandStyles.titleContainerStyles(), "var(--ds-space-100, 8px)", paddingBottom);
45
45
  };
46
- return (0, _react2.jsx)("button", (0, _extends2.default)({
46
+ return (0, _react.jsx)("button", (0, _extends2.default)({
47
+ type: "button",
47
48
  css: styles
48
49
  }, props), props.children);
49
50
  };
@@ -52,9 +53,9 @@ var ContentContainer = function ContentContainer(props) {
52
53
  var sharedContentStyles = _ui.sharedExpandStyles.contentStyles(props);
53
54
  var visibility = props.expanded ? 'visible' : 'hidden';
54
55
  var styles = function styles() {
55
- return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n padding-right: ", ";\n // TODO: Migrate away from gridSize\n // Recommendation: Replace gridSize with 8, or directly replace with 36px\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles(), "var(--ds-space-200, 16px)", (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
56
+ return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n padding-right: ", ";\n padding-left: ", ";\n visibility: ", ";\n "])), sharedContentStyles(), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", visibility);
56
57
  };
57
- return (0, _react2.jsx)("div", (0, _extends2.default)({
58
+ return (0, _react.jsx)("div", (0, _extends2.default)({
58
59
  css: styles
59
60
  }, props), props.children);
60
61
  };
@@ -81,39 +82,40 @@ function Expand(_ref) {
81
82
  fireAnalyticsEvent = _ref.fireAnalyticsEvent,
82
83
  nestedHeaderIds = _ref.nestedHeaderIds,
83
84
  rendererAppearance = _ref.rendererAppearance;
84
- var _React$useState = _react.default.useState(false),
85
+ var _React$useState = _react2.default.useState(false),
85
86
  _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
86
87
  expanded = _React$useState2[0],
87
88
  setExpanded = _React$useState2[1];
88
- var _React$useState3 = _react.default.useState(false),
89
+ var _React$useState3 = _react2.default.useState(false),
89
90
  _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
90
91
  focused = _React$useState4[0],
91
92
  setFocused = _React$useState4[1];
92
- var isMobile = (0, _react.useMemo)(function () {
93
+ var isMobile = (0, _react2.useMemo)(function () {
93
94
  return (0, _utils.getPlatform)(rendererAppearance) === 'mobile';
94
95
  }, [rendererAppearance]);
95
96
  var label = intl.formatMessage(expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode);
96
- var _useRef = (0, _react.useRef)((0, _uniqueId2.default)('expand-title-')),
97
+ var _useRef = (0, _react2.useRef)((0, _uniqueId2.default)('expand-title-')),
97
98
  id = _useRef.current;
98
- var handleFocus = (0, _react.useCallback)(function () {
99
+ var handleFocus = (0, _react2.useCallback)(function () {
99
100
  return setFocused(true);
100
101
  }, []);
101
- var handleBlur = (0, _react.useCallback)(function () {
102
+ var handleBlur = (0, _react2.useCallback)(function () {
102
103
  return setFocused(false);
103
104
  }, []);
104
- return (0, _react2.jsx)(Container, {
105
+ return (0, _react.jsx)(Container, {
105
106
  "data-node-type": nodeType,
106
107
  "data-title": title,
107
108
  "data-expanded": expanded,
108
109
  expanded: expanded,
109
110
  focused: focused
110
- }, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
111
+ }, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react.jsx)(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
111
112
  nestedHeaderIds: nestedHeaderIds,
112
113
  onNestedHeaderIdMatch: function onNestedHeaderIdMatch() {
113
114
  return setExpanded(true);
114
115
  }
115
- }) : null, (0, _react2.jsx)(TitleContainer, {
116
+ }) : null, (0, _react.jsx)(TitleContainer, {
116
117
  onClick: function onClick(e) {
118
+ e.preventDefault();
117
119
  e.stopPropagation();
118
120
  fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
119
121
  setExpanded(!expanded);
@@ -127,27 +129,27 @@ function Expand(_ref) {
127
129
  "aria-expanded": expanded,
128
130
  contentEditable: false,
129
131
  expanded: expanded
130
- }, isMobile ? (0, _react2.jsx)(_ui.ExpandIconWrapper, {
132
+ }, isMobile ? (0, _react.jsx)(_ui.ExpandIconWrapper, {
131
133
  expanded: expanded
132
- }, (0, _react2.jsx)(_chevronRight.default, {
134
+ }, (0, _react.jsx)(_chevronRight.default, {
133
135
  label: label
134
- })) : (0, _react2.jsx)(_tooltip.default, {
136
+ })) : (0, _react.jsx)(_tooltip.default, {
135
137
  content: label,
136
138
  position: "top",
137
139
  tag: _ui.ExpandLayoutWrapperWithRef,
138
140
  testId: 'tooltip'
139
- }, (0, _react2.jsx)(_ui.ExpandIconWrapper, {
141
+ }, (0, _react.jsx)(_ui.ExpandIconWrapper, {
140
142
  expanded: expanded
141
- }, (0, _react2.jsx)(_chevronRight.default, {
143
+ }, (0, _react.jsx)(_chevronRight.default, {
142
144
  label: label
143
- }))), (0, _react2.jsx)("span", {
145
+ }))), (0, _react.jsx)("span", {
144
146
  css: titleStyles,
145
147
  id: id
146
- }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react2.jsx)(ContentContainer, {
148
+ }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react.jsx)(ContentContainer, {
147
149
  expanded: expanded
148
- }, (0, _react2.jsx)("div", {
150
+ }, (0, _react.jsx)("div", {
149
151
  className: "".concat(nodeType, "-content-wrapper")
150
- }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
152
+ }, (0, _react.jsx)(_ui.WidthProvider, null, (0, _react.jsx)("div", {
151
153
  css: _ui.clearNextSiblingMarginTopStyle
152
154
  }), children))));
153
155
  }
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
54
54
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
55
55
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  var packageName = "@atlaskit/renderer";
57
- var packageVersion = "109.2.1";
57
+ var packageVersion = "109.2.2";
58
58
  var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
59
59
  (0, _inherits2.default)(Renderer, _PureComponent);
60
60
  var _super = _createSuper(Renderer);
package/dist/es2019/ui/Expand.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /** @jsx jsx */
3
- import React, { useRef, useCallback, useMemo } from 'react';
4
3
  import { css, jsx } from '@emotion/react';
4
+ import React, { useCallback, useMemo, useRef } from 'react';
5
5
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
6
- import { gridSize, fontSize } from '@atlaskit/theme/constants';
6
+ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
7
+ import { clearNextSiblingMarginTopStyle, ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, sharedExpandStyles, WidthProvider } from '@atlaskit/editor-common/ui';
8
+ import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
7
9
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
10
+ import { fontSize } from '@atlaskit/theme/constants';
8
11
  import Tooltip from '@atlaskit/tooltip';
9
- import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, clearNextSiblingMarginTopStyle, ExpandLayoutWrapperWithRef } from '@atlaskit/editor-common/ui';
10
- import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
11
- import { PLATFORM, MODE } from '../analytics/events';
12
- import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
13
- import { injectIntl } from 'react-intl-next';
14
- import { ActiveHeaderIdConsumer } from './active-header-id-provider';
15
12
  import _uniqueId from 'lodash/uniqueId';
13
+ import { injectIntl } from 'react-intl-next';
14
+ import { MODE, PLATFORM } from '../analytics/events';
16
15
  import { getPlatform } from '../utils';
16
+ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
17
17
  const titleStyles = css`
18
18
  outline: none;
19
19
  border: none;
@@ -46,6 +46,7 @@ const TitleContainer = props => {
46
46
  padding-bottom: ${paddingBottom};
47
47
  `;
48
48
  return jsx("button", _extends({
49
+ type: "button",
49
50
  css: styles
50
51
  }, props), props.children);
51
52
  };
@@ -56,9 +57,7 @@ const ContentContainer = props => {
56
57
  const styles = () => css`
57
58
  ${sharedContentStyles()};
58
59
  padding-right: ${"var(--ds-space-200, 16px)"};
59
- // TODO: Migrate away from gridSize
60
- // Recommendation: Replace gridSize with 8, or directly replace with 36px
61
- padding-left: ${gridSize() * 5 - gridSize() / 2}px;
60
+ padding-left: ${"var(--ds-space-400, 32px)"};
62
61
  visibility: ${visibility};
63
62
  `;
64
63
  return jsx("div", _extends({
@@ -109,6 +108,7 @@ function Expand({
109
108
  onNestedHeaderIdMatch: () => setExpanded(true)
110
109
  }) : null, jsx(TitleContainer, {
111
110
  onClick: e => {
111
+ e.preventDefault();
112
112
  e.stopPropagation();
113
113
  fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
114
114
  setExpanded(!expanded);
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -35,7 +35,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
35
35
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
36
36
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
37
37
  const packageName = "@atlaskit/renderer";
38
- const packageVersion = "109.2.1";
38
+ const packageVersion = "109.2.2";
39
39
  export class Renderer extends PureComponent {
40
40
  constructor(props) {
41
41
  super(props);
package/dist/esm/ui/Expand.js CHANGED
@@ -3,20 +3,20 @@ import _extends from "@babel/runtime/helpers/extends";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
5
5
  /** @jsx jsx */
6
- import React, { useRef, useCallback, useMemo } from 'react';
7
6
  import { css, jsx } from '@emotion/react';
7
+ import React, { useCallback, useMemo, useRef } from 'react';
8
8
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
9
- import { gridSize, fontSize } from '@atlaskit/theme/constants';
9
+ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
10
+ import { clearNextSiblingMarginTopStyle, ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, sharedExpandStyles, WidthProvider } from '@atlaskit/editor-common/ui';
11
+ import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
10
12
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
13
+ import { fontSize } from '@atlaskit/theme/constants';
11
14
  import Tooltip from '@atlaskit/tooltip';
12
- import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, clearNextSiblingMarginTopStyle, ExpandLayoutWrapperWithRef } from '@atlaskit/editor-common/ui';
13
- import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
14
- import { PLATFORM, MODE } from '../analytics/events';
15
- import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
16
- import { injectIntl } from 'react-intl-next';
17
- import { ActiveHeaderIdConsumer } from './active-header-id-provider';
18
15
  import _uniqueId from 'lodash/uniqueId';
16
+ import { injectIntl } from 'react-intl-next';
17
+ import { MODE, PLATFORM } from '../analytics/events';
19
18
  import { getPlatform } from '../utils';
19
+ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
20
20
  var titleStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n outline: none;\n border: none;\n font-size: ", ";\n line-height: ", ";\n font-weight: normal;\n display: flex;\n flex: 1;\n margin: 0;\n padding: 0 0 0 ", ";\n text-align: left;\n"])), relativeFontSizeToBase16(fontSize()), akEditorLineHeight, "var(--ds-space-050, 4px)");
21
21
  var Container = function Container(props) {
22
22
  var paddingBottom = props.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)";
@@ -34,6 +34,7 @@ var TitleContainer = function TitleContainer(props) {
34
34
  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n padding: ", ";\n padding-bottom: ", ";\n "])), sharedExpandStyles.titleContainerStyles(), "var(--ds-space-100, 8px)", paddingBottom);
35
35
  };
36
36
  return jsx("button", _extends({
37
+ type: "button",
37
38
  css: styles
38
39
  }, props), props.children);
39
40
  };
@@ -42,7 +43,7 @@ var ContentContainer = function ContentContainer(props) {
42
43
  var sharedContentStyles = sharedExpandStyles.contentStyles(props);
43
44
  var visibility = props.expanded ? 'visible' : 'hidden';
44
45
  var styles = function styles() {
45
- return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n padding-right: ", ";\n // TODO: Migrate away from gridSize\n // Recommendation: Replace gridSize with 8, or directly replace with 36px\n padding-left: ", "px;\n visibility: ", ";\n "])), sharedContentStyles(), "var(--ds-space-200, 16px)", gridSize() * 5 - gridSize() / 2, visibility);
46
+ return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n padding-right: ", ";\n padding-left: ", ";\n visibility: ", ";\n "])), sharedContentStyles(), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", visibility);
46
47
  };
47
48
  return jsx("div", _extends({
48
49
  css: styles
@@ -104,6 +105,7 @@ function Expand(_ref) {
104
105
  }
105
106
  }) : null, jsx(TitleContainer, {
106
107
  onClick: function onClick(e) {
108
+ e.preventDefault();
107
109
  e.stopPropagation();
108
110
  fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
109
111
  setExpanded(!expanded);
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
45
45
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  var packageName = "@atlaskit/renderer";
48
- var packageVersion = "109.2.1";
48
+ var packageVersion = "109.2.2";
49
49
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
50
50
  _inherits(Renderer, _PureComponent);
51
51
  var _super = _createSuper(Renderer);
package/dist/types/ui/Expand.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- /** @jsx jsx */
2
1
  import React from 'react';
3
- import type { AnalyticsEventPayload } from '../analytics/events';
4
2
  import type { WrappedComponentProps } from 'react-intl-next';
3
+ import type { AnalyticsEventPayload } from '../analytics/events';
5
4
  import type { RendererAppearance } from './Renderer/types';
6
5
  export type StyleProps = {
7
6
  expanded?: boolean;
8
7
  focused?: boolean;
9
8
  'data-node-type'?: 'expand' | 'nestedExpand';
10
9
  'data-title'?: string;
10
+ children?: React.ReactNode;
11
11
  };
12
12
  export interface ExpandProps {
13
13
  title: string;
package/dist/types-ts4.5/ui/Expand.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- /** @jsx jsx */
2
1
  import React from 'react';
3
- import type { AnalyticsEventPayload } from '../analytics/events';
4
2
  import type { WrappedComponentProps } from 'react-intl-next';
3
+ import type { AnalyticsEventPayload } from '../analytics/events';
5
4
  import type { RendererAppearance } from './Renderer/types';
6
5
  export type StyleProps = {
7
6
  expanded?: boolean;
8
7
  focused?: boolean;
9
8
  'data-node-type'?: 'expand' | 'nestedExpand';
10
9
  'data-title'?: string;
10
+ children?: React.ReactNode;
11
11
  };
12
12
  export interface ExpandProps {
13
13
  title: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "109.2.1",
3
+ "version": "109.2.2",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"