@atlaskit/editor-plugin-loom 3.1.2 → 3.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/ui/ToolbarButtonComponent.js +4 -3
- package/dist/cjs/ui/quickInsert.js +5 -3
- package/dist/es2019/ui/ToolbarButtonComponent.js +4 -3
- package/dist/es2019/ui/quickInsert.js +5 -3
- package/dist/esm/ui/ToolbarButtonComponent.js +4 -3
- package/dist/esm/ui/quickInsert.js +5 -3
- package/package.json +8 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-loom
|
|
2
2
|
|
|
3
|
+
## 3.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#151581](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151581)
|
|
8
|
+
[`84249bf0ae1c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/84249bf0ae1c4) -
|
|
9
|
+
Update Loom icon to generic video icon
|
|
10
|
+
|
|
3
11
|
## 3.1.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
11
11
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
12
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
13
13
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
14
|
-
var
|
|
14
|
+
var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
|
|
15
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
16
|
/**
|
|
17
17
|
* @jsxRuntime classic
|
|
@@ -54,9 +54,10 @@ var LoomToolbarButtonInternal = /*#__PURE__*/_react.default.forwardRef(function
|
|
|
54
54
|
buttonId: _uiMenu.TOOLBAR_BUTTON.RECORD_VIDEO,
|
|
55
55
|
disabled: disabled,
|
|
56
56
|
title: label,
|
|
57
|
-
iconBefore: (0, _react2.jsx)(
|
|
57
|
+
iconBefore: (0, _react2.jsx)(_video.default, {
|
|
58
58
|
label: label,
|
|
59
|
-
|
|
59
|
+
color: "var(--ds-text, #172B4D)",
|
|
60
|
+
spacing: "spacious"
|
|
60
61
|
}),
|
|
61
62
|
selected: selected,
|
|
62
63
|
onBlur: onBlur,
|
|
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
10
10
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
11
11
|
var _monitoring = require("@atlaskit/editor-common/monitoring");
|
|
12
|
-
var
|
|
12
|
+
var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
|
|
13
13
|
var _commands = require("../commands");
|
|
14
14
|
var _pmPlugin = require("../pm-plugin");
|
|
15
15
|
var getQuickInsertItem = exports.getQuickInsertItem = function getQuickInsertItem(editorAnalyticsAPI) {
|
|
@@ -22,8 +22,10 @@ var getQuickInsertItem = exports.getQuickInsertItem = function getQuickInsertIte
|
|
|
22
22
|
keywords: ['loom', 'record', 'video'],
|
|
23
23
|
priority: 800,
|
|
24
24
|
icon: function icon() {
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
26
|
-
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_video.default, {
|
|
26
|
+
label: "",
|
|
27
|
+
color: "var(--ds-text, #172B4D)",
|
|
28
|
+
spacing: "spacious"
|
|
27
29
|
});
|
|
28
30
|
},
|
|
29
31
|
action: function action(insert, editorState) {
|
|
@@ -10,7 +10,7 @@ import { injectIntl } from 'react-intl-next';
|
|
|
10
10
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
11
11
|
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
|
|
12
12
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
13
|
-
import
|
|
13
|
+
import VideoIcon from '@atlaskit/icon/core/video';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
// 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
16
|
// Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
|
|
@@ -50,9 +50,10 @@ const LoomToolbarButtonInternal = /*#__PURE__*/React.forwardRef(({
|
|
|
50
50
|
buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
|
|
51
51
|
disabled: disabled,
|
|
52
52
|
title: label,
|
|
53
|
-
iconBefore: jsx(
|
|
53
|
+
iconBefore: jsx(VideoIcon, {
|
|
54
54
|
label: label,
|
|
55
|
-
|
|
55
|
+
color: "var(--ds-text, #172B4D)",
|
|
56
|
+
spacing: "spacious"
|
|
56
57
|
}),
|
|
57
58
|
selected: selected,
|
|
58
59
|
onBlur: onBlur,
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
3
3
|
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
|
|
4
4
|
import { logException } from '@atlaskit/editor-common/monitoring';
|
|
5
|
-
import
|
|
5
|
+
import VideoIcon from '@atlaskit/icon/core/video';
|
|
6
6
|
import { recordVideo, recordVideoFailed } from '../commands';
|
|
7
7
|
import { loomPluginKey } from '../pm-plugin';
|
|
8
8
|
export const getQuickInsertItem = editorAnalyticsAPI => ({
|
|
@@ -13,8 +13,10 @@ export const getQuickInsertItem = editorAnalyticsAPI => ({
|
|
|
13
13
|
description: formatMessage(toolbarInsertBlockMessages.recordVideoDescription),
|
|
14
14
|
keywords: ['loom', 'record', 'video'],
|
|
15
15
|
priority: 800,
|
|
16
|
-
icon: () => /*#__PURE__*/React.createElement(
|
|
17
|
-
|
|
16
|
+
icon: () => /*#__PURE__*/React.createElement(VideoIcon, {
|
|
17
|
+
label: "",
|
|
18
|
+
color: "var(--ds-text, #172B4D)",
|
|
19
|
+
spacing: "spacious"
|
|
18
20
|
}),
|
|
19
21
|
action(insert, editorState) {
|
|
20
22
|
var _recordVideo;
|
|
@@ -10,7 +10,7 @@ import { injectIntl } from 'react-intl-next';
|
|
|
10
10
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
11
11
|
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
|
|
12
12
|
import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
13
|
-
import
|
|
13
|
+
import VideoIcon from '@atlaskit/icon/core/video';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
// 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
16
|
// Derived from values from platform/packages/editor/editor-core/src/ui/Appearance/FullPage/MainToolbar.tsx
|
|
@@ -46,9 +46,10 @@ var LoomToolbarButtonInternal = /*#__PURE__*/React.forwardRef(function (_ref, re
|
|
|
46
46
|
buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
|
|
47
47
|
disabled: disabled,
|
|
48
48
|
title: label,
|
|
49
|
-
iconBefore: jsx(
|
|
49
|
+
iconBefore: jsx(VideoIcon, {
|
|
50
50
|
label: label,
|
|
51
|
-
|
|
51
|
+
color: "var(--ds-text, #172B4D)",
|
|
52
|
+
spacing: "spacious"
|
|
52
53
|
}),
|
|
53
54
|
selected: selected,
|
|
54
55
|
onBlur: onBlur,
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
3
3
|
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
|
|
4
4
|
import { logException } from '@atlaskit/editor-common/monitoring';
|
|
5
|
-
import
|
|
5
|
+
import VideoIcon from '@atlaskit/icon/core/video';
|
|
6
6
|
import { recordVideo, recordVideoFailed } from '../commands';
|
|
7
7
|
import { loomPluginKey } from '../pm-plugin';
|
|
8
8
|
export var getQuickInsertItem = function getQuickInsertItem(editorAnalyticsAPI) {
|
|
@@ -15,8 +15,10 @@ export var getQuickInsertItem = function getQuickInsertItem(editorAnalyticsAPI)
|
|
|
15
15
|
keywords: ['loom', 'record', 'video'],
|
|
16
16
|
priority: 800,
|
|
17
17
|
icon: function icon() {
|
|
18
|
-
return /*#__PURE__*/React.createElement(
|
|
19
|
-
|
|
18
|
+
return /*#__PURE__*/React.createElement(VideoIcon, {
|
|
19
|
+
label: "",
|
|
20
|
+
color: "var(--ds-text, #172B4D)",
|
|
21
|
+
spacing: "spacious"
|
|
20
22
|
});
|
|
21
23
|
},
|
|
22
24
|
action: function action(insert, editorState) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-loom",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.3",
|
|
4
4
|
"description": "Loom plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -35,15 +35,16 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@atlaskit/button": "^20.2.0",
|
|
38
|
-
"@atlaskit/editor-common": "^93.
|
|
39
|
-
"@atlaskit/editor-plugin-analytics": "^1.
|
|
40
|
-
"@atlaskit/editor-plugin-hyperlink": "^3.
|
|
38
|
+
"@atlaskit/editor-common": "^93.3.0",
|
|
39
|
+
"@atlaskit/editor-plugin-analytics": "^1.9.0",
|
|
40
|
+
"@atlaskit/editor-plugin-hyperlink": "^3.1.0",
|
|
41
41
|
"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
|
|
42
42
|
"@atlaskit/editor-plugin-quick-insert": "^1.4.0",
|
|
43
43
|
"@atlaskit/editor-plugin-width": "^1.3.0",
|
|
44
44
|
"@atlaskit/editor-prosemirror": "6.0.0",
|
|
45
|
-
"@atlaskit/
|
|
45
|
+
"@atlaskit/icon": "22.22.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "0.3.0",
|
|
47
|
+
"@atlaskit/tokens": "2.0.2",
|
|
47
48
|
"@babel/runtime": "^7.0.0",
|
|
48
49
|
"@emotion/react": "^11.7.1",
|
|
49
50
|
"@loomhq/record-sdk": "^2.36.18"
|
|
@@ -58,8 +59,8 @@
|
|
|
58
59
|
}
|
|
59
60
|
},
|
|
60
61
|
"devDependencies": {
|
|
61
|
-
"@atlaskit/editor-plugin-base": "^1.
|
|
62
|
-
"@atlaskit/editor-plugin-card": "^4.
|
|
62
|
+
"@atlaskit/editor-plugin-base": "^1.12.0",
|
|
63
|
+
"@atlaskit/editor-plugin-card": "^4.3.0",
|
|
63
64
|
"@atlaskit/editor-plugin-copy-button": "^1.3.0",
|
|
64
65
|
"@atlaskit/editor-plugin-decorations": "^1.3.0",
|
|
65
66
|
"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
|