@atlaskit/editor-core 216.9.1 → 216.9.3
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 +16 -0
- package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js +33 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js +33 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js +33 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/presets/universal.d.ts +2 -2
- package/dist/types-ts4.5/presets/universal.d.ts +2 -2
- package/package.json +6 -10
- package/tsconfig.json +1 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 216.9.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`bb6a1522425ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb6a1522425ff) -
|
|
8
|
+
[ux] Fix layoutshift in bodiedExtension layout shift
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 216.9.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`d1ee0512f85f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d1ee0512f85f4) -
|
|
16
|
+
[EDITOR-4531] Cleans up FG platform_editor_table_numbered_table_border
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 216.9.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -393,9 +393,41 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
|
|
|
393
393
|
fontSize: fontSize
|
|
394
394
|
}
|
|
395
395
|
}) : (0, _react.css)({});
|
|
396
|
+
var bodiedExtensionLayoutShiftFixStyles = (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? (0, _react.css)({
|
|
397
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
398
|
+
'.bodiedExtensionView-content-wrap': {
|
|
399
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
400
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
401
|
+
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
402
|
+
},
|
|
403
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
404
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
405
|
+
margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
|
|
406
|
+
padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
|
|
407
|
+
border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
|
|
408
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
409
|
+
},
|
|
410
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
411
|
+
'.extension-container': {
|
|
412
|
+
// Remove styling when Prosemirror moves content inside
|
|
413
|
+
|
|
414
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
415
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
416
|
+
margin: '0'
|
|
417
|
+
},
|
|
418
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
419
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
420
|
+
margin: 0,
|
|
421
|
+
padding: 0,
|
|
422
|
+
border: 'none',
|
|
423
|
+
borderRadius: 0
|
|
424
|
+
}
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
}) : (0, _react.css)({});
|
|
396
428
|
|
|
397
429
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
398
|
-
return (0, _react.css)(baseExtensionStyles, denseExtensionStyles);
|
|
430
|
+
return (0, _react.css)(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
|
|
399
431
|
};
|
|
400
432
|
|
|
401
433
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
@@ -385,9 +385,41 @@ export const getExtensionStyles = contentMode => {
|
|
|
385
385
|
fontSize
|
|
386
386
|
}
|
|
387
387
|
}) : css({});
|
|
388
|
+
const bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
|
|
389
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
390
|
+
'.bodiedExtensionView-content-wrap': {
|
|
391
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
392
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
393
|
+
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
394
|
+
},
|
|
395
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
396
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
397
|
+
margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
|
|
398
|
+
padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
|
|
399
|
+
border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
|
|
400
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
401
|
+
},
|
|
402
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
403
|
+
'.extension-container': {
|
|
404
|
+
// Remove styling when Prosemirror moves content inside
|
|
405
|
+
|
|
406
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
407
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
408
|
+
margin: '0'
|
|
409
|
+
},
|
|
410
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
411
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
412
|
+
margin: 0,
|
|
413
|
+
padding: 0,
|
|
414
|
+
border: 'none',
|
|
415
|
+
borderRadius: 0
|
|
416
|
+
}
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
}) : css({});
|
|
388
420
|
|
|
389
421
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
390
|
-
return css(baseExtensionStyles, denseExtensionStyles);
|
|
422
|
+
return css(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
|
|
391
423
|
};
|
|
392
424
|
|
|
393
425
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "0.0.0-development";
|
|
@@ -386,9 +386,41 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
|
|
|
386
386
|
fontSize: fontSize
|
|
387
387
|
}
|
|
388
388
|
}) : css({});
|
|
389
|
+
var bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
|
|
390
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
391
|
+
'.bodiedExtensionView-content-wrap': {
|
|
392
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
393
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
394
|
+
margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
|
|
395
|
+
},
|
|
396
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
397
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
398
|
+
margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
|
|
399
|
+
padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
|
|
400
|
+
border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
|
|
401
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
402
|
+
},
|
|
403
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
404
|
+
'.extension-container': {
|
|
405
|
+
// Remove styling when Prosemirror moves content inside
|
|
406
|
+
|
|
407
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
408
|
+
'.bodiedExtension-content-outer-wrapper': {
|
|
409
|
+
margin: '0'
|
|
410
|
+
},
|
|
411
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
412
|
+
'.bodiedExtension-content-inner-wrapper': {
|
|
413
|
+
margin: 0,
|
|
414
|
+
padding: 0,
|
|
415
|
+
border: 'none',
|
|
416
|
+
borderRadius: 0
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
}) : css({});
|
|
389
421
|
|
|
390
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
391
|
-
return css(baseExtensionStyles, denseExtensionStyles);
|
|
423
|
+
return css(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
|
|
392
424
|
};
|
|
393
425
|
|
|
394
426
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "0.0.0-development";
|
|
@@ -673,10 +673,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
673
673
|
}) => boolean;
|
|
674
674
|
findHandlerByTrigger: (trigger: string) => import("@atlaskit/editor-common/types").TypeAheadHandler | null;
|
|
675
675
|
insert: (props: {
|
|
676
|
-
contentItem: import("@atlaskit/editor-common/
|
|
676
|
+
contentItem: import("@atlaskit/editor-common/provider-factory").TypeAheadItem;
|
|
677
677
|
mode?: import("@atlaskit/editor-common/type-ahead").SelectItemMode;
|
|
678
678
|
query: string;
|
|
679
|
-
sourceListItem: import("@atlaskit/editor-common/
|
|
679
|
+
sourceListItem: import("@atlaskit/editor-common/provider-factory").TypeAheadItem[];
|
|
680
680
|
triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
|
|
681
681
|
}) => boolean;
|
|
682
682
|
isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
|
|
@@ -929,10 +929,10 @@ export default function createUniversalPresetInternal({ appearance, props, featu
|
|
|
929
929
|
}) => boolean;
|
|
930
930
|
findHandlerByTrigger: (trigger: string) => import("@atlaskit/editor-common/types").TypeAheadHandler | null;
|
|
931
931
|
insert: (props: {
|
|
932
|
-
contentItem: import("@atlaskit/editor-common/
|
|
932
|
+
contentItem: import("@atlaskit/editor-common/provider-factory").TypeAheadItem;
|
|
933
933
|
mode?: import("@atlaskit/editor-common/type-ahead").SelectItemMode;
|
|
934
934
|
query: string;
|
|
935
|
-
sourceListItem: import("@atlaskit/editor-common/
|
|
935
|
+
sourceListItem: import("@atlaskit/editor-common/provider-factory").TypeAheadItem[];
|
|
936
936
|
triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
|
|
937
937
|
}) => boolean;
|
|
938
938
|
isAllowed: (editorState: import("prosemirror-state").EditorState) => boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "216.9.
|
|
3
|
+
"version": "216.9.3",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -64,9 +64,9 @@
|
|
|
64
64
|
"@atlaskit/mention": "^24.4.0",
|
|
65
65
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
66
66
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
67
|
-
"@atlaskit/react-ufo": "^5.
|
|
67
|
+
"@atlaskit/react-ufo": "^5.2.0",
|
|
68
68
|
"@atlaskit/task-decision": "^19.2.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^23.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^23.2.0",
|
|
70
70
|
"@atlaskit/tokens": "^11.0.0",
|
|
71
71
|
"@atlaskit/tooltip": "^20.14.0",
|
|
72
72
|
"@atlaskit/width-detector": "^5.0.0",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
86
|
"@atlaskit/editor-common": "^111.12.0",
|
|
87
|
-
"@atlaskit/link-provider": "^4.
|
|
87
|
+
"@atlaskit/link-provider": "^4.2.0",
|
|
88
88
|
"@atlaskit/media-core": "^37.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
90
90
|
"react-dom": "^18.2.0",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"@atlaskit/editor-plugin-card": "^12.3.0",
|
|
102
102
|
"@atlaskit/editor-plugin-list": "^9.0.0",
|
|
103
103
|
"@atlaskit/editor-plugin-paste": "^8.1.0",
|
|
104
|
-
"@atlaskit/link-provider": "^4.
|
|
104
|
+
"@atlaskit/link-provider": "^4.2.0",
|
|
105
105
|
"@atlaskit/logo": "^19.10.0",
|
|
106
106
|
"@atlaskit/media-core": "^37.0.0",
|
|
107
107
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
113
113
|
"@atlaskit/toggle": "^15.2.0",
|
|
114
114
|
"@atlaskit/util-data-test": "^18.5.0",
|
|
115
|
-
"@atlassian/a11y-jest-testing": "^0.
|
|
115
|
+
"@atlassian/a11y-jest-testing": "^0.10.0",
|
|
116
116
|
"@atlassian/adf-schema-json": "^1.33.0",
|
|
117
117
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
118
118
|
"@atlassian/search-provider": "^8.0.0",
|
|
@@ -159,10 +159,6 @@
|
|
|
159
159
|
"type": "boolean",
|
|
160
160
|
"referenceOnly": "true"
|
|
161
161
|
},
|
|
162
|
-
"platform_editor_table_numbered_table_border": {
|
|
163
|
-
"type": "boolean",
|
|
164
|
-
"referenceOnly": true
|
|
165
|
-
},
|
|
166
162
|
"platform_editor_prevent_toolbar_width_reflow": {
|
|
167
163
|
"type": "boolean"
|
|
168
164
|
},
|