@atlaskit/editor-core 192.4.5 → 192.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/.eslintrc.js +4 -0
  2. package/CHANGELOG.md +19 -0
  3. package/dist/cjs/ui/Appearance/Comment/Comment.js +2 -2
  4. package/dist/cjs/ui/Appearance/Comment/Toolbar.js +1 -2
  5. package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +108 -12
  6. package/dist/cjs/ui/ContentStyles/index.js +1 -1
  7. package/dist/cjs/ui/ContentStyles/layout.js +1 -1
  8. package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +12 -4
  9. package/dist/cjs/ui/ToolbarFeedback/styles.js +50 -9
  10. package/dist/cjs/version-wrapper.js +1 -1
  11. package/dist/es2019/ui/Appearance/Comment/Comment.js +4 -5
  12. package/dist/es2019/ui/Appearance/Comment/Toolbar.js +0 -1
  13. package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +99 -124
  14. package/dist/es2019/ui/ContentStyles/index.js +2 -2
  15. package/dist/es2019/ui/ContentStyles/layout.js +1 -1
  16. package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +9 -9
  17. package/dist/es2019/ui/ToolbarFeedback/styles.js +49 -49
  18. package/dist/es2019/version-wrapper.js +1 -1
  19. package/dist/esm/ui/Appearance/Comment/Comment.js +3 -3
  20. package/dist/esm/ui/Appearance/Comment/Toolbar.js +0 -1
  21. package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +108 -12
  22. package/dist/esm/ui/ContentStyles/index.js +2 -2
  23. package/dist/esm/ui/ContentStyles/layout.js +1 -1
  24. package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +10 -3
  25. package/dist/esm/ui/ToolbarFeedback/styles.js +50 -8
  26. package/dist/esm/version-wrapper.js +1 -1
  27. package/dist/types/create-editor/create-preset.d.ts +4 -0
  28. package/dist/types/presets/universal.d.ts +4 -0
  29. package/dist/types/presets/useUniversalPreset.d.ts +4 -0
  30. package/dist/types/ui/Addon/ClickAreaBlock/index.d.ts +2 -3
  31. package/dist/types/ui/Addon/ClickAreaInline/index.d.ts +3 -1
  32. package/dist/types/ui/Appearance/Comment/Toolbar.d.ts +3 -2
  33. package/dist/types-ts4.5/create-editor/create-preset.d.ts +4 -0
  34. package/dist/types-ts4.5/presets/universal.d.ts +4 -0
  35. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +4 -0
  36. package/dist/types-ts4.5/ui/Addon/ClickAreaBlock/index.d.ts +2 -3
  37. package/dist/types-ts4.5/ui/Addon/ClickAreaInline/index.d.ts +3 -1
  38. package/dist/types-ts4.5/ui/Appearance/Comment/Toolbar.d.ts +3 -2
  39. package/package.json +6 -6
@@ -7,4 +7,4 @@ import { tableMarginFullWidthMode } from '@atlaskit/editor-plugins/table/ui/cons
7
7
  import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, akEditorSwoopCubicBezier, akLayoutGutterOffset, getSelectionStyles, gridMediumMaxWidth, SelectionStyle } from '@atlaskit/editor-shared-styles';
8
8
  import { N80A, N90A } from '@atlaskit/theme/colors';
9
9
  export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
