@atlaskit/editor-common 76.24.5 → 76.25.1

package/dist/es2019/media-inline/views/error-view.js

@@ -0,0 +1,25 @@
+import WarningIcon from '@atlaskit/icon/glyph/warning';
+import { R300 } from '@atlaskit/theme/colors';
+import Tooltip from '@atlaskit/tooltip';
+import { ICON_SIZE_THRESOLD } from './constants';
+import { Frame } from './frame';
+import { IconWrapper } from './icon-wrapper';
+export const InlineImageCardErrorView = ({
+  testId = 'media-inline-image-card-error-view',
+  message,
+  icon,
+  height = ICON_SIZE_THRESOLD
+}) => {
+  return /*#__PURE__*/React.createElement(Frame, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: message,
+    position: "top",
+    tag: "span",
+    hideTooltipOnClick: true
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, icon || /*#__PURE__*/React.createElement(WarningIcon, {
+    label: "error",
+    size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
+    primaryColor: `var(--ds-icon-danger, ${R300})`
+  }))));
+};

package/dist/es2019/media-inline/views/frame.js

@@ -0,0 +1,8 @@
+import { wrapperStyle } from './wrapper';
+export const Frame = ({
+  children,
+  testId
+}) => /*#__PURE__*/React.createElement("span", {
+  css: wrapperStyle,
+  "data-testid": testId
+}, children);

package/dist/es2019/media-inline/views/icon-wrapper.js

@@ -0,0 +1,15 @@
+import { css } from '@emotion/react';
+const wrapperStyle = css({
+  display: 'flex',
+  'span > svg': {
+    verticalAlign: 'baseline'
+  }
+});
+export const IconWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("span", {
+    css: wrapperStyle,
+    "data-testid": "media-inline-image-card-icon"
+  }, children);
+};

package/dist/es2019/media-inline/views/loading-view.js

@@ -0,0 +1,13 @@
+import Spinner from '@atlaskit/spinner';
+import { ICON_SIZE_THRESOLD } from './constants';
+import { Frame } from './frame';
+export const InlineImageCardLoadingView = ({
+  testId = 'media-inline-image-card-loading-view',
+  height = ICON_SIZE_THRESOLD
+}) => {
+  return /*#__PURE__*/React.createElement(Frame, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Spinner, {
+    size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small'
+  }));
+};

package/dist/es2019/media-inline/views/wrapper.js

@@ -0,0 +1,18 @@
+import { css } from '@emotion/react';
+import { N30A, N40A, N900 } from '@atlaskit/theme/colors';
+export const wrapperStyle = css({
+  display: 'inline-flex',
+  width: '100%',
+  height: '100%',
+  alignItems: 'center',
+  justifyContent: 'center',
+  boxDecorationBreak: 'clone',
+  borderRadius: `${"var(--ds-border-radius, 3px)"}`,
+  color: `${`var(--ds-text, ${N900})`}`,
+  backgroundColor: `${`var(--ds-background-neutral, ${N30A})`}`,
+  transition: '0.1s all ease-in-out',
+  cursor: 'pointer',
+  '&:hover': {
+    backgroundColor: `${`var(--ds-background-neutral-hovered, ${N40A})`}`
+  }
+});

package/dist/es2019/messages/insert-block.js

@@ -169,5 +169,15 @@ export const toolbarInsertBlockMessages = defineMessages({
     id: 'fabric.editor.help.description',
     defaultMessage: 'Browse all the keyboard shortcuts and markdown options',
     description: 'Browse all the keyboard shortcuts and markdown options'
+  },
+  recordVideo: {
+    id: 'fabric.editor.recordVideo',
+    defaultMessage: 'Record video',
+    description: 'Record video using Loom'
+  },
+  recordVideoDescription: {
+    id: 'fabric.editor.recordVideo.description',
+    defaultMessage: 'Record video using Loom',
+    description: 'Record video using Loom'
   }
 });

