@atlaskit/editor-common 116.37.0 → 116.39.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 +32 -0
- package/codemods/117.0.0-upgrade-react-peer-dependencies.ts +55 -0
- package/codemods/69.0.0-update-validator-imports.ts +2 -1
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/shared/table-cell-background-for-compiled.js +24 -7
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/MediaSingle/index.js +13 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/table-cell-background-for-compiled.js +15 -6
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/MediaSingle/index.js +13 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/shared/table-cell-background-for-compiled.js +21 -6
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/MediaSingle/index.js +13 -0
- package/dist/types/styles/shared/table-cell-background-for-compiled.d.ts +5 -5
- package/package.json +12 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 116.39.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`6f1966b837385`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6f1966b837385) -
|
|
8
|
+
refactor table cell background to fix hydration errors
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [`cbcd7893f2fe7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cbcd7893f2fe7) -
|
|
13
|
+
Add codemod for upgrading Editor package.jsons to React 19.
|
|
14
|
+
- [`d7a60d4dc93f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d7a60d4dc93f0) -
|
|
15
|
+
Fix embed cards collapsing to 0 height in host renderers (e.g. Jira issue view). When an embed
|
|
16
|
+
uses the aspect-ratio (padding-bottom) sizing and the resolved pixel width is 0/NaN - which
|
|
17
|
+
happens when `lineLength`/`editorWidth` is unavailable in the host render context - the ratio
|
|
18
|
+
becomes `NaN`, producing an invalid `calc(NaN% + 32px)` that the browser drops, collapsing the
|
|
19
|
+
embed. `MediaSingle` now falls back to the embed's absolute height in that case. Guarded by
|
|
20
|
+
`platform_editor_embed_height_only_fallback`.
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
23
|
+
## 116.38.0
|
|
24
|
+
|
|
25
|
+
### Minor Changes
|
|
26
|
+
|
|
27
|
+
- [`5228612e884f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5228612e884f4) -
|
|
28
|
+
Update i18n NPM package versions for editor,editor-extensions,activity-platform,media,elements
|
|
29
|
+
(Group 3)
|
|
30
|
+
|
|
31
|
+
### Patch Changes
|
|
32
|
+
|
|
33
|
+
- Updated dependencies
|
|
34
|
+
|
|
3
35
|
## 116.37.0
|
|
4
36
|
|
|
5
37
|
### Minor Changes
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
// Usage: cd platform && ../node_modules/.bin/jscodeshift -t packages/editor/editor-common/codemods/117.0.0-upgrade-react-peer-dependencies.ts --extensions json --parser babel packages/editor/*/package.json
|
|
2
|
+
|
|
3
|
+
import type { API, FileInfo, Options } from 'jscodeshift';
|
|
4
|
+
|
|
5
|
+
const NEW_PEER_DEP_RANGE = '^18.2.0 || ^19.0.0'; // Ensure backwards compatible while rest of Platform migrates
|
|
6
|
+
const NEW_DEV_DEP_RANGE = '^19.0.0'; // Ensure everyone is using React 19 types from now on
|
|
7
|
+
const VALID_ORIGINAL_RANGES = [NEW_PEER_DEP_RANGE, NEW_DEV_DEP_RANGE, 'root:*', '^18.2.0'];
|
|
8
|
+
type DependencyName = 'react' | 'react-dom' | '@types/react' | '@types/react-dom';
|
|
9
|
+
|
|
10
|
+
const updateDependency = (
|
|
11
|
+
dependencies: Record<string, string> | undefined,
|
|
12
|
+
dependencyName: DependencyName,
|
|
13
|
+
filePath: string,
|
|
14
|
+
newValue: string,
|
|
15
|
+
): void => {
|
|
16
|
+
if (!dependencies?.[dependencyName]) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const dependencyRange = dependencies[dependencyName];
|
|
21
|
+
if (!VALID_ORIGINAL_RANGES.includes(dependencyRange)) {
|
|
22
|
+
// oxlint-disable-next-line no-console -- Codemod intentionally reports unexpected dependency ranges.
|
|
23
|
+
console.warn(
|
|
24
|
+
`WARNING: ${dependencyName} in ${filePath} has unexpected range ${dependencyRange}. Skipping...`,
|
|
25
|
+
);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
dependencies[dependencyName] = newValue;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
const NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/u;
|
|
33
|
+
const transformer = (fileInfo: FileInfo, _api: API, _options: Options): string => {
|
|
34
|
+
if (!fileInfo.path.endsWith('package.json') || NODE_MODULES_REGEX.test(fileInfo.path)) {
|
|
35
|
+
return fileInfo.source;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
const packageJson = JSON.parse(fileInfo.source);
|
|
39
|
+
|
|
40
|
+
updateDependency(packageJson.peerDependencies, 'react', fileInfo.path, NEW_PEER_DEP_RANGE);
|
|
41
|
+
updateDependency(packageJson.peerDependencies, 'react-dom', fileInfo.path, NEW_PEER_DEP_RANGE);
|
|
42
|
+
updateDependency(packageJson.devDependencies, 'react', fileInfo.path, NEW_DEV_DEP_RANGE);
|
|
43
|
+
updateDependency(packageJson.devDependencies, 'react-dom', fileInfo.path, NEW_DEV_DEP_RANGE);
|
|
44
|
+
updateDependency(packageJson.devDependencies, '@types/react', fileInfo.path, NEW_DEV_DEP_RANGE);
|
|
45
|
+
updateDependency(
|
|
46
|
+
packageJson.devDependencies,
|
|
47
|
+
'@types/react-dom',
|
|
48
|
+
fileInfo.path,
|
|
49
|
+
NEW_DEV_DEP_RANGE,
|
|
50
|
+
);
|
|
51
|
+
|
|
52
|
+
return `${JSON.stringify(packageJson, null, '\t')}\n`;
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export default transformer;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import type { API, FileInfo, Options } from 'jscodeshift';
|
|
2
|
+
|
|
1
3
|
import { createTransformer } from '@atlaskit/codemod-utils';
|
|
2
|
-
import type { API, FileInfo, Options } from '@atlaskit/codemod-utils';
|
|
3
4
|
|
|
4
5
|
import { validatorExports, validatorTypes } from './migrates/entry-points';
|
|
5
6
|
|
|
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
28
28
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
29
29
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
30
30
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
31
|
-
var packageVersion = "116.
|
|
31
|
+
var packageVersion = "116.38.0";
|
|
32
32
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
33
33
|
// Remove URL as it has UGC
|
|
34
34
|
// Ignored via go/ees007
|
|
@@ -1,15 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports.
|
|
7
|
-
var
|
|
7
|
+
exports.tableCellBackgroundColorVariablesForCompiled = void 0;
|
|
8
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
10
|
+
var _background = require("@atlaskit/editor-palette/background");
|
|
11
|
+
var tableCellBackgroundColorVariablePrefix = '--ak-editor-table-cell-background';
|
|
12
|
+
var getTableCellBackgroundColorVariableName = function getTableCellBackgroundColorVariableName(colorName) {
|
|
13
|
+
return "".concat(tableCellBackgroundColorVariablePrefix, "-").concat(colorName.replace(/[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g, '-'));
|
|
14
|
+
};
|
|
15
|
+
|
|
8
16
|
/**
|
|
9
|
-
*
|
|
10
|
-
* color (e.g. `td[colorname='red' i]`, `th[colorname='red' i]`).
|
|
17
|
+
* CSS custom properties for every named table cell background color.
|
|
11
18
|
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
19
|
+
* Compiled consumers can use these with static cssMap/cssMapScoped selectors to
|
|
20
|
+
* avoid rendering a runtime <style> tag while still deriving the themed palette
|
|
21
|
+
* value from tableBackgroundColorNames + hexToEditorBackgroundPaletteColor.
|
|
14
22
|
*/
|
|
15
|
-
var
|
|
23
|
+
var tableCellBackgroundColorVariablesForCompiled = exports.tableCellBackgroundColorVariablesForCompiled = Array.from(_tableNodes.tableBackgroundColorNames.entries()).reduce(function (acc, _ref) {
|
|
24
|
+
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
|
|
25
|
+
colorName = _ref2[0],
|
|
26
|
+
hexColor = _ref2[1];
|
|
27
|
+
var paletteColorValue = (0, _background.hexToEditorBackgroundPaletteColor)(hexColor);
|
|
28
|
+
if (paletteColorValue) {
|
|
29
|
+
acc[getTableCellBackgroundColorVariableName(colorName)] = paletteColorValue;
|
|
30
|
+
}
|
|
31
|
+
return acc;
|
|
32
|
+
}, {});
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "116.
|
|
27
|
+
var packageVersion = "116.38.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -81,6 +81,10 @@ function MediaSingle(_ref) {
|
|
|
81
81
|
// When both width and height are set we use them to determine ratio and use that to define
|
|
82
82
|
// embed height in relation to whatever width of an dom element is in runtime.
|
|
83
83
|
var isHeightOnly = width === undefined;
|
|
84
|
+
// Preserve the absolute height before it is scaled below, so we can fall back to it if the
|
|
85
|
+
// pixel-width computation yields a non-finite value (e.g. editorWidth/lineLength is 0 or
|
|
86
|
+
// undefined in some host renderers such as Jira issue view).
|
|
87
|
+
var absoluteHeight = height;
|
|
84
88
|
if (mediaSingleWidth) {
|
|
85
89
|
var pxWidth = (0, _getMediaSinglePixelWidth.getMediaSinglePixelWidth)(mediaSingleWidth, editorWidth, size === null || size === void 0 ? void 0 : size.widthType, _constants.MEDIA_SINGLE_GUTTER_SIZE);
|
|
86
90
|
if (isHeightOnly) {
|
|
@@ -105,6 +109,15 @@ function MediaSingle(_ref) {
|
|
|
105
109
|
var paddingBottom;
|
|
106
110
|
if (isHeightOnly) {
|
|
107
111
|
mediaWrapperHeight = height;
|
|
112
|
+
} else if (width !== undefined && !Number.isFinite(height / width * 100) && (0, _platformFeatureFlags.fg)('platform_editor_embed_height_only_fallback')) {
|
|
113
|
+
// The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
|
|
114
|
+
// which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
|
|
115
|
+
// unavailable in the host renderer). Fall back to the embed's absolute height so the box
|
|
116
|
+
// keeps a usable height instead of collapsing.
|
|
117
|
+
// For embedCard nodes the `height` prop is the iframe height only; the normal ratio path
|
|
118
|
+
// adds 32px for the embed header (see `calc(... + 32px)` below), so add it here too to
|
|
119
|
+
// avoid clipping the header.
|
|
120
|
+
mediaWrapperHeight = Number.isFinite(absoluteHeight) ? absoluteHeight + (nodeType === 'embedCard' ? 32 : 0) : undefined;
|
|
108
121
|
} else if (width !== undefined) {
|
|
109
122
|
var mediaWrapperRatio = height / width * 100;
|
|
110
123
|
paddingBottom = "".concat(mediaWrapperRatio.toFixed(3), "%");
|
|
@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
14
14
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
15
15
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
16
16
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
17
|
-
const packageVersion = "116.
|
|
17
|
+
const packageVersion = "116.38.0";
|
|
18
18
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
19
19
|
// Remove URL as it has UGC
|
|
20
20
|
// Ignored via go/ees007
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { tableBackgroundColorNames } from '@atlaskit/adf-schema/tableNodes';
|
|
2
|
+
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/background';
|
|
3
|
+
const tableCellBackgroundColorVariablePrefix = '--ak-editor-table-cell-background';
|
|
4
|
+
const getTableCellBackgroundColorVariableName = colorName => `${tableCellBackgroundColorVariablePrefix}-${colorName.replace(/\s+/gu, '-')}`;
|
|
2
5
|
|
|
3
6
|
/**
|
|
4
|
-
*
|
|
5
|
-
* color (e.g. `td[colorname='red' i]`, `th[colorname='red' i]`).
|
|
7
|
+
* CSS custom properties for every named table cell background color.
|
|
6
8
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
+
* Compiled consumers can use these with static cssMap/cssMapScoped selectors to
|
|
10
|
+
* avoid rendering a runtime <style> tag while still deriving the themed palette
|
|
11
|
+
* value from tableBackgroundColorNames + hexToEditorBackgroundPaletteColor.
|
|
9
12
|
*/
|
|
10
|
-
export const
|
|
13
|
+
export const tableCellBackgroundColorVariablesForCompiled = Array.from(tableBackgroundColorNames.entries()).reduce((acc, [colorName, hexColor]) => {
|
|
14
|
+
const paletteColorValue = hexToEditorBackgroundPaletteColor(hexColor);
|
|
15
|
+
if (paletteColorValue) {
|
|
16
|
+
acc[getTableCellBackgroundColorVariableName(colorName)] = paletteColorValue;
|
|
17
|
+
}
|
|
18
|
+
return acc;
|
|
19
|
+
}, {});
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "116.
|
|
17
|
+
const packageVersion = "116.38.0";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -67,6 +67,10 @@ export default function MediaSingle({
|
|
|
67
67
|
// When both width and height are set we use them to determine ratio and use that to define
|
|
68
68
|
// embed height in relation to whatever width of an dom element is in runtime.
|
|
69
69
|
const isHeightOnly = width === undefined;
|
|
70
|
+
// Preserve the absolute height before it is scaled below, so we can fall back to it if the
|
|
71
|
+
// pixel-width computation yields a non-finite value (e.g. editorWidth/lineLength is 0 or
|
|
72
|
+
// undefined in some host renderers such as Jira issue view).
|
|
73
|
+
const absoluteHeight = height;
|
|
70
74
|
if (mediaSingleWidth) {
|
|
71
75
|
const pxWidth = getMediaSinglePixelWidth(mediaSingleWidth, editorWidth, size === null || size === void 0 ? void 0 : size.widthType, MEDIA_SINGLE_GUTTER_SIZE);
|
|
72
76
|
if (isHeightOnly) {
|
|
@@ -91,6 +95,15 @@ export default function MediaSingle({
|
|
|
91
95
|
let paddingBottom;
|
|
92
96
|
if (isHeightOnly) {
|
|
93
97
|
mediaWrapperHeight = height;
|
|
98
|
+
} else if (width !== undefined && !Number.isFinite(height / width * 100) && fg('platform_editor_embed_height_only_fallback')) {
|
|
99
|
+
// The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
|
|
100
|
+
// which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
|
|
101
|
+
// unavailable in the host renderer). Fall back to the embed's absolute height so the box
|
|
102
|
+
// keeps a usable height instead of collapsing.
|
|
103
|
+
// For embedCard nodes the `height` prop is the iframe height only; the normal ratio path
|
|
104
|
+
// adds 32px for the embed header (see `calc(... + 32px)` below), so add it here too to
|
|
105
|
+
// avoid clipping the header.
|
|
106
|
+
mediaWrapperHeight = Number.isFinite(absoluteHeight) ? absoluteHeight + (nodeType === 'embedCard' ? 32 : 0) : undefined;
|
|
94
107
|
} else if (width !== undefined) {
|
|
95
108
|
const mediaWrapperRatio = height / width * 100;
|
|
96
109
|
paddingBottom = `${mediaWrapperRatio.toFixed(3)}%`;
|
|
@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
20
20
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
21
21
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
22
22
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
23
|
-
var packageVersion = "116.
|
|
23
|
+
var packageVersion = "116.38.0";
|
|
24
24
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
25
25
|
// Remove URL as it has UGC
|
|
26
26
|
// Ignored via go/ees007
|
|
@@ -1,10 +1,25 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import { tableBackgroundColorNames } from '@atlaskit/adf-schema/tableNodes';
|
|
3
|
+
import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/background';
|
|
4
|
+
var tableCellBackgroundColorVariablePrefix = '--ak-editor-table-cell-background';
|
|
5
|
+
var getTableCellBackgroundColorVariableName = function getTableCellBackgroundColorVariableName(colorName) {
|
|
6
|
+
return "".concat(tableCellBackgroundColorVariablePrefix, "-").concat(colorName.replace(/[\t-\r \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g, '-'));
|
|
7
|
+
};
|
|
2
8
|
|
|
3
9
|
/**
|
|
4
|
-
*
|
|
5
|
-
* color (e.g. `td[colorname='red' i]`, `th[colorname='red' i]`).
|
|
10
|
+
* CSS custom properties for every named table cell background color.
|
|
6
11
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
12
|
+
* Compiled consumers can use these with static cssMap/cssMapScoped selectors to
|
|
13
|
+
* avoid rendering a runtime <style> tag while still deriving the themed palette
|
|
14
|
+
* value from tableBackgroundColorNames + hexToEditorBackgroundPaletteColor.
|
|
9
15
|
*/
|
|
10
|
-
export var
|
|
16
|
+
export var tableCellBackgroundColorVariablesForCompiled = Array.from(tableBackgroundColorNames.entries()).reduce(function (acc, _ref) {
|
|
17
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
18
|
+
colorName = _ref2[0],
|
|
19
|
+
hexColor = _ref2[1];
|
|
20
|
+
var paletteColorValue = hexToEditorBackgroundPaletteColor(hexColor);
|
|
21
|
+
if (paletteColorValue) {
|
|
22
|
+
acc[getTableCellBackgroundColorVariableName(colorName)] = paletteColorValue;
|
|
23
|
+
}
|
|
24
|
+
return acc;
|
|
25
|
+
}, {});
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "116.
|
|
24
|
+
var packageVersion = "116.38.0";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -73,6 +73,10 @@ export default function MediaSingle(_ref) {
|
|
|
73
73
|
// When both width and height are set we use them to determine ratio and use that to define
|
|
74
74
|
// embed height in relation to whatever width of an dom element is in runtime.
|
|
75
75
|
var isHeightOnly = width === undefined;
|
|
76
|
+
// Preserve the absolute height before it is scaled below, so we can fall back to it if the
|
|
77
|
+
// pixel-width computation yields a non-finite value (e.g. editorWidth/lineLength is 0 or
|
|
78
|
+
// undefined in some host renderers such as Jira issue view).
|
|
79
|
+
var absoluteHeight = height;
|
|
76
80
|
if (mediaSingleWidth) {
|
|
77
81
|
var pxWidth = getMediaSinglePixelWidth(mediaSingleWidth, editorWidth, size === null || size === void 0 ? void 0 : size.widthType, MEDIA_SINGLE_GUTTER_SIZE);
|
|
78
82
|
if (isHeightOnly) {
|
|
@@ -97,6 +101,15 @@ export default function MediaSingle(_ref) {
|
|
|
97
101
|
var paddingBottom;
|
|
98
102
|
if (isHeightOnly) {
|
|
99
103
|
mediaWrapperHeight = height;
|
|
104
|
+
} else if (width !== undefined && !Number.isFinite(height / width * 100) && fg('platform_editor_embed_height_only_fallback')) {
|
|
105
|
+
// The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
|
|
106
|
+
// which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
|
|
107
|
+
// unavailable in the host renderer). Fall back to the embed's absolute height so the box
|
|
108
|
+
// keeps a usable height instead of collapsing.
|
|
109
|
+
// For embedCard nodes the `height` prop is the iframe height only; the normal ratio path
|
|
110
|
+
// adds 32px for the embed header (see `calc(... + 32px)` below), so add it here too to
|
|
111
|
+
// avoid clipping the header.
|
|
112
|
+
mediaWrapperHeight = Number.isFinite(absoluteHeight) ? absoluteHeight + (nodeType === 'embedCard' ? 32 : 0) : undefined;
|
|
100
113
|
} else if (width !== undefined) {
|
|
101
114
|
var mediaWrapperRatio = height / width * 100;
|
|
102
115
|
paddingBottom = "".concat(mediaWrapperRatio.toFixed(3), "%");
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* color (e.g. `td[colorname='red' i]`, `th[colorname='red' i]`).
|
|
2
|
+
* CSS custom properties for every named table cell background color.
|
|
4
3
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
4
|
+
* Compiled consumers can use these with static cssMap/cssMapScoped selectors to
|
|
5
|
+
* avoid rendering a runtime <style> tag while still deriving the themed palette
|
|
6
|
+
* value from tableBackgroundColorNames + hexToEditorBackgroundPaletteColor.
|
|
7
7
|
*/
|
|
8
|
-
export declare const
|
|
8
|
+
export declare const tableCellBackgroundColorVariablesForCompiled: Record<string, string>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "116.
|
|
3
|
+
"version": "116.39.0",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@atlaskit/activity-provider": "^3.0.0",
|
|
32
32
|
"@atlaskit/adf-schema": "^56.1.0",
|
|
33
33
|
"@atlaskit/adf-utils": "^20.3.0",
|
|
34
|
-
"@atlaskit/afm-i18n-platform-editor-editor-common": "2.
|
|
34
|
+
"@atlaskit/afm-i18n-platform-editor-editor-common": "2.196.0",
|
|
35
35
|
"@atlaskit/analytics-listeners": "^11.1.0",
|
|
36
36
|
"@atlaskit/analytics-namespaced-context": "^8.1.0",
|
|
37
37
|
"@atlaskit/analytics-next": "^12.3.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@atlaskit/editor-tables": "^3.0.0",
|
|
50
50
|
"@atlaskit/editor-toolbar": "^2.3.0",
|
|
51
51
|
"@atlaskit/editor-toolbar-model": "^1.1.0",
|
|
52
|
-
"@atlaskit/emoji": "^71.
|
|
52
|
+
"@atlaskit/emoji": "^71.13.0",
|
|
53
53
|
"@atlaskit/icon": "^37.1.0",
|
|
54
54
|
"@atlaskit/link": "^4.3.0",
|
|
55
55
|
"@atlaskit/link-datasource": "^6.2.0",
|
|
@@ -60,15 +60,15 @@
|
|
|
60
60
|
"@atlaskit/media-common": "^14.3.0",
|
|
61
61
|
"@atlaskit/media-file-preview": "^1.1.0",
|
|
62
62
|
"@atlaskit/media-picker": "^72.1.0",
|
|
63
|
-
"@atlaskit/media-ui": "^30.
|
|
63
|
+
"@atlaskit/media-ui": "^30.10.0",
|
|
64
64
|
"@atlaskit/media-viewer": "^54.5.0",
|
|
65
|
-
"@atlaskit/mention": "^27.
|
|
65
|
+
"@atlaskit/mention": "^27.10.0",
|
|
66
66
|
"@atlaskit/menu": "^9.2.0",
|
|
67
67
|
"@atlaskit/object": "^2.2.0",
|
|
68
68
|
"@atlaskit/onboarding": "^15.1.0",
|
|
69
69
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
70
70
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
71
|
-
"@atlaskit/primitives": "^22.
|
|
71
|
+
"@atlaskit/primitives": "^22.2.0",
|
|
72
72
|
"@atlaskit/profilecard": "^26.13.0",
|
|
73
73
|
"@atlaskit/prosemirror-history": "^1.0.0",
|
|
74
74
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
@@ -77,10 +77,10 @@
|
|
|
77
77
|
"@atlaskit/smart-card": "^45.12.0",
|
|
78
78
|
"@atlaskit/smart-user-picker": "^11.1.0",
|
|
79
79
|
"@atlaskit/spinner": "^20.1.0",
|
|
80
|
-
"@atlaskit/task-decision": "^21.
|
|
80
|
+
"@atlaskit/task-decision": "^21.7.0",
|
|
81
81
|
"@atlaskit/teams-app-config": "^2.1.0",
|
|
82
82
|
"@atlaskit/textfield": "^9.1.0",
|
|
83
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
83
|
+
"@atlaskit/tmp-editor-statsig": "^133.0.0",
|
|
84
84
|
"@atlaskit/tokens": "^16.3.0",
|
|
85
85
|
"@atlaskit/tooltip": "^23.1.0",
|
|
86
86
|
"@atlaskit/width-detector": "^6.2.0",
|
|
@@ -128,6 +128,7 @@
|
|
|
128
128
|
"@testing-library/jest-dom": "^6.4.5",
|
|
129
129
|
"@testing-library/react": "^16.3.0",
|
|
130
130
|
"@testing-library/user-event": "^14.4.3",
|
|
131
|
+
"@types/jscodeshift": "^0.11.0",
|
|
131
132
|
"@types/linkify-it": "^3.0.2",
|
|
132
133
|
"@types/markdown-it": "^14.1.2",
|
|
133
134
|
"@types/raf-schd": "^4.0.1",
|
|
@@ -258,6 +259,9 @@
|
|
|
258
259
|
},
|
|
259
260
|
"platform_editor_lovability_text_bg_color_patch_1": {
|
|
260
261
|
"type": "boolean"
|
|
262
|
+
},
|
|
263
|
+
"platform_editor_embed_height_only_fallback": {
|
|
264
|
+
"type": "boolean"
|
|
261
265
|
}
|
|
262
266
|
}
|
|
263
267
|
}
|