10
- export var layoutStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ProseMirror {\n ", " [data-layout-section] {\n // TODO: Migrate away from gridSize\n // Recommendation: Replace directly with 7px\n margin: ", "px -", "px 0;\n transition: border-color 0.3s ", ";\n cursor: pointer;\n\n /* Inner cursor located 26px from left */\n [data-layout-column] {\n flex: 1;\n min-width: 0;\n border: ", "px solid\n ", ";\n border-radius: 4px;\n padding: ", "px;\n box-sizing: border-box;\n\n > div {\n > :not(style):first-child,\n > style:first-child + * {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child + *,\n > style:first-child + .ProseMirror-gapcursor + * {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child + span + *,\n > style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n margin-top: 0;\n }\n\n > .embedCardView-content-wrap:first-of-type .rich-media-item {\n margin-top: 0;\n }\n\n > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor.-right:first-child\n + .mediaSingleView-content-wrap\n .rich-media-item,\n > style:first-child\n + .ProseMirror-gapcursor.-right\n + .mediaSingleView-content-wrap\n .rich-media-item,\n > .ProseMirror-gapcursor.-right:first-of-type\n + .embedCardView-content-wrap\n .rich-media-item {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child\n + span\n + .mediaSingleView-content-wrap\n .rich-media-item,\n > style:first-child\n + .ProseMirror-gapcursor\n + span\n + .mediaSingleView-content-wrap\n .rich-media-item {\n margin-top: 0;\n }\n\n /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n and shrinking layout's node selectable area (leniency margin) */\n > [data-node-type='decisionList'] {\n li:first-of-type [data-decision-wrapper] {\n margin-top: 0;\n }\n }\n }\n\n /* 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 [data-layout-content] {\n height: 100%;\n cursor: text;\n }\n }\n\n [data-layout-column] + [data-layout-column] {\n margin-left: ", "px;\n }\n\n @media screen and (max-width: ", "px) {\n [data-layout-column] + [data-layout-column] {\n margin-left: 0;\n }\n }\n\n // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n // https://product-fabric.atlassian.net/browse/DSP-4441\n /* Shows the border when cursor is inside a layout */\n &.selected [data-layout-column],\n &:hover [data-layout-column] {\n border: ", "px solid\n ", ";\n }\n\n &.selected.danger > [data-layout-column] {\n background-color: ", ";\n border-color: ", ";\n }\n\n &.", ":not(.danger) {\n [data-layout-column] {\n ", "\n }\n }\n }\n }\n\n .fabric-editor--full-width-mode .ProseMirror {\n [data-layout-section] {\n .", " {\n margin: 0 ", "px;\n }\n }\n }\n"])), columnLayoutSharedStyle, 8 - 1, akLayoutGutterOffset, akEditorSwoopCubicBezier, akEditorSelectedBorderSize, "var(--ds-border-bold, ".concat(N80A, ")"), LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN, gridMediumMaxWidth, akEditorSelectedBorderSize, "var(--ds-border-bold, ".concat(N90A, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Border, SelectionStyle.Blanket]), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode);
10
+ export var layoutStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ProseMirror {\n ", " [data-layout-section] {\n // TODO: Migrate away from gridSize\n // Recommendation: Replace directly with 7px\n margin: ", " -", "px 0;\n transition: border-color 0.3s ", ";\n cursor: pointer;\n\n /* Inner cursor located 26px from left */\n [data-layout-column] {\n flex: 1;\n min-width: 0;\n border: ", "px solid\n ", ";\n border-radius: 4px;\n padding: ", "px;\n box-sizing: border-box;\n\n > div {\n > :not(style):first-child,\n > style:first-child + * {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child + *,\n > style:first-child + .ProseMirror-gapcursor + * {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child + span + *,\n > style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n margin-top: 0;\n }\n\n > .embedCardView-content-wrap:first-of-type .rich-media-item {\n margin-top: 0;\n }\n\n > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor.-right:first-child\n + .mediaSingleView-content-wrap\n .rich-media-item,\n > style:first-child\n + .ProseMirror-gapcursor.-right\n + .mediaSingleView-content-wrap\n .rich-media-item,\n > .ProseMirror-gapcursor.-right:first-of-type\n + .embedCardView-content-wrap\n .rich-media-item {\n margin-top: 0;\n }\n\n > .ProseMirror-gapcursor:first-child\n + span\n + .mediaSingleView-content-wrap\n .rich-media-item,\n > style:first-child\n + .ProseMirror-gapcursor\n + span\n + .mediaSingleView-content-wrap\n .rich-media-item {\n margin-top: 0;\n }\n\n /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n and shrinking layout's node selectable area (leniency margin) */\n > [data-node-type='decisionList'] {\n li:first-of-type [data-decision-wrapper] {\n margin-top: 0;\n }\n }\n }\n\n /* 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 [data-layout-content] {\n height: 100%;\n cursor: text;\n }\n }\n\n [data-layout-column] + [data-layout-column] {\n margin-left: ", "px;\n }\n\n @media screen and (max-width: ", "px) {\n [data-layout-column] + [data-layout-column] {\n margin-left: 0;\n }\n }\n\n // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n // https://product-fabric.atlassian.net/browse/DSP-4441\n /* Shows the border when cursor is inside a layout */\n &.selected [data-layout-column],\n &:hover [data-layout-column] {\n border: ", "px solid\n ", ";\n }\n\n &.selected.danger > [data-layout-column] {\n background-color: ", ";\n border-color: ", ";\n }\n\n &.", ":not(.danger) {\n [data-layout-column] {\n ", "\n }\n }\n }\n }\n\n .fabric-editor--full-width-mode .ProseMirror {\n [data-layout-section] {\n .", " {\n margin: 0 ", "px;\n }\n }\n }\n"])), columnLayoutSharedStyle, "var(--ds-space-100, 8px)", akLayoutGutterOffset, akEditorSwoopCubicBezier, akEditorSelectedBorderSize, "var(--ds-border-bold, ".concat(N80A, ")"), LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN, gridMediumMaxWidth, akEditorSelectedBorderSize, "var(--ds-border-bold, ".concat(N90A, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Border, SelectionStyle.Blanket]), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode);
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
- var _templateObject;
3
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
4
  /** @jsx jsx */
6
5
  import React, { useMemo } from 'react';
7
6
  import { css, jsx } from '@emotion/react';
@@ -12,7 +11,15 @@ import { useElementWidth } from './hooks';
12
11
  import { Toolbar } from './Toolbar';
13
12
  import { toolbarSizeToWidth, widthToToolbarSize } from './toolbar-size';
14
13
  import { ToolbarSize } from './types';
15
- var toolbar = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n @media (max-width: ", "px) {\n grid-column: 1 / 2;\n grid-row: 2;\n width: calc(100% - 30px);\n margin: 0 15px;\n }\n"])), akEditorMobileMaxWidth);
14
+ var toolbar = css(_defineProperty({
15
+ width: '100%',
16
+ position: 'relative'
17
+ }, "@media (max-width: ".concat(akEditorMobileMaxWidth, "px)"), {
18
+ gridColumn: '1 / 2',
19
+ gridRow: 2,
20
+ width: 'calc(100% - 30px)',
21
+ margin: "0 ".concat("var(--ds-space-200, 16px)")
22
+ }));
16
23
  export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
17
24
  var ref = /*#__PURE__*/React.createRef();
18
25
  var _React$useState = React.useState(undefined),
@@ -1,12 +1,54 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
3
1
  import { css } from '@emotion/react';
4
2
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
5
3
  import { N400, N60A, P400 } from '@atlaskit/theme/colors';
6
4
  import { borderRadius } from '@atlaskit/theme/constants';
7
- export var buttonContent = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n height: 24px;\n line-height: 24px;\n min-width: 70px;\n"])));
8
- export var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n margin-right: 0;\n"])));
9
- export var confirmationPopup = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: auto;\n max-height: none;\n height: 410px;\n width: 280px;\n"])), "var(--ds-surface-overlay, #fff)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"));
10
- export var confirmationText = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", ";\n word-spacing: 4px;\n line-height: 22px;\n color: ", ";\n margin-top: 30px;\n padding: ", ";\n & > div {\n width: 240px;\n }\n & > div:first-of-type {\n margin-bottom: ", ";\n }\n & > div:nth-of-type(2) {\n margin-bottom: ", ";\n }\n"])), relativeFontSizeToBase16(14), "var(--ds-text-subtle, ".concat(N400, ")"), "var(--ds-space-250, 20px)", "var(--ds-space-150, 12px)", "var(--ds-space-250, 20px)");
11
- export var confirmationHeader = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: ", ";\n height: 100px;\n width: 100%;\n display: inline-block;\n"])), "var(--ds-background-discovery-bold, ".concat(P400, ")"));
12
- export var confirmationImg = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100px;\n display: block;\n margin: 25px auto 0 auto;\n"])));
5
+ export var buttonContent = css({
6
+ display: 'flex',
7
+ height: '24px',
8
+ lineHeight: '24px',
9
+ minWidth: '70px'
10
+ });
11
+ export var wrapper = css({
12
+ display: 'flex',
13
+ marginRight: 0
14
+ });
15
+ export var confirmationPopup = css({
16
+ background: "var(--ds-surface-overlay, #fff)",
17
+ borderRadius: "".concat(borderRadius(), "px"),
18
+ boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"),
19
+ display: 'flex',
20
+ flexDirection: 'column',
21
+ boxSizing: 'border-box',
22
+ overflow: 'auto',
23
+ maxHeight: 'none',
24
+ height: '410px',
25
+ width: '280px'
26
+ });
27
+ export var confirmationText = css({
28
+ fontSize: relativeFontSizeToBase16(14),
29
+ wordSpacing: '4px',
30
+ lineHeight: '22px',
31
+ color: "var(--ds-text-subtle, ".concat(N400, ")"),
32
+ marginTop: "var(--ds-space-400, 32px)",
33
+ padding: "var(--ds-space-250, 20px)",
34
+ '& > div': {
35
+ width: '240px'
36
+ },
37
+ '& > div:first-of-type': {
38
+ marginBottom: "var(--ds-space-150, 12px)"
39
+ },
40
+ '& > div:nth-of-type(2)': {
41
+ marginBottom: "var(--ds-space-250, 20px)"
42
+ }
43
+ });
44
+ export var confirmationHeader = css({
45
+ backgroundColor: "var(--ds-background-discovery-bold, ".concat(P400, ")"),
46
+ height: '100px',
47
+ width: '100%',
48
+ display: 'inline-block'
49
+ });
50
+ export var confirmationImg = css({
51
+ width: '100px',
52
+ display: 'block',
53
+ margin: "var(--ds-space-250, 24px)".concat(" auto 0 auto")
54
+ });
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "192.4.5";
2
+ export var version = "192.5.0";
@@ -1859,6 +1859,10 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
1859
1859
  actions: {
1860
1860
  insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload<void>) => import("@atlaskit/editor-common/types").Command;
1861
1861
  };
1862
+ sharedState: {
1863
+ isFullWidthModeEnabled: boolean;
1864
+ wasFullWidthModeEnabled: boolean;
1865
+ };
1862
1866
  commands: {
1863
1867
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
1864
1868
  };
@@ -1876,6 +1876,10 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
1876
1876
  actions: {
1877
1877
  insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload<void>) => import("@atlaskit/editor-common/types").Command;
1878
1878
  };
1879
+ sharedState: {
1880
+ isFullWidthModeEnabled: boolean;
1881
+ wasFullWidthModeEnabled: boolean;
1882
+ };
1879
1883
  commands: {
1880
1884
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
1881
1885
  };
@@ -1862,6 +1862,10 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
1862
1862
  actions: {
1863
1863
  insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload<void>) => import("@atlaskit/editor-common/types").Command;
1864
1864
  };
1865
+ sharedState: {
1866
+ isFullWidthModeEnabled: boolean;
1867
+ wasFullWidthModeEnabled: boolean;
1868
+ };
1865
1869
  commands: {
1866
1870
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
1867
1871
  };
@@ -1,10 +1,9 @@
1
- /** @jsx jsx */
2
- import React from 'react';
1
+ import { jsx } from '@emotion/react';
3
2
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
4
3
  export interface Props {
5
4
  editorView?: EditorView;
6
5
  children?: any;
7
6
  editorDisabled?: boolean;
8
7
  }
9
- export declare const ClickAreaBlock: React.FC<Props>;
8
+ export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => jsx.JSX.Element;
10
9
  export default ClickAreaBlock;
@@ -1,8 +1,10 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
+ import { jsx } from '@emotion/react';
3
4
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
4
5
  export interface Props {
5
6
  editorView?: EditorView;
7
+ children?: React.ReactNode;
6
8
  }
7
- export declare const ClickAreaInline: React.FC<Props>;
9
+ export declare const ClickAreaInline: ({ editorView, children }: Props) => jsx.JSX.Element;
8
10
  export default ClickAreaInline;
@@ -1,10 +1,11 @@
1
1
  import React from 'react';
2
+ import { jsx } from '@emotion/react';
2
3
  import type { UseStickyToolbarType } from '@atlaskit/editor-common/ui';
3
- export declare const TableControlsPadding = 20;
4
4
  type MainToolbarProps = {
5
5
  useStickyToolbar?: UseStickyToolbarType;
6
6
  twoLineEditorToolbar?: boolean;
7
+ children?: React.ReactNode;
7
8
  };
8
- export declare const MainToolbar: React.FC<MainToolbarProps>;
9
+ export declare const MainToolbar: ({ useStickyToolbar, twoLineEditorToolbar, children, }: MainToolbarProps) => jsx.JSX.Element;
9
10
  export declare const mainToolbarCustomComponentsSlotStyle: (isTwoLineEditorToolbar?: boolean) => import("@emotion/react").SerializedStyles;
10
11
  export {};
@@ -2341,6 +2341,10 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
2341
2341
  actions: {
2342
2342
  insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload<void>) => import("@atlaskit/editor-common/types").Command;
2343
2343
  };
2344
+ sharedState: {
2345
+ isFullWidthModeEnabled: boolean;
2346
+ wasFullWidthModeEnabled: boolean;
2347
+ };
2344
2348
  commands: {
2345
2349
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
2346
2350
  };
@@ -2358,6 +2358,10 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
2358
2358
  actions: {
2359
2359
  insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload<void>) => import("@atlaskit/editor-common/types").Command;
2360
2360
  };