package/dist/es2019/messages/media-inline-card.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  unableToLoadContent: {
+    id: 'fabric.editor.unableToLoadContent',
+    defaultMessage: "We couldn't load this content",
+    description: 'Display this message when there is an error loading file content'
+  },
+  failedToUpload: {
+    id: 'fabric.editor.failed_to_upload',
+    defaultMessage: 'Failed to upload',
+    description: 'Display this message when there is an error uploading a file'
+  }
+});

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.24.5";
+const packageVersion = "76.25.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/quick-insert/assets/index.js

@@ -120,4 +120,8 @@ export const IconDatasourceJiraIssue = Loadable({
 export const IconDatasourceAssetsObjects = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-datasource-assets-objects" */'./datasource-assets-objects').then(module => module.default),
   loading: () => null
+});
+export const IconLoom = Loadable({
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(module => module.default),
+  loading: () => null
 });

package/dist/es2019/quick-insert/assets/loom.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
+export default function IconLayout() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    viewBox: "0 0 31 30",
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: iconThemed({
+      light: '#6460F9',
+      dark: '#FFF'
+    }),
+    d: "M30.01 13.43h-9.142l7.917-4.57-1.57-2.72-7.918 4.57 4.57-7.915-2.72-1.57-4.571 7.913V0h-3.142v9.139L8.863 1.225l-2.721 1.57 4.57 7.913L2.796 6.14 1.225 8.86l7.917 4.57H0v3.141h9.141l-7.916 4.57 1.57 2.72 7.918-4.57-4.571 7.915 2.72 1.57 4.572-7.914V30h3.142v-9.334l4.655 8.06 2.551-1.472-4.656-8.062 8.087 4.668 1.571-2.72-7.916-4.57h9.141v-3.14h.001zm-15.005 5.84a4.271 4.271 0 11-.001-8.542 4.271 4.271 0 01.001 8.542z"
+  }));
+}

package/dist/es2019/quick-insert/index.js

@@ -1,2 +1,2 @@
-export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects } from './assets';
+export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects, IconLoom } from './assets';
 export { memoProcessQuickInsertItems, find } from './utils';

package/dist/es2019/ui/DropList/index.js

@@ -7,7 +7,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.24.5";
+const packageVersion = "76.25.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/analytics/types/enums.js

@@ -126,6 +126,9 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED"] = "unsupportedContentLevelsTrackingSucceeded";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED"] = "unsupportedContentLevelsTrackingErrored";
   ACTION["UNSUPPORTED_TOOLTIP_VIEWED"] = "viewed";
+  ACTION["RECORD_VIDEO"] = "recordVideo";
+  ACTION["INSERT_VIDEO"] = "insertVideo";
+  ACTION["RECORD_VIDEO_FAILED"] = "recordVideoFailed";
   return ACTION;
 }({});
 export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
@@ -210,6 +213,7 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["ANCHOR_LINK"] = "anchorLink";
   ACTION_SUBJECT["LINK"] = "link";
   ACTION_SUBJECT["TOOLTIP"] = "tooltip";
+  ACTION_SUBJECT["LOOM"] = "loom";
   return ACTION_SUBJECT;
 }({});
 export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

package/dist/esm/analytics/types/loom-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/analytics/types/toolbar-button.js

@@ -14,5 +14,6 @@ export var TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*/function (TOOLBAR_ACTION_SUB
   TOOLBAR_ACTION_SUBJECT_ID["REDO"] = "redo";
   TOOLBAR_ACTION_SUBJECT_ID["INDENT"] = "indent";
   TOOLBAR_ACTION_SUBJECT_ID["OUTDENT"] = "outdent";
+  TOOLBAR_ACTION_SUBJECT_ID["RECORD_VIDEO"] = "recordVideo";
   return TOOLBAR_ACTION_SUBJECT_ID;
 }({});

package/dist/esm/media-inline/inline-image-wrapper.js

@@ -1,10 +1,20 @@
 import { css } from '@emotion/react';
