@atlaskit/renderer 101.0.3 → 101.1.1

package/dist/types-ts4.0/ui/annotations/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useHasFocusEvent, useAnnotationClickEvent } from './use-events';
+export { useInlineCommentsFilter } from './use-inline-comments-filter';
+export { useInlineCommentSubscriberContext } from './use-inline-comment-subscriber';

package/dist/types-ts4.0/ui/annotations/hooks/use-events.d.ts

@@ -0,0 +1,18 @@
+import { AnnotationUpdateEmitter } from '@atlaskit/editor-common/types';
+import type { InlineCommentViewComponentProps } from '@atlaskit/editor-common/types';
+import { AnnotationMarkStates, AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+declare type ListenEventProps = {
+    id: AnnotationId;
+    updateSubscriber: AnnotationUpdateEmitter | null;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+};
+declare type UseAnnotationUpdateSatteByEventProps = {
+    type: AnnotationTypes;
+    updateSubscriber: AnnotationUpdateEmitter | null;
+};
+export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
+export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventProps) => boolean;
+declare type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
+export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent'>) => AnnotationsWithClickTarget;
+export {};

package/dist/types-ts4.0/ui/annotations/hooks/use-inline-comment-subscriber.d.ts

@@ -0,0 +1 @@
+export declare const useInlineCommentSubscriberContext: () => import("@atlaskit/editor-common/types").AnnotationUpdateEmitter | null;

package/dist/types-ts4.0/ui/annotations/hooks/use-inline-comments-filter.d.ts

@@ -0,0 +1,9 @@
+import { AnnotationId, AnnotationMarkStates } from '@atlaskit/adf-schema';
+declare type Props = {
+    annotationIds: AnnotationId[];
+    filter: {
+        state: AnnotationMarkStates;
+    };
+};
+export declare const useInlineCommentsFilter: ({ annotationIds, filter: { state: stateFilter }, }: Props) => string[];
+export {};

package/dist/types-ts4.0/ui/annotations/hooks/use-load-annotations.d.ts

@@ -0,0 +1,6 @@
+import { JSONDocNode } from '@atlaskit/editor-json-transformer';
+declare type Props = {
+    adfDocument: JSONDocNode;
+};
+export declare const useLoadAnnotations: ({ adfDocument }: Props) => void;
+export {};

package/dist/types-ts4.0/ui/annotations/hooks/user-selection.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type Props = {
+    rendererRef: React.RefObject<HTMLDivElement>;
+};
+export declare const useUserSelectionRange: (props: Props) => [
+    Range | null,
+    () => void
+];
+export {};

package/dist/types-ts4.0/ui/annotations/hooks/utils.d.ts

@@ -0,0 +1,2 @@
+/** Exists in its own module to allow mocking in unit tests */
+export declare const isRangeInsideOfRendererContainer: (rendererDOM: HTMLElement, range: Range) => boolean;

package/dist/types-ts4.0/ui/annotations/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AnnotationsWrapperProps } from './types';
+export declare const AnnotationsWrapper: React.FC<AnnotationsWrapperProps>;
+export { TextWithAnnotationDraft } from './draft';
+export { MarkElement as AnnotationMark } from './element';

package/dist/types-ts4.0/ui/annotations/selection/index.d.ts

@@ -0,0 +1 @@
+export { Wrapper as SelectionComponentWrapper } from './wrapper';

package/dist/types-ts4.0/ui/annotations/selection/mounter.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AnnotationByMatches, InlineCommentSelectionComponentProps } from '@atlaskit/editor-common/types';
+import { ApplyAnnotation } from '../../../actions/index';
+import { Position } from '../types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+declare type Props = {
+    range: Range;
+    component: React.ComponentType<InlineCommentSelectionComponentProps>;
+    wrapperDOM: React.RefObject<HTMLDivElement>;
+    documentPosition: Position | false;
+    isAnnotationAllowed: boolean;
+    onClose: () => void;
+    applyAnnotation: ApplyAnnotation;
+    applyAnnotationDraftAt: (position: Position) => void;
+    clearAnnotationDraft: () => void;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    generateIndexMatch?: (pos: Position) => false | AnnotationByMatches;
+};
+export declare const SelectionInlineCommentMounter: React.FC<Props>;
+export {};

