@atlaskit/editor-plugin-loom 2.5.1 → 2.6.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 +22 -0
- package/dist/cjs/plugin.js +5 -8
- package/dist/cjs/ui/ToolbarButton.js +3 -1
- package/dist/es2019/plugin.js +5 -8
- package/dist/es2019/ui/ToolbarButton.js +4 -2
- package/dist/esm/plugin.js +5 -8
- package/dist/esm/ui/ToolbarButton.js +4 -2
- package/dist/types/ui/ToolbarButton.d.ts +26 -8
- package/dist/types-ts4.5/ui/ToolbarButton.d.ts +30 -8
- package/package.json +7 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-loom
|
|
2
2
|
|
|
3
|
+
## 2.6.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#127640](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127640)
|
|
8
|
+
[`ccefb817c754a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ccefb817c754a) -
|
|
9
|
+
[ux] Migrate typography with new ADS token and primitive
|
|
10
|
+
|
|
11
|
+
## 2.6.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [#126478](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126478)
|
|
16
|
+
[`ca1665ebbfe4d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ca1665ebbfe4d) -
|
|
17
|
+
[ED-23435] Store primary toolbar component registry in a plugin variable instead of in plugin
|
|
18
|
+
state to avoid having to add effects to all plugins and enable SSR for the toolbar. [Breaking
|
|
19
|
+
change] Converted registerComponent from the primary toolbar plugin into an action.
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
|
|
3
25
|
## 2.5.1
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/dist/cjs/plugin.js
CHANGED
|
@@ -15,7 +15,7 @@ var _commands = require("./commands");
|
|
|
15
15
|
var _pmPlugin = require("./pm-plugin");
|
|
16
16
|
var _ToolbarButton = _interopRequireDefault(require("./ui/ToolbarButton"));
|
|
17
17
|
var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
|
|
18
|
-
var _api$analytics;
|
|
18
|
+
var _api$analytics, _api$primaryToolbar;
|
|
19
19
|
var config = _ref.config,
|
|
20
20
|
api = _ref.api;
|
|
21
21
|
var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
|
|
@@ -38,6 +38,10 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
|
|
|
38
38
|
appearance: appearance
|
|
39
39
|
});
|
|
40
40
|
};
|
|
41
|
+
api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({
|
|
42
|
+
name: 'loom',
|
|
43
|
+
component: primaryToolbarComponent
|
|
44
|
+
});
|
|
41
45
|
return {
|
|
42
46
|
name: 'loom',
|
|
43
47
|
actions: {
|
|
@@ -123,13 +127,6 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
|
|
|
123
127
|
}
|
|
124
128
|
},
|
|
125
129
|
// Enable inserting Loom recordings through main toolbar
|
|
126
|
-
usePluginHook: function usePluginHook() {
|
|
127
|
-
var _api$core, _api$primaryToolbar;
|
|
128
|
-
api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
|
|
129
|
-
name: 'loom',
|
|
130
|
-
component: primaryToolbarComponent
|
|
131
|
-
}));
|
|
132
|
-
},
|
|
133
130
|
primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
|
|
134
131
|
};
|
|
135
132
|
};
|
|
@@ -12,6 +12,7 @@ var _messages = require("@atlaskit/editor-common/messages");
|
|
|
12
12
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
13
13
|
var _logo = require("@atlaskit/logo");
|
|
14
14
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
|
+
var _primitives = require("@atlaskit/primitives");
|
|
15
16
|
var _commands = require("../commands");
|
|
16
17
|
/**
|
|
17
18
|
* @jsxRuntime classic
|
|
@@ -34,6 +35,7 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
|
|
|
34
35
|
return null;
|
|
35
36
|
}
|
|
36
37
|
var label = formatMessage(appearance === 'comment' ? _messages.toolbarInsertBlockMessages.addLoomVideoComment : _messages.toolbarInsertBlockMessages.addLoomVideo);
|
|
38
|
+
var shouldShowRecordText = (0, _platformFeatureFlags.fg)('platform.editor.plugin.loom.responsive-menu_4at4a') && ((widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0) > LOOM_BUTTON_WIDTH_BREAKPOINT;
|
|
37
39
|
return (0, _react.jsx)(_uiMenu.ToolbarButton, {
|
|
38
40
|
buttonId: _uiMenu.TOOLBAR_BUTTON.RECORD_VIDEO,
|
|
39
41
|
onClick: function onClick() {
|
|
@@ -51,6 +53,6 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
|
|
|
51
53
|
label: label,
|
|
52
54
|
size: "small"
|
|
53
55
|
})
|
|
54
|
-
},
|
|
56
|
+
}, shouldShowRecordText && (0, _react.jsx)(_primitives.Text, null, formatMessage(_messages.toolbarInsertBlockMessages.recordLoomShortTitle)));
|
|
55
57
|
};
|
|
56
58
|
var _default = exports.default = (0, _reactIntlNext.injectIntl)(LoomToolbarButton);
|
package/dist/es2019/plugin.js
CHANGED
|
@@ -11,7 +11,7 @@ export const loomPlugin = ({
|
|
|
11
11
|
config,
|
|
12
12
|
api
|
|
13
13
|
}) => {
|
|
14
|
-
var _api$analytics;
|
|
14
|
+
var _api$analytics, _api$primaryToolbar;
|
|
15
15
|
const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
|
|
16
16
|
|
|
17
17
|
// Workaround since we want to insert a loom via the `hyperlink` plugin for now.
|
|
@@ -33,6 +33,10 @@ export const loomPlugin = ({
|
|
|
33
33
|
appearance: appearance
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
|
+
api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.actions.registerComponent({
|
|
37
|
+
name: 'loom',
|
|
38
|
+
component: primaryToolbarComponent
|
|
39
|
+
});
|
|
36
40
|
return {
|
|
37
41
|
name: 'loom',
|
|
38
42
|
actions: {
|
|
@@ -109,13 +113,6 @@ export const loomPlugin = ({
|
|
|
109
113
|
}]
|
|
110
114
|
},
|
|
111
115
|
// Enable inserting Loom recordings through main toolbar
|
|
112
|
-
usePluginHook: () => {
|
|
113
|
-
var _api$core, _api$primaryToolbar;
|
|
114
|
-
api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
|
|
115
|
-
name: 'loom',
|
|
116
|
-
component: primaryToolbarComponent
|
|
117
|
-
}));
|
|
118
|
-
},
|
|
119
116
|
primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
|
|
120
117
|
};
|
|
121
118
|
};
|
|
@@ -10,7 +10,8 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
|
10
10
|
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
|
|
11
11
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
12
12
|
import { LoomIcon } from '@atlaskit/logo';
|
|
13
|
-
import {
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
+
import { Text } from '@atlaskit/primitives';
|
|
14
15
|
import { recordVideo } from '../commands';
|
|
15
16
|
// This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
|
|
16
17
|
// Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
|
|
@@ -31,6 +32,7 @@ const LoomToolbarButton = ({
|
|
|
31
32
|
return null;
|
|
32
33
|
}
|
|
33
34
|
const label = formatMessage(appearance === 'comment' ? toolbarInsertBlockMessages.addLoomVideoComment : toolbarInsertBlockMessages.addLoomVideo);
|
|
35
|
+
const shouldShowRecordText = fg('platform.editor.plugin.loom.responsive-menu_4at4a') && ((widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0) > LOOM_BUTTON_WIDTH_BREAKPOINT;
|
|
34
36
|
return jsx(ToolbarButton, {
|
|
35
37
|
buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
|
|
36
38
|
onClick: () => {
|
|
@@ -48,6 +50,6 @@ const LoomToolbarButton = ({
|
|
|
48
50
|
label: label,
|
|
49
51
|
size: "small"
|
|
50
52
|
})
|
|
51
|
-
},
|
|
53
|
+
}, shouldShowRecordText && jsx(Text, null, formatMessage(toolbarInsertBlockMessages.recordLoomShortTitle)));
|
|
52
54
|
};
|
|
53
55
|
export default injectIntl(LoomToolbarButton);
|
package/dist/esm/plugin.js
CHANGED
|
@@ -8,7 +8,7 @@ import { insertLoom as _insertLoom, recordVideo, recordVideoFailed } from './com
|
|
|
8
8
|
import { createPlugin, loomPluginKey } from './pm-plugin';
|
|
9
9
|
import LoomToolbarButton from './ui/ToolbarButton';
|
|
10
10
|
export var loomPlugin = function loomPlugin(_ref) {
|
|
11
|
-
var _api$analytics;
|
|
11
|
+
var _api$analytics, _api$primaryToolbar;
|
|
12
12
|
var config = _ref.config,
|
|
13
13
|
api = _ref.api;
|
|
14
14
|
var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
|
|
@@ -31,6 +31,10 @@ export var loomPlugin = function loomPlugin(_ref) {
|
|
|
31
31
|
appearance: appearance
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
|
+
api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({
|
|
35
|
+
name: 'loom',
|
|
36
|
+
component: primaryToolbarComponent
|
|
37
|
+
});
|
|
34
38
|
return {
|
|
35
39
|
name: 'loom',
|
|
36
40
|
actions: {
|
|
@@ -116,13 +120,6 @@ export var loomPlugin = function loomPlugin(_ref) {
|
|
|
116
120
|
}
|
|
117
121
|
},
|
|
118
122
|
// Enable inserting Loom recordings through main toolbar
|
|
119
|
-
usePluginHook: function usePluginHook() {
|
|
120
|
-
var _api$core, _api$primaryToolbar;
|
|
121
|
-
api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.commands.registerComponent({
|
|
122
|
-
name: 'loom',
|
|
123
|
-
component: primaryToolbarComponent
|
|
124
|
-
}));
|
|
125
|
-
},
|
|
126
123
|
primaryToolbarComponent: !(api !== null && api !== void 0 && api.primaryToolbar) ? primaryToolbarComponent : undefined
|
|
127
124
|
};
|
|
128
125
|
};
|
|
@@ -10,7 +10,8 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
|
10
10
|
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
|
|
11
11
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
12
12
|
import { LoomIcon } from '@atlaskit/logo';
|
|
13
|
-
import {
|
|
13
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
+
import { Text } from '@atlaskit/primitives';
|
|
14
15
|
import { recordVideo } from '../commands';
|
|
15
16
|
// This const is derived from the breakpoint where the toolbar hides its icons. It is used to hide the text in the AI button.
|
|
16
17
|
// Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
|
|
@@ -27,6 +28,7 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
|
|
|
27
28
|
return null;
|
|
28
29
|
}
|
|
29
30
|
var label = formatMessage(appearance === 'comment' ? toolbarInsertBlockMessages.addLoomVideoComment : toolbarInsertBlockMessages.addLoomVideo);
|
|
31
|
+
var shouldShowRecordText = fg('platform.editor.plugin.loom.responsive-menu_4at4a') && ((widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0) > LOOM_BUTTON_WIDTH_BREAKPOINT;
|
|
30
32
|
return jsx(ToolbarButton, {
|
|
31
33
|
buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
|
|
32
34
|
onClick: function onClick() {
|
|
@@ -44,6 +46,6 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
|
|
|
44
46
|
label: label,
|
|
45
47
|
size: "small"
|
|
46
48
|
})
|
|
47
|
-
},
|
|
49
|
+
}, shouldShowRecordText && jsx(Text, null, formatMessage(toolbarInsertBlockMessages.recordLoomShortTitle)));
|
|
48
50
|
};
|
|
49
51
|
export default injectIntl(LoomToolbarButton);
|
|
@@ -193,10 +193,19 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
193
193
|
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
194
194
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
195
195
|
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
196
|
-
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions
|
|
196
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
197
|
+
dependencies: [];
|
|
198
|
+
actions: {
|
|
199
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
200
|
+
};
|
|
201
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
202
|
+
}, undefined>>];
|
|
197
203
|
sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
|
|
198
204
|
commands: {
|
|
199
|
-
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined
|
|
205
|
+
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined, formatMessage?: {
|
|
206
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>> | undefined, opts?: import("intl-messageformat").Options | undefined): string;
|
|
207
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, string | number | boolean | {} | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNodeArray | import("react").ReactPortal | Date | import("intl-messageformat").FormatXMLElementFn<import("react").ReactNode, import("react").ReactNode> | null | undefined> | undefined, opts?: import("intl-messageformat").Options | undefined): import("react").ReactNode;
|
|
208
|
+
} | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
200
209
|
showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
201
210
|
setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
202
211
|
};
|
|
@@ -241,11 +250,11 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
241
250
|
sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
|
|
242
251
|
}, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
243
252
|
sharedState: import("@atlaskit/editor-plugin-primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
244
|
-
|
|
253
|
+
actions: {
|
|
245
254
|
registerComponent: ({ name, component, }: {
|
|
246
255
|
name: import("@atlaskit/editor-plugin-primary-toolbar").ToolbarElementNames;
|
|
247
256
|
component: import("@atlaskit/editor-common/types").ToolbarUIComponentFactory;
|
|
248
|
-
}) =>
|
|
257
|
+
}) => void;
|
|
249
258
|
};
|
|
250
259
|
}, undefined>>];
|
|
251
260
|
sharedState: import("..").LoomPluginState | undefined;
|
|
@@ -449,10 +458,19 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
449
458
|
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
450
459
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
451
460
|
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
452
|
-
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions
|
|
461
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
462
|
+
dependencies: [];
|
|
463
|
+
actions: {
|
|
464
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
465
|
+
};
|
|
466
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
467
|
+
}, undefined>>];
|
|
453
468
|
sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
|
|
454
469
|
commands: {
|
|
455
|
-
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined
|
|
470
|
+
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined, formatMessage?: {
|
|
471
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>> | undefined, opts?: import("intl-messageformat").Options | undefined): string;
|
|
472
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, string | number | boolean | {} | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNodeArray | import("react").ReactPortal | Date | import("intl-messageformat").FormatXMLElementFn<import("react").ReactNode, import("react").ReactNode> | null | undefined> | undefined, opts?: import("intl-messageformat").Options | undefined): import("react").ReactNode;
|
|
473
|
+
} | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
456
474
|
showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
457
475
|
setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
458
476
|
};
|
|
@@ -497,11 +515,11 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
497
515
|
sharedState: import("@atlaskit/editor-common/link").HyperlinkState | undefined;
|
|
498
516
|
}, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
499
517
|
sharedState: import("@atlaskit/editor-plugin-primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
500
|
-
|
|
518
|
+
actions: {
|
|
501
519
|
registerComponent: ({ name, component, }: {
|
|
502
520
|
name: import("@atlaskit/editor-plugin-primary-toolbar").ToolbarElementNames;
|
|
503
521
|
component: import("@atlaskit/editor-common/types").ToolbarUIComponentFactory;
|
|
504
|
-
}) =>
|
|
522
|
+
}) => void;
|
|
505
523
|
};
|
|
506
524
|
}, undefined>>];
|
|
507
525
|
sharedState: import("..").LoomPluginState | undefined;
|
|
@@ -241,11 +241,22 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
241
241
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
242
242
|
];
|
|
243
243
|
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
244
|
-
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions
|
|
244
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
|
|
245
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
246
|
+
dependencies: [
|
|
247
|
+
];
|
|
248
|
+
actions: {
|
|
249
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
250
|
+
};
|
|
251
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
252
|
+
}, undefined>>
|
|
245
253
|
];
|
|
246
254
|
sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
|
|
247
255
|
commands: {
|
|
248
|
-
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined
|
|
256
|
+
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined, formatMessage?: {
|
|
257
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>> | undefined, opts?: import("intl-messageformat").Options | undefined): string;
|
|
258
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, string | number | boolean | {} | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNodeArray | import("react").ReactPortal | Date | import("intl-messageformat").FormatXMLElementFn<import("react").ReactNode, import("react").ReactNode> | null | undefined> | undefined, opts?: import("intl-messageformat").Options | undefined): import("react").ReactNode;
|
|
259
|
+
} | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
249
260
|
showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
250
261
|
setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
251
262
|
};
|
|
@@ -298,11 +309,11 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
298
309
|
}, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>,
|
|
299
310
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
300
311
|
sharedState: import("@atlaskit/editor-plugin-primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
301
|
-
|
|
312
|
+
actions: {
|
|
302
313
|
registerComponent: ({ name, component, }: {
|
|
303
314
|
name: import("@atlaskit/editor-plugin-primary-toolbar").ToolbarElementNames;
|
|
304
315
|
component: import("@atlaskit/editor-common/types").ToolbarUIComponentFactory;
|
|
305
|
-
}) =>
|
|
316
|
+
}) => void;
|
|
306
317
|
};
|
|
307
318
|
}, undefined>>
|
|
308
319
|
];
|
|
@@ -555,11 +566,22 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
555
566
|
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
556
567
|
];
|
|
557
568
|
actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
|
|
558
|
-
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions
|
|
569
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
|
|
570
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
|
|
571
|
+
dependencies: [
|
|
572
|
+
];
|
|
573
|
+
actions: {
|
|
574
|
+
ariaNotify: (message: string, ariaLiveElementAttributes?: import("@atlaskit/editor-plugin-accessibility-utils").AriaLiveElementAttributes | undefined) => void;
|
|
575
|
+
};
|
|
576
|
+
sharedState: import("@atlaskit/editor-plugin-accessibility-utils").AccessibilityUtilsPluginState;
|
|
577
|
+
}, undefined>>
|
|
559
578
|
];
|
|
560
579
|
sharedState: import("@atlaskit/editor-plugin-block-controls").BlockControlsSharedState;
|
|
561
580
|
commands: {
|
|
562
|
-
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined
|
|
581
|
+
moveNode: (start: number, to: number, inputMethod?: import("@atlaskit/editor-plugin-block-controls").MoveNodeMethod | undefined, formatMessage?: {
|
|
582
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>> | undefined, opts?: import("intl-messageformat").Options | undefined): string;
|
|
583
|
+
(descriptor: import("react-intl-next").MessageDescriptor, values?: Record<string, string | number | boolean | {} | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNodeArray | import("react").ReactPortal | Date | import("intl-messageformat").FormatXMLElementFn<import("react").ReactNode, import("react").ReactNode> | null | undefined> | undefined, opts?: import("intl-messageformat").Options | undefined): import("react").ReactNode;
|
|
584
|
+
} | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
563
585
|
showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: import("@atlaskit/editor-plugin-block-controls").HandleOptions) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
564
586
|
setNodeDragged: (posNumber: number, anchorName: string, nodeType: string) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
565
587
|
};
|
|
@@ -612,11 +634,11 @@ declare const _default: import("react").FC<import("react-intl-next").WithIntlPro
|
|
|
612
634
|
}, import("@atlaskit/editor-common/types").HyperlinkPluginOptions | undefined>,
|
|
613
635
|
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"primaryToolbar", {
|
|
614
636
|
sharedState: import("@atlaskit/editor-plugin-primary-toolbar").PrimaryToolbarPluginState | undefined;
|
|
615
|
-
|
|
637
|
+
actions: {
|
|
616
638
|
registerComponent: ({ name, component, }: {
|
|
617
639
|
name: import("@atlaskit/editor-plugin-primary-toolbar").ToolbarElementNames;
|
|
618
640
|
component: import("@atlaskit/editor-common/types").ToolbarUIComponentFactory;
|
|
619
|
-
}) =>
|
|
641
|
+
}) => void;
|
|
620
642
|
};
|
|
621
643
|
}, undefined>>
|
|
622
644
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-loom",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"description": "Loom plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -36,14 +36,15 @@
|
|
|
36
36
|
".": "./src/index.ts"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@atlaskit/editor-common": "^87.
|
|
39
|
+
"@atlaskit/editor-common": "^87.5.0",
|
|
40
40
|
"@atlaskit/editor-plugin-analytics": "^1.6.0",
|
|
41
|
-
"@atlaskit/editor-plugin-hyperlink": "^2.
|
|
42
|
-
"@atlaskit/editor-plugin-primary-toolbar": "^
|
|
41
|
+
"@atlaskit/editor-plugin-hyperlink": "^2.7.0",
|
|
42
|
+
"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
|
|
43
43
|
"@atlaskit/editor-plugin-width": "^1.2.0",
|
|
44
44
|
"@atlaskit/editor-prosemirror": "5.0.1",
|
|
45
45
|
"@atlaskit/logo": "^14.1.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "0.3.0",
|
|
47
|
+
"@atlaskit/primitives": "^11.1.0",
|
|
47
48
|
"@babel/runtime": "^7.0.0",
|
|
48
49
|
"@emotion/react": "^11.7.1",
|
|
49
50
|
"@loomhq/record-sdk": "^2.36.18"
|
|
@@ -59,12 +60,12 @@
|
|
|
59
60
|
},
|
|
60
61
|
"devDependencies": {
|
|
61
62
|
"@atlaskit/editor-plugin-base": "^1.9.0",
|
|
62
|
-
"@atlaskit/editor-plugin-card": "^2.
|
|
63
|
+
"@atlaskit/editor-plugin-card": "^2.9.0",
|
|
63
64
|
"@atlaskit/editor-plugin-copy-button": "^1.2.0",
|
|
64
65
|
"@atlaskit/editor-plugin-decorations": "^1.2.0",
|
|
65
66
|
"@atlaskit/editor-plugin-editor-disabled": "^1.2.0",
|
|
66
67
|
"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
|
|
67
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^1.
|
|
68
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^1.10.0",
|
|
68
69
|
"@atlaskit/editor-plugin-grid": "^1.2.0",
|
|
69
70
|
"@testing-library/react": "^12.1.5",
|
|
70
71
|
"@testing-library/user-event": "^14.4.3",
|