2361
+ sharedState: {
2362
+ isFullWidthModeEnabled: boolean;
2363
+ wasFullWidthModeEnabled: boolean;
2364
+ };
2361
2365
  commands: {
2362
2366
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
2363
2367
  };
@@ -2344,6 +2344,10 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
2344
2344
  actions: {
2345
2345
  insertTable: (analyticsPayload: import("@atlaskit/editor-common/analytics").AnalyticsEventPayload<void>) => import("@atlaskit/editor-common/types").Command;
2346
2346
  };
2347
+ sharedState: {
2348
+ isFullWidthModeEnabled: boolean;
2349
+ wasFullWidthModeEnabled: boolean;
2350
+ };
2347
2351
  commands: {
2348
2352
  insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
2349
2353
  };
@@ -1,10 +1,9 @@
1
- /** @jsx jsx */
2
- import React from 'react';
1
+ import { jsx } from '@emotion/react';
3
2
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
4
3
  export interface Props {
5
4
  editorView?: EditorView;
6
5
  children?: any;
7
6
  editorDisabled?: boolean;
8
7
  }
9
- export declare const ClickAreaBlock: React.FC<Props>;
8
+ export declare const ClickAreaBlock: ({ editorView, editorDisabled, children, }: Props) => jsx.JSX.Element;
10
9
  export default ClickAreaBlock;
