@atlaskit/editor-plugin-loom 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-loom
 
+## 2.1.0
+
+### Minor Changes
+
+- [#90626](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90626) [`8efec4489602`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8efec4489602) - show/hide loom button in toolbar via editor plugin config
+
+### Patch Changes
+
+- [#90878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90878) [`962275ee0910`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/962275ee0910) - [ux] [ED-22852] Update loom quick insert title, description and logo
+- Updated dependencies
+
+## 2.0.1
+
+### Patch Changes
+
+- [#90526](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90526) [`2f75eb73984f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f75eb73984f) - [ux] Update toolbar icon to Loom
+
 ## 2.0.0
 
 ### Major Changes

package/dist/cjs/plugin.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _logo = require("@atlaskit/logo");
 var _commands = require("./commands");
 var _pmPlugin = require("./pm-plugin");
 var _ToolbarButton = _interopRequireDefault(require("./ui/ToolbarButton"));
@@ -48,7 +48,9 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
           keywords: ['loom', 'record', 'video'],
           priority: 800,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconLoom, null);
+            return /*#__PURE__*/_react.default.createElement(_logo.LoomIcon, {
+              appearance: "brand"
+            });
           },
           action: function action(insert, editorState) {
             var _recordVideo;
@@ -81,6 +83,9 @@ var loomPlugin = exports.loomPlugin = function loomPlugin(_ref) {
     // Enable inserting Loom recordings through main toolbar
     primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
       var disabled = _ref3.disabled;
+      if (!config.shouldShowToolbarButton) {
+        return null;
+      }
       return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
         disabled: disabled,
         api: api

package/dist/cjs/ui/ToolbarButton.js

@@ -11,7 +11,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _videoCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/video-circle"));
+var _logo = require("@atlaskit/logo");
 var _commands = require("../commands");
 var LoomToolbarButton = function LoomToolbarButton(_ref) {
   var disabled = _ref.disabled,
@@ -22,7 +22,7 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
   if (!loomState) {
     return null;
   }
-  var label = formatMessage(_messages.toolbarInsertBlockMessages.recordVideo);
+  var label = formatMessage(_messages.toolbarInsertBlockMessages.addLoomVideo);
   return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
     buttonId: _uiMenu.TOOLBAR_BUTTON.RECORD_VIDEO,
     onClick: function onClick() {
@@ -36,8 +36,9 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
     ,
     disabled: disabled || !(loomState !== null && loomState !== void 0 && loomState.isEnabled),
     title: label,
-    iconBefore: /*#__PURE__*/_react.default.createElement(_videoCircle.default, {
-      label: label
+    iconBefore: /*#__PURE__*/_react.default.createElement(_logo.LoomIcon, {
+      label: label,
+      size: "small"
     })
   });
 };

package/dist/es2019/plugin.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
-import { IconLoom } from '@atlaskit/editor-common/quick-insert';
+import { LoomIcon } from '@atlaskit/logo';
 import { recordVideo, recordVideoFailed } from './commands';
 import { createPlugin, loomPluginKey } from './pm-plugin';
 import LoomToolbarButton from './ui/ToolbarButton';
@@ -37,7 +37,9 @@ export const loomPlugin = ({
         description: formatMessage(toolbarInsertBlockMessages.recordVideoDescription),
         keywords: ['loom', 'record', 'video'],
         priority: 800,
-        icon: () => /*#__PURE__*/React.createElement(IconLoom, null),
+        icon: () => /*#__PURE__*/React.createElement(LoomIcon, {
+          appearance: "brand"
+        }),
         action(insert, editorState) {
           var _recordVideo;
           const tr = insert(undefined);
@@ -69,6 +71,9 @@ export const loomPlugin = ({
     primaryToolbarComponent({
       disabled
     }) {
+      if (!config.shouldShowToolbarButton) {
+        return null;
+      }
       return /*#__PURE__*/React.createElement(LoomToolbarButton, {
         disabled: disabled,
         api: api

package/dist/es2019/ui/ToolbarButton.js

@@ -4,7 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import VideoCircleIcon from '@atlaskit/icon/glyph/video-circle';
+import { LoomIcon } from '@atlaskit/logo';
 import { recordVideo } from '../commands';
 const LoomToolbarButton = ({
   disabled,
@@ -19,7 +19,7 @@ const LoomToolbarButton = ({
   if (!loomState) {
     return null;
   }
-  const label = formatMessage(toolbarInsertBlockMessages.recordVideo);
+  const label = formatMessage(toolbarInsertBlockMessages.addLoomVideo);
   return /*#__PURE__*/React.createElement(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
     onClick: () => {
@@ -33,8 +33,9 @@ const LoomToolbarButton = ({
     ,
     disabled: disabled || !(loomState !== null && loomState !== void 0 && loomState.isEnabled),
     title: label,
-    iconBefore: /*#__PURE__*/React.createElement(VideoCircleIcon, {
-      label: label
+    iconBefore: /*#__PURE__*/React.createElement(LoomIcon, {
+      label: label,
+      size: "small"
     })
   });
 };

package/dist/esm/plugin.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { logException } from '@atlaskit/editor-common/monitoring';
-import { IconLoom } from '@atlaskit/editor-common/quick-insert';
+import { LoomIcon } from '@atlaskit/logo';
 import { recordVideo, recordVideoFailed } from './commands';
 import { createPlugin, loomPluginKey } from './pm-plugin';
 import LoomToolbarButton from './ui/ToolbarButton';
@@ -41,7 +41,9 @@ export var loomPlugin = function loomPlugin(_ref) {
           keywords: ['loom', 'record', 'video'],
           priority: 800,
           icon: function icon() {
-            return /*#__PURE__*/React.createElement(IconLoom, null);
+            return /*#__PURE__*/React.createElement(LoomIcon, {
+              appearance: "brand"
+            });
           },
           action: function action(insert, editorState) {
             var _recordVideo;
@@ -74,6 +76,9 @@ export var loomPlugin = function loomPlugin(_ref) {
     // Enable inserting Loom recordings through main toolbar
     primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
       var disabled = _ref3.disabled;
+      if (!config.shouldShowToolbarButton) {
+        return null;
+      }
       return /*#__PURE__*/React.createElement(LoomToolbarButton, {
         disabled: disabled,
         api: api

package/dist/esm/ui/ToolbarButton.js

@@ -4,7 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import VideoCircleIcon from '@atlaskit/icon/glyph/video-circle';
+import { LoomIcon } from '@atlaskit/logo';
 import { recordVideo } from '../commands';
 var LoomToolbarButton = function LoomToolbarButton(_ref) {
   var disabled = _ref.disabled,
@@ -15,7 +15,7 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
   if (!loomState) {
     return null;
   }
-  var label = formatMessage(toolbarInsertBlockMessages.recordVideo);
+  var label = formatMessage(toolbarInsertBlockMessages.addLoomVideo);
   return /*#__PURE__*/React.createElement(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.RECORD_VIDEO,
     onClick: function onClick() {
@@ -29,8 +29,9 @@ var LoomToolbarButton = function LoomToolbarButton(_ref) {
     ,
     disabled: disabled || !(loomState !== null && loomState !== void 0 && loomState.isEnabled),
     title: label,
-    iconBefore: /*#__PURE__*/React.createElement(VideoCircleIcon, {
-      label: label
+    iconBefore: /*#__PURE__*/React.createElement(LoomIcon, {
+      label: label,
+      size: "small"
     })
   });
 };

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { loomPlugin } from './plugin';
 export type { LoomPlugin } from './plugin';
 export type { LoomPluginState } from './pm-plugin';
-export type { LoomPluginOptions, VideoMeta, GetClient, GetClientResult, LoomPluginErrorMessages, LoomSDKErrorMessages, } from './types';
+export type { LoomPluginOptions, LoomProviderOptions, VideoMeta, GetClient, GetClientResult, LoomPluginErrorMessages, LoomSDKErrorMessages, } from './types';

package/dist/types/types.d.ts

@@ -19,9 +19,11 @@ export type GetClientResult = {
     message: LoomPluginErrorMessages | LoomSDKErrorMessages;
 };
 export type GetClient = Promise<GetClientResult>;
+export type LoomProviderOptions = {
+    getClient: () => GetClient;
+};
 export type LoomPluginOptions = {
-    loomProvider: {
-        getClient: () => GetClient;
-    };
+    loomProvider: LoomProviderOptions;
+    shouldShowToolbarButton?: boolean;
 };
 export {};

package/dist/types/ui/ToolbarButton.d.ts

@@ -33,6 +33,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
             }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
             actions: {
                 prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                 hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                 insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                 updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;
@@ -72,6 +73,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
         }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
         actions: {
             prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+            addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
             hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
             insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
             updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;
@@ -115,6 +117,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
                 }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
                 actions: {
                     prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                    addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                     hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                     insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                     updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;
@@ -154,6 +157,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
             }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>];
             actions: {
                 prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                 hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                 insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                 updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;

package/dist/types-ts4.5/index.d.ts

@@ -1,4 +1,4 @@
 export { loomPlugin } from './plugin';
 export type { LoomPlugin } from './plugin';
 export type { LoomPluginState } from './pm-plugin';
-export type { LoomPluginOptions, VideoMeta, GetClient, GetClientResult, LoomPluginErrorMessages, LoomSDKErrorMessages, } from './types';
+export type { LoomPluginOptions, LoomProviderOptions, VideoMeta, GetClient, GetClientResult, LoomPluginErrorMessages, LoomSDKErrorMessages, } from './types';

package/dist/types-ts4.5/types.d.ts

@@ -19,9 +19,11 @@ export type GetClientResult = {
     message: LoomPluginErrorMessages | LoomSDKErrorMessages;
 };
 export type GetClient = Promise<GetClientResult>;
+export type LoomProviderOptions = {
+    getClient: () => GetClient;
+};
 export type LoomPluginOptions = {
-    loomProvider: {
-        getClient: () => GetClient;
-    };
+    loomProvider: LoomProviderOptions;
+    shouldShowToolbarButton?: boolean;
 };
 export {};

package/dist/types-ts4.5/ui/ToolbarButton.d.ts

@@ -42,6 +42,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
                     ];
                     actions: {
                         prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                        addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                         hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                         insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                         updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;
@@ -90,6 +91,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
             ];
             actions: {
                 prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                 hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                 insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                 updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;
@@ -143,6 +145,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
                         ];
                         actions: {
                             prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                            addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                             hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                             insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                             updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;
@@ -191,6 +194,7 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
                 ];
                 actions: {
                     prependToolbarButtons: import("@atlaskit/editor-plugin-hyperlink").PrependToolbarButtons;
+                    addToolbarItems: import("@atlaskit/editor-plugin-hyperlink").AddToolbarItems;
                     hideLinkToolbar: import("@atlaskit/editor-plugin-hyperlink").HideLinkToolbar;
                     insertLink: import("@atlaskit/editor-plugin-hyperlink").InsertLink;
                     updateLink: import("@atlaskit/editor-plugin-hyperlink").UpdateLink;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-loom",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Loom plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -36,11 +36,11 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^78.23.0",
+    "@atlaskit/editor-common": "^78.28.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
-    "@atlaskit/editor-plugin-hyperlink": "^1.4.0",
+    "@atlaskit/editor-plugin-hyperlink": "^1.5.0",
     "@atlaskit/editor-prosemirror": "3.0.0",
-    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/logo": "^13.15.1",
     "@babel/runtime": "^7.0.0",
     "@loomhq/record-sdk": "^2.36.18"
   },
@@ -50,7 +50,7 @@
   },
   "devDependencies": {
     "@atlaskit/editor-plugin-base": "^1.0.0",
-    "@atlaskit/editor-plugin-card": "^1.4.0",
+    "@atlaskit/editor-plugin-card": "^1.8.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
     "@atlaskit/editor-plugin-decorations": "^1.0.0",
     "@atlaskit/editor-plugin-editor-disabled": "^1.0.0",