+import { B300 } from '@atlaskit/theme/colors';
 var wrapperStyle = css({
-  display: 'inline-block'
+  display: 'inline-block',
+  verticalAlign: 'text-bottom',
+  borderRadius: "var(--ds-border-radius, 3px)"
+});
+var selectedStyle = css({
+  cursor: 'pointer',
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, ".concat(B300, ")")),
+  outline: 'none',
+  borderColor: 'transparent'
 });
 export var InlineImageWrapper = function InlineImageWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    css: wrapperStyle
+  var children = _ref.children,
+    isSelected = _ref.isSelected;
+  return /*#__PURE__*/React.createElement("span", {
+    css: [wrapperStyle, isSelected && selectedStyle]
   }, children);
 };

package/dist/esm/media-inline/media-inline-image-card.js

@@ -1,8 +1,15 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from 'react';
-export var MediaInlineImageCard = function MediaInlineImageCard(_ref) {
+import { createIntl, injectIntl } from 'react-intl-next';
+import { messages } from '../messages/media-inline-card';
+import { InlineImageWrapper } from './inline-image-wrapper';
+import { InlineImageCardErrorView } from './views/error-view';
+import { InlineImageCardLoadingView } from './views/loading-view';
+export var MediaInlineImageCardInternal = function MediaInlineImageCardInternal(_ref) {
   var mediaClient = _ref.mediaClient,
-    identifier = _ref.identifier;
+    identifier = _ref.identifier,
+    isSelected = _ref.isSelected,
+    intl = _ref.intl;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     fileState = _useState2[0],
@@ -11,6 +18,10 @@ export var MediaInlineImageCard = function MediaInlineImageCard(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     subscribeError = _useState4[0],
     setSubscribeError = _useState4[1];
+  var _ref2 = intl || createIntl({
+      locale: 'en'
+    }),
+    formatMessage = _ref2.formatMessage;
   useEffect(function () {
     var subscription = mediaClient.file.getFileState(identifier.id, {
       collectionName: identifier.collectionName
@@ -27,41 +38,44 @@ export var MediaInlineImageCard = function MediaInlineImageCard(_ref) {
       subscription.unsubscribe();
     };
   }, [identifier.collectionName, identifier.id, mediaClient.file]);
-  if (subscribeError) {
-    // TODO:
-    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
-    // for error message and analytics
-    throw new Error("not yet implemented: MediaInlineImageCard subscribe error view");
-  }
-  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
-    // TODO:
-    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
-    // for error message and analytics
-    throw new Error("not yet implemented: MediaInlineImageCard error view");
-  }
-  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
-    // TODO:
-    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
-    // for error message and analytics
-    throw new Error("not yet implemented: MediaInlineImageCard failed-processing view");
-  }
-  // Empty file handling
-  if (fileState && !fileState.name) {
-    // TODO:
-    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
-    // for error message and analytics
-    throw new Error("not yet implemented: MediaInlineImageCard empty file name error view");
-  }
-  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
-    throw new Error("not yet implemented: MediaInlineImageCard uploading view");
-  }
-  if (!fileState) {
-    throw new Error("not yet implemented: MediaInlineImageCard loading view");
-  }
+  var content = function content() {
+    if (subscribeError) {
+      var isUploading = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading';
+      var errorMessage = isUploading ? messages.failedToUpload : messages.unableToLoadContent;
+      return /*#__PURE__*/React.createElement(InlineImageCardErrorView, {
+        message: formatMessage(errorMessage)
+      });
+    }
+    if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+      return /*#__PURE__*/React.createElement(InlineImageCardErrorView, {
+        message: formatMessage(messages.unableToLoadContent)
+      });
+    }
+    if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+      return /*#__PURE__*/React.createElement(InlineImageCardErrorView, {
+        message: formatMessage(messages.unableToLoadContent)
+      });
+    }
+    // Empty file handling
+    if (fileState && !fileState.name) {
+      return /*#__PURE__*/React.createElement(InlineImageCardErrorView, {
+        message: formatMessage(messages.unableToLoadContent)
+      });
+    }
+    if (!fileState) {
+      return /*#__PURE__*/React.createElement(InlineImageCardLoadingView, null);
+    }
 
-  // TODO
-  // use Card from `@atlaskit/media-card` with an inline block wrapper
-  // with:
-  // selection state and `mediaOptions.allowLazyLoading`
-  throw new Error("not yet implemented: MediaInlineImageCard loading view");
-};
+    // TODO
+    // use Card from `@atlaskit/media-card` with an inline block wrapper
+    // with:
+    // selection state and `mediaOptions.allowLazyLoading`
+    throw new Error("not yet implemented: MediaInlineImageCard loading view");
+  };
+  return /*#__PURE__*/React.createElement(InlineImageWrapper, {
+    isSelected: isSelected
+  }, content());
+};
+export var MediaInlineImageCard = injectIntl(MediaInlineImageCardInternal, {
+  enforceContext: false
+});

