@atlaskit/editor-common 78.2.1 → 78.3.1

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.2.1";
+var packageVersion = "78.3.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -114,7 +114,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  li & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n\n  float: ", ";\n  margin: ", ";\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  ", ";\n"])), isExtendedResizeExperienceOn ? "".concat(mediaSingleWidth || width, "px") : mediaSingleWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' &&
+  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  [data-panel-type] &,\n  li & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n\n  float: ", ";\n  margin: ", ";\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  ", ";\n"])), isExtendedResizeExperienceOn ? "".concat(mediaSingleWidth || width, "px") : mediaSingleWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' &&
   /* This causes issues for new experience where we don't strip layout attributes
    when copying top-level node and pasting into a table/layout,
    because full-width layout will remain, causing node to be edge-to-edge */

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

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
+
+import { css } from '@emotion/react';
+import { N30, N40 } from '@atlaskit/theme/colors';
+// Wraps the navigation bar and extensionFrames
+var mbeExtensionContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: transpaent !important;\n  padding: {\n    bottom: ", " !important;\n    left: ", " !important;\n    right: ", " !important;\n  }\n  padding-bottom: ", ";\n  position: relative;\n  vertical-align: middle;\n  cursor: pointer;\n\n  .multiBodiedExtension-handler-result {\n    margin-left: ", ";\n  }\n\n  .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'],\n  .multiBodiedExtension--frames > [data-extension-frame='true'] {\n    display: none;\n    background: ", ";\n  }\n\n  .multiBodiedExtension-content-dom-wrapper,\n  .multiBodiedExtension--frames {\n    [data-extension-frame='true'] > :not(style):first-child,\n    [data-extension-frame='true'] > style:first-child + * {\n      margin-top: 0;\n    }\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)");
+var mbeNavigation = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  // make sure the user can't see a range selection inside the navigation\n  // This is really important to keep the navigation working properly\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n\n  user-select: none;\n  -webkit-user-modify: read-only;\n  border: 1px solid ", ";\n  border-bottom: none !important;\n  background: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface, white)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+var extensionFrameContent = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", " !important;\n  border: 1px solid ", ";\n  display: block;\n  min-height: 100px;\n  background: ", ";\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n\n  margin-left: ", ";\n  margin-right: ", ";\n  cursor: initial;\n\n  .pm-table-with-controls {\n    margin-left: ", " !important;\n    padding-right: ", " !important;\n  }\n  .bodiedExtensionView-content-wrap {\n    margin-top: ", " !important;\n  }\n  // Extension wrap have an additional margin on all four borders, so we need to adjust the spacing\n  // compared to the bodiedExtensionView-content-wrap\n  .extensionView-content-wrap {\n    margin-top: ", " !important;\n  }\n  .decisionItemView-content-wrap {\n    margin-top: 0px !important;\n  }\n\n  .decisionItemView-content-wrap > [data-decision-wrapper] {\n    margin-top: 0px !important;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-border, ".concat(N30, ")"), "var(--ds-surface, white)", "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)");
+export var sharedMultiBodiedExtensionStyles = {
+  mbeExtensionContainer: mbeExtensionContainer,
+  mbeNavigation: mbeNavigation,
+  extensionFrameContent: extensionFrameContent
+};

package/dist/esm/ui/index.js

@@ -29,4 +29,5 @@ export { panelTextInput } from './PanelTextInput/styles';
 export { default as PanelTextInput } from './PanelTextInput';
 export { default as Announcer } from './Announcer/announcer';
 export { EDIT_AREA_ID } from './Toolbar';
-export { default as DropList } from './DropList';
+export { default as DropList } from './DropList';
+export { sharedMultiBodiedExtensionStyles } from './MultiBodiedExtension';

package/dist/types/element-browser/components/ElementSearch.d.ts

@@ -11,6 +11,7 @@ interface Props {
     onKeyDown: (e: React.KeyboardEvent) => void;
     searchTerm?: string;
     items: QuickInsertItem[];
+    selectedItemIndex?: number;
 }
 declare const MemoizedElementSearchWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps<"intl">, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;

package/dist/types/extensibility/MultiBodiedExtension/styles.d.ts

@@ -1,4 +1 @@
 export declare const mbeExtensionWrapperCSS: import("@emotion/react").SerializedStyles;
-export declare const mbeExtensionContainerCSS: import("@emotion/react").SerializedStyles;
-export declare const mbeNavigationCSS: import("@emotion/react").SerializedStyles;
-export declare const extensionFrameContentCSS: import("@emotion/react").SerializedStyles;

