@atlaskit/editor-core 217.4.4 → 217.4.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.
- package/CHANGELOG.md +12 -0
- package/codemods/140.0.0-rc-kraken-fix-type-errors.ts +6 -1
- package/codemods/145.0.0-deprecate-props.ts +3 -1
- package/codemods/172.0.0-transform-smartlinks-prop.ts +3 -1
- package/codemods/175.0.0-rename-unsafe-allowUndoRedoButton-prop.ts +3 -1
- package/codemods/180.1.0-update-to-editor-migration-component.ts +3 -1
- package/codemods/migrates/next-remove-allow-more-text-colors-prop.ts +2 -2
- package/codemods/migrates/remove-config-panel-width-prop.ts +2 -2
- package/codemods/migrates/rename-editor-to-editor-migration-component.ts +2 -2
- package/codemods/migrates/rename-smartlinks-prop.ts +2 -2
- package/codemods/migrates/rename-unsafe-allowUndoRedoButtons-prop.ts +4 -1
- package/codemods/migrates/rename-unsafe-cards-prop.ts +4 -1
- package/codemods/utils.ts +2 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +1 -5
- package/dist/cjs/ui/EditorContentContainer/styles/list.js +12 -14
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +12 -20
- package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +1 -10
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +3 -7
- package/dist/es2019/ui/EditorContentContainer/styles/list.js +12 -14
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +10 -20
- package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +0 -9
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +3 -7
- package/dist/esm/ui/EditorContentContainer/styles/list.js +12 -14
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +11 -17
- package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +0 -9
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/syncBlockStyles.d.ts +0 -1
- package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts +0 -1
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/syncBlockStyles.d.ts +0 -1
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/tableStyles.d.ts +0 -1
- package/package.json +4 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 217.4.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7428d9bf3aa13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7428d9bf3aa13) -
|
|
8
|
+
Clean up platform_synced_block_patch_5 feature gate
|
|
9
|
+
- [`af385c410f9b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af385c410f9b1) -
|
|
10
|
+
[ux] EDITOR-5909 Hide markers for wrapper task list items
|
|
11
|
+
- [`abdb4d8431601`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abdb4d8431601) -
|
|
12
|
+
Clean up/platform_editor_table_container_y_overflow_fix
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 217.4.4
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
+
import type { FileInfo, API, Options } from 'jscodeshift';
|
|
2
|
+
|
|
1
3
|
import { removeConfigPanelWidthProp } from './migrates/remove-config-panel-width-prop';
|
|
2
4
|
import { createTransformer } from './utils';
|
|
3
5
|
|
|
4
|
-
const transformer = createTransformer(
|
|
6
|
+
const transformer: (fileInfo: FileInfo, _api: API, options: Options) => string = createTransformer(
|
|
7
|
+
'@atlaskit/editor-core',
|
|
8
|
+
[removeConfigPanelWidthProp],
|
|
9
|
+
);
|
|
5
10
|
|
|
6
11
|
export default transformer;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import type { FileInfo, API, Options } from 'jscodeshift';
|
|
2
|
+
|
|
1
3
|
import { renameUnsafeCardProp } from './migrates/rename-unsafe-cards-prop';
|
|
2
4
|
import { createTransformer } from './utils';
|
|
3
5
|
|
|
4
|
-
const transformer = createTransformer('@atlaskit/editor-core', [renameUnsafeCardProp]);
|
|
6
|
+
const transformer: (fileInfo: FileInfo, _api: API, options: Options) => string = createTransformer('@atlaskit/editor-core', [renameUnsafeCardProp]);
|
|
5
7
|
|
|
6
8
|
export default transformer;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import type { FileInfo, API, Options } from 'jscodeshift';
|
|
2
|
+
|
|
1
3
|
import { renameSmartLinksProp } from './migrates/rename-smartlinks-prop';
|
|
2
4
|
import { createTransformer } from './utils';
|
|
3
5
|
|
|
4
|
-
const transformer = createTransformer('@atlaskit/editor-core', [renameSmartLinksProp]);
|
|
6
|
+
const transformer: (fileInfo: FileInfo, _api: API, options: Options) => string = createTransformer('@atlaskit/editor-core', [renameSmartLinksProp]);
|
|
5
7
|
|
|
6
8
|
export default transformer;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import type { FileInfo, API, Options } from 'jscodeshift';
|
|
2
|
+
|
|
1
3
|
import { renameUnsafeAllowUndoRedoButtonsProp } from './migrates/rename-unsafe-allowUndoRedoButtons-prop';
|
|
2
4
|
import { createTransformer } from './utils';
|
|
3
5
|
|
|
4
|
-
const transformer = createTransformer('@atlaskit/editor-core', [
|
|
6
|
+
const transformer: (fileInfo: FileInfo, _api: API, options: Options) => string = createTransformer('@atlaskit/editor-core', [
|
|
5
7
|
renameUnsafeAllowUndoRedoButtonsProp,
|
|
6
8
|
]);
|
|
7
9
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import type { FileInfo, API, Options } from 'jscodeshift';
|
|
2
|
+
|
|
1
3
|
import { renameEditorToMigrationComponent } from './migrates/rename-editor-to-editor-migration-component';
|
|
2
4
|
import { createTransformer } from './utils';
|
|
3
5
|
|
|
4
|
-
const transformer = createTransformer('@atlaskit/editor-core', [renameEditorToMigrationComponent]);
|
|
6
|
+
const transformer: (fileInfo: FileInfo, _api: API, options: Options) => string = createTransformer('@atlaskit/editor-core', [renameEditorToMigrationComponent]);
|
|
5
7
|
|
|
6
8
|
export default transformer;
|
|
@@ -8,7 +8,7 @@ import { findImportFromPackage } from '../utils';
|
|
|
8
8
|
* Ref: ED-15849
|
|
9
9
|
*/
|
|
10
10
|
const createRemoveAllowMoreTextColorsPropTransform = (pkg: string, component: string) => {
|
|
11
|
-
return (j: core.JSCodeshift, source: Collection<unknown>) => {
|
|
11
|
+
return (j: core.JSCodeshift, source: Collection<unknown>): void => {
|
|
12
12
|
// Find regular or renamed imports
|
|
13
13
|
// of <Editor/> component from '@atlaskit/editor-core' package
|
|
14
14
|
const importedNames: string[] = findImportFromPackage(
|
|
@@ -45,7 +45,7 @@ const createRemoveAllowMoreTextColorsPropTransform = (pkg: string, component: st
|
|
|
45
45
|
});
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
|
-
export const removeAllowMoreColorsProp = createRemoveAllowMoreTextColorsPropTransform(
|
|
48
|
+
export const removeAllowMoreColorsProp: (j: core.JSCodeshift, source: Collection<unknown>) => void = createRemoveAllowMoreTextColorsPropTransform(
|
|
49
49
|
'@atlaskit/editor-core',
|
|
50
50
|
'Editor',
|
|
51
51
|
);
|
|
@@ -4,7 +4,7 @@ import type { Collection } from 'jscodeshift/src/Collection';
|
|
|
4
4
|
import { findImportFromPackage } from '../utils';
|
|
5
5
|
|
|
6
6
|
const createRemoveComponentPropTransform = (pkg: string, component: string, propName: string) => {
|
|
7
|
-
return (j: core.JSCodeshift, source: Collection<unknown>) => {
|
|
7
|
+
return (j: core.JSCodeshift, source: Collection<unknown>): void => {
|
|
8
8
|
// Find regular or renamed imports
|
|
9
9
|
const importedNames: string[] = findImportFromPackage(j, source, pkg, component);
|
|
10
10
|
|
|
@@ -23,7 +23,7 @@ const createRemoveComponentPropTransform = (pkg: string, component: string, prop
|
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
-
export const removeConfigPanelWidthProp = createRemoveComponentPropTransform(
|
|
26
|
+
export const removeConfigPanelWidthProp: (j: core.JSCodeshift, source: Collection<unknown>) => void = createRemoveComponentPropTransform(
|
|
27
27
|
'@atlaskit/editor-core',
|
|
28
28
|
'ContextPanel',
|
|
29
29
|
'width',
|
|
@@ -7,7 +7,7 @@ import type { Collection } from 'jscodeshift/src/Collection';
|
|
|
7
7
|
* Ref: ED-16826
|
|
8
8
|
*/
|
|
9
9
|
export const createUpdateEditorToMigrationComponent = (pkg: string, component: string) => {
|
|
10
|
-
return (j: core.JSCodeshift, source: Collection<unknown>) => {
|
|
10
|
+
return (j: core.JSCodeshift, source: Collection<unknown>): void => {
|
|
11
11
|
source
|
|
12
12
|
.find(j.ImportDeclaration, { source: { value: pkg } })
|
|
13
13
|
.filter(
|
|
@@ -24,7 +24,7 @@ export const createUpdateEditorToMigrationComponent = (pkg: string, component: s
|
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
-
export const renameEditorToMigrationComponent = createUpdateEditorToMigrationComponent(
|
|
27
|
+
export const renameEditorToMigrationComponent: (j: core.JSCodeshift, source: Collection<unknown>) => void = createUpdateEditorToMigrationComponent(
|
|
28
28
|
'@atlaskit/editor-core',
|
|
29
29
|
'Editor',
|
|
30
30
|
);
|
|
@@ -14,7 +14,7 @@ export const createJSXRenameVariableToNestedKeyTransform = (
|
|
|
14
14
|
toObjectName: string,
|
|
15
15
|
toObjectKey: string,
|
|
16
16
|
) => {
|
|
17
|
-
return (j: core.JSCodeshift, source: Collection<unknown>) => {
|
|
17
|
+
return (j: core.JSCodeshift, source: Collection<unknown>): void => {
|
|
18
18
|
source
|
|
19
19
|
.find(j.JSXAttribute, { name: { type: 'JSXIdentifier', name: from } })
|
|
20
20
|
.forEach((fromAttribute) => {
|
|
@@ -41,7 +41,7 @@ export const createJSXRenameVariableToNestedKeyTransform = (
|
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
|
|
44
|
-
export const renameSmartLinksProp = createJSXRenameVariableToNestedKeyTransform(
|
|
44
|
+
export const renameSmartLinksProp: (j: core.JSCodeshift, source: Collection<unknown>) => void = createJSXRenameVariableToNestedKeyTransform(
|
|
45
45
|
'smartLinks',
|
|
46
46
|
'linking',
|
|
47
47
|
'smartLinks',
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import type { JSCodeshift } from 'jscodeshift';
|
|
2
|
+
import type { Collection } from 'jscodeshift/src/Collection';
|
|
3
|
+
|
|
1
4
|
import { createRenameVariableTransform } from '../utils';
|
|
2
5
|
|
|
3
|
-
export const renameUnsafeAllowUndoRedoButtonsProp = createRenameVariableTransform(
|
|
6
|
+
export const renameUnsafeAllowUndoRedoButtonsProp: (j: JSCodeshift, source: Collection<unknown>) => void = createRenameVariableTransform(
|
|
4
7
|
'UNSAFE_allowUndoRedoButtons',
|
|
5
8
|
'allowUndoRedoButtons',
|
|
6
9
|
);
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import type { JSCodeshift } from 'jscodeshift';
|
|
2
|
+
import type { Collection } from 'jscodeshift/src/Collection';
|
|
3
|
+
|
|
1
4
|
import { createRenameVariableTransform } from '../utils';
|
|
2
5
|
|
|
3
|
-
export const renameUnsafeCardProp = createRenameVariableTransform('UNSAFE_cards', 'smartLinks');
|
|
6
|
+
export const renameUnsafeCardProp: (j: JSCodeshift, source: Collection<unknown>) => void = createRenameVariableTransform('UNSAFE_cards', 'smartLinks');
|
package/codemods/utils.ts
CHANGED
|
@@ -25,7 +25,7 @@ export const createTransformer =
|
|
|
25
25
|
packageName: string,
|
|
26
26
|
migrations: { (j: core.JSCodeshift, source: Collection<unknown>): void }[],
|
|
27
27
|
) =>
|
|
28
|
-
(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) => {
|
|
28
|
+
(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options): string => {
|
|
29
29
|
const source = j(fileInfo.source);
|
|
30
30
|
|
|
31
31
|
if (!hasImportDeclaration(j, source, packageName)) {
|
|
@@ -96,7 +96,7 @@ export const findImportFromPackage = (
|
|
|
96
96
|
* @param toName String
|
|
97
97
|
*/
|
|
98
98
|
export const createRenameVariableTransform = (from: string, toName: string) => {
|
|
99
|
-
return (j: core.JSCodeshift, source: Collection<unknown>) => {
|
|
99
|
+
return (j: core.JSCodeshift, source: Collection<unknown>): void => {
|
|
100
100
|
source.find(j.Identifier, { name: from }).forEach((x) => {
|
|
101
101
|
x.replace(j.identifier(toName));
|
|
102
102
|
});
|
|
@@ -372,9 +372,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
372
372
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
373
373
|
(0, _experiments.editorExperiment)('platform_synced_block', true) && _syncBlockStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
|
|
374
374
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
375
|
-
_syncBlockStyles.syncBlockFirstNodeStyles,
|
|
376
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
377
|
-
_syncBlockStyles.syncBlockDraggingStyles,
|
|
375
|
+
_syncBlockStyles.syncBlockFirstNodeStyles,
|
|
378
376
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
379
377
|
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
|
|
380
378
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -510,8 +508,6 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
510
508
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
511
509
|
_tableStyles.tableContainerStyles,
|
|
512
510
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
513
|
-
!(0, _platformFeatureFlags.fg)('platform_editor_table_container_y_overflow_fix') && _tableStyles.tableContainerOverflowY,
|
|
514
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
515
511
|
(0, _styles.tableSharedStyle)(),
|
|
516
512
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
517
513
|
_tableStyles.tableEmptyRowStyles,
|
|
@@ -211,28 +211,26 @@ var getDenseListStyles = exports.getDenseListStyles = function getDenseListStyle
|
|
|
211
211
|
var listItemHiddenMarkerStyles = exports.listItemHiddenMarkerStyles = (0, _react.css)({
|
|
212
212
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
213
213
|
'.ProseMirror': {
|
|
214
|
-
// Hide
|
|
215
|
-
// Wrapper items for bullet lists: li with only ul child
|
|
214
|
+
// Hide markers and remove spacing for wrapper list items (items containing only nested lists)
|
|
216
215
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
217
|
-
'li:has(> ul:only-child)': {
|
|
216
|
+
'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
218
217
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
219
|
-
listStyleType: 'none !important'
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
223
|
-
'li:has(> ol:only-child)': {
|
|
218
|
+
listStyleType: 'none !important',
|
|
219
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
220
|
+
marginTop: '0 !important',
|
|
224
221
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
225
|
-
|
|
222
|
+
marginBottom: '0 !important'
|
|
226
223
|
},
|
|
227
|
-
//
|
|
224
|
+
// Remove margin from nested lists inside wrapper list items to avoid double spacing
|
|
228
225
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
229
|
-
'li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
226
|
+
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
|
|
230
227
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
231
|
-
|
|
228
|
+
marginTop: '0 !important'
|
|
232
229
|
},
|
|
233
|
-
//
|
|
230
|
+
// Collapse wrapper task items (empty task items followed by a sibling nested task list)
|
|
231
|
+
// Only hides empty task items that are actual wrappers, not regular empty task items being edited
|
|
234
232
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
235
|
-
'
|
|
233
|
+
'[data-prosemirror-node-name="taskItem"]:has([data-empty="true"]):has(+ [data-node-type="actionList"])': {
|
|
236
234
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
237
235
|
display: 'none !important'
|
|
238
236
|
}
|
|
@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.syncBlockStyles = exports.syncBlockOverflowStyles = exports.syncBlockFirstNodeStyles =
|
|
7
|
+
exports.syncBlockStyles = exports.syncBlockOverflowStyles = exports.syncBlockFirstNodeStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _syncBlock = require("@atlaskit/editor-common/sync-block");
|
|
11
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
12
|
-
|
|
11
|
+
var _$concat$concat; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
13
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
14
13
|
var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)({
|
|
15
14
|
'@property --angle': {
|
|
@@ -18,7 +17,7 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
18
17
|
inherits: 'false'
|
|
19
18
|
},
|
|
20
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
21
|
-
'.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (
|
|
20
|
+
'.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (_$concat$concat = {
|
|
22
21
|
position: 'relative',
|
|
23
22
|
cursor: 'pointer',
|
|
24
23
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
@@ -38,7 +37,7 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
38
37
|
visibility: 'visible',
|
|
39
38
|
transition: 'opacity 200ms ease-in, visibility 200ms ease-in'
|
|
40
39
|
})
|
|
41
|
-
}, "&.".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.selectionInside), (0, _defineProperty2.default)({
|
|
40
|
+
}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$concat$concat, "&.".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.selectionInside), (0, _defineProperty2.default)({
|
|
42
41
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
43
42
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
44
43
|
opacity: 1,
|
|
@@ -112,12 +111,17 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
112
111
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
113
112
|
opacity: 0,
|
|
114
113
|
visibility: 'hidden'
|
|
114
|
+
})), "&.".concat(_syncBlock.SyncBlockStateCssClassName.draggingClassName), (0, _defineProperty2.default)({
|
|
115
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
116
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
117
|
+
opacity: 1,
|
|
118
|
+
visibility: 'visible'
|
|
115
119
|
})), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
|
|
116
120
|
padding: '0 18px',
|
|
117
121
|
cursor: 'text'
|
|
118
|
-
}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
|
|
122
|
+
}), (0, _defineProperty2.default)(_$concat$concat, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
|
|
119
123
|
padding: '0 18px'
|
|
120
|
-
})), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
|
|
124
|
+
}))), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
|
|
121
125
|
// First child node that has drag handle widget next to it is overridden with marginTop: 0, see globalStyles in editor-plugin-block-controls/src/ui/global-styles.tsx
|
|
122
126
|
// Hence we set marginTop: 0 when by default to avoid flickering when hovering on and off the first node
|
|
123
127
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -167,16 +171,4 @@ var syncBlockOverflowStyles = exports.syncBlockOverflowStyles = (0, _react.css)(
|
|
|
167
171
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
168
172
|
var syncBlockFirstNodeStyles = exports.syncBlockFirstNodeStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".ProseMirror > .fabric-editor-breakout-mark:first-child", (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), {
|
|
169
173
|
marginTop: 0
|
|
170
|
-
})));
|
|
171
|
-
|
|
172
|
-
// combine this with the selection inside styles when cleaning up platform_synced_block_patch_5
|
|
173
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
174
|
-
var syncBlockDraggingStyles = exports.syncBlockDraggingStyles = (0, _react.css)({
|
|
175
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
176
|
-
'.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)({}, "&.".concat(_syncBlock.SyncBlockStateCssClassName.draggingClassName), (0, _defineProperty2.default)({
|
|
177
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
178
|
-
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
179
|
-
opacity: 1,
|
|
180
|
-
visibility: 'visible'
|
|
181
|
-
})))
|
|
182
|
-
});
|
|
174
|
+
})));
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContainerStyles = exports.
|
|
7
|
+
exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContainerStyles = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _scrollbarStyles = require("./scrollbarStyles");
|
|
@@ -60,15 +60,6 @@ var tableContainerStyles = exports.tableContainerStyles = (0, _react.css)({
|
|
|
60
60
|
}
|
|
61
61
|
});
|
|
62
62
|
|
|
63
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
64
|
-
var tableContainerOverflowY = exports.tableContainerOverflowY = (0, _react.css)({
|
|
65
|
-
/* Fix for HOT-119925: Ensure table containers have proper width constraints and overflow handling */
|
|
66
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
67
|
-
'.ProseMirror .pm-table-wrapper': {
|
|
68
|
-
overflowY: 'visible'
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
|
|
72
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
73
64
|
var tableEmptyRowStyles = exports.tableEmptyRowStyles = (0, _react.css)({
|
|
74
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -58,8 +58,8 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
|
|
|
58
58
|
import { shadowStyles } from './styles/shadowStyles';
|
|
59
59
|
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
60
60
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
|
|
61
|
-
import { syncBlockStyles, syncBlockFirstNodeStyles, syncBlockOverflowStyles
|
|
62
|
-
import { tableCommentEditorStyles,
|
|
61
|
+
import { syncBlockStyles, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
|
|
62
|
+
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
63
63
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemCheckboxStylesWithBlockTaskItem, taskItemNextCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
64
64
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
65
65
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -368,9 +368,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
368
368
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
369
369
|
editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) &&
|
|
370
370
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
371
|
-
syncBlockFirstNodeStyles,
|
|
372
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
373
|
-
syncBlockDraggingStyles,
|
|
371
|
+
syncBlockFirstNodeStyles,
|
|
374
372
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
375
373
|
editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
|
|
376
374
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -506,8 +504,6 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
506
504
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
507
505
|
tableContainerStyles,
|
|
508
506
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
509
|
-
!fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
|
|
510
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
511
507
|
tableSharedStyle(),
|
|
512
508
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
513
509
|
tableEmptyRowStyles,
|
|
@@ -207,28 +207,26 @@ export const getDenseListStyles = baseFontSize => {
|
|
|
207
207
|
export const listItemHiddenMarkerStyles = css({
|
|
208
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
209
209
|
'.ProseMirror': {
|
|
210
|
-
// Hide
|
|
211
|
-
// Wrapper items for bullet lists: li with only ul child
|
|
210
|
+
// Hide markers and remove spacing for wrapper list items (items containing only nested lists)
|
|
212
211
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
213
|
-
'li:has(> ul:only-child)': {
|
|
212
|
+
'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
214
213
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
215
|
-
listStyleType: 'none !important'
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
219
|
-
'li:has(> ol:only-child)': {
|
|
214
|
+
listStyleType: 'none !important',
|
|
215
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
216
|
+
marginTop: '0 !important',
|
|
220
217
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
221
|
-
|
|
218
|
+
marginBottom: '0 !important'
|
|
222
219
|
},
|
|
223
|
-
//
|
|
220
|
+
// Remove margin from nested lists inside wrapper list items to avoid double spacing
|
|
224
221
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
225
|
-
'li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
222
|
+
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
|
|
226
223
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
227
|
-
|
|
224
|
+
marginTop: '0 !important'
|
|
228
225
|
},
|
|
229
|
-
//
|
|
226
|
+
// Collapse wrapper task items (empty task items followed by a sibling nested task list)
|
|
227
|
+
// Only hides empty task items that are actual wrappers, not regular empty task items being edited
|
|
230
228
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
231
|
-
'
|
|
229
|
+
'[data-prosemirror-node-name="taskItem"]:has([data-empty="true"]):has(+ [data-node-type="actionList"])': {
|
|
232
230
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
233
231
|
display: 'none !important'
|
|
234
232
|
}
|
|
@@ -145,6 +145,16 @@ export const syncBlockStyles = css({
|
|
|
145
145
|
visibility: 'hidden'
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
|
+
/* Dragging state */
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
150
|
+
[`&.${SyncBlockStateCssClassName.draggingClassName}`]: {
|
|
151
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
|
|
152
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
153
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
154
|
+
opacity: 1,
|
|
155
|
+
visibility: 'visible'
|
|
156
|
+
}
|
|
157
|
+
},
|
|
148
158
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
149
159
|
[`.${BodiedSyncBlockSharedCssClassName.content}`]: {
|
|
150
160
|
padding: '0 18px',
|
|
@@ -222,24 +232,4 @@ export const syncBlockFirstNodeStyles = css({
|
|
|
222
232
|
marginTop: 0
|
|
223
233
|
}
|
|
224
234
|
}
|
|
225
|
-
});
|
|
226
|
-
|
|
227
|
-
// combine this with the selection inside styles when cleaning up platform_synced_block_patch_5
|
|
228
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
229
|
-
export const syncBlockDraggingStyles = css({
|
|
230
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
231
|
-
'.ProseMirror': {
|
|
232
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
233
|
-
[`.${SyncBlockSharedCssClassName.prefix}, .${BodiedSyncBlockSharedCssClassName.prefix}`]: {
|
|
234
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
235
|
-
[`&.${SyncBlockStateCssClassName.draggingClassName}`]: {
|
|
236
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
|
|
237
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
238
|
-
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
239
|
-
opacity: 1,
|
|
240
|
-
visibility: 'visible'
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
235
|
});
|
|
@@ -56,15 +56,6 @@ export const tableContainerStyles = css({
|
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
60
|
-
export const tableContainerOverflowY = css({
|
|
61
|
-
/* Fix for HOT-119925: Ensure table containers have proper width constraints and overflow handling */
|
|
62
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
63
|
-
'.ProseMirror .pm-table-wrapper': {
|
|
64
|
-
overflowY: 'visible'
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
|
|
68
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
69
60
|
export const tableEmptyRowStyles = css({
|
|
70
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "217.4.
|
|
2
|
+
export const version = "217.4.4";
|
|
@@ -59,8 +59,8 @@ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles
|
|
|
59
59
|
import { shadowStyles } from './styles/shadowStyles';
|
|
60
60
|
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
61
61
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
|
|
62
|
-
import { syncBlockStyles, syncBlockFirstNodeStyles, syncBlockOverflowStyles
|
|
63
|
-
import { tableCommentEditorStyles,
|
|
62
|
+
import { syncBlockStyles, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
|
|
63
|
+
import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
64
64
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemCheckboxStylesWithBlockTaskItem, taskItemNextCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
65
65
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
66
66
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -364,9 +364,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
364
364
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
365
365
|
editorExperiment('platform_synced_block', true) && syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) &&
|
|
366
366
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
367
|
-
syncBlockFirstNodeStyles,
|
|
368
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
369
|
-
syncBlockDraggingStyles,
|
|
367
|
+
syncBlockFirstNodeStyles,
|
|
370
368
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
371
369
|
editorExperiment('advanced_layouts', true) && layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ?
|
|
372
370
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -502,8 +500,6 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
502
500
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
503
501
|
tableContainerStyles,
|
|
504
502
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
505
|
-
!fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
|
|
506
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
507
503
|
tableSharedStyle(),
|
|
508
504
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
509
505
|
tableEmptyRowStyles,
|
|
@@ -203,28 +203,26 @@ export var getDenseListStyles = function getDenseListStyles(baseFontSize) {
|
|
|
203
203
|
export var listItemHiddenMarkerStyles = css({
|
|
204
204
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
205
205
|
'.ProseMirror': {
|
|
206
|
-
// Hide
|
|
207
|
-
// Wrapper items for bullet lists: li with only ul child
|
|
206
|
+
// Hide markers and remove spacing for wrapper list items (items containing only nested lists)
|
|
208
207
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
209
|
-
'li:has(> ul:only-child)': {
|
|
208
|
+
'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
210
209
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
211
|
-
listStyleType: 'none !important'
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
215
|
-
'li:has(> ol:only-child)': {
|
|
210
|
+
listStyleType: 'none !important',
|
|
211
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
212
|
+
marginTop: '0 !important',
|
|
216
213
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
217
|
-
|
|
214
|
+
marginBottom: '0 !important'
|
|
218
215
|
},
|
|
219
|
-
//
|
|
216
|
+
// Remove margin from nested lists inside wrapper list items to avoid double spacing
|
|
220
217
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
221
|
-
'li:has(> div[data-node-type="actionList"]:only-child)': {
|
|
218
|
+
'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
|
|
222
219
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
223
|
-
|
|
220
|
+
marginTop: '0 !important'
|
|
224
221
|
},
|
|
225
|
-
//
|
|
222
|
+
// Collapse wrapper task items (empty task items followed by a sibling nested task list)
|
|
223
|
+
// Only hides empty task items that are actual wrappers, not regular empty task items being edited
|
|
226
224
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
227
|
-
'
|
|
225
|
+
'[data-prosemirror-node-name="taskItem"]:has([data-empty="true"]):has(+ [data-node-type="actionList"])': {
|
|
228
226
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
229
227
|
display: 'none !important'
|
|
230
228
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
var _$concat$concat;
|
|
2
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
3
4
|
import { css, keyframes } from '@emotion/react';
|
|
4
5
|
import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
@@ -10,7 +11,7 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
10
11
|
inherits: 'false'
|
|
11
12
|
},
|
|
12
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
13
|
-
'.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix),
|
|
14
|
+
'.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), (_$concat$concat = {
|
|
14
15
|
position: 'relative',
|
|
15
16
|
cursor: 'pointer',
|
|
16
17
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
@@ -30,7 +31,7 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
30
31
|
visibility: 'visible',
|
|
31
32
|
transition: 'opacity 200ms ease-in, visibility 200ms ease-in'
|
|
32
33
|
})
|
|
33
|
-
}, "&.".concat(BodiedSyncBlockSharedCssClassName.selectionInside), _defineProperty({
|
|
34
|
+
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_$concat$concat, "&.".concat(BodiedSyncBlockSharedCssClassName.selectionInside), _defineProperty({
|
|
34
35
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
35
36
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
36
37
|
opacity: 1,
|
|
@@ -104,12 +105,17 @@ export var syncBlockStyles = css(_defineProperty({
|
|
|
104
105
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
105
106
|
opacity: 0,
|
|
106
107
|
visibility: 'hidden'
|
|
108
|
+
})), "&.".concat(SyncBlockStateCssClassName.draggingClassName), _defineProperty({
|
|
109
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
110
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
111
|
+
opacity: 1,
|
|
112
|
+
visibility: 'visible'
|
|
107
113
|
})), ".".concat(BodiedSyncBlockSharedCssClassName.content), {
|
|
108
114
|
padding: '0 18px',
|
|
109
115
|
cursor: 'text'
|
|
110
|
-
}), ".".concat(SyncBlockSharedCssClassName.renderer), {
|
|
116
|
+
}), _defineProperty(_$concat$concat, ".".concat(SyncBlockSharedCssClassName.renderer), {
|
|
111
117
|
padding: '0 18px'
|
|
112
|
-
})), ".".concat(BodiedSyncBlockSharedCssClassName.content), {
|
|
118
|
+
}))), ".".concat(BodiedSyncBlockSharedCssClassName.content), {
|
|
113
119
|
// First child node that has drag handle widget next to it is overridden with marginTop: 0, see globalStyles in editor-plugin-block-controls/src/ui/global-styles.tsx
|
|
114
120
|
// Hence we set marginTop: 0 when by default to avoid flickering when hovering on and off the first node
|
|
115
121
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -159,16 +165,4 @@ export var syncBlockOverflowStyles = css({
|
|
|
159
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
160
166
|
export var syncBlockFirstNodeStyles = css(_defineProperty({}, ".ProseMirror > .fabric-editor-breakout-mark:first-child", _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), {
|
|
161
167
|
marginTop: 0
|
|
162
|
-
})));
|
|
163
|
-
|
|
164
|
-
// combine this with the selection inside styles when cleaning up platform_synced_block_patch_5
|
|
165
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
166
|
-
export var syncBlockDraggingStyles = css({
|
|
167
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
168
|
-
'.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty({}, "&.".concat(SyncBlockStateCssClassName.draggingClassName), _defineProperty({
|
|
169
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
170
|
-
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
171
|
-
opacity: 1,
|
|
172
|
-
visibility: 'visible'
|
|
173
|
-
})))
|
|
174
|
-
});
|
|
168
|
+
})));
|
|
@@ -53,15 +53,6 @@ export var tableContainerStyles = css({
|
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
57
|
-
export var tableContainerOverflowY = css({
|
|
58
|
-
/* Fix for HOT-119925: Ensure table containers have proper width constraints and overflow handling */
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
|
-
'.ProseMirror .pm-table-wrapper': {
|
|
61
|
-
overflowY: 'visible'
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
|
|
65
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
66
57
|
export var tableEmptyRowStyles = css({
|
|
67
58
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "217.4.
|
|
2
|
+
export var version = "217.4.4";
|
|
@@ -2,4 +2,3 @@ import { type SerializedStyles } from '@emotion/react';
|
|
|
2
2
|
export declare const syncBlockStyles: SerializedStyles;
|
|
3
3
|
export declare const syncBlockOverflowStyles: SerializedStyles;
|
|
4
4
|
export declare const syncBlockFirstNodeStyles: SerializedStyles;
|
|
5
|
-
export declare const syncBlockDraggingStyles: SerializedStyles;
|
|
@@ -3,5 +3,4 @@ export declare const tableLayoutFixes: SerializedStyles;
|
|
|
3
3
|
export declare const tableCommentEditorMarginOverride: SerializedStyles;
|
|
4
4
|
export declare const tableCommentEditorStyles: SerializedStyles;
|
|
5
5
|
export declare const tableContainerStyles: SerializedStyles;
|
|
6
|
-
export declare const tableContainerOverflowY: SerializedStyles;
|
|
7
6
|
export declare const tableEmptyRowStyles: SerializedStyles;
|
|
@@ -2,4 +2,3 @@ import { type SerializedStyles } from '@emotion/react';
|
|
|
2
2
|
export declare const syncBlockStyles: SerializedStyles;
|
|
3
3
|
export declare const syncBlockOverflowStyles: SerializedStyles;
|
|
4
4
|
export declare const syncBlockFirstNodeStyles: SerializedStyles;
|
|
5
|
-
export declare const syncBlockDraggingStyles: SerializedStyles;
|
|
@@ -3,5 +3,4 @@ export declare const tableLayoutFixes: SerializedStyles;
|
|
|
3
3
|
export declare const tableCommentEditorMarginOverride: SerializedStyles;
|
|
4
4
|
export declare const tableCommentEditorStyles: SerializedStyles;
|
|
5
5
|
export declare const tableContainerStyles: SerializedStyles;
|
|
6
|
-
export declare const tableContainerOverflowY: SerializedStyles;
|
|
7
6
|
export declare const tableEmptyRowStyles: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "217.4.
|
|
3
|
+
"version": "217.4.5",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@atlaskit/task-decision": "^19.3.0",
|
|
69
69
|
"@atlaskit/tmp-editor-statsig": "^40.6.0",
|
|
70
70
|
"@atlaskit/tokens": "^11.1.0",
|
|
71
|
-
"@atlaskit/tooltip": "^
|
|
71
|
+
"@atlaskit/tooltip": "^21.0.0",
|
|
72
72
|
"@atlaskit/width-detector": "^5.0.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
74
74
|
"@emotion/react": "^11.7.1",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"uuid": "^3.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@atlaskit/editor-common": "^112.
|
|
86
|
+
"@atlaskit/editor-common": "^112.6.0",
|
|
87
87
|
"@atlaskit/link-provider": "^4.2.0",
|
|
88
88
|
"@atlaskit/media-core": "^37.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
108
108
|
"@atlaskit/media-test-helpers": "^40.0.0",
|
|
109
109
|
"@atlaskit/modal-dialog": "^14.11.0",
|
|
110
|
-
"@atlaskit/renderer": "^128.
|
|
110
|
+
"@atlaskit/renderer": "^128.2.0",
|
|
111
111
|
"@atlaskit/section-message": "^8.12.0",
|
|
112
112
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
113
113
|
"@atlaskit/toggle": "^15.2.0",
|
|
@@ -293,9 +293,6 @@
|
|
|
293
293
|
"platform_editor_toolbar_aifc_placement_overridden": {
|
|
294
294
|
"type": "boolean"
|
|
295
295
|
},
|
|
296
|
-
"platform_editor_table_container_y_overflow_fix": {
|
|
297
|
-
"type": "boolean"
|
|
298
|
-
},
|
|
299
296
|
"platform_editor_comments_border_radius": {
|
|
300
297
|
"type": "boolean"
|
|
301
298
|
},
|
|
@@ -317,9 +314,6 @@
|
|
|
317
314
|
"platform_editor_a11y_9262": {
|
|
318
315
|
"type": "boolean"
|
|
319
316
|
},
|
|
320
|
-
"platform_synced_block_patch_5": {
|
|
321
|
-
"type": "boolean"
|
|
322
|
-
},
|
|
323
317
|
"platform_editor_max_width_mode_resize_fix": {
|
|
324
318
|
"type": "boolean"
|
|
325
319
|
}
|