@atlaskit/renderer 94.0.0 → 96.0.0

package/dist/esm/ui/annotations/hooks/use-events.js

@@ -30,7 +30,7 @@ export var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEven
       }
 
       var nextStates = Object.values(payload).reduce(function (acc, curr) {
-        if (curr.annotationType === type) {
+        if (curr.id && curr.annotationType === type) {
           // Check for empty state to prevent additional renders
           var isEmpty = curr.state === null || curr.state === undefined;
           return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, curr.id, !isEmpty ? curr.state : states[curr.id]));
@@ -95,7 +95,9 @@ export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
     var cb = function cb(_ref3) {
       var annotationIds = _ref3.annotationIds,
           eventTarget = _ref3.eventTarget;
-      var annotationsByType = annotationIds.map(function (id) {
+      var annotationsByType = annotationIds.filter(function (id) {
+        return !!id;
+      }).map(function (id) {
         return {
           id: id,
           type: AnnotationTypes.INLINE_COMMENT

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "94.0.0",
+	"version": "96.0.0",
 	"sideEffects": false
 }

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

@@ -19,7 +19,6 @@ export interface ReactSerializerInit {
     appearance?: RendererAppearance;
     disableHeadingIDs?: boolean;
     disableActions?: boolean;
-    allowDynamicTextSizing?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowColumnSorting?: boolean;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
@@ -60,7 +59,6 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
      * for headers under this ticket -> https://product-fabric.atlassian.net/browse/ED-9668
      */
     private expandHeadingIds;
-    private allowDynamicTextSizing?;
     private allowHeadingAnchorLinks?;
     private allowColumnSorting?;
     private allowCopyToClipboard?;

package/dist/types/react/nodes/embedCard.d.ts

@@ -14,5 +14,4 @@ export default function EmbedCard(props: {
     layout: RichMediaLayout;
     rendererAppearance?: RendererAppearance;
     isInsideOfBlockNode?: boolean;
-    allowDynamicTextSizing?: boolean;
 }): jsx.JSX.Element;

package/dist/types/react/nodes/extension.d.ts

@@ -28,6 +28,8 @@ declare const _default: {
     new (props: Readonly<Props>): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
@@ -42,6 +44,7 @@ declare const _default: {
         calcOverflowDiff: () => number;
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
+        initShadowObserver(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
@@ -66,6 +69,8 @@ declare const _default: {
     new (props: Props, context?: any): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
@@ -80,6 +85,7 @@ declare const _default: {
         calcOverflowDiff: () => number;
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
+        initShadowObserver(): void;
         render(): JSX.Element;
         context: any;
         setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;

package/dist/types/react/nodes/index.d.ts

@@ -41,7 +41,6 @@ declare const EmbedCard: React.ComponentType<{
     layout: import("@atlaskit/adf-schema").RichMediaLayout;
     rendererAppearance?: import("../..").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
-    allowDynamicTextSizing?: boolean | undefined;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{
@@ -53,7 +52,7 @@ declare const BlockCard: React.ComponentType<{
 }> & Loadable.LoadableComponent;
 declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
-declare const MediaInline: React.ComponentType<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent;
+declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaInline").MediaInlineProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
 declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
 declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;
 declare const Expand: React.ComponentType<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;

package/dist/types/react/nodes/media.d.ts

@@ -12,7 +12,6 @@ export declare type MediaProps = MediaCardProps & {
     providers?: ProviderFactory;
     allowAltTextOnImages?: boolean;
     children?: React.ReactNode;
-    allowDynamicTextSizing?: boolean;
     isInsideOfBlockNode?: boolean;
     marks: Array<LinkDefinition>;
     isLinkMark: () => boolean;

package/dist/types/react/nodes/mediaInline.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { FileIdentifier } from '@atlaskit/media-client';
 import { MediaProvider } from '../../ui/MediaCard';
+import { WrappedComponentProps } from 'react-intl-next';
 export declare type RenderMediaInlineProps = {
     identifier: FileIdentifier;
-    mediaProvider?: Promise<MediaProvider>;
+    mediaProvider: Promise<MediaProvider>;
     children?: React.ReactNode;
 };
 export declare type MediaInlineProps = {
@@ -13,5 +14,7 @@ export declare type MediaInlineProps = {
     providers: ProviderFactory;
 };
 export declare const RenderMediaInline: React.FC<RenderMediaInlineProps>;
-declare const MediaInline: React.FC<MediaInlineProps>;
-export default MediaInline;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/react/nodes/mediaSingle/index.d.ts

@@ -11,7 +11,6 @@ export interface Props {
     layout: MediaSingleLayout;
     eventHandlers?: EventHandlers;
     width?: number;
-    allowDynamicTextSizing?: boolean;
     isInsideOfBlockNode?: boolean;
     rendererAppearance: RendererAppearance;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;

package/dist/types/react/nodes/table/sticky.d.ts

@@ -24,9 +24,8 @@ export declare type StickyTableProps = {
     layout: TableLayout;
     columnWidths?: number[];
     renderWidth: number;
-    allowDynamicTextSizing?: boolean;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, allowDynamicTextSizing, rowHeight, }: StickyTableProps) => jsx.JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, }: StickyTableProps) => jsx.JSX.Element;
 export declare class OverflowParent {
     private ref;
     private constructor();

package/dist/types/react/nodes/table/table.d.ts

@@ -4,4 +4,4 @@ export declare type TableProps = SharedTableProps & {
     innerRef?: React.RefObject<HTMLTableElement>;
     children: React.ReactNode[];
 };
-export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, allowDynamicTextSizing, children, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, }: TableProps) => JSX.Element>;

package/dist/types/react/nodes/table/types.d.ts

@@ -4,5 +4,4 @@ export declare type SharedTableProps = {
     layout: TableLayout;
     isNumberColumnEnabled: boolean;
     renderWidth: number;
-    allowDynamicTextSizing?: boolean;
 };

package/dist/types/react/types.d.ts

@@ -24,7 +24,6 @@ export interface NodeMeta {
     content?: {
         [key: string]: any;
     } | null;
-    allowDynamicTextSizing?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowCopyToClipboard?: boolean;
     allowPlaceholderText?: boolean;

package/dist/types/render-document.d.ts

@@ -1,5 +1,5 @@
 import { Serializer } from './serializer';
-import { ADFStage } from '@atlaskit/editor-common/validator';
+import type { ADFStage } from '@atlaskit/editor-common/validator';
 import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
 import { Node as PMNode, Schema } from 'prosemirror-model';
 import { AnalyticsEventPayload } from './analytics/events';

package/dist/types/renderer-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare type FeatureFlags = {
     codeBidiWarnings?: boolean;
+    showHoverPreview?: boolean;
 };
 export declare type RendererContextProps = {
     featureFlags?: FeatureFlags;

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { ADFEntity } from '@atlaskit/adf-utils';
+import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import { CardAppearance, CardDimensions, CardOnClickCallback, NumericalCardDimensions } from '@atlaskit/media-card';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { ImageResizeMode, Identifier, FileState } from '@atlaskit/media-client';

package/dist/types/ui/Renderer/breakout-ssr.d.ts

@@ -5,9 +5,7 @@
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-export declare function BreakoutSSRInlineScript({ allowDynamicTextSizing, }: {
-    allowDynamicTextSizing: boolean;
-}): JSX.Element | null;
-export declare function createBreakoutInlineScript(id: number, allowDynamicTextSizing: boolean): string;
+export declare function BreakoutSSRInlineScript(): JSX.Element | null;
+export declare function createBreakoutInlineScript(id: number): string;
 export declare const breakoutInlineScriptContext: string;
 export declare const calcLineLength: any;

package/dist/types/ui/renderer-props.d.ts

@@ -39,6 +39,7 @@ export interface RendererProps {
     adfStage?: ADFStage;
     disableHeadingIDs?: boolean;
     disableActions?: boolean;
+    /** @deprecated  [ED-14507] allowDynamicTextSizing is no longer in use */
     allowDynamicTextSizing?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowPlaceholderText?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "94.0.0",
+  "version": "96.0.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,25 +24,27 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^23.0.0",
-    "@atlaskit/adf-utils": "^16.0.0",
+    "@atlaskit/adf-schema": "^23.1.0",
+    "@atlaskit/adf-utils": "^17.0.0",
     "@atlaskit/analytics-listeners": "^8.2.0",
     "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
-    "@atlaskit/editor-common": "^66.0.0",
+    "@atlaskit/editor-common": "^68.0.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-shared-styles": "^2.0.0",
+    "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/media-card": "^73.5.0",
-    "@atlaskit/media-client": "^15.1.0",
-    "@atlaskit/media-common": "^2.12.0",
-    "@atlaskit/media-filmstrip": "^43.0.0",
-    "@atlaskit/media-viewer": "^46.2.0",
+    "@atlaskit/media-card": "^73.7.0",
+    "@atlaskit/media-client": "^16.0.0",
+    "@atlaskit/media-common": "^2.14.0",
+    "@atlaskit/media-filmstrip": "^44.0.0",
+    "@atlaskit/media-ui": "^22.1.0",
+    "@atlaskit/media-viewer": "^46.4.0",
     "@atlaskit/status": "^1.1.0",
     "@atlaskit/task-decision": "^17.4.0",
     "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -56,28 +58,28 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^32.3.1",
-    "@atlaskit/smart-card": "^19.0.0",
+    "@atlaskit/media-core": "^33.0.0",
+    "@atlaskit/smart-card": "^19.1.12",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.5",
-    "@atlaskit/avatar": "^20.5.0",
+    "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^165.0.0",
+    "@atlaskit/editor-core": "^167.0.0",
     "@atlaskit/editor-test-helpers": "^17.0.0",
-    "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/media-core": "^32.3.0",
+    "@atlaskit/logo": "^13.7.0",
+    "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
-    "@atlaskit/media-test-helpers": "^29.4.0",
+    "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/navigation-next": "^9.0.0",
     "@atlaskit/profilecard": "^16.4.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/range": "^6.0.0",
-    "@atlaskit/smart-card": "^19.0.0",
+    "@atlaskit/smart-card": "^19.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/util-data-test": "^17.2.0",
     "@atlaskit/visual-regression": "*",
@@ -91,7 +93,7 @@
     "enzyme": "^3.10.0",
     "jsdom": "^16.2.2",
     "mockdate": "^3.0.2",
-    "puppeteer": "10.1.0",
+    "puppeteer": "13.7.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-live-clock": "^4.0.0",
@@ -101,5 +103,10 @@
     "typescript": "4.2.4",
     "worker-plugin": "^4.0.2"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "techstack": {
+    "@repo/internal": {
+      "theming": "tokens"
+    }
+  }
 }