@atlaskit/editor-core 197.1.4 → 197.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +32 -0
- package/afm-cc/tsconfig.json +3 -0
- package/afm-jira/tsconfig.json +3 -0
- package/dist/cjs/composable-editor/core-editor.js +2 -2
- package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +2 -1
- package/dist/cjs/create-editor/ReactEditorView.js +15 -12
- package/dist/cjs/create-editor/create-schema.js +2 -2
- package/dist/cjs/presets/universal.js +0 -1
- package/dist/cjs/presets/useUniversalPreset.js +4 -2
- package/dist/cjs/ui/ContentStyles/layout.js +2 -2
- package/dist/cjs/ui/Toolbar/ToolbarInner.js +2 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +1 -1
- package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +2 -1
- package/dist/es2019/create-editor/ReactEditorView.js +11 -8
- package/dist/es2019/create-editor/create-schema.js +1 -1
- package/dist/es2019/presets/universal.js +0 -1
- package/dist/es2019/presets/useUniversalPreset.js +4 -2
- package/dist/es2019/ui/ContentStyles/layout.js +3 -3
- package/dist/es2019/ui/Toolbar/ToolbarInner.js +2 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +1 -1
- package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +2 -1
- package/dist/esm/create-editor/ReactEditorView.js +15 -12
- package/dist/esm/create-editor/create-schema.js +1 -1
- package/dist/esm/presets/universal.js +0 -1
- package/dist/esm/presets/useUniversalPreset.js +4 -2
- package/dist/esm/ui/ContentStyles/layout.js +2 -2
- package/dist/esm/ui/Toolbar/ToolbarInner.js +2 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/composable-editor/editor-internal.d.ts +1 -1
- package/dist/types/composable-editor/hooks/useEditorMeasuresConstructor.d.ts +1 -1
- package/dist/types/composable-editor/hooks/useMeasureEditorMountTime.d.ts +1 -1
- package/dist/types/composable-editor/hooks/useProviderFactory.d.ts +1 -1
- package/dist/types/composable-editor/utils/editorMeasureTTICallback.d.ts +1 -1
- package/dist/types/composable-editor/utils/sendDurationAnalytics.d.ts +1 -1
- package/dist/types/create-editor/ErrorBoundary.d.ts +1 -1
- package/dist/types/create-editor/ReactEditorView.d.ts +1 -1
- package/dist/types/create-editor/create-plugins-list.d.ts +1 -1
- package/dist/types/presets/default.d.ts +1 -1
- package/dist/types/presets/universal.d.ts +2 -1
- package/dist/types/types/editor-props.d.ts +2 -0
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types-ts4.5/composable-editor/editor-internal.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/hooks/useEditorMeasuresConstructor.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/hooks/useMeasureEditorMountTime.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/hooks/useProviderFactory.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/utils/editorMeasureTTICallback.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/utils/sendDurationAnalytics.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/ErrorBoundary.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/create-plugins-list.d.ts +1 -1
- package/dist/types-ts4.5/presets/default.d.ts +1 -1
- package/dist/types-ts4.5/presets/universal.d.ts +2 -1
- package/dist/types-ts4.5/types/editor-props.d.ts +2 -0
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
- package/package.json +4 -13
|
@@ -80,7 +80,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
80
80
|
_inherits(ReactEditorView, _React$Component);
|
|
81
81
|
var _super = _createSuper(ReactEditorView);
|
|
82
82
|
function ReactEditorView(props) {
|
|
83
|
-
var _props$setEditorApi, _props$editorProps;
|
|
83
|
+
var _this$props$editorPro5, _props$setEditorApi, _props$editorProps;
|
|
84
84
|
var _this;
|
|
85
85
|
_classCallCheck(this, ReactEditorView);
|
|
86
86
|
_this = _super.call(this, props);
|
|
@@ -517,7 +517,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
517
517
|
});
|
|
518
518
|
}
|
|
519
519
|
});
|
|
520
|
-
_defineProperty(_assertThisInitialized(_this), "createEditor", function (assistiveLabel) {
|
|
520
|
+
_defineProperty(_assertThisInitialized(_this), "createEditor", function (assistiveLabel, assistiveDescribedBy) {
|
|
521
521
|
return /*#__PURE__*/React.createElement("div", {
|
|
522
522
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
523
523
|
className: getUAPrefix(),
|
|
@@ -532,10 +532,11 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
532
532
|
,
|
|
533
533
|
"aria-multiline": _this.props.editorProps.appearance !== 'mobile' ? true : false,
|
|
534
534
|
role: "textbox",
|
|
535
|
-
id: EDIT_AREA_ID
|
|
535
|
+
id: EDIT_AREA_ID,
|
|
536
|
+
"aria-describedby": assistiveDescribedBy
|
|
536
537
|
});
|
|
537
538
|
});
|
|
538
|
-
_defineProperty(_assertThisInitialized(_this), "editor", _this.createEditor(_this.props.editorProps.assistiveLabel));
|
|
539
|
+
_defineProperty(_assertThisInitialized(_this), "editor", _this.createEditor(_this.props.editorProps.assistiveLabel, (_this$props$editorPro5 = _this.props.editorProps) === null || _this$props$editorPro5 === void 0 ? void 0 : _this$props$editorPro5.assistiveDescribedBy));
|
|
539
540
|
_this.pluginInjectionAPI = new EditorPluginInjectionAPI({
|
|
540
541
|
getEditorState: _this.getEditorState,
|
|
541
542
|
getEditorView: _this.getEditorView
|
|
@@ -596,8 +597,8 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
596
597
|
_createClass(ReactEditorView, [{
|
|
597
598
|
key: "transactionTracking",
|
|
598
599
|
get: function get() {
|
|
599
|
-
var _this$props$
|
|
600
|
-
return (_this$props$
|
|
600
|
+
var _this$props$editorPro6, _this$props$editorPro7;
|
|
601
|
+
return (_this$props$editorPro6 = (_this$props$editorPro7 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro7 === void 0 ? void 0 : _this$props$editorPro7.transactionTracking) !== null && _this$props$editorPro6 !== void 0 ? _this$props$editorPro6 : {
|
|
601
602
|
enabled: false
|
|
602
603
|
};
|
|
603
604
|
}
|
|
@@ -617,15 +618,16 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
617
618
|
}, {
|
|
618
619
|
key: "isTransactionTrackingExplicitlyDisabled",
|
|
619
620
|
value: function isTransactionTrackingExplicitlyDisabled() {
|
|
620
|
-
var _this$props$
|
|
621
|
+
var _this$props$editorPro8;
|
|
621
622
|
// ED-16320: Check for explicit disable so that by default
|
|
622
623
|
// it will still be enabled as it currently is. Then we can
|
|
623
624
|
// progressively opt out synthetic tenants.
|
|
624
|
-
return ((_this$props$
|
|
625
|
+
return ((_this$props$editorPro8 = this.props.editorProps) === null || _this$props$editorPro8 === void 0 || (_this$props$editorPro8 = _this$props$editorPro8.performanceTracking) === null || _this$props$editorPro8 === void 0 || (_this$props$editorPro8 = _this$props$editorPro8.transactionTracking) === null || _this$props$editorPro8 === void 0 ? void 0 : _this$props$editorPro8.enabled) === false;
|
|
625
626
|
}
|
|
626
627
|
}, {
|
|
627
628
|
key: "UNSAFE_componentWillReceiveProps",
|
|
628
629
|
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
630
|
+
var _nextProps$editorProp, _this$props$editorPro9;
|
|
629
631
|
if (this.view && this.props.editorProps.disabled !== nextProps.editorProps.disabled) {
|
|
630
632
|
// Disables the contentEditable attribute of the editor if the editor is disabled
|
|
631
633
|
this.view.setProps({
|
|
@@ -658,8 +660,9 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
658
660
|
if (!this.transactionTracking.enabled) {
|
|
659
661
|
this.pluginPerformanceObserver.disconnect();
|
|
660
662
|
}
|
|
661
|
-
if (nextProps.editorProps.assistiveLabel !== this.props.editorProps.assistiveLabel) {
|
|
662
|
-
|
|
663
|
+
if (nextProps.editorProps.assistiveLabel !== this.props.editorProps.assistiveLabel || ((_nextProps$editorProp = nextProps.editorProps) === null || _nextProps$editorProp === void 0 ? void 0 : _nextProps$editorProp.assistiveDescribedBy) !== ((_this$props$editorPro9 = this.props.editorProps) === null || _this$props$editorPro9 === void 0 ? void 0 : _this$props$editorPro9.assistiveDescribedBy)) {
|
|
664
|
+
var _nextProps$editorProp2;
|
|
665
|
+
this.editor = this.createEditor(nextProps.editorProps.assistiveLabel, (_nextProps$editorProp2 = nextProps.editorProps) === null || _nextProps$editorProp2 === void 0 ? void 0 : _nextProps$editorProp2.assistiveDescribedBy);
|
|
663
666
|
}
|
|
664
667
|
}
|
|
665
668
|
}, {
|
|
@@ -760,9 +763,9 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
|
|
|
760
763
|
}, {
|
|
761
764
|
key: "render",
|
|
762
765
|
value: function render() {
|
|
763
|
-
var _this$props$
|
|
766
|
+
var _this$props$editorPro10,
|
|
764
767
|
_this3 = this;
|
|
765
|
-
var renderTracking = (_this$props$
|
|
768
|
+
var renderTracking = (_this$props$editorPro10 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro10 === void 0 || (_this$props$editorPro10 = _this$props$editorPro10.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
|
|
766
769
|
var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
|
|
767
770
|
var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
|
|
768
771
|
return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { sanitizeNodes } from '@atlaskit/adf-schema';
|
|
1
|
+
import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
|
|
2
2
|
import { Schema } from '@atlaskit/editor-prosemirror/model';
|
|
3
3
|
import { fixExcludes } from './create-editor';
|
|
4
4
|
import { sortByOrder } from './sort-by-order';
|
|
@@ -145,7 +145,6 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
145
145
|
fullWidthEnabled: appearance === 'full-width',
|
|
146
146
|
wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
|
|
147
147
|
getEditorFeatureFlags: getEditorFeatureFlags,
|
|
148
|
-
isTableAlignmentEnabled: fg('platform.editor.table.allow-table-alignment') && (isFullPage || isComment && fg('platform_editor_table_support_in_comment')),
|
|
149
148
|
isNewColumnResizingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableNewColumnResizing) && isFullPage,
|
|
150
149
|
isCommentEditor: isComment,
|
|
151
150
|
isChromelessEditor: isChromeless
|
|
@@ -25,10 +25,12 @@ export default function useUniversalPreset(_ref) {
|
|
|
25
25
|
if (!recreate) {
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
|
+
// we are not comparing the previous initialPluginConfiguration to the new one assuming that it never changes
|
|
28
29
|
setPreset(createUniversalPreset({
|
|
29
30
|
props: props,
|
|
30
|
-
prevProps: previousEditorProps
|
|
31
|
+
prevProps: previousEditorProps,
|
|
32
|
+
initialPluginConfiguration: initialPluginConfiguration
|
|
31
33
|
}));
|
|
32
|
-
}, [props, previousEditorProps]);
|
|
34
|
+
}, [props, previousEditorProps, initialPluginConfiguration]);
|
|
33
35
|
return preset;
|
|
34
36
|
}
|
|
@@ -6,11 +6,11 @@ import { columnLayoutSharedStyle, LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN }
|
|
|
6
6
|
import { TableCssClassName } from '@atlaskit/editor-plugins/table/types';
|
|
7
7
|
import { tableMarginFullWidthMode } from '@atlaskit/editor-plugins/table/ui/consts';
|
|
8
8
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, akEditorSwoopCubicBezier, akLayoutGutterOffset, getSelectionStyles, gridMediumMaxWidth, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { N40A, N50A } from '@atlaskit/theme/colors';
|
|
10
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
11
11
|
export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
|
|
12
12
|
|
|
13
13
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
|
|
14
14
|
export var layoutStyles = function layoutStyles(viewMode) {
|
|
15
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", " [data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t\tborder: ", "px solid\n\t\t\t\t\t", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px ", "px ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t> :not(style):first-child,\n\t\t\t\t\t> style:first-child + * {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t\t> style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\tmargin-left: ", "px;\n\t\t\t}\n\n\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n\t\t\t// This is because the default state already uses the same token and, as such, the hover style won't change anything.\n\t\t\t// https://product-fabric.atlassian.net/browse/DSP-4441\n\t\t\t/* Shows the border when cursor is inside a layout */\n\t\t\t&.selected [data-layout-column],\n\t\t\t&:hover [data-layout-column] {\n\t\t\t\tborder: ", "px solid\n\t\t\t\t\t", ";\n\t\t\t}\n\n\t\t\t&.selected.danger > [data-layout-column] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\n\t\t\t&.", ":not(.danger) {\n\t\t\t\t[data-layout-column] {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n"])), columnLayoutSharedStyle, "var(--ds-space-100, 8px)", akLayoutGutterOffset + (
|
|
15
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", " [data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t\tborder: ", "px solid\n\t\t\t\t\t", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px ", "px ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t> :not(style):first-child,\n\t\t\t\t\t> style:first-child + * {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t\t> style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\tmargin-left: ", "px;\n\t\t\t}\n\n\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n\t\t\t// This is because the default state already uses the same token and, as such, the hover style won't change anything.\n\t\t\t// https://product-fabric.atlassian.net/browse/DSP-4441\n\t\t\t/* Shows the border when cursor is inside a layout */\n\t\t\t&.selected [data-layout-column],\n\t\t\t&:hover [data-layout-column] {\n\t\t\t\tborder: ", "px solid\n\t\t\t\t\t", ";\n\t\t\t}\n\n\t\t\t&.selected.danger > [data-layout-column] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\n\t\t\t&.", ":not(.danger) {\n\t\t\t\t[data-layout-column] {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n"])), columnLayoutSharedStyle, "var(--ds-space-100, 8px)", akLayoutGutterOffset + (editorExperiment('nested-dnd', true) ? 8 : 0), akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', viewMode === 'view' ? 0 : akEditorSelectedBorderSize, "var(--ds-border, ".concat(N40A, ")"), LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING + (editorExperiment('nested-dnd', true) ? 8 : 0), LAYOUT_SECTION_MARGIN, gridMediumMaxWidth, viewMode === 'view' ? 0 : akEditorSelectedBorderSize, "var(--ds-border, ".concat(N50A, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Border, SelectionStyle.Blanket]), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode);
|
|
16
16
|
};
|
|
@@ -14,6 +14,7 @@ import React from 'react';
|
|
|
14
14
|
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
16
|
import { css, jsx } from '@emotion/react';
|
|
17
|
+
import isEqual from 'lodash/isEqual';
|
|
17
18
|
import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
18
19
|
var toolbarComponentsWrapper = css(_defineProperty({
|
|
19
20
|
display: 'flex'
|
|
@@ -30,7 +31,7 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
|
|
|
30
31
|
_createClass(ToolbarInner, [{
|
|
31
32
|
key: "shouldComponentUpdate",
|
|
32
33
|
value: function shouldComponentUpdate(nextProps) {
|
|
33
|
-
return nextProps
|
|
34
|
+
return !isEqual(nextProps, this.props);
|
|
34
35
|
}
|
|
35
36
|
}, {
|
|
36
37
|
key: "render",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "197.1
|
|
2
|
+
export var version = "197.2.1";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
4
4
|
import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import type { AllEditorPresetPluginTypes, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
6
6
|
import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
5
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
6
6
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
7
7
|
import type { EditorProps } from '../../types/editor-props';
|
|
8
8
|
import type { PerformanceTracking } from '../../types/performance-tracking';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
3
3
|
import type { EditorNextProps, EditorProps } from '../../types/editor-props';
|
|
4
4
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
3
3
|
import type EditorActions from '../../actions';
|
|
4
4
|
import type { EditorNextProps } from '../../types/editor-props';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
3
3
|
import type { EditorProps } from '../../types/editor-props';
|
|
4
4
|
import type { PerformanceTracking } from '../../types/performance-tracking';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { ACTION } from '@atlaskit/editor-common/analytics';
|
|
3
3
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
4
4
|
import type { EditorProps } from '../../types/editor-props';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { type ErrorInfo } from 'react';
|
|
2
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
3
3
|
import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
|
|
4
4
|
import { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
5
5
|
import type { UserBrowserExtensionResults } from '@atlaskit/editor-common/utils';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
4
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
4
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
5
5
|
import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
|
|
6
6
|
import type { AnalyticsEventPayload, DispatchAnalyticsEvent, FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
7
7
|
import type { AllEditorPresetPluginTypes, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { EditorPluginInjectionAPI, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
3
3
|
import type { ScrollGutterPluginOptions } from '@atlaskit/editor-plugins/base';
|
|
4
4
|
import type { DefaultPresetPluginOptions } from '../../src/presets/default';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
3
3
|
import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
4
4
|
import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
|
|
5
5
|
import type { SelectionPluginOptions } from '@atlaskit/editor-common/selection';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
3
3
|
import type { EditorAppearance } from '@atlaskit/editor-common/types';
|
|
4
4
|
import { type EmojiPluginOptions } from '@atlaskit/editor-plugins/emoji';
|
|
5
5
|
import type { EditorProps } from '../types';
|
|
@@ -23,6 +23,7 @@ export type InitialPluginConfiguration = {
|
|
|
23
23
|
};
|
|
24
24
|
tablesPlugin?: {
|
|
25
25
|
tableResizingEnabled?: boolean;
|
|
26
|
+
isTableAlignmentEnabled?: boolean;
|
|
26
27
|
};
|
|
27
28
|
emoji?: {
|
|
28
29
|
emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
|
|
@@ -165,6 +165,7 @@ export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps,
|
|
|
165
165
|
*/
|
|
166
166
|
__plugins: EditorPlugin[];
|
|
167
167
|
};
|
|
168
|
+
assistiveDescribedBy?: string;
|
|
168
169
|
}
|
|
169
170
|
export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithPlugins, EditorProviderProps {
|
|
170
171
|
preset: EditorPresetBuilder<AllPluginNames[], AllEditorPresetPluginTypes[]>;
|
|
@@ -212,6 +213,7 @@ export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithP
|
|
|
212
213
|
* ```
|
|
213
214
|
*/
|
|
214
215
|
media?: MediaOptions;
|
|
216
|
+
assistiveDescribedBy?: string;
|
|
215
217
|
}
|
|
216
218
|
export interface EditorProviderProps {
|
|
217
219
|
activityProvider?: Promise<ActivityProvider>;
|
|
@@ -5,7 +5,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
5
5
|
colorMode?: "light" | "dark" | undefined;
|
|
6
6
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
7
7
|
viewMode?: "view" | "edit" | undefined;
|
|
8
|
-
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "
|
|
8
|
+
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "value" | "name" | "key" | "width" | "property" | "type" | "content" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "list" | "open" | "accessKey" | "dir" | "className" | "role" | "start" | "action" | "step" | "wrap" | "color" | "height" | "translate" | "default" | "hidden" | keyof {
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
10
|
colorMode?: "light" | "dark" | undefined;
|
|
11
11
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
@@ -15,6 +15,6 @@ type ContentStylesProps = {
|
|
|
15
15
|
};
|
|
16
16
|
export declare const placeholderStyles: SerializedStyles;
|
|
17
17
|
type Props = ContentStylesProps & React.HTMLProps<HTMLDivElement>;
|
|
18
|
-
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "
|
|
19
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "
|
|
18
|
+
export declare const createEditorContentStyle: (styles?: SerializedStyles) => React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "value" | "name" | "key" | "width" | "property" | "type" | "content" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "list" | "open" | "accessKey" | "dir" | "className" | "role" | "start" | "action" | "step" | "wrap" | "color" | "height" | "translate" | "default" | "hidden" | keyof ContentStylesProps | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "headers" | "method" | "id" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "value" | "name" | "key" | "width" | "property" | "type" | "content" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "list" | "open" | "accessKey" | "dir" | "className" | "role" | "start" | "action" | "step" | "wrap" | "color" | "height" | "translate" | "default" | "hidden" | keyof ContentStylesProps | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "mediaGroup" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
20
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
4
4
|
import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import type { AllEditorPresetPluginTypes, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
6
6
|
import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
5
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
6
6
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
7
7
|
import type { EditorProps } from '../../types/editor-props';
|
|
8
8
|
import type { PerformanceTracking } from '../../types/performance-tracking';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
3
3
|
import type { EditorNextProps, EditorProps } from '../../types/editor-props';
|
|
4
4
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
3
3
|
import type EditorActions from '../../actions';
|
|
4
4
|
import type { EditorNextProps } from '../../types/editor-props';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
3
3
|
import type { EditorProps } from '../../types/editor-props';
|
|
4
4
|
import type { PerformanceTracking } from '../../types/performance-tracking';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { ACTION } from '@atlaskit/editor-common/analytics';
|
|
3
3
|
import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
4
4
|
import type { EditorProps } from '../../types/editor-props';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { type ErrorInfo } from 'react';
|
|
2
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
3
3
|
import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
|
|
4
4
|
import { ExperienceStore } from '@atlaskit/editor-common/ufo';
|
|
5
5
|
import type { UserBrowserExtensionResults } from '@atlaskit/editor-common/utils';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
4
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
4
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
5
5
|
import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
|
|
6
6
|
import type { AnalyticsEventPayload, DispatchAnalyticsEvent, FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
7
7
|
import type { AllEditorPresetPluginTypes, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
2
|
import type { EditorPluginInjectionAPI, EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
3
3
|
import type { ScrollGutterPluginOptions } from '@atlaskit/editor-plugins/base';
|
|
4
4
|
import type { DefaultPresetPluginOptions } from '../../src/presets/default';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
3
3
|
import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
|
|
4
4
|
import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
|
|
5
5
|
import type { SelectionPluginOptions } from '@atlaskit/editor-common/selection';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
2
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
3
3
|
import type { EditorAppearance } from '@atlaskit/editor-common/types';
|
|
4
4
|
import { type EmojiPluginOptions } from '@atlaskit/editor-plugins/emoji';
|
|
5
5
|
import type { EditorProps } from '../types';
|
|
@@ -23,6 +23,7 @@ export type InitialPluginConfiguration = {
|
|
|
23
23
|
};
|
|
24
24
|
tablesPlugin?: {
|
|
25
25
|
tableResizingEnabled?: boolean;
|
|
26
|
+
isTableAlignmentEnabled?: boolean;
|
|
26
27
|
};
|
|
27
28
|
emoji?: {
|
|
28
29
|
emojiNodeDataProvider?: EmojiPluginOptions['emojiNodeDataProvider'];
|
|
@@ -165,6 +165,7 @@ export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps,
|
|
|
165
165
|
*/
|
|
166
166
|
__plugins: EditorPlugin[];
|
|
167
167
|
};
|
|
168
|
+
assistiveDescribedBy?: string;
|
|
168
169
|
}
|
|
169
170
|
export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithPlugins, EditorProviderProps {
|
|
170
171
|
preset: EditorPresetBuilder<AllPluginNames[], AllEditorPresetPluginTypes[]>;
|
|
@@ -212,6 +213,7 @@ export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithP
|
|
|
212
213
|
* ```
|
|
213
214
|
*/
|
|
214
215
|
media?: MediaOptions;
|
|
216
|
+
assistiveDescribedBy?: string;
|
|
215
217
|
}
|
|
216
218
|
export interface EditorProviderProps {
|
|
217
219
|
activityProvider?: Promise<ActivityProvider>;
|
|
@@ -5,7 +5,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
|
|
|
5
5
|
colorMode?: "light" | "dark" | undefined;
|
|
6
6
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|
|
7
7
|
viewMode?: "view" | "edit" | undefined;
|
|
8
|
-
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "
|
|
8
|
+
} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "id" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "value" | "name" | "key" | "width" | "property" | "type" | "content" | "disabled" | "defaultValue" | "onChange" | "placeholder" | "media" | "list" | "open" | "accessKey" | "dir" | "className" | "role" | "start" | "action" | "step" | "wrap" | "color" | "height" | "translate" | "default" | "hidden" | keyof {
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
10
|
colorMode?: "light" | "dark" | undefined;
|
|
11
11
|
featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
|