@atlaskit/editor-common 74.45.0 → 74.45.2

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

@@ -1,7 +1,8 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconStatus() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,17 +12,26 @@ export default function IconStatus() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 11)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#B3D4FF",
+    fill: iconThemed({
+      light: '#B3D4FF',
+      dark: '#09326C'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#1D7AFC'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -30,12 +40,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 18)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#C3F8DF",
+    fill: iconThemed({
+      light: '#C3F8DF',
+      dark: '#164B35'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#36B37E",
+    fill: iconThemed({
+      light: '#36B37E',
+      dark: '#22A06B'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -44,12 +60,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 25)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#DFE1E6",
+    fill: iconThemed({
+      light: '#DFE1E6',
+      dark: '#2C333A'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8993A4",
+    fill: iconThemed({
+      light: '#8993A4',
+      dark: '#5A6977'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -58,12 +80,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 25)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFD3C8",
+    fill: iconThemed({
+      light: '#FFD3C8',
+      dark: '#601D16'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF5230",
+    fill: iconThemed({
+      light: '#FF5230',
+      dark: '#F35844'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -72,12 +100,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 11)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#EAE6FF",
+    fill: iconThemed({
+      light: '#EAE6FF',
+      dark: '#352C63'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8777D9",
+    fill: iconThemed({
+      light: '#8777D9',
+      dark: '#8270DB'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -86,12 +120,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 18)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFF0B3",
+    fill: iconThemed({
+      light: '#FFF0B3',
+      dark: '#5F3811'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF991F",
+    fill: iconThemed({
+      light: '#FF991F',
+      dark: '#D19D00'
+    }),
     x: 2,
     y: 2,
     width: 10,

package/dist/esm/styles/shared/media-single.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var richMediaClassName = 'rich-media-item';
 var wrappedMediaBreakoutPoint = 410;
-var mediaSingleSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    clear: both;\n\n    &.image-wrap-left,\n    &.image-wrap-right {\n      clear: none;\n\n      &:first-child {\n        margin-top: ", ";\n      }\n    }\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  ", "\n"])), richMediaClassName, richMediaClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, !getBooleanFF('platform.editor.media.extended-resize-experience') && "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: 12px 0;\n    }\n  }"));
+var mediaSingleSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    clear: both;\n\n    &.image-wrap-left,\n    &.image-wrap-right {\n      clear: none;\n\n      &:first-child {\n        margin-top: ", ";\n      }\n    }\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  @media all and (max-width: ", "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: ", " 0;\n    }\n  }\n"])), richMediaClassName, richMediaClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, wrappedMediaBreakoutPoint, "var(--ds-space-150, 12px)");
 export { mediaSingleSharedStyle, richMediaClassName };

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

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

package/dist/esm/ui/MediaSingle/styled.js

@@ -7,7 +7,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { calcMediaSingleMaxWidth } from '../../media-single';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -80,12 +79,6 @@ function calcMaxWidth(layout, containerWidth) {
       return '100%';
   }
 }
-var getEffectiveFullWidth = function getEffectiveFullWidth(containerWidth, fullWidthMode) {
-  if (fullWidthMode) {
-    return '100%';
-  }
-  return "".concat(calcMediaSingleMaxWidth(containerWidth), "px");
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -122,7 +115,7 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set by ResizerNext inline style\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

package/dist/esm/utils/rich-media-utils.js

@@ -9,7 +9,7 @@ export var shouldAddDefaultWrappedWidth = function shouldAddDefaultWrappedWidth(
 };
 export var nonWrappedLayouts = ['center', 'wide', 'full-width'];
 export var floatingLayouts = ['wrap-left', 'wrap-right'];
-export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes) {
+export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -17,11 +17,8 @@ export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(
   var _view$state$schema$no = view.state.schema.nodes,
     expand = _view$state$schema$no.expand,
     nestedExpand = _view$state$schema$no.nestedExpand,
-    layoutColumn = _view$state$schema$no.layoutColumn,
-    tableCell = _view$state$schema$no.tableCell,
-    listItem = _view$state$schema$no.listItem;
-  var parentNodeTypes = [expand, nestedExpand, layoutColumn];
-  return !!findParentNodeOfTypeClosestToPos($pos, includeMoreParentNodeTypes ? [].concat(parentNodeTypes, [tableCell, listItem]) : parentNodeTypes);
+    layoutColumn = _view$state$schema$no.layoutColumn;
+  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
 };
 export var alignAttributes = function alignAttributes(layout, oldAttrs) {
   var gridSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 12;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.45.0",
+	"version": "74.45.2",
 	"sideEffects": false
 }

package/dist/types/collab/index.d.ts

@@ -369,8 +369,11 @@ export interface CollabInviteToEditProps {
 }
 export interface CollabAnalyticsProps {
     /**
-     * @description Control wether Synchrony entity error events are tracked
+     * @description Control whether Synchrony entity error events are tracked
      */
     EXPERIMENTAL_allowInternalErrorAnalytics?: boolean;
 }
+export interface CollabEventLocalStepData {
+    steps: Array<Step>;
+}
 export {};

package/dist/types/utils/rich-media-utils.d.ts

@@ -1,9 +1,9 @@
-import { RichMediaAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { SnapPointsProps } from '../types';
+import type { RichMediaAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SnapPointsProps } from '../types';
 export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number, lineLength?: number) => boolean | 0 | undefined;
 export declare const nonWrappedLayouts: RichMediaLayout[];
 export declare const floatingLayouts: string[];
-export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean, includeMoreParentNodeTypes?: boolean) => boolean;
+export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean) => boolean;
 export declare const alignAttributes: (layout: RichMediaLayout, oldAttrs: RichMediaAttributes, gridSize: number | undefined, originalWidth: number, lineLength?: number) => RichMediaAttributes;
 export declare function calculateSnapPoints({ $pos, akEditorWideLayoutWidth, allowBreakoutSnapPoints, containerWidth, gridSize, gridWidth, insideInlineLike, insideLayout, isVideoFile, lineLength, offsetLeft, wrappedLayout, }: SnapPointsProps): number[];

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

@@ -369,8 +369,11 @@ export interface CollabInviteToEditProps {
 }
 export interface CollabAnalyticsProps {
     /**
-     * @description Control wether Synchrony entity error events are tracked
+     * @description Control whether Synchrony entity error events are tracked
      */
     EXPERIMENTAL_allowInternalErrorAnalytics?: boolean;
 }
+export interface CollabEventLocalStepData {
+    steps: Array<Step>;
+}
 export {};

package/dist/types-ts4.5/utils/rich-media-utils.d.ts

@@ -1,9 +1,9 @@
-import { RichMediaAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { SnapPointsProps } from '../types';
+import type { RichMediaAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SnapPointsProps } from '../types';
 export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number, lineLength?: number) => boolean | 0 | undefined;
 export declare const nonWrappedLayouts: RichMediaLayout[];
 export declare const floatingLayouts: string[];
-export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean, includeMoreParentNodeTypes?: boolean) => boolean;
+export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean) => boolean;
 export declare const alignAttributes: (layout: RichMediaLayout, oldAttrs: RichMediaAttributes, gridSize: number | undefined, originalWidth: number, lineLength?: number) => RichMediaAttributes;
 export declare function calculateSnapPoints({ $pos, akEditorWideLayoutWidth, allowBreakoutSnapPoints, containerWidth, gridSize, gridWidth, insideInlineLike, insideLayout, isVideoFile, lineLength, offsetLeft, wrappedLayout, }: SnapPointsProps): number[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.45.0",
+  "version": "74.45.2",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -99,7 +99,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.2.0",
-    "@atlaskit/link-datasource": "^0.33.0",
+    "@atlaskit/link-datasource": "^0.34.0",
     "@atlaskit/link-picker": "^1.28.0",
     "@atlaskit/media-card": "^76.1.0",
     "@atlaskit/media-client": "^23.1.0",
@@ -143,7 +143,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.10.0",
+    "@atlaskit/editor-test-helpers": "^18.11.0",
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/smart-card": "^26.15.0",