package/dist/esm/media-inline/views/constants.js

@@ -0,0 +1,2 @@
+/** Height threshold that determines icon size to be small or medium */
+export var ICON_SIZE_THRESOLD = 24;

package/dist/esm/media-inline/views/error-view.js

@@ -0,0 +1,26 @@
+import WarningIcon from '@atlaskit/icon/glyph/warning';
+import { R300 } from '@atlaskit/theme/colors';
+import Tooltip from '@atlaskit/tooltip';
+import { ICON_SIZE_THRESOLD } from './constants';
+import { Frame } from './frame';
+import { IconWrapper } from './icon-wrapper';
+export var InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'media-inline-image-card-error-view' : _ref$testId,
+    message = _ref.message,
+    icon = _ref.icon,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? ICON_SIZE_THRESOLD : _ref$height;
+  return /*#__PURE__*/React.createElement(Frame, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: message,
+    position: "top",
+    tag: "span",
+    hideTooltipOnClick: true
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, icon || /*#__PURE__*/React.createElement(WarningIcon, {
+    label: "error",
+    size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
+    primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
+  }))));
+};

package/dist/esm/media-inline/views/frame.js

@@ -0,0 +1,9 @@
+import { wrapperStyle } from './wrapper';
+export var Frame = function Frame(_ref) {
+  var children = _ref.children,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("span", {
+    css: wrapperStyle,
+    "data-testid": testId
+  }, children);
+};

package/dist/esm/media-inline/views/icon-wrapper.js

@@ -0,0 +1,14 @@
+import { css } from '@emotion/react';
+var wrapperStyle = css({
+  display: 'flex',
+  'span > svg': {
+    verticalAlign: 'baseline'
+  }
+});
+export var IconWrapper = function IconWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    css: wrapperStyle,
+    "data-testid": "media-inline-image-card-icon"
+  }, children);
+};

package/dist/esm/media-inline/views/loading-view.js

@@ -0,0 +1,14 @@
+import Spinner from '@atlaskit/spinner';
+import { ICON_SIZE_THRESOLD } from './constants';
+import { Frame } from './frame';
+export var InlineImageCardLoadingView = function InlineImageCardLoadingView(_ref) {
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'media-inline-image-card-loading-view' : _ref$testId,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? ICON_SIZE_THRESOLD : _ref$height;
+  return /*#__PURE__*/React.createElement(Frame, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Spinner, {
+    size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small'
+  }));
+};

package/dist/esm/media-inline/views/wrapper.js

@@ -0,0 +1,18 @@
+import { css } from '@emotion/react';
+import { N30A, N40A, N900 } from '@atlaskit/theme/colors';
+export var wrapperStyle = css({
+  display: 'inline-flex',
+  width: '100%',
+  height: '100%',
+  alignItems: 'center',
+  justifyContent: 'center',
+  boxDecorationBreak: 'clone',
+  borderRadius: "var(--ds-border-radius, 3px)",
+  color: "".concat("var(--ds-text, ".concat(N900, ")")),
+  backgroundColor: "".concat("var(--ds-background-neutral, ".concat(N30A, ")")),
+  transition: '0.1s all ease-in-out',
+  cursor: 'pointer',
+  '&:hover': {
+    backgroundColor: "".concat("var(--ds-background-neutral-hovered, ".concat(N40A, ")"))
+  }
+});

