@atlaskit/renderer 133.16.2 → 133.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/types/react/nodes/index.d.ts +1 -1
- package/dist/types/react/nodes/table/content-mode.d.ts +1 -1
- package/dist/types/react/nodes/table.d.ts +1 -1
- package/dist/types/react/nodes/tableNew.d.ts +1 -1
- package/dist/types/react/utils/appearance.d.ts +5 -5
- package/dist/types/react/utils/breakout.d.ts +1 -1
- package/dist/types/react/utils/getCardClickHandler.d.ts +1 -1
- package/dist/types/ui/annotations/draft/dom.d.ts +3 -3
- package/dist/types/ui/annotations/element/mark.d.ts +56 -56
- package/dist/types/ui/annotations/hooks/use-events.d.ts +1 -1
- package/dist/types/ui/annotations/index.d.ts +1 -1
- package/dist/types/use-feature-flags.d.ts +1 -1
- package/package.json +10 -13
package/CHANGELOG.md
CHANGED
|
@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
73
73
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
74
74
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
75
75
|
var packageName = "@atlaskit/renderer";
|
|
76
|
-
var packageVersion = "133.16.
|
|
76
|
+
var packageVersion = "133.16.3";
|
|
77
77
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
78
78
|
containerName: 'ak-renderer-wrapper',
|
|
79
79
|
containerType: 'inline-size'
|
|
@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
59
59
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
60
60
|
const RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
61
61
|
const packageName = "@atlaskit/renderer";
|
|
62
|
-
const packageVersion = "133.16.
|
|
62
|
+
const packageVersion = "133.16.3";
|
|
63
63
|
const setAsQueryContainerStyles = css({
|
|
64
64
|
containerName: 'ak-renderer-wrapper',
|
|
65
65
|
containerType: 'inline-size'
|
|
@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
64
64
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
65
65
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
66
66
|
var packageName = "@atlaskit/renderer";
|
|
67
|
-
var packageVersion = "133.16.
|
|
67
|
+
var packageVersion = "133.16.3";
|
|
68
68
|
var setAsQueryContainerStyles = css({
|
|
69
69
|
containerName: 'ak-renderer-wrapper',
|
|
70
70
|
containerType: 'inline-size'
|
|
@@ -128,7 +128,7 @@ interface NodeSimple {
|
|
|
128
128
|
};
|
|
129
129
|
}
|
|
130
130
|
export declare const mergeTextNodes: (nodes: (Node | NodeSimple)[]) => (Node | TextWrapper | NodeSimple)[];
|
|
131
|
-
export declare const isText: (type: string) => type is
|
|
131
|
+
export declare const isText: (type: string) => type is 'text';
|
|
132
132
|
export declare const isTextWrapper: (node: Node | TextWrapper | NodeSimple) => node is TextWrapper;
|
|
133
133
|
export declare function isTextNode(node: Node | Mark): node is Node;
|
|
134
134
|
/**
|
|
@@ -6,5 +6,5 @@ type ContentModeOptions = {
|
|
|
6
6
|
rendererAppearance?: RendererAppearance;
|
|
7
7
|
tableNode: PMNode | undefined;
|
|
8
8
|
};
|
|
9
|
-
export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions,
|
|
9
|
+
export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, 'allowTableResizing' | 'rendererAppearance'>) => boolean;
|
|
10
10
|
export {};
|
|
@@ -15,7 +15,7 @@ export type TableArrayMapped = {
|
|
|
15
15
|
};
|
|
16
16
|
export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
|
|
17
17
|
export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
|
|
18
|
-
export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps[
|
|
18
|
+
export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
|
|
19
19
|
export declare const hasRowspan: (row: PMNode) => boolean;
|
|
20
20
|
export declare const getRefTop: (refElement: HTMLElement) => number;
|
|
21
21
|
export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;
|
|
@@ -15,7 +15,7 @@ export type TableArrayMapped = {
|
|
|
15
15
|
};
|
|
16
16
|
export declare const isTableResizingEnabled: (appearance: RendererAppearance) => boolean;
|
|
17
17
|
export declare const isStickyScrollbarEnabled: (appearance: RendererAppearance) => boolean;
|
|
18
|
-
export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps[
|
|
18
|
+
export declare const orderChildren: (children: React.ReactElement[], tableNode: PMNode, smartCardStorage: WithSmartCardStorageProps['smartCardStorage'], tableOrderStatus?: TableOrderStatus) => React.ReactElement[];
|
|
19
19
|
export declare const hasRowspan: (row: PMNode) => boolean;
|
|
20
20
|
export declare const getRefTop: (refElement: HTMLElement) => number;
|
|
21
21
|
export declare const shouldHeaderStick: (scrollTop: number, tableTop: number, tableBottom: number, rowHeight: number) => boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { RendererAppearance } from '../../ui/Renderer/types';
|
|
2
|
-
export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is
|
|
3
|
-
export declare const isMaxWidthAppearance: (appearance: RendererAppearance) => appearance is
|
|
4
|
-
export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is
|
|
5
|
-
export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is
|
|
6
|
-
export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is
|
|
2
|
+
export declare const isFullWidthAppearance: (appearance: RendererAppearance) => appearance is 'full-width';
|
|
3
|
+
export declare const isMaxWidthAppearance: (appearance: RendererAppearance) => appearance is 'max';
|
|
4
|
+
export declare const isFullPageAppearance: (appearance: RendererAppearance) => appearance is 'full-page';
|
|
5
|
+
export declare const isCommentAppearance: (appearance: RendererAppearance) => appearance is 'comment';
|
|
6
|
+
export declare const isFullWidthOrFullPageAppearance: (appearance: RendererAppearance) => appearance is 'full-width' | 'full-page' | 'max';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const calcBreakoutWidthCss: (layout:
|
|
1
|
+
export declare const calcBreakoutWidthCss: (layout: 'full-width' | 'wide' | 'default') => '100%' | 'min(var(--ak-editor--breakout-container-without-gutter-width), var(--ak-editor--full-width-layout-width))' | 'min(var(--ak-editor--breakout-container-without-gutter-width), var(--ak-editor--breakout-wide-layout-width))';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { EventHandlers } from '@atlaskit/editor-common/ui';
|
|
2
2
|
import type { CardProps } from '@atlaskit/smart-card';
|
|
3
|
-
export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => CardProps[
|
|
3
|
+
export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => CardProps['onClick'] | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Position } from '../types';
|
|
2
2
|
export declare const dataAttributes: ({ from, to, }: Position) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
'data-annotation-draft-mark': boolean;
|
|
4
|
+
'data-draft-end-at': number;
|
|
5
|
+
'data-draft-start-at': number;
|
|
6
6
|
};
|
|
7
7
|
export declare const updateWindowSelectionAroundDraft: (pos: Position) => boolean;
|
|
@@ -18,107 +18,107 @@ type MarkComponentProps = {
|
|
|
18
18
|
useBlockLevel?: boolean;
|
|
19
19
|
};
|
|
20
20
|
export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, isHovered, onClick, useBlockLevel, }: React.PropsWithChildren<MarkComponentProps>) => React.ReactElement<{
|
|
21
|
-
|
|
21
|
+
'aria-disabled': boolean;
|
|
22
22
|
css?: (false | SerializedStyles)[] | undefined;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
'data-id': AnnotationId;
|
|
24
|
+
'data-mark-annotation-state'?: AnnotationMarkStates;
|
|
25
|
+
'data-mark-annotation-type': AnnotationTypes;
|
|
26
|
+
'data-mark-type': string;
|
|
27
27
|
id: string;
|
|
28
28
|
ref: ((node: HTMLElement | null) => void) | undefined;
|
|
29
29
|
style?: {
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
'--ak-renderer-annotation-endmarker': string;
|
|
31
|
+
'--ak-renderer-annotation-startmarker': string;
|
|
32
32
|
} | undefined;
|
|
33
33
|
} | {
|
|
34
|
-
|
|
34
|
+
'aria-disabled': boolean;
|
|
35
35
|
css?: (false | SerializedStyles)[] | undefined;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
'data-has-focus': boolean;
|
|
37
|
+
'data-id': AnnotationId;
|
|
38
|
+
'data-is-hovered': boolean;
|
|
39
|
+
'data-mark-annotation-state': AnnotationMarkStates;
|
|
40
|
+
'data-mark-annotation-type': AnnotationTypes;
|
|
41
|
+
'data-mark-type': string;
|
|
42
42
|
id: string;
|
|
43
43
|
ref: ((node: HTMLElement | null) => void) | undefined;
|
|
44
44
|
style?: {
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
'--ak-renderer-annotation-endmarker': string;
|
|
46
|
+
'--ak-renderer-annotation-startmarker': string;
|
|
47
47
|
} | undefined;
|
|
48
48
|
} | {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
'aria-details': string;
|
|
50
|
+
'aria-disabled'?: undefined;
|
|
51
|
+
'aria-expanded'?: undefined;
|
|
52
52
|
css?: (false | SerializedStyles)[] | undefined;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
'data-id': AnnotationId;
|
|
54
|
+
'data-mark-annotation-state'?: AnnotationMarkStates;
|
|
55
|
+
'data-mark-annotation-type': AnnotationTypes;
|
|
56
|
+
'data-mark-type': string;
|
|
57
57
|
id: string;
|
|
58
58
|
onKeyDown?: undefined;
|
|
59
59
|
ref: ((node: HTMLElement | null) => void) | undefined;
|
|
60
60
|
role?: undefined;
|
|
61
61
|
style?: {
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
'--ak-renderer-annotation-endmarker': string;
|
|
63
|
+
'--ak-renderer-annotation-startmarker': string;
|
|
64
64
|
} | undefined;
|
|
65
65
|
tabIndex?: undefined;
|
|
66
66
|
} | {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
'aria-details': string;
|
|
68
|
+
'aria-disabled'?: undefined;
|
|
69
|
+
'aria-expanded'?: undefined;
|
|
70
70
|
css?: (false | SerializedStyles)[] | undefined;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
71
|
+
'data-has-focus': boolean;
|
|
72
|
+
'data-id': AnnotationId;
|
|
73
|
+
'data-is-hovered': boolean;
|
|
74
|
+
'data-mark-annotation-state': AnnotationMarkStates;
|
|
75
|
+
'data-mark-annotation-type': AnnotationTypes;
|
|
76
|
+
'data-mark-type': string;
|
|
77
77
|
id: string;
|
|
78
78
|
onKeyDown?: undefined;
|
|
79
79
|
ref: ((node: HTMLElement | null) => void) | undefined;
|
|
80
80
|
role?: undefined;
|
|
81
81
|
style?: {
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
'--ak-renderer-annotation-endmarker': string;
|
|
83
|
+
'--ak-renderer-annotation-startmarker': string;
|
|
84
84
|
} | undefined;
|
|
85
85
|
tabIndex?: undefined;
|
|
86
86
|
} | {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
'aria-details': string;
|
|
88
|
+
'aria-disabled'?: undefined;
|
|
89
|
+
'aria-expanded': boolean;
|
|
90
90
|
css?: (false | SerializedStyles)[] | undefined;
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
91
|
+
'data-id': AnnotationId;
|
|
92
|
+
'data-mark-annotation-state'?: AnnotationMarkStates;
|
|
93
|
+
'data-mark-annotation-type': AnnotationTypes;
|
|
94
|
+
'data-mark-type': string;
|
|
95
95
|
id: string;
|
|
96
96
|
onKeyDown: (evt: KeyboardEvent) => void;
|
|
97
97
|
ref: ((node: HTMLElement | null) => void) | undefined;
|
|
98
98
|
role: string;
|
|
99
99
|
style?: {
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
'--ak-renderer-annotation-endmarker': string;
|
|
101
|
+
'--ak-renderer-annotation-startmarker': string;
|
|
102
102
|
} | undefined;
|
|
103
103
|
tabIndex: number;
|
|
104
104
|
} | {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
'aria-details': string;
|
|
106
|
+
'aria-disabled'?: undefined;
|
|
107
|
+
'aria-expanded': boolean;
|
|
108
108
|
css?: (false | SerializedStyles)[] | undefined;
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
109
|
+
'data-has-focus': boolean;
|
|
110
|
+
'data-id': AnnotationId;
|
|
111
|
+
'data-is-hovered': boolean;
|
|
112
|
+
'data-mark-annotation-state': AnnotationMarkStates;
|
|
113
|
+
'data-mark-annotation-type': AnnotationTypes;
|
|
114
|
+
'data-mark-type': string;
|
|
115
115
|
id: string;
|
|
116
116
|
onKeyDown: (evt: KeyboardEvent) => void;
|
|
117
117
|
ref: ((node: HTMLElement | null) => void) | undefined;
|
|
118
118
|
role: string;
|
|
119
119
|
style?: {
|
|
120
|
-
|
|
121
|
-
|
|
120
|
+
'--ak-renderer-annotation-endmarker': string;
|
|
121
|
+
'--ak-renderer-annotation-startmarker': string;
|
|
122
122
|
} | undefined;
|
|
123
123
|
tabIndex: number;
|
|
124
124
|
}>;
|
|
@@ -18,5 +18,5 @@ export declare const useHasFocusEvent: ({ id, updateSubscriber, }: ListenEventPr
|
|
|
18
18
|
isHovered: boolean;
|
|
19
19
|
};
|
|
20
20
|
type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
|
|
21
|
-
export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps,
|
|
21
|
+
export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent' | 'isNestedRender'>) => AnnotationsWithClickTarget;
|
|
22
22
|
export {};
|
|
@@ -3,5 +3,5 @@ import type { AnnotationsWrapperProps } from './types';
|
|
|
3
3
|
export declare const AnnotationsPositionContext: React.Context<{
|
|
4
4
|
startPos: number;
|
|
5
5
|
}>;
|
|
6
|
-
export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps,
|
|
6
|
+
export declare const AnnotationsWrapperInner: (props: Omit<AnnotationsWrapperProps, 'annotationProvider'>) => React.JSX.Element;
|
|
7
7
|
export declare const AnnotationsWrapper: (props: AnnotationsWrapperProps) => React.JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { RendererContextProps } from './renderer-context';
|
|
2
|
-
export declare const useFeatureFlags: () => RendererContextProps[
|
|
2
|
+
export declare const useFeatureFlags: () => RendererContextProps['featureFlags'] | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "133.16.
|
|
3
|
+
"version": "133.16.4",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
"@atlaskit/button": "^24.3.0",
|
|
41
41
|
"@atlaskit/code": "^18.2.0",
|
|
42
42
|
"@atlaskit/css": "^1.0.0",
|
|
43
|
-
"@atlaskit/editor-json-transformer": "^9.
|
|
43
|
+
"@atlaskit/editor-json-transformer": "^9.1.0",
|
|
44
44
|
"@atlaskit/editor-palette": "^3.1.0",
|
|
45
45
|
"@atlaskit/editor-prosemirror": "^8.0.0",
|
|
46
46
|
"@atlaskit/editor-shared-styles": "^4.0.0",
|
|
47
47
|
"@atlaskit/editor-smart-link-draggable": "^1.1.0",
|
|
48
|
-
"@atlaskit/emoji": "^71.
|
|
48
|
+
"@atlaskit/emoji": "^71.14.0",
|
|
49
49
|
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
50
|
-
"@atlaskit/icon": "^37.
|
|
50
|
+
"@atlaskit/icon": "^37.2.0",
|
|
51
51
|
"@atlaskit/link": "^4.3.0",
|
|
52
52
|
"@atlaskit/link-datasource": "^6.3.0",
|
|
53
53
|
"@atlaskit/link-extractors": "^3.2.0",
|
|
@@ -68,9 +68,9 @@
|
|
|
68
68
|
"@atlaskit/status": "^5.7.0",
|
|
69
69
|
"@atlaskit/task-decision": "^21.7.0",
|
|
70
70
|
"@atlaskit/theme": "^26.1.0",
|
|
71
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
71
|
+
"@atlaskit/tmp-editor-statsig": "^135.0.0",
|
|
72
72
|
"@atlaskit/tokens": "^16.3.0",
|
|
73
|
-
"@atlaskit/tooltip": "^23.
|
|
73
|
+
"@atlaskit/tooltip": "^23.2.0",
|
|
74
74
|
"@atlaskit/visually-hidden": "^4.2.0",
|
|
75
75
|
"@babel/runtime": "^7.0.0",
|
|
76
76
|
"@compiled/react": "^1.0.0",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"uuid": "^3.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@atlaskit/editor-common": "^116.
|
|
86
|
+
"@atlaskit/editor-common": "^116.41.0",
|
|
87
87
|
"@atlaskit/link-provider": "^5.2.0",
|
|
88
88
|
"@atlaskit/media-core": "^38.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
@@ -102,9 +102,9 @@
|
|
|
102
102
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
103
103
|
"@atlaskit/media-test-helpers": "^42.2.0",
|
|
104
104
|
"@atlaskit/mention": "^27.10.0",
|
|
105
|
-
"@atlaskit/modal-dialog": "^16.
|
|
106
|
-
"@atlaskit/navigation-system": "^10.
|
|
107
|
-
"@atlaskit/profilecard": "^26.
|
|
105
|
+
"@atlaskit/modal-dialog": "^16.2.0",
|
|
106
|
+
"@atlaskit/navigation-system": "^10.9.0",
|
|
107
|
+
"@atlaskit/profilecard": "^26.14.0",
|
|
108
108
|
"@atlaskit/side-nav-items": "^2.3.0",
|
|
109
109
|
"@atlaskit/util-data-test": "^19.1.0",
|
|
110
110
|
"@atlassian/a11y-jest-testing": "^0.13.0",
|
|
@@ -221,9 +221,6 @@
|
|
|
221
221
|
"hot-121622_lazy_load_expand_content": {
|
|
222
222
|
"type": "boolean"
|
|
223
223
|
},
|
|
224
|
-
"navx-1895-new-logo-design": {
|
|
225
|
-
"type": "boolean"
|
|
226
|
-
},
|
|
227
224
|
"media-perf-uplift-mutation-fix": {
|
|
228
225
|
"type": "boolean"
|
|
229
226
|
},
|