@atlaskit/editor-plugin-card 0.14.7 → 0.14.8

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,11 @@
1
1
  # @atlaskit/editor-plugin-card
2
2
 
3
+ ## 0.14.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [#58076](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58076) [`e22c68b4b316`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e22c68b4b316) - Fix an overlay causing wrapped inline card to jump
8
+
3
9
  ## 0.14.7
4
10
 
5
11
  ### Patch Changes
@@ -107,7 +107,8 @@ var markerStyles = (0, _react2.css)({
107
107
  height: "var(--ds-space-0, 0)",
108
108
  width: "var(--ds-space-0, 0)",
109
109
  margin: "var(--ds-space-0, 0)",
110
- padding: "var(--ds-space-0, 0)"
110
+ padding: "var(--ds-space-0, 0)",
111
+ whiteSpace: 'nowrap'
111
112
  });
112
113
  var InlineCardOverlay = function InlineCardOverlay(_ref) {
113
114
  var children = _ref.children,
@@ -243,7 +244,7 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
243
244
  "aria-hidden": "true",
244
245
  className: OVERLAY_MARKER_CLASSNAME,
245
246
  css: markerStyles
246
- }), (0, _react2.jsx)("a", {
247
+ }, _utils.ZERO_WIDTH_JOINER), (0, _react2.jsx)("a", {
247
248
  className: OVERLAY_CLASSNAME,
248
249
  css: [overlayStyles, _utils.browser.safari && safariOverlayStyles],
249
250
  style: {
@@ -5,7 +5,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
5
5
  import { css, jsx } from '@emotion/react';
6
6
  import debounce from 'lodash/debounce';
7
7
  import { useIntl } from 'react-intl-next';
8
- import { browser } from '@atlaskit/editor-common/utils';
8
+ import { browser, ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/utils';
9
9
  import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
10
10
  import HipchatChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
11
11
  import { N20A, N800 } from '@atlaskit/theme/colors';
@@ -103,7 +103,8 @@ const markerStyles = css({
103
103
  height: "var(--ds-space-0, 0)",
104
104
  width: "var(--ds-space-0, 0)",
105
105
  margin: "var(--ds-space-0, 0)",
106
- padding: "var(--ds-space-0, 0)"
106
+ padding: "var(--ds-space-0, 0)",
107
+ whiteSpace: 'nowrap'
107
108
  });
108
109
  const InlineCardOverlay = ({
109
110
  children,
@@ -229,7 +230,7 @@ const InlineCardOverlay = ({
229
230
  "aria-hidden": "true",
230
231
  className: OVERLAY_MARKER_CLASSNAME,
231
232
  css: markerStyles
232
- }), jsx("a", {
233
+ }, ZERO_WIDTH_JOINER), jsx("a", {
233
234
  className: OVERLAY_CLASSNAME,
234
235
  css: [overlayStyles, browser.safari && safariOverlayStyles],
235
236
  style: {
@@ -11,7 +11,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
11
11
  import { css, jsx } from '@emotion/react';
12
12
  import debounce from 'lodash/debounce';
13
13
  import { useIntl } from 'react-intl-next';
14
- import { browser } from '@atlaskit/editor-common/utils';
14
+ import { browser, ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/utils';
15
15
  import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
16
16
  import HipchatChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
17
17
  import { N20A, N800 } from '@atlaskit/theme/colors';
@@ -99,7 +99,8 @@ var markerStyles = css({
99
99
  height: "var(--ds-space-0, 0)",
100
100
  width: "var(--ds-space-0, 0)",
101
101
  margin: "var(--ds-space-0, 0)",
102
- padding: "var(--ds-space-0, 0)"
102
+ padding: "var(--ds-space-0, 0)",
103
+ whiteSpace: 'nowrap'
103
104
  });
104
105
  var InlineCardOverlay = function InlineCardOverlay(_ref) {
105
106
  var children = _ref.children,
@@ -235,7 +236,7 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
235
236
  "aria-hidden": "true",
236
237
  className: OVERLAY_MARKER_CLASSNAME,
237
238
  css: markerStyles
238
- }), jsx("a", {
239
+ }, ZERO_WIDTH_JOINER), jsx("a", {
239
240
  className: OVERLAY_CLASSNAME,
240
241
  css: [overlayStyles, browser.safari && safariOverlayStyles],
241
242
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-card",
3
- "version": "0.14.7",
3
+ "version": "0.14.8",
4
4
  "description": "Card plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -8,7 +8,7 @@
8
8
  "registry": "https://registry.npmjs.org/"
9
9
  },
10
10
  "atlassian": {
11
- "team": "Editor: Media Experience Porygon",
11
+ "team": "Linking Platform",
12
12
  "singleton": true,
13
13
  "releaseModel": "continuous"
14
14
  },
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/linking-common": "^4.21.0",
53
53
  "@atlaskit/linking-types": "^8.5.0",
54
54
  "@atlaskit/platform-feature-flags": "^0.2.0",
55
- "@atlaskit/primitives": "^1.12.0",
55
+ "@atlaskit/primitives": "^1.13.0",
56
56
  "@atlaskit/smart-card": "^26.42.0",
57
57
  "@atlaskit/theme": "^12.6.0",
58
58
  "@atlaskit/tokens": "^1.29.0",