package/dist/esm/messages/insert-block.js

@@ -169,5 +169,15 @@ export var toolbarInsertBlockMessages = defineMessages({
     id: 'fabric.editor.help.description',
     defaultMessage: 'Browse all the keyboard shortcuts and markdown options',
     description: 'Browse all the keyboard shortcuts and markdown options'
+  },
+  recordVideo: {
+    id: 'fabric.editor.recordVideo',
+    defaultMessage: 'Record video',
+    description: 'Record video using Loom'
+  },
+  recordVideoDescription: {
+    id: 'fabric.editor.recordVideo.description',
+    defaultMessage: 'Record video using Loom',
+    description: 'Record video using Loom'
   }
 });

package/dist/esm/messages/media-inline-card.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  unableToLoadContent: {
+    id: 'fabric.editor.unableToLoadContent',
+    defaultMessage: "We couldn't load this content",
+    description: 'Display this message when there is an error loading file content'
+  },
+  failedToUpload: {
+    id: 'fabric.editor.failed_to_upload',
+    defaultMessage: 'Failed to upload',
+    description: 'Display this message when there is an error uploading a file'
+  }
+});

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.24.5";
+var packageVersion = "76.25.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/quick-insert/assets/index.js

@@ -265,4 +265,14 @@ export var IconDatasourceAssetsObjects = Loadable({
   loading: function loading() {
     return null;
   }
+});
+export var IconLoom = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-loom" */'./loom').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
 });

package/dist/esm/quick-insert/assets/loom.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
+export default function IconLayout() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    viewBox: "0 0 31 30",
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: iconThemed({
+      light: '#6460F9',
+      dark: '#FFF'
+    }),
+    d: "M30.01 13.43h-9.142l7.917-4.57-1.57-2.72-7.918 4.57 4.57-7.915-2.72-1.57-4.571 7.913V0h-3.142v9.139L8.863 1.225l-2.721 1.57 4.57 7.913L2.796 6.14 1.225 8.86l7.917 4.57H0v3.141h9.141l-7.916 4.57 1.57 2.72 7.918-4.57-4.571 7.915 2.72 1.57 4.572-7.914V30h3.142v-9.334l4.655 8.06 2.551-1.472-4.656-8.062 8.087 4.668 1.571-2.72-7.916-4.57h9.141v-3.14h.001zm-15.005 5.84a4.271 4.271 0 11-.001-8.542 4.271 4.271 0 01.001 8.542z"
+  }));
+}

package/dist/esm/quick-insert/index.js

@@ -1,2 +1,2 @@
-export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects } from './assets';
+export { IconAction, IconCode, IconDate, IconDecision, IconDivider, IconEmoji, IconImages, IconLayout, IconLink, IconListNumber, IconList, IconMention, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanel, IconQuote, IconStatus, IconHeading, IconFeedback, IconExpand, IconCustomPanel, IconFallback, IconDatasourceJiraIssue, IconDatasourceAssetsObjects, IconLoom } from './assets';
 export { memoProcessQuickInsertItems, find } from './utils';

package/dist/esm/ui/DropList/index.js

@@ -17,7 +17,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.24.5";
+var packageVersion = "76.25.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/analytics/types/enums.d.ts