package/dist/types-ts4.0/ui/annotations/selection/range-validator.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Position } from '../types';
+import type { InlineCommentSelectionComponentProps } from '@atlaskit/editor-common/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+declare type Props = {
+    selectionComponent: React.ComponentType<InlineCommentSelectionComponentProps>;
+    rendererRef: React.RefObject<HTMLDivElement>;
+    applyAnnotationDraftAt: (position: Position) => void;
+    clearAnnotationDraft: () => void;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+};
+export declare const SelectionRangeValidator: React.FC<Props>;
+export {};

package/dist/types-ts4.0/ui/annotations/selection/wrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+declare type Props = {
+    rendererRef: React.RefObject<HTMLDivElement>;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+};
+export declare const Wrapper: (props: React.PropsWithChildren<Props>) => JSX.Element;
+export {};

package/dist/types-ts4.0/ui/annotations/types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { AnnotationProviders } from '@atlaskit/editor-common/types';
+export declare enum InsertDraftPosition {
+    AROUND_TEXT = "AROUND_TEXT",
+    START = "START",
+    END = "END",
+    INSIDE = "INSIDE"
+}
+export declare type Position = {
+    from: number;
+    to: number;
+};
+export declare type AnnotationsWrapperProps = {
+    adfDocument: JSONDocNode;
+    annotationProvider: AnnotationProviders | null | undefined;
+    rendererRef: React.RefObject<HTMLDivElement>;
+};
+export declare type TextPosition = {
+    start: number;
+    end: number;
+};

package/dist/types-ts4.0/ui/annotations/view/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+declare type Props = {
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+};
+declare const AnnotationView: React.FC<Props>;
+export { AnnotationView };

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

@@ -0,0 +1 @@
+export { default as Renderer } from './Renderer';

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

@@ -0,0 +1,100 @@
+/// <reference types="react" />
+import { Schema } from 'prosemirror-model';
+import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ADFStage } from '@atlaskit/editor-common/validator';
+import type { AnnotationProviders } from '@atlaskit/editor-common/types';
+import type { EventHandlers } from '@atlaskit/editor-common/ui';
+import type { UnsupportedContentLevelsTracking } from '@atlaskit/editor-common/utils';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { RendererContext } from '../';
+import { RenderOutputStat } from '../render-document';
+import { RendererAppearance, StickyHeaderProps, HeadingAnchorLinksProps, NodeComponentsProps } from './Renderer/types';
+import { MediaOptions } from '../types/mediaOptions';
+import { SmartLinksOptions } from '../types/smartLinksOptions';
+import { ACTION_SUBJECT } from '../analytics/enums';
+export interface RawObjectFeatureFlags {
+    ['renderer-render-tracking']: string;
+}
+export interface NormalizedObjectFeatureFlags {
+    rendererRenderTracking: {
+        [ACTION_SUBJECT.RENDERER]: {
+            enabled: boolean;
+            useShallow: boolean;
+        };
+    };
+}
+export interface RendererProps {
+    document: any;
+    dataProviders?: ProviderFactory;
+    eventHandlers?: EventHandlers;
+    extensionHandlers?: ExtensionHandlers;
+    enableSsrInlineScripts?: boolean;
+    onComplete?: (stat: RenderOutputStat) => void;
+    onError?: (error: any) => void;
+    portal?: HTMLElement;
+    rendererContext?: RendererContext;
+    schema?: Schema;
+    appearance?: RendererAppearance;
+    adfStage?: ADFStage;
+    disableHeadingIDs?: boolean;
+    disableActions?: boolean;
+    allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
+    allowPlaceholderText?: boolean;
+    maxHeight?: number;
+    fadeOutHeight?: number;
+    truncated?: boolean;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    allowColumnSorting?: boolean;
+    shouldOpenMediaViewer?: boolean;
+    allowAltTextOnImages?: boolean;
+    stickyHeaders?: StickyHeaderProps;
+    media?: MediaOptions;
+    smartLinks?: SmartLinksOptions;
+    allowAnnotations?: boolean;
+    annotationProvider?: AnnotationProviders | null;
+    innerRef?: React.RefObject<HTMLDivElement>;
+    useSpecBasedValidator?: boolean;
+    allowCopyToClipboard?: boolean;
+    allowCustomPanels?: boolean;
+    analyticsEventSeverityTracking?: {
+        enabled: boolean;
+        severityNormalThreshold: number;
+        severityDegradedThreshold: number;
+    };
+    allowUgcScrubber?: boolean;
+    allowSelectAllTrap?: boolean;
+    unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking;
+    nodeComponents?: NodeComponentsProps;
+    /**
+     * @default undefined
+     * @description
+     * Short lived feature flags for experiments and gradual rollouts
+     * Flags are expected to follow these rules or they are filtered out
+     *
+     * 1. cased in kebab-case (match [a-z-])
+     * 2. have boolean values or object {} values
+     *
+     * @example
+     * ```tsx
+     * (<Renderer featureFlags={{ 'my-feature': true }} />);
+     * getFeatureFlags()?.myFeature === true;
+     * ```
+     *
+     * @example
+     * ```tsx
+     * (<Renderer featureFlags={{ 'my-feature': 'thing' }} />);
+     * getFeatureFlags()?.myFeature === undefined;
+     * ```
+     *
+     * @example
+     * ```tsx
+     * (<Renderer featureFlags={{ 'product.my-feature': false }} />);
+     * getFeatureFlags()?.myFeature === undefined;
+     * getFeatureFlags()?.productMyFeature === undefined;
+     * ```
+     */
+    featureFlags?: {
+        [featureFlag: string]: boolean;
+    } | Partial<RawObjectFeatureFlags>;
+}