@@ -1,8 +1,10 @@
1
1
  /** @jsx jsx */
2
2
  import React from 'react';
3
+ import { jsx } from '@emotion/react';
3
4
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
4
5
  export interface Props {
5
6
  editorView?: EditorView;
7
+ children?: React.ReactNode;
6
8
  }
7
- export declare const ClickAreaInline: React.FC<Props>;
9
+ export declare const ClickAreaInline: ({ editorView, children }: Props) => jsx.JSX.Element;
8
10
  export default ClickAreaInline;
@@ -1,10 +1,11 @@
1
1
  import React from 'react';
2
+ import { jsx } from '@emotion/react';
2
3
  import type { UseStickyToolbarType } from '@atlaskit/editor-common/ui';
3
- export declare const TableControlsPadding = 20;
4
4
  type MainToolbarProps = {
5
5
  useStickyToolbar?: UseStickyToolbarType;
6
6
  twoLineEditorToolbar?: boolean;
7
+ children?: React.ReactNode;
7
8
  };
8
- export declare const MainToolbar: React.FC<MainToolbarProps>;
9
+ export declare const MainToolbar: ({ useStickyToolbar, twoLineEditorToolbar, children, }: MainToolbarProps) => jsx.JSX.Element;
9
10
  export declare const mainToolbarCustomComponentsSlotStyle: (isTwoLineEditorToolbar?: boolean) => import("@emotion/react").SerializedStyles;