@@ -132,7 +132,10 @@ export declare enum ACTION {
     CREATE_NOT_ALLOWED = "createNotAllowed",
     UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED = "unsupportedContentLevelsTrackingSucceeded",
     UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED = "unsupportedContentLevelsTrackingErrored",
-    UNSUPPORTED_TOOLTIP_VIEWED = "viewed"
+    UNSUPPORTED_TOOLTIP_VIEWED = "viewed",
+    RECORD_VIDEO = "recordVideo",
+    INSERT_VIDEO = "insertVideo",
+    RECORD_VIDEO_FAILED = "recordVideoFailed"
 }
 export declare enum INPUT_METHOD {
     ASCII = "ascii",
@@ -213,7 +216,8 @@ export declare enum ACTION_SUBJECT {
     RENDERER = "renderer",
     ANCHOR_LINK = "anchorLink",
     LINK = "link",
-    TOOLTIP = "tooltip"
+    TOOLTIP = "tooltip",
+    LOOM = "loom"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",

package/dist/types/analytics/types/events.d.ts

@@ -17,6 +17,7 @@ import type { GeneralEventPayload } from './general-events';
 import type { InsertEventPayload } from './insert-events';
 import type { CreateLinkInlineDialogEventPayload, EditLinkToolbarAEP, OpenSettingsToolbarAEP, UnlinkToolbarAEP } from './link-tool-bar-events';
 import type { ListEventPayload } from './list-events';
+import type { LoomEventPayload } from './loom-events';
 import type { MediaEventPayload } from './media-events';
 import type { NodeEventPayload } from './node-events';
 import type { PasteEventPayload } from './paste-events';
@@ -34,7 +35,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types/analytics/types/loom-events.d.ts

@@ -0,0 +1,19 @@
+import type { SDKUnsupportedReasons } from '@loomhq/record-sdk';
+import type { ACTION, ACTION_SUBJECT, INPUT_METHOD } from './enums';
+import type { OperationalAEP, TrackAEP } from './utils';
+type LoomInitialisedAEP = OperationalAEP<ACTION.INITIALISED, ACTION_SUBJECT.LOOM, undefined, undefined, undefined>;
+type LoomDisabledAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.LOOM, undefined, {
+    error?: SDKUnsupportedReasons;
+}, undefined>;
+type RecordVideoAEP = TrackAEP<ACTION.RECORD_VIDEO, ACTION_SUBJECT.LOOM, undefined, {
+    inputMethod: INPUT_METHOD;
+}, undefined>;
+type RecordVideoFailedAEP = TrackAEP<ACTION.RECORD_VIDEO_FAILED, ACTION_SUBJECT.LOOM, undefined, {
+    inputMethod: INPUT_METHOD;
+    error?: SDKUnsupportedReasons;
+}, undefined>;
+type InsertVideoAEP = TrackAEP<ACTION.INSERT_VIDEO, ACTION_SUBJECT.LOOM, undefined, {
+    duration?: number;
+}, undefined>;
+export type LoomEventPayload = LoomInitialisedAEP | LoomDisabledAEP | RecordVideoAEP | RecordVideoFailedAEP | InsertVideoAEP;
+export {};

package/dist/types/analytics/types/toolbar-button.d.ts

@@ -15,7 +15,8 @@ export declare enum TOOLBAR_ACTION_SUBJECT_ID {
     UNDO = "undo",
     REDO = "redo",
     INDENT = "indent",
-    OUTDENT = "outdent"
+    OUTDENT = "outdent",
+    RECORD_VIDEO = "recordVideo"
 }
 type ToolbarButtonClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR_BUTTON, undefined, {}, undefined>;
 export type ToolbarEventPayload = ToolbarButtonClickedAEP;

package/dist/types/card/types.d.ts

@@ -15,7 +15,7 @@ export interface OptionConfig {
     tooltip?: string;
 }
 export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
-export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Transaction;
+export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => Transaction;
 export type HideLinkToolbarAction = (tr: Transaction) => Transaction;
 export type ChangeSelectedCardToLink = (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
 export type SetSelectedCardAppearance = (appearance: CardAppearance, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;

package/dist/types/media-inline/inline-image-wrapper.d.ts

@@ -2,6 +2,7 @@
 import type { FC, ReactElement } from 'react';
 type Prop = {
     children: ReactElement;
+    isSelected?: boolean;
 };
 export declare const InlineImageWrapper: FC<Prop>;
 export {};