package/dist/types-ts4.0/use-feature-flags.d.ts

@@ -0,0 +1,2 @@
+import { RendererContextProps } from './renderer-context';
+export declare const useFeatureFlags: () => RendererContextProps['featureFlags'] | undefined;

package/dist/types-ts4.0/utils.d.ts

@@ -0,0 +1,24 @@
+import type { Schema } from 'prosemirror-model';
+import type { ADNode } from '@atlaskit/editor-common/validator';
+import type { EventHandlers } from '@atlaskit/editor-common/ui';
+import type { Transformer } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from 'prosemirror-model';
+import type { RendererAppearance } from './ui/Renderer/types';
+export declare type TransformerProvider<T> = (schema: Schema) => Transformer<T>;
+export declare class ADFEncoder<T> {
+    encode: (value: T) => any;
+    constructor(createTransformerWithSchema: TransformerProvider<T>);
+}
+export declare const getText: (node: PMNode | ADNode) => string;
+export declare const getEventHandler: (eventHandlers?: EventHandlers | undefined, type?: keyof EventHandlers | undefined, eventName?: string) => any;
+export declare const getPlatform: (rendererAppearance: RendererAppearance) => "mobile" | "web";
+/**
+ * Traverse through parent elements of element. Return element for which evaluate(element) returns
+ * true. If topElement is reached before evaluate returns true, return false. Does not run evaluate
+ * on topElement.
+ * @param element Starting HTMLElement
+ * @param topElement HTMLElement to end search at. evaluate is not called on this element
+ * @param evaluate Function which returns true or false based on the given element. eg: Checks if
+ * element has desired classname.
+ */
+export declare function findInTree(element: HTMLElement, topElement: HTMLElement, evaluate: (element: HTMLElement) => boolean): boolean;

package/messages/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/messages.js",
   "module:es2019": "../dist/es2019/messages.js",
   "sideEffects": false,