10
11
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "192.4.5",
3
+ "version": "192.5.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,14 +41,14 @@
41
41
  },
42
42
  "dependencies": {
43
43
  "@atlaskit/activity-provider": "^2.4.0",
44
- "@atlaskit/adf-schema": "^35.5.1",
44
+ "@atlaskit/adf-schema": "^35.5.2",
45
45
  "@atlaskit/analytics-namespaced-context": "^6.9.0",
46
46
  "@atlaskit/analytics-next": "^9.2.0",
47
47
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
48
48
  "@atlaskit/button": "^17.6.0",
49
- "@atlaskit/editor-common": "^78.9.0",
49
+ "@atlaskit/editor-common": "^78.10.0",
50
50
  "@atlaskit/editor-json-transformer": "^8.10.0",
51
- "@atlaskit/editor-plugins": "^1.4.0",
51
+ "@atlaskit/editor-plugins": "^1.5.0",
52
52
  "@atlaskit/editor-prosemirror": "3.0.0",
53
53
  "@atlaskit/editor-shared-styles": "^2.9.0",
54
54
  "@atlaskit/emoji": "^67.6.0",
@@ -88,9 +88,9 @@
88
88
  "@atlaskit/adf-utils": "^19.0.0",
89
89
  "@atlaskit/analytics-listeners": "^8.9.1",
90
90
  "@atlaskit/checkbox": "^13.0.0",
91
- "@atlaskit/collab-provider": "9.25.2",
91
+ "@atlaskit/collab-provider": "9.25.3",
92
92
  "@atlaskit/dropdown-menu": "^12.6.0",
93
- "@atlaskit/editor-plugin-annotation": "1.0.1",
93
+ "@atlaskit/editor-plugin-annotation": "1.1.0",
94
94
  "@atlaskit/editor-plugin-card": "^1.1.0",
95
95
  "@atlaskit/editor-plugin-editor-viewmode": "^1.0.0",
96
96
  "@atlaskit/editor-plugin-list": "^3.1.5",