package/dist/types/messages/list.d.ts

@@ -24,4 +24,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    listsFormat: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/messages/toolbar.d.ts

@@ -49,6 +49,11 @@ export declare const toolbarMessages: {
         defaultMessage: string;
         description: string;
     };
+    textFormatting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     bold: {
         id: string;
         defaultMessage: string;

package/dist/types/resizer/Resizer.d.ts

@@ -49,6 +49,10 @@ export type ResizerProps = {
      * The handle can display a tooltip when mouse hovers.
      */
     handleTooltipContent?: TooltipProps['content'];
+    /**
+     * control if extended resize zone is needed, by default we apply it to the resizer
+     */
+    needExtendedResizeZone?: boolean;
 };
 type forwardRefType = {
     getResizerThumbEl: () => HTMLButtonElement | null;

package/dist/types/ui/MultiBodiedExtension/index.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+export declare const sharedMultiBodiedExtensionStyles: {
+    mbeExtensionContainer: import("@emotion/react").SerializedStyles;
+    mbeNavigation: import("@emotion/react").SerializedStyles;
+    extensionFrameContent: import("@emotion/react").SerializedStyles;
+};

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

@@ -42,3 +42,4 @@ export { EDIT_AREA_ID } from './Toolbar';
 export { default as DropList } from './DropList';
 export type { UseStickyToolbarType } from './Toolbar';
 export type { OpenChangedEvent } from './DropList';
+export { sharedMultiBodiedExtensionStyles } from './MultiBodiedExtension';

package/dist/types-ts4.5/element-browser/components/ElementSearch.d.ts

@@ -11,6 +11,7 @@ interface Props {
     onKeyDown: (e: React.KeyboardEvent) => void;
     searchTerm?: string;
     items: QuickInsertItem[];
+    selectedItemIndex?: number;
 }
 declare const MemoizedElementSearchWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps<"intl">, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;

package/dist/types-ts4.5/extensibility/MultiBodiedExtension/styles.d.ts

@@ -1,4 +1 @@
 export declare const mbeExtensionWrapperCSS: import("@emotion/react").SerializedStyles;
-export declare const mbeExtensionContainerCSS: import("@emotion/react").SerializedStyles;
-export declare const mbeNavigationCSS: import("@emotion/react").SerializedStyles;
-export declare const extensionFrameContentCSS: import("@emotion/react").SerializedStyles;

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

@@ -24,4 +24,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    listsFormat: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -49,6 +49,11 @@ export declare const toolbarMessages: {
         defaultMessage: string;
         description: string;
     };
+    textFormatting: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     bold: {
         id: string;
         defaultMessage: string;

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

@@ -49,6 +49,10 @@ export type ResizerProps = {
      * The handle can display a tooltip when mouse hovers.
      */
     handleTooltipContent?: TooltipProps['content'];
+    /**
+     * control if extended resize zone is needed, by default we apply it to the resizer
+     */
+    needExtendedResizeZone?: boolean;
 };
 type forwardRefType = {
     getResizerThumbEl: () => HTMLButtonElement | null;

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

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+export declare const sharedMultiBodiedExtensionStyles: {
+    mbeExtensionContainer: import("@emotion/react").SerializedStyles;
+    mbeNavigation: import("@emotion/react").SerializedStyles;
+    extensionFrameContent: import("@emotion/react").SerializedStyles;
+};

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

@@ -42,3 +42,4 @@ export { EDIT_AREA_ID } from './Toolbar';
 export { default as DropList } from './DropList';
 export type { UseStickyToolbarType } from './Toolbar';
 export type { OpenChangedEvent } from './DropList';
+export { sharedMultiBodiedExtensionStyles } from './MultiBodiedExtension';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.2.1",
+  "version": "78.3.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -112,12 +112,12 @@
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.2.0",
     "@atlaskit/link-datasource": "^1.22.0",
-    "@atlaskit/link-picker": "^1.33.0",
+    "@atlaskit/link-picker": "^1.34.0",
     "@atlaskit/media-card": "^77.10.0",
     "@atlaskit/media-client": "^26.2.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
-    "@atlaskit/media-file-preview": "^0.4.0",
+    "@atlaskit/media-file-preview": "^0.5.0",
     "@atlaskit/media-picker": "^66.3.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/mention": "^23.0.0",
@@ -130,7 +130,7 @@
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.37.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
@@ -165,6 +165,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@af/visual-regression": "*",
     "@atlaskit/media-core": "^34.2.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/util-data-test": "^17.9.0",