@atlaskit/editor-core 217.4.3 → 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 +25 -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/composable-editor/core-editor.js +1 -1
- package/dist/cjs/editor.js +1 -1
- package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +1 -1
- package/dist/cjs/ui/Addon/Dropdown/index.js +1 -1
- package/dist/cjs/ui/Appearance/Chromeless.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/BeforeWrapper.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +5 -6
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/MainToolbarWrapper.js +1 -1
- package/dist/cjs/ui/ChromeCollapsed/index.js +1 -1
- package/dist/cjs/ui/ContextPanel/index.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +6 -7
- package/dist/cjs/ui/EditorContentContainer/styles/expandStyles.js +10 -1
- 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/ui/PluginSlot/index.js +1 -1
- package/dist/cjs/ui/Toolbar/ToolbarInner.js +1 -1
- package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +1 -1
- package/dist/cjs/ui/WithFlash/index.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +1 -1
- package/dist/es2019/editor.js +1 -1
- package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +1 -1
- package/dist/es2019/ui/Addon/Dropdown/index.js +1 -1
- package/dist/es2019/ui/Appearance/Chromeless.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/BeforeWrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +5 -8
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/MainToolbarWrapper.js +1 -1
- package/dist/es2019/ui/ChromeCollapsed/index.js +1 -1
- package/dist/es2019/ui/ContextPanel/index.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +9 -10
- package/dist/es2019/ui/EditorContentContainer/styles/expandStyles.js +9 -0
- 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/ui/PluginSlot/index.js +1 -1
- package/dist/es2019/ui/Toolbar/ToolbarInner.js +1 -1
- package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +1 -1
- package/dist/es2019/ui/WithFlash/index.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +1 -1
- package/dist/esm/editor.js +1 -1
- package/dist/esm/ui/Addon/ClickAreaBlock/index.js +1 -1
- package/dist/esm/ui/Addon/Dropdown/index.js +1 -1
- package/dist/esm/ui/Appearance/Chromeless.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/BeforeWrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +5 -6
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper.js +1 -1
- package/dist/esm/ui/ChromeCollapsed/index.js +1 -1
- package/dist/esm/ui/ContextPanel/index.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +9 -10
- package/dist/esm/ui/EditorContentContainer/styles/expandStyles.js +9 -0
- 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/ui/PluginSlot/index.js +1 -1
- package/dist/esm/ui/Toolbar/ToolbarInner.js +1 -1
- package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +1 -1
- package/dist/esm/ui/WithFlash/index.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/expandStyles.d.ts +1 -0
- 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/ui/WithHelpTrigger/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/expandStyles.d.ts +1 -0
- 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/dist/types-ts4.5/ui/WithHelpTrigger/index.d.ts +1 -1
- package/package.json +5 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
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
|
+
|
|
15
|
+
## 217.4.4
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`244ca4ec80372`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/244ca4ec80372) -
|
|
20
|
+
Fix expand node clipping in chromeless editor by resetting negative margins behind
|
|
21
|
+
platform_editor_chromeless_expand_fix experiment
|
|
22
|
+
- [`6bdae1aef42cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bdae1aef42cd) -
|
|
23
|
+
Cleaning up Editor Content Area maxwidth style code due to the
|
|
24
|
+
confluence_max_width_content_appearance experiment being rolled out completly since january and
|
|
25
|
+
never cleaned up
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 217.4.3
|
|
4
29
|
|
|
5
30
|
### 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
|
});
|
|
@@ -34,7 +34,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
34
34
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
35
35
|
* @jsxRuntime classic
|
|
36
36
|
* @jsx jsx
|
|
37
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
37
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
38
38
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
39
39
|
// Ignored via go/ees005
|
|
40
40
|
// eslint-disable-next-line import/no-named-as-default
|
package/dist/cjs/editor.js
CHANGED
|
@@ -22,7 +22,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
22
22
|
/* eslint-disable @atlaskit/editor/no-re-export */ /**
|
|
23
23
|
* @jsxRuntime classic
|
|
24
24
|
* @jsx jsx
|
|
25
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
26
26
|
var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
|
|
27
27
|
var props = _ref.props,
|
|
28
28
|
initialPluginConfiguration = _ref.initialPluginConfiguration;
|
|
@@ -14,7 +14,7 @@ var _clickAreaHelper = require("../click-area-helper");
|
|
|
14
14
|
* @jsx jsx
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
18
18
|
|
|
19
19
|
var clickWrapper = (0, _react2.css)({
|
|
20
20
|
flexGrow: 1,
|
|
@@ -18,7 +18,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
|
|
|
18
18
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
19
19
|
* @jsxRuntime classic
|
|
20
20
|
* @jsx jsx
|
|
21
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
22
22
|
// Ignored via go/ees005
|
|
23
23
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
24
24
|
var DropdownWrapper = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
@@ -24,7 +24,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
|
|
|
24
24
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
25
25
|
* @jsxRuntime classic
|
|
26
26
|
* @jsx jsx
|
|
27
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
27
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
28
28
|
var scrollbarStylesNew = (0, _react2.css)({
|
|
29
29
|
msOverflowStyle: '-ms-autohiding-scrollbar',
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
@@ -35,7 +35,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
35
35
|
* @jsx jsx
|
|
36
36
|
*/
|
|
37
37
|
|
|
38
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
39
39
|
|
|
40
40
|
// Ignored via go/ees005
|
|
41
41
|
// eslint-disable-next-line import/no-named-as-default
|
|
@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
20
20
|
* @jsx jsx
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
24
24
|
|
|
25
25
|
var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
|
|
26
26
|
var akEditorMenuZIndex = 500;
|
|
@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
* @jsx jsx
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
14
14
|
|
|
15
15
|
var beforePrimaryToolbarPluginWrapperStyles = (0, _react.css)({
|
|
16
16
|
display: 'flex',
|
|
@@ -12,7 +12,7 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
* @jsx jsx
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
16
16
|
|
|
17
17
|
// Pre-computed static styles for first- and second-child wrappers.
|
|
18
18
|
// These contain no runtime logic and are safe for static-emotion mode.
|
|
@@ -29,7 +29,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
29
29
|
* @jsx jsx
|
|
30
30
|
*/
|
|
31
31
|
|
|
32
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
33
33
|
|
|
34
34
|
var SSR_TRACE_SEGMENT_NAME = 'reactEditorView/fullPageAppearance';
|
|
35
35
|
var useShowKeyline = function useShowKeyline(contentAreaRef) {
|
|
@@ -15,7 +15,6 @@ var _adfSchema = require("@atlaskit/adf-schema");
|
|
|
15
15
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
19
18
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
20
19
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
21
20
|
var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
|
|
@@ -29,7 +28,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
29
28
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
30
29
|
* @jsxRuntime classic
|
|
31
30
|
* @jsx jsx
|
|
32
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
31
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
33
32
|
// Ignored via go/ees005
|
|
34
33
|
// eslint-disable-next-line import/no-named-as-default
|
|
35
34
|
var akEditorFullWidthLayoutWidth = 1800;
|
|
@@ -217,6 +216,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
217
216
|
var contentAreaRef = (0, _react.useRef)(null);
|
|
218
217
|
var containerRef = (0, _react.useRef)(null);
|
|
219
218
|
var allowScrollGutter = (_props$editorAPI = props.editorAPI) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.base) === null || _props$editorAPI === void 0 || (_props$editorAPI = _props$editorAPI.sharedState.currentState()) === null || _props$editorAPI === void 0 ? void 0 : _props$editorAPI.allowScrollGutter;
|
|
219
|
+
var contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : theme.layoutMaxWidth : akEditorFullWidthLayoutWidth);
|
|
220
220
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
221
221
|
return {
|
|
222
222
|
get scrollContainer() {
|
|
@@ -258,9 +258,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
258
258
|
// for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
|
|
259
259
|
(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
|
|
260
260
|
style: {
|
|
261
|
-
'--ak-editor-content-area-max-width':
|
|
262
|
-
"".concat(akEditorUltraWideLayoutWidth + getTotalPadding(), "px") : // @ts-ignore
|
|
263
|
-
"".concat(theme.layoutMaxWidth + getTotalPadding(), "px") : "".concat(akEditorFullWidthLayoutWidth + getTotalPadding(), "px")
|
|
261
|
+
'--ak-editor-content-area-max-width': "".concat(contentAreaMaxWidth, "px")
|
|
264
262
|
}
|
|
265
263
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
266
264
|
,
|
|
@@ -268,7 +266,8 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
268
266
|
"data-editor-editable-content": true,
|
|
269
267
|
role: "region",
|
|
270
268
|
"aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
|
|
271
|
-
ref: contentAreaRef
|
|
269
|
+
ref: contentAreaRef,
|
|
270
|
+
"data-vc": "editor-content-area-region"
|
|
272
271
|
}, (0, _react2.jsx)("div", {
|
|
273
272
|
css: [editorContentGutterStyles,
|
|
274
273
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
26
26
|
* @jsx jsx
|
|
27
27
|
*/
|
|
28
28
|
|
|
29
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
30
30
|
|
|
31
31
|
var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
|
|
32
32
|
var _props$primaryToolbar, _useToolbarPortal, _props$customPrimaryT;
|
|
@@ -15,7 +15,7 @@ var _MainToolbar = require("./MainToolbar");
|
|
|
15
15
|
* @jsx jsx
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
19
19
|
|
|
20
20
|
// Base styles that don't depend on feature flags
|
|
21
21
|
var baseToolbarStyles = (0, _react2.css)({
|
|
@@ -22,7 +22,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
|
|
|
22
22
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
23
23
|
* @jsxRuntime classic
|
|
24
24
|
* @jsx jsx
|
|
25
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
26
26
|
// Ignored via go/ees005
|
|
27
27
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
28
28
|
var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
|
|
@@ -28,7 +28,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
|
|
|
28
28
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
29
29
|
* @jsxRuntime classic
|
|
30
30
|
* @jsx jsx
|
|
31
|
-
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
31
|
+
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
32
32
|
var ANIM_SPEED_MS = 500;
|
|
33
33
|
var panelHidden = (0, _react2.css)({
|
|
34
34
|
width: 0
|
|
@@ -73,7 +73,7 @@ var _whitespaceStyles = require("./styles/whitespaceStyles");
|
|
|
73
73
|
* @jsx jsx
|
|
74
74
|
*/
|
|
75
75
|
|
|
76
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
77
77
|
|
|
78
78
|
var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
79
79
|
var alignMultipleWrappedImageInLayoutStyles = {
|
|
@@ -123,6 +123,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
123
123
|
colorMode = _useThemeObserver.colorMode;
|
|
124
124
|
var isFullPage = appearance === 'full-page' || appearance === 'full-width' || ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('confluence_max_width_content_appearance', 'isEnabled', true)) && appearance === 'max';
|
|
125
125
|
var isComment = appearance === 'comment';
|
|
126
|
+
var isChromeless = appearance === 'chromeless';
|
|
126
127
|
var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
|
|
127
128
|
var style = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
128
129
|
exposure: true
|
|
@@ -303,7 +304,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
303
304
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
304
305
|
_expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
|
|
305
306
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
306
|
-
_expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEquals.expValEquals)('
|
|
307
|
+
_expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && (0, _expValEquals.expValEquals)('platform_editor_chromeless_expand_fix', 'isEnabled', true) &&
|
|
308
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
309
|
+
_expandStyles.expandStylesMixin_experiment_platform_editor_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
|
|
307
310
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
308
311
|
_findReplaceStyles.findReplaceStylesNewWithA11Y :
|
|
309
312
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -369,9 +372,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
369
372
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
370
373
|
(0, _experiments.editorExperiment)('platform_synced_block', true) && _syncBlockStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
|
|
371
374
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
372
|
-
_syncBlockStyles.syncBlockFirstNodeStyles,
|
|
373
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
374
|
-
_syncBlockStyles.syncBlockDraggingStyles,
|
|
375
|
+
_syncBlockStyles.syncBlockFirstNodeStyles,
|
|
375
376
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
376
377
|
(0, _experiments.editorExperiment)('advanced_layouts', true) && _layout.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ?
|
|
377
378
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -507,8 +508,6 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
507
508
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
508
509
|
_tableStyles.tableContainerStyles,
|
|
509
510
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
510
|
-
!(0, _platformFeatureFlags.fg)('platform_editor_table_container_y_overflow_fix') && _tableStyles.tableContainerOverflowY,
|
|
511
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
512
511
|
(0, _styles.tableSharedStyle)(),
|
|
513
512
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
514
513
|
_tableStyles.tableEmptyRowStyles,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getDenseExpandTitleStyles = exports.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes = exports.expandStylesMixin_fg_platform_visual_refresh_icons = exports.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = exports.expandStyles = void 0;
|
|
6
|
+
exports.getDenseExpandTitleStyles = exports.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes = exports.expandStylesMixin_fg_platform_visual_refresh_icons = exports.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = exports.expandStylesMixin_experiment_platform_editor_chromeless_expand_fix = exports.expandStyles = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
@@ -303,6 +303,15 @@ var expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = exports.exp
|
|
|
303
303
|
}
|
|
304
304
|
});
|
|
305
305
|
|
|
306
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
307
|
+
var expandStylesMixin_experiment_platform_editor_chromeless_expand_fix = exports.expandStylesMixin_experiment_platform_editor_chromeless_expand_fix = (0, _react.css)({
|
|
308
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
309
|
+
'.ProseMirror > .ak-editor-expand': {
|
|
310
|
+
marginLeft: 0,
|
|
311
|
+
marginRight: 0
|
|
312
|
+
}
|
|
313
|
+
});
|
|
314
|
+
|
|
306
315
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
307
316
|
var expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes = exports.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes = (0, _react.css)({
|
|
308
317
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -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
|
+
})));
|