@atlaskit/editor-plugin-avatar-group 1.2.5 → 1.2.6
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 +6 -0
- package/dist/cjs/ui/AvatarGroupPluginWrapper.js +4 -1
- package/dist/cjs/ui/avatars.js +3 -1
- package/dist/cjs/ui/colored-avatar-item.js +2 -1
- package/dist/cjs/ui/invite-to-edit.js +3 -1
- package/dist/cjs/ui/styles.js +9 -0
- package/dist/es2019/ui/AvatarGroupPluginWrapper.js +4 -1
- package/dist/es2019/ui/avatars.js +3 -1
- package/dist/es2019/ui/colored-avatar-item.js +2 -1
- package/dist/es2019/ui/invite-to-edit.js +3 -1
- package/dist/es2019/ui/styles.js +9 -0
- package/dist/esm/ui/AvatarGroupPluginWrapper.js +4 -1
- package/dist/esm/ui/avatars.js +3 -1
- package/dist/esm/ui/colored-avatar-item.js +2 -1
- package/dist/esm/ui/invite-to-edit.js +3 -1
- package/dist/esm/ui/styles.js +9 -0
- package/dist/types/ui/avatars-with-plugin-state.d.ts +120 -35
- package/dist/types/ui/avatars.d.ts +4 -3
- package/dist/types/ui/colored-avatar-item.d.ts +3 -3
- package/dist/types/ui/to-avatar.d.ts +61 -19
- package/dist/types-ts4.5/ui/avatars-with-plugin-state.d.ts +151 -56
- package/dist/types-ts4.5/ui/avatars.d.ts +4 -5
- package/dist/types-ts4.5/ui/colored-avatar-item.d.ts +3 -5
- package/dist/types-ts4.5/ui/to-avatar.d.ts +86 -38
- package/package.json +98 -98
|
@@ -2,77 +2,56 @@ import React from 'react';
|
|
|
2
2
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
3
3
|
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
4
4
|
import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
|
|
5
|
-
import type {
|
|
6
|
-
import type {
|
|
5
|
+
import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
|
|
6
|
+
import type { CollabInviteToEditProps } from '@atlaskit/editor-plugin-collab-edit';
|
|
7
7
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
8
|
+
import type { AvatarGroupPlugin } from '../plugin';
|
|
8
9
|
export type AvatarsWithPluginStateProps = {
|
|
9
10
|
editorView?: EditorView;
|
|
10
11
|
eventDispatcher?: EventDispatcher;
|
|
11
12
|
featureFlags: FeatureFlags;
|
|
12
13
|
editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
|
|
13
|
-
editorAPI:
|
|
14
|
-
OptionalPlugin<CollabEditPlugin>
|
|
15
|
-
]> | undefined;
|
|
14
|
+
editorAPI: ExtractInjectionAPI<AvatarGroupPlugin> | undefined;
|
|
16
15
|
} & CollabInviteToEditProps;
|
|
17
16
|
declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
18
17
|
editorView?: EditorView | undefined;
|
|
19
18
|
eventDispatcher?: EventDispatcher<any> | undefined;
|
|
20
19
|
featureFlags: FeatureFlags;
|
|
21
20
|
editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
|
|
22
|
-
editorAPI:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
pluginConfiguration: FeatureFlags;
|
|
40
|
-
sharedState: FeatureFlags;
|
|
41
|
-
}, FeatureFlags>>
|
|
42
|
-
];
|
|
43
|
-
actions: EditorAnalyticsAPI;
|
|
44
|
-
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>
|
|
45
|
-
];
|
|
46
|
-
sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
|
|
47
|
-
actions: {
|
|
48
|
-
getAvatarColor: (str: string) => {
|
|
49
|
-
index: number;
|
|
50
|
-
color: "var(--ds-background-neutral)" | "var(--ds-space-400)" | "var(--ds-space-negative-050)" | "var(--ds-space-100)" | "var(--ds-space-025)" | "var(--ds-space-150)" | "var(--ds-text-inverse)" | "var(--ds-space-075)" | "var(--ds-border-inverse)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtlest)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-inverse)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-icon-subtle)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-focused)" | "var(--ds-border-input)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-danger)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-pressed)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-pressed)" | "var(--ds-background-danger-bold)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-blanket-selected)" | "var(--ds-blanket-danger)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-overlay)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-050)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-weight-bold)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
|
|
21
|
+
editorAPI: import("@atlaskit/editor-common/types").EditorInjectionAPI<"avatarGroup", {
|
|
22
|
+
pluginConfiguration: {
|
|
23
|
+
collabEdit?: import("@atlaskit/editor-common/collab").CollabEditOptions | undefined;
|
|
24
|
+
takeFullWidth: boolean;
|
|
25
|
+
showAvatarGroup?: boolean | undefined;
|
|
26
|
+
};
|
|
27
|
+
dependencies: [
|
|
28
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
29
|
+
pluginConfiguration: FeatureFlags;
|
|
30
|
+
sharedState: FeatureFlags;
|
|
31
|
+
}, FeatureFlags>>,
|
|
32
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
33
|
+
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
34
|
+
sharedState: {
|
|
35
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
36
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
|
|
37
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
51
38
|
};
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
} & CollabInviteToEditProps & WrappedComponentProps>> & {
|
|
62
|
-
WrappedComponent: React.ComponentType<{
|
|
63
|
-
editorView?: EditorView | undefined;
|
|
64
|
-
eventDispatcher?: EventDispatcher<any> | undefined;
|
|
65
|
-
featureFlags: FeatureFlags;
|
|
66
|
-
editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
|
|
67
|
-
editorAPI: PublicPluginAPI<[
|
|
68
|
-
OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
|
|
39
|
+
dependencies: [
|
|
40
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
41
|
+
pluginConfiguration: FeatureFlags;
|
|
42
|
+
sharedState: FeatureFlags;
|
|
43
|
+
}, FeatureFlags>>
|
|
44
|
+
];
|
|
45
|
+
actions: EditorAnalyticsAPI;
|
|
46
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
|
|
47
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
|
|
69
48
|
pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
|
|
70
49
|
dependencies: [
|
|
71
|
-
OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
50
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
72
51
|
pluginConfiguration: FeatureFlags;
|
|
73
52
|
sharedState: FeatureFlags;
|
|
74
53
|
}, FeatureFlags>>,
|
|
75
|
-
OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
54
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
76
55
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
77
56
|
sharedState: {
|
|
78
57
|
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
@@ -80,13 +59,26 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
|
80
59
|
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
81
60
|
};
|
|
82
61
|
dependencies: [
|
|
83
|
-
OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
62
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
84
63
|
pluginConfiguration: FeatureFlags;
|
|
85
64
|
sharedState: FeatureFlags;
|
|
86
65
|
}, FeatureFlags>>
|
|
87
66
|
];
|
|
88
67
|
actions: EditorAnalyticsAPI;
|
|
89
|
-
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions
|
|
68
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
|
|
69
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
|
|
70
|
+
sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
|
|
71
|
+
dependencies: [
|
|
72
|
+
];
|
|
73
|
+
pluginConfiguration?: {
|
|
74
|
+
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
75
|
+
} | undefined;
|
|
76
|
+
commands: {
|
|
77
|
+
updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
78
|
+
};
|
|
79
|
+
}, {
|
|
80
|
+
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
81
|
+
} | undefined>>
|
|
90
82
|
];
|
|
91
83
|
sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
|
|
92
84
|
actions: {
|
|
@@ -99,10 +91,113 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
|
99
91
|
to: number;
|
|
100
92
|
mark: import("prosemirror-model").Mark;
|
|
101
93
|
}) => boolean;
|
|
94
|
+
addInlineCommentNodeMark: (props: {
|
|
95
|
+
pos: number;
|
|
96
|
+
mark: import("prosemirror-model").Mark;
|
|
97
|
+
}) => boolean;
|
|
102
98
|
isRemoteReplaceDocumentTransaction: (tr: import("prosemirror-state").Transaction) => boolean;
|
|
103
99
|
};
|
|
104
100
|
}, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>>
|
|
105
|
-
]
|
|
101
|
+
];
|
|
102
|
+
actions: {
|
|
103
|
+
getToolbarItem: ({ editorView, inviteToEditHandler, isInviteToEditButtonSelected, inviteToEditComponent, }: {
|
|
104
|
+
editorView: EditorView;
|
|
105
|
+
} & CollabInviteToEditProps) => JSX.Element | null;
|
|
106
|
+
};
|
|
107
|
+
}> | undefined;
|
|
108
|
+
} & CollabInviteToEditProps & WrappedComponentProps>> & {
|
|
109
|
+
WrappedComponent: React.ComponentType<{
|
|
110
|
+
editorView?: EditorView | undefined;
|
|
111
|
+
eventDispatcher?: EventDispatcher<any> | undefined;
|
|
112
|
+
featureFlags: FeatureFlags;
|
|
113
|
+
editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
|
|
114
|
+
editorAPI: import("@atlaskit/editor-common/types").EditorInjectionAPI<"avatarGroup", {
|
|
115
|
+
pluginConfiguration: {
|
|
116
|
+
collabEdit?: import("@atlaskit/editor-common/collab").CollabEditOptions | undefined;
|
|
117
|
+
takeFullWidth: boolean;
|
|
118
|
+
showAvatarGroup?: boolean | undefined;
|
|
119
|
+
};
|
|
120
|
+
dependencies: [
|
|
121
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
122
|
+
pluginConfiguration: FeatureFlags;
|
|
123
|
+
sharedState: FeatureFlags;
|
|
124
|
+
}, FeatureFlags>>,
|
|
125
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
126
|
+
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
127
|
+
sharedState: {
|
|
128
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
129
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
|
|
130
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
131
|
+
};
|
|
132
|
+
dependencies: [
|
|
133
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
134
|
+
pluginConfiguration: FeatureFlags;
|
|
135
|
+
sharedState: FeatureFlags;
|
|
136
|
+
}, FeatureFlags>>
|
|
137
|
+
];
|
|
138
|
+
actions: EditorAnalyticsAPI;
|
|
139
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
|
|
140
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"collabEdit", {
|
|
141
|
+
pluginConfiguration: import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions;
|
|
142
|
+
dependencies: [
|
|
143
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
144
|
+
pluginConfiguration: FeatureFlags;
|
|
145
|
+
sharedState: FeatureFlags;
|
|
146
|
+
}, FeatureFlags>>,
|
|
147
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
148
|
+
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
149
|
+
sharedState: {
|
|
150
|
+
createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
|
|
151
|
+
attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
|
|
152
|
+
performanceTracking: import("@atlaskit/editor-common/types").PerformanceTracking | undefined;
|
|
153
|
+
};
|
|
154
|
+
dependencies: [
|
|
155
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
156
|
+
pluginConfiguration: FeatureFlags;
|
|
157
|
+
sharedState: FeatureFlags;
|
|
158
|
+
}, FeatureFlags>>
|
|
159
|
+
];
|
|
160
|
+
actions: EditorAnalyticsAPI;
|
|
161
|
+
}, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>>,
|
|
162
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorViewMode", {
|
|
163
|
+
sharedState: import("@atlaskit/editor-plugin-editor-viewmode").EditorViewModePluginState | null;
|
|
164
|
+
dependencies: [
|
|
165
|
+
];
|
|
166
|
+
pluginConfiguration?: {
|
|
167
|
+
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
168
|
+
} | undefined;
|
|
169
|
+
commands: {
|
|
170
|
+
updateViewMode: (mode: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode) => import("@atlaskit/editor-common/types").EditorCommand;
|
|
171
|
+
};
|
|
172
|
+
}, {
|
|
173
|
+
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
174
|
+
} | undefined>>
|
|
175
|
+
];
|
|
176
|
+
sharedState: import("@atlaskit/editor-plugin-collab-edit").CollabEditPluginSharedState;
|
|
177
|
+
actions: {
|
|
178
|
+
getAvatarColor: (str: string) => {
|
|
179
|
+
index: number;
|
|
180
|
+
color: "var(--ds-background-neutral)" | "var(--ds-space-400)" | "var(--ds-space-negative-050)" | "var(--ds-space-100)" | "var(--ds-space-025)" | "var(--ds-space-150)" | "var(--ds-text-inverse)" | "var(--ds-space-075)" | "var(--ds-border-inverse)" | "var(--ds-text)" | "var(--ds-text-accent-lime)" | "var(--ds-text-accent-lime-bolder)" | "var(--ds-text-accent-red)" | "var(--ds-text-accent-red-bolder)" | "var(--ds-text-accent-orange)" | "var(--ds-text-accent-orange-bolder)" | "var(--ds-text-accent-yellow)" | "var(--ds-text-accent-yellow-bolder)" | "var(--ds-text-accent-green)" | "var(--ds-text-accent-green-bolder)" | "var(--ds-text-accent-teal)" | "var(--ds-text-accent-teal-bolder)" | "var(--ds-text-accent-blue)" | "var(--ds-text-accent-blue-bolder)" | "var(--ds-text-accent-purple)" | "var(--ds-text-accent-purple-bolder)" | "var(--ds-text-accent-magenta)" | "var(--ds-text-accent-magenta-bolder)" | "var(--ds-text-accent-gray)" | "var(--ds-text-accent-gray-bolder)" | "var(--ds-text-disabled)" | "var(--ds-text-selected)" | "var(--ds-text-brand)" | "var(--ds-text-danger)" | "var(--ds-text-warning)" | "var(--ds-text-warning-inverse)" | "var(--ds-text-success)" | "var(--ds-text-discovery)" | "var(--ds-text-information)" | "var(--ds-text-subtlest)" | "var(--ds-text-subtle)" | "var(--ds-link)" | "var(--ds-link-pressed)" | "var(--ds-link-visited)" | "var(--ds-link-visited-pressed)" | "var(--ds-icon)" | "var(--ds-icon-accent-lime)" | "var(--ds-icon-accent-red)" | "var(--ds-icon-accent-orange)" | "var(--ds-icon-accent-yellow)" | "var(--ds-icon-accent-green)" | "var(--ds-icon-accent-teal)" | "var(--ds-icon-accent-blue)" | "var(--ds-icon-accent-purple)" | "var(--ds-icon-accent-magenta)" | "var(--ds-icon-accent-gray)" | "var(--ds-icon-disabled)" | "var(--ds-icon-inverse)" | "var(--ds-icon-selected)" | "var(--ds-icon-brand)" | "var(--ds-icon-danger)" | "var(--ds-icon-warning)" | "var(--ds-icon-warning-inverse)" | "var(--ds-icon-success)" | "var(--ds-icon-discovery)" | "var(--ds-icon-information)" | "var(--ds-icon-subtle)" | "var(--ds-border)" | "var(--ds-border-accent-lime)" | "var(--ds-border-accent-red)" | "var(--ds-border-accent-orange)" | "var(--ds-border-accent-yellow)" | "var(--ds-border-accent-green)" | "var(--ds-border-accent-teal)" | "var(--ds-border-accent-blue)" | "var(--ds-border-accent-purple)" | "var(--ds-border-accent-magenta)" | "var(--ds-border-accent-gray)" | "var(--ds-border-disabled)" | "var(--ds-border-focused)" | "var(--ds-border-input)" | "var(--ds-border-selected)" | "var(--ds-border-brand)" | "var(--ds-border-danger)" | "var(--ds-border-warning)" | "var(--ds-border-success)" | "var(--ds-border-discovery)" | "var(--ds-border-information)" | "var(--ds-border-bold)" | "var(--ds-background-accent-lime-subtlest)" | "var(--ds-background-accent-lime-subtlest-hovered)" | "var(--ds-background-accent-lime-subtlest-pressed)" | "var(--ds-background-accent-lime-subtler)" | "var(--ds-background-accent-lime-subtler-hovered)" | "var(--ds-background-accent-lime-subtler-pressed)" | "var(--ds-background-accent-lime-subtle)" | "var(--ds-background-accent-lime-subtle-hovered)" | "var(--ds-background-accent-lime-subtle-pressed)" | "var(--ds-background-accent-lime-bolder)" | "var(--ds-background-accent-lime-bolder-hovered)" | "var(--ds-background-accent-lime-bolder-pressed)" | "var(--ds-background-accent-red-subtlest)" | "var(--ds-background-accent-red-subtlest-hovered)" | "var(--ds-background-accent-red-subtlest-pressed)" | "var(--ds-background-accent-red-subtler)" | "var(--ds-background-accent-red-subtler-hovered)" | "var(--ds-background-accent-red-subtler-pressed)" | "var(--ds-background-accent-red-subtle)" | "var(--ds-background-accent-red-subtle-hovered)" | "var(--ds-background-accent-red-subtle-pressed)" | "var(--ds-background-accent-red-bolder)" | "var(--ds-background-accent-red-bolder-hovered)" | "var(--ds-background-accent-red-bolder-pressed)" | "var(--ds-background-accent-orange-subtlest)" | "var(--ds-background-accent-orange-subtlest-hovered)" | "var(--ds-background-accent-orange-subtlest-pressed)" | "var(--ds-background-accent-orange-subtler)" | "var(--ds-background-accent-orange-subtler-hovered)" | "var(--ds-background-accent-orange-subtler-pressed)" | "var(--ds-background-accent-orange-subtle)" | "var(--ds-background-accent-orange-subtle-hovered)" | "var(--ds-background-accent-orange-subtle-pressed)" | "var(--ds-background-accent-orange-bolder)" | "var(--ds-background-accent-orange-bolder-hovered)" | "var(--ds-background-accent-orange-bolder-pressed)" | "var(--ds-background-accent-yellow-subtlest)" | "var(--ds-background-accent-yellow-subtlest-hovered)" | "var(--ds-background-accent-yellow-subtlest-pressed)" | "var(--ds-background-accent-yellow-subtler)" | "var(--ds-background-accent-yellow-subtler-hovered)" | "var(--ds-background-accent-yellow-subtler-pressed)" | "var(--ds-background-accent-yellow-subtle)" | "var(--ds-background-accent-yellow-subtle-hovered)" | "var(--ds-background-accent-yellow-subtle-pressed)" | "var(--ds-background-accent-yellow-bolder)" | "var(--ds-background-accent-yellow-bolder-hovered)" | "var(--ds-background-accent-yellow-bolder-pressed)" | "var(--ds-background-accent-green-subtlest)" | "var(--ds-background-accent-green-subtlest-hovered)" | "var(--ds-background-accent-green-subtlest-pressed)" | "var(--ds-background-accent-green-subtler)" | "var(--ds-background-accent-green-subtler-hovered)" | "var(--ds-background-accent-green-subtler-pressed)" | "var(--ds-background-accent-green-subtle)" | "var(--ds-background-accent-green-subtle-hovered)" | "var(--ds-background-accent-green-subtle-pressed)" | "var(--ds-background-accent-green-bolder)" | "var(--ds-background-accent-green-bolder-hovered)" | "var(--ds-background-accent-green-bolder-pressed)" | "var(--ds-background-accent-teal-subtlest)" | "var(--ds-background-accent-teal-subtlest-hovered)" | "var(--ds-background-accent-teal-subtlest-pressed)" | "var(--ds-background-accent-teal-subtler)" | "var(--ds-background-accent-teal-subtler-hovered)" | "var(--ds-background-accent-teal-subtler-pressed)" | "var(--ds-background-accent-teal-subtle)" | "var(--ds-background-accent-teal-subtle-hovered)" | "var(--ds-background-accent-teal-subtle-pressed)" | "var(--ds-background-accent-teal-bolder)" | "var(--ds-background-accent-teal-bolder-hovered)" | "var(--ds-background-accent-teal-bolder-pressed)" | "var(--ds-background-accent-blue-subtlest)" | "var(--ds-background-accent-blue-subtlest-hovered)" | "var(--ds-background-accent-blue-subtlest-pressed)" | "var(--ds-background-accent-blue-subtler)" | "var(--ds-background-accent-blue-subtler-hovered)" | "var(--ds-background-accent-blue-subtler-pressed)" | "var(--ds-background-accent-blue-subtle)" | "var(--ds-background-accent-blue-subtle-hovered)" | "var(--ds-background-accent-blue-subtle-pressed)" | "var(--ds-background-accent-blue-bolder)" | "var(--ds-background-accent-blue-bolder-hovered)" | "var(--ds-background-accent-blue-bolder-pressed)" | "var(--ds-background-accent-purple-subtlest)" | "var(--ds-background-accent-purple-subtlest-hovered)" | "var(--ds-background-accent-purple-subtlest-pressed)" | "var(--ds-background-accent-purple-subtler)" | "var(--ds-background-accent-purple-subtler-hovered)" | "var(--ds-background-accent-purple-subtler-pressed)" | "var(--ds-background-accent-purple-subtle)" | "var(--ds-background-accent-purple-subtle-hovered)" | "var(--ds-background-accent-purple-subtle-pressed)" | "var(--ds-background-accent-purple-bolder)" | "var(--ds-background-accent-purple-bolder-hovered)" | "var(--ds-background-accent-purple-bolder-pressed)" | "var(--ds-background-accent-magenta-subtlest)" | "var(--ds-background-accent-magenta-subtlest-hovered)" | "var(--ds-background-accent-magenta-subtlest-pressed)" | "var(--ds-background-accent-magenta-subtler)" | "var(--ds-background-accent-magenta-subtler-hovered)" | "var(--ds-background-accent-magenta-subtler-pressed)" | "var(--ds-background-accent-magenta-subtle)" | "var(--ds-background-accent-magenta-subtle-hovered)" | "var(--ds-background-accent-magenta-subtle-pressed)" | "var(--ds-background-accent-magenta-bolder)" | "var(--ds-background-accent-magenta-bolder-hovered)" | "var(--ds-background-accent-magenta-bolder-pressed)" | "var(--ds-background-accent-gray-subtlest)" | "var(--ds-background-accent-gray-subtlest-hovered)" | "var(--ds-background-accent-gray-subtlest-pressed)" | "var(--ds-background-accent-gray-subtler)" | "var(--ds-background-accent-gray-subtler-hovered)" | "var(--ds-background-accent-gray-subtler-pressed)" | "var(--ds-background-accent-gray-subtle)" | "var(--ds-background-accent-gray-subtle-hovered)" | "var(--ds-background-accent-gray-subtle-pressed)" | "var(--ds-background-accent-gray-bolder)" | "var(--ds-background-accent-gray-bolder-hovered)" | "var(--ds-background-accent-gray-bolder-pressed)" | "var(--ds-background-disabled)" | "var(--ds-background-input)" | "var(--ds-background-input-hovered)" | "var(--ds-background-input-pressed)" | "var(--ds-background-inverse-subtle)" | "var(--ds-background-inverse-subtle-hovered)" | "var(--ds-background-inverse-subtle-pressed)" | "var(--ds-background-neutral-hovered)" | "var(--ds-background-neutral-pressed)" | "var(--ds-background-neutral-subtle)" | "var(--ds-background-neutral-subtle-hovered)" | "var(--ds-background-neutral-subtle-pressed)" | "var(--ds-background-neutral-bold)" | "var(--ds-background-neutral-bold-hovered)" | "var(--ds-background-neutral-bold-pressed)" | "var(--ds-background-selected)" | "var(--ds-background-selected-hovered)" | "var(--ds-background-selected-pressed)" | "var(--ds-background-selected-bold)" | "var(--ds-background-selected-bold-hovered)" | "var(--ds-background-selected-bold-pressed)" | "var(--ds-background-brand-subtlest)" | "var(--ds-background-brand-subtlest-hovered)" | "var(--ds-background-brand-subtlest-pressed)" | "var(--ds-background-brand-bold)" | "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-brand-boldest)" | "var(--ds-background-brand-boldest-hovered)" | "var(--ds-background-brand-boldest-pressed)" | "var(--ds-background-danger)" | "var(--ds-background-danger-hovered)" | "var(--ds-background-danger-pressed)" | "var(--ds-background-danger-bold)" | "var(--ds-background-danger-bold-hovered)" | "var(--ds-background-danger-bold-pressed)" | "var(--ds-background-warning)" | "var(--ds-background-warning-hovered)" | "var(--ds-background-warning-pressed)" | "var(--ds-background-warning-bold)" | "var(--ds-background-warning-bold-hovered)" | "var(--ds-background-warning-bold-pressed)" | "var(--ds-background-success)" | "var(--ds-background-success-hovered)" | "var(--ds-background-success-pressed)" | "var(--ds-background-success-bold)" | "var(--ds-background-success-bold-hovered)" | "var(--ds-background-success-bold-pressed)" | "var(--ds-background-discovery)" | "var(--ds-background-discovery-hovered)" | "var(--ds-background-discovery-pressed)" | "var(--ds-background-discovery-bold)" | "var(--ds-background-discovery-bold-hovered)" | "var(--ds-background-discovery-bold-pressed)" | "var(--ds-background-information)" | "var(--ds-background-information-hovered)" | "var(--ds-background-information-pressed)" | "var(--ds-background-information-bold)" | "var(--ds-background-information-bold-hovered)" | "var(--ds-background-information-bold-pressed)" | "var(--ds-blanket)" | "var(--ds-blanket-selected)" | "var(--ds-blanket-danger)" | "var(--ds-interaction-hovered)" | "var(--ds-interaction-pressed)" | "var(--ds-skeleton)" | "var(--ds-skeleton-subtle)" | "var(--ds-chart-categorical-1)" | "var(--ds-chart-categorical-1-hovered)" | "var(--ds-chart-categorical-2)" | "var(--ds-chart-categorical-2-hovered)" | "var(--ds-chart-categorical-3)" | "var(--ds-chart-categorical-3-hovered)" | "var(--ds-chart-categorical-4)" | "var(--ds-chart-categorical-4-hovered)" | "var(--ds-chart-categorical-5)" | "var(--ds-chart-categorical-5-hovered)" | "var(--ds-chart-categorical-6)" | "var(--ds-chart-categorical-6-hovered)" | "var(--ds-chart-categorical-7)" | "var(--ds-chart-categorical-7-hovered)" | "var(--ds-chart-categorical-8)" | "var(--ds-chart-categorical-8-hovered)" | "var(--ds-chart-lime-bold)" | "var(--ds-chart-lime-bold-hovered)" | "var(--ds-chart-lime-bolder)" | "var(--ds-chart-lime-bolder-hovered)" | "var(--ds-chart-lime-boldest)" | "var(--ds-chart-lime-boldest-hovered)" | "var(--ds-chart-neutral)" | "var(--ds-chart-neutral-hovered)" | "var(--ds-chart-red-bold)" | "var(--ds-chart-red-bold-hovered)" | "var(--ds-chart-red-bolder)" | "var(--ds-chart-red-bolder-hovered)" | "var(--ds-chart-red-boldest)" | "var(--ds-chart-red-boldest-hovered)" | "var(--ds-chart-orange-bold)" | "var(--ds-chart-orange-bold-hovered)" | "var(--ds-chart-orange-bolder)" | "var(--ds-chart-orange-bolder-hovered)" | "var(--ds-chart-orange-boldest)" | "var(--ds-chart-orange-boldest-hovered)" | "var(--ds-chart-yellow-bold)" | "var(--ds-chart-yellow-bold-hovered)" | "var(--ds-chart-yellow-bolder)" | "var(--ds-chart-yellow-bolder-hovered)" | "var(--ds-chart-yellow-boldest)" | "var(--ds-chart-yellow-boldest-hovered)" | "var(--ds-chart-green-bold)" | "var(--ds-chart-green-bold-hovered)" | "var(--ds-chart-green-bolder)" | "var(--ds-chart-green-bolder-hovered)" | "var(--ds-chart-green-boldest)" | "var(--ds-chart-green-boldest-hovered)" | "var(--ds-chart-teal-bold)" | "var(--ds-chart-teal-bold-hovered)" | "var(--ds-chart-teal-bolder)" | "var(--ds-chart-teal-bolder-hovered)" | "var(--ds-chart-teal-boldest)" | "var(--ds-chart-teal-boldest-hovered)" | "var(--ds-chart-blue-bold)" | "var(--ds-chart-blue-bold-hovered)" | "var(--ds-chart-blue-bolder)" | "var(--ds-chart-blue-bolder-hovered)" | "var(--ds-chart-blue-boldest)" | "var(--ds-chart-blue-boldest-hovered)" | "var(--ds-chart-purple-bold)" | "var(--ds-chart-purple-bold-hovered)" | "var(--ds-chart-purple-bolder)" | "var(--ds-chart-purple-bolder-hovered)" | "var(--ds-chart-purple-boldest)" | "var(--ds-chart-purple-boldest-hovered)" | "var(--ds-chart-magenta-bold)" | "var(--ds-chart-magenta-bold-hovered)" | "var(--ds-chart-magenta-bolder)" | "var(--ds-chart-magenta-bolder-hovered)" | "var(--ds-chart-magenta-boldest)" | "var(--ds-chart-magenta-boldest-hovered)" | "var(--ds-chart-gray-bold)" | "var(--ds-chart-gray-bold-hovered)" | "var(--ds-chart-gray-bolder)" | "var(--ds-chart-gray-bolder-hovered)" | "var(--ds-chart-gray-boldest)" | "var(--ds-chart-gray-boldest-hovered)" | "var(--ds-chart-brand)" | "var(--ds-chart-brand-hovered)" | "var(--ds-chart-danger)" | "var(--ds-chart-danger-hovered)" | "var(--ds-chart-danger-bold)" | "var(--ds-chart-danger-bold-hovered)" | "var(--ds-chart-warning)" | "var(--ds-chart-warning-hovered)" | "var(--ds-chart-warning-bold)" | "var(--ds-chart-warning-bold-hovered)" | "var(--ds-chart-success)" | "var(--ds-chart-success-hovered)" | "var(--ds-chart-success-bold)" | "var(--ds-chart-success-bold-hovered)" | "var(--ds-chart-discovery)" | "var(--ds-chart-discovery-hovered)" | "var(--ds-chart-discovery-bold)" | "var(--ds-chart-discovery-bold-hovered)" | "var(--ds-chart-information)" | "var(--ds-chart-information-hovered)" | "var(--ds-chart-information-bold)" | "var(--ds-chart-information-bold-hovered)" | "var(--ds-surface)" | "var(--ds-surface-hovered)" | "var(--ds-surface-pressed)" | "var(--ds-surface-overlay)" | "var(--ds-surface-overlay-hovered)" | "var(--ds-surface-overlay-pressed)" | "var(--ds-surface-raised)" | "var(--ds-surface-raised-hovered)" | "var(--ds-surface-raised-pressed)" | "var(--ds-surface-sunken)" | "var(--ds-shadow-overflow)" | "var(--ds-shadow-overflow-perimeter)" | "var(--ds-shadow-overflow-spread)" | "var(--ds-shadow-overlay)" | "var(--ds-shadow-raised)" | "var(--ds-opacity-disabled)" | "var(--ds-opacity-loading)" | "var(--ds-UNSAFE-textTransformUppercase)" | "var(--ds-UNSAFE-transparent)" | "var(--ds-elevation-surface-current)" | "var(--ds-border-radius-050)" | "var(--ds-border-radius)" | "var(--ds-border-radius-100)" | "var(--ds-border-radius-200)" | "var(--ds-border-radius-300)" | "var(--ds-border-radius-400)" | "var(--ds-border-radius-circle)" | "var(--ds-border-width)" | "var(--ds-border-width-0)" | "var(--ds-border-width-indicator)" | "var(--ds-border-width-outline)" | "var(--ds-space-0)" | "var(--ds-space-050)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)" | "var(--ds-space-500)" | "var(--ds-space-600)" | "var(--ds-space-800)" | "var(--ds-space-1000)" | "var(--ds-space-negative-025)" | "var(--ds-space-negative-075)" | "var(--ds-space-negative-100)" | "var(--ds-space-negative-150)" | "var(--ds-space-negative-200)" | "var(--ds-space-negative-250)" | "var(--ds-space-negative-300)" | "var(--ds-space-negative-400)" | "var(--ds-font-letterSpacing-0)" | "var(--ds-font-letterSpacing-100)" | "var(--ds-font-letterSpacing-200)" | "var(--ds-font-letterSpacing-300)" | "var(--ds-font-letterSpacing-400)" | "var(--ds-font-heading-xxlarge)" | "var(--ds-font-heading-xlarge)" | "var(--ds-font-heading-large)" | "var(--ds-font-heading-medium)" | "var(--ds-font-heading-small)" | "var(--ds-font-heading-xsmall)" | "var(--ds-font-heading-xxsmall)" | "var(--ds-font-body-large)" | "var(--ds-font-body)" | "var(--ds-font-body-small)" | "var(--ds-font-body-UNSAFE_small)" | "var(--ds-font-code)" | "var(--ds-font-weight-regular)" | "var(--ds-font-weight-medium)" | "var(--ds-font-weight-semibold)" | "var(--ds-font-weight-bold)" | "var(--ds-font-family-heading)" | "var(--ds-font-family-body)" | "var(--ds-font-family-code)" | "var(--ds-font-family-monospace)" | "var(--ds-font-family-sans)" | "var(--ds-font-family-brand-heading)" | "var(--ds-font-family-brand-body)" | "var(--ds-font-size-050)" | "var(--ds-font-size-075)" | "var(--ds-font-size-100)" | "var(--ds-font-size-200)" | "var(--ds-font-size-300)" | "var(--ds-font-size-400)" | "var(--ds-font-size-500)" | "var(--ds-font-size-600)" | "var(--ds-font-lineHeight-1)" | "var(--ds-font-lineHeight-100)" | "var(--ds-font-lineHeight-200)" | "var(--ds-font-lineHeight-300)" | "var(--ds-font-lineHeight-400)" | "var(--ds-font-lineHeight-500)" | "var(--ds-font-lineHeight-600)";
|
|
181
|
+
};
|
|
182
|
+
addInlineCommentMark: (props: {
|
|
183
|
+
from: number;
|
|
184
|
+
to: number;
|
|
185
|
+
mark: import("prosemirror-model").Mark;
|
|
186
|
+
}) => boolean;
|
|
187
|
+
addInlineCommentNodeMark: (props: {
|
|
188
|
+
pos: number;
|
|
189
|
+
mark: import("prosemirror-model").Mark;
|
|
190
|
+
}) => boolean;
|
|
191
|
+
isRemoteReplaceDocumentTransaction: (tr: import("prosemirror-state").Transaction) => boolean;
|
|
192
|
+
};
|
|
193
|
+
}, import("@atlaskit/editor-plugin-collab-edit").PrivateCollabEditOptions>>
|
|
194
|
+
];
|
|
195
|
+
actions: {
|
|
196
|
+
getToolbarItem: ({ editorView, inviteToEditHandler, isInviteToEditButtonSelected, inviteToEditComponent, }: {
|
|
197
|
+
editorView: EditorView;
|
|
198
|
+
} & CollabInviteToEditProps) => JSX.Element | null;
|
|
199
|
+
};
|
|
200
|
+
}> | undefined;
|
|
106
201
|
} & CollabInviteToEditProps & WrappedComponentProps>;
|
|
107
202
|
};
|
|
108
203
|
export default _default;
|
|
@@ -4,18 +4,17 @@ import React from 'react';
|
|
|
4
4
|
import { jsx } from '@emotion/react';
|
|
5
5
|
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
6
6
|
import type { CollabParticipant } from '@atlaskit/editor-common/collab';
|
|
7
|
-
import type {
|
|
8
|
-
import type {
|
|
7
|
+
import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
|
|
8
|
+
import type { ReadOnlyParticipants } from '@atlaskit/editor-plugin-collab-edit';
|
|
9
9
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
10
|
+
import type { AvatarGroupPlugin } from '../plugin';
|
|
10
11
|
export interface AvatarsProps {
|
|
11
12
|
sessionId?: string;
|
|
12
13
|
participants: ReadOnlyParticipants | undefined;
|
|
13
14
|
editorView?: EditorView;
|
|
14
15
|
featureFlags: FeatureFlags;
|
|
15
16
|
editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
|
|
16
|
-
editorAPI:
|
|
17
|
-
OptionalPlugin<CollabEditPlugin>
|
|
18
|
-
]> | undefined;
|
|
17
|
+
editorAPI: ExtractInjectionAPI<AvatarGroupPlugin> | undefined;
|
|
19
18
|
children: ReactNode;
|
|
20
19
|
}
|
|
21
20
|
export declare const scrollToCollabCursor: (editorView: EditorView, participants: CollabParticipant[], sessionId: string | undefined, index: number, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => void;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
3
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
4
|
+
import type { AvatarGroupPlugin } from '../plugin';
|
|
5
5
|
export interface ColoredAvatarItemProps {
|
|
6
6
|
sessionId: string;
|
|
7
7
|
name: string;
|
|
8
|
-
api:
|
|
9
|
-
OptionalPlugin<CollabEditPlugin>
|
|
10
|
-
]> | undefined;
|
|
8
|
+
api: ExtractInjectionAPI<AvatarGroupPlugin> | undefined;
|
|
11
9
|
}
|
|
12
10
|
export declare const ColoredAvatarItem: (props: ColoredAvatarItemProps) => jsx.JSX.Element;
|