-  "types": "../dist/types/messages.d.ts"
+  "types": "../dist/types/messages.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/messages.d.ts"
+      ]
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "101.0.3",
+  "version": "101.1.1",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {
@@ -24,27 +31,27 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^23.3.0",
+    "@atlaskit/adf-schema": "^24.0.0",
     "@atlaskit/adf-utils": "^17.1.0",
     "@atlaskit/analytics-listeners": "^8.3.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
-    "@atlaskit/editor-common": "^69.1.0",
-    "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-shared-styles": "^2.1.0",
+    "@atlaskit/editor-common": "^69.3.0",
+    "@atlaskit/editor-json-transformer": "^8.8.0",
+    "@atlaskit/editor-shared-styles": "^2.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/media-card": "^74.1.0",
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-common": "^2.16.0",
     "@atlaskit/media-filmstrip": "^45.0.0",
     "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/media-viewer": "^47.0.0",
-    "@atlaskit/smart-card": "^22.0.0",
+    "@atlaskit/media-viewer": "^47.1.0",
+    "@atlaskit/smart-card": "^22.2.0",
     "@atlaskit/status": "^1.1.0",
-    "@atlaskit/task-decision": "^17.4.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/task-decision": "^17.5.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
@@ -59,8 +66,8 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.2.4",
-    "@atlaskit/media-core": "^33.0.2",
+    "@atlaskit/link-provider": "^1.2.9",
+    "@atlaskit/media-core": "^33.0.3",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "styled-components": "^3.2.6"
@@ -70,24 +77,24 @@
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^172.0.0",
-    "@atlaskit/editor-test-helpers": "^17.1.0",
+    "@atlaskit/editor-core": "^172.2.0",
+    "@atlaskit/editor-test-helpers": "^17.2.0",
     "@atlaskit/link-provider": "^1.0.0",
-    "@atlaskit/logo": "^13.8.0",
+    "@atlaskit/logo": "^13.9.0",
     "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/navigation-next": "^9.0.0",
-    "@atlaskit/profilecard": "^16.12.0",
-    "@atlaskit/radio": "^5.3.0",
+    "@atlaskit/profilecard": "^17.2.0",
+    "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/util-data-test": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "@types/prosemirror-model": "^1.11.0",
     "@types/prosemirror-transform": "^1.1.0",
     "@types/react-loadable": "^5.4.1",
@@ -103,7 +110,7 @@
     "react-test-renderer": "^16.8.0",
     "rxjs": "^5.5.0",
     "sinon": "^2.2.0",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "worker-plugin": "^4.0.2"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",

package/render-document/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/render-document.js",
   "module:es2019": "../dist/es2019/render-document.js",
   "sideEffects": false,
-  "types": "../dist/types/render-document.d.ts"
+  "types": "../dist/types/render-document.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/render-document.d.ts"
+      ]
+    }
+  }
 }

package/renderer-context/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/renderer-context.js",
   "module:es2019": "../dist/es2019/renderer-context.js",
   "sideEffects": false,
-  "types": "../dist/types/renderer-context.d.ts"
+  "types": "../dist/types/renderer-context.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/renderer-context.d.ts"
+      ]
+    }
+  }
 }

package/serializer/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/serializer.js",
   "module:es2019": "../dist/es2019/serializer.js",
   "sideEffects": false,
-  "types": "../dist/types/serializer.d.ts"
+  "types": "../dist/types/serializer.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/serializer.d.ts"
+      ]
+    }
+  }
 }

package/text-serializer/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/text-serializer.js",
   "module:es2019": "../dist/es2019/text-serializer.js",
   "sideEffects": false,
-  "types": "../dist/types/text-serializer.d.ts"
+  "types": "../dist/types/text-serializer.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/text-serializer.d.ts"
+      ]
+    }
+  }
 }

package/use-feature-flags/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/use-feature-flags.js",
   "module:es2019": "../dist/es2019/use-feature-flags.js",
   "sideEffects": false,
-  "types": "../dist/types/use-feature-flags.d.ts"
+  "types": "../dist/types/use-feature-flags.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/use-feature-flags.d.ts"
+      ]
+    }
+  }
 }

package/utils/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/utils.js",
   "module:es2019": "../dist/es2019/utils.js",
   "sideEffects": false,
-  "types": "../dist/types/utils.d.ts"
+  "types": "../dist/types/utils.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/utils.d.ts"
+      ]
+    }
+  }
 }