@atlaskit/media-avatar-picker 24.3.17 → 24.3.18
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
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/media-avatar-picker
|
|
2
2
|
|
|
3
|
+
## 24.3.18
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#57473](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57473) [`100f90575744`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/100f90575744) - Remove legacy theming logic from @atlaskit/media-avatar-picker, @atlaskit/media-card, @atlaskit/media-ui and @atlaskit/media-viewer.
|
|
8
|
+
|
|
3
9
|
## 24.3.17
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.PREDEFINED_AVATARS_VIEW_WIDTH = exports.PREDEFINED_AVATARS_VIEW_HEIGHT = exports.DEFAULT_VISIBLE_PREDEFINED_AVATARS = exports.CONTAINER_SIZE = exports.CONTAINER_RECT = exports.CONTAINER_PADDING = exports.CONTAINER_INNER_SIZE = exports.AVATAR_DIALOG_WIDTH = exports.AVATAR_DIALOG_HEIGHT = void 0;
|
|
7
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
8
7
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
9
8
|
var DEFAULT_VISIBLE_PREDEFINED_AVATARS = exports.DEFAULT_VISIBLE_PREDEFINED_AVATARS = 5;
|
|
10
9
|
var AVATAR_DIALOG_WIDTH = exports.AVATAR_DIALOG_WIDTH = 375;
|
|
11
10
|
var AVATAR_DIALOG_HEIGHT = exports.AVATAR_DIALOG_HEIGHT = 470;
|
|
12
11
|
var PREDEFINED_AVATARS_VIEW_WIDTH = exports.PREDEFINED_AVATARS_VIEW_WIDTH = 343;
|
|
13
12
|
var PREDEFINED_AVATARS_VIEW_HEIGHT = exports.PREDEFINED_AVATARS_VIEW_HEIGHT = 290;
|
|
14
|
-
var CONTAINER_SIZE = exports.CONTAINER_SIZE =
|
|
15
|
-
var CONTAINER_INNER_SIZE = exports.CONTAINER_INNER_SIZE =
|
|
13
|
+
var CONTAINER_SIZE = exports.CONTAINER_SIZE = 8 * 32;
|
|
14
|
+
var CONTAINER_INNER_SIZE = exports.CONTAINER_INNER_SIZE = 8 * 25;
|
|
16
15
|
var CONTAINER_PADDING = exports.CONTAINER_PADDING = (CONTAINER_SIZE - CONTAINER_INNER_SIZE) / 2;
|
|
17
16
|
var CONTAINER_RECT = exports.CONTAINER_RECT = new _mediaUi.Rectangle(CONTAINER_SIZE, CONTAINER_SIZE);
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { gridSize } from '@atlaskit/theme/constants';
|
|
2
1
|
import { Rectangle } from '@atlaskit/media-ui';
|
|
3
2
|
export const DEFAULT_VISIBLE_PREDEFINED_AVATARS = 5;
|
|
4
3
|
export const AVATAR_DIALOG_WIDTH = 375;
|
|
5
4
|
export const AVATAR_DIALOG_HEIGHT = 470;
|
|
6
5
|
export const PREDEFINED_AVATARS_VIEW_WIDTH = 343;
|
|
7
6
|
export const PREDEFINED_AVATARS_VIEW_HEIGHT = 290;
|
|
8
|
-
export const CONTAINER_SIZE =
|
|
9
|
-
export const CONTAINER_INNER_SIZE =
|
|
7
|
+
export const CONTAINER_SIZE = 8 * 32;
|
|
8
|
+
export const CONTAINER_INNER_SIZE = 8 * 25;
|
|
10
9
|
export const CONTAINER_PADDING = (CONTAINER_SIZE - CONTAINER_INNER_SIZE) / 2;
|
|
11
10
|
export const CONTAINER_RECT = new Rectangle(CONTAINER_SIZE, CONTAINER_SIZE);
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { gridSize } from '@atlaskit/theme/constants';
|
|
2
1
|
import { Rectangle } from '@atlaskit/media-ui';
|
|
3
2
|
export var DEFAULT_VISIBLE_PREDEFINED_AVATARS = 5;
|
|
4
3
|
export var AVATAR_DIALOG_WIDTH = 375;
|
|
5
4
|
export var AVATAR_DIALOG_HEIGHT = 470;
|
|
6
5
|
export var PREDEFINED_AVATARS_VIEW_WIDTH = 343;
|
|
7
6
|
export var PREDEFINED_AVATARS_VIEW_HEIGHT = 290;
|
|
8
|
-
export var CONTAINER_SIZE =
|
|
9
|
-
export var CONTAINER_INNER_SIZE =
|
|
7
|
+
export var CONTAINER_SIZE = 8 * 32;
|
|
8
|
+
export var CONTAINER_INNER_SIZE = 8 * 25;
|
|
10
9
|
export var CONTAINER_PADDING = (CONTAINER_SIZE - CONTAINER_INNER_SIZE) / 2;
|
|
11
10
|
export var CONTAINER_RECT = new Rectangle(CONTAINER_SIZE, CONTAINER_SIZE);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-avatar-picker",
|
|
3
|
-
"version": "24.3.
|
|
3
|
+
"version": "24.3.18",
|
|
4
4
|
"description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@atlaskit/button": "^16.
|
|
37
|
+
"@atlaskit/button": "^16.17.0",
|
|
38
38
|
"@atlaskit/flag": "^15.2.0",
|
|
39
39
|
"@atlaskit/icon": "^22.0.0",
|
|
40
40
|
"@atlaskit/media-ui": "^25.0.0",
|
|
41
|
-
"@atlaskit/modal-dialog": "^12.
|
|
41
|
+
"@atlaskit/modal-dialog": "^12.10.0",
|
|
42
42
|
"@atlaskit/range": "^7.1.0",
|
|
43
43
|
"@atlaskit/spinner": "^16.0.0",
|
|
44
44
|
"@atlaskit/theme": "^12.6.0",
|
|
45
|
-
"@atlaskit/tokens": "^1.
|
|
45
|
+
"@atlaskit/tokens": "^1.29.0",
|
|
46
46
|
"@atlaskit/visually-hidden": "^1.2.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"exenv": "^1.2.2"
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/media-avatar-picker"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import { default as React_2 } from 'react';
|
|
8
|
-
import { ReactNode } from 'react';
|
|
9
|
-
|
|
10
|
-
// @public (undocumented)
|
|
11
|
-
export type AsyncAvatarPickerDialogProps = AvatarPickerDialogProps & {
|
|
12
|
-
placeholder?: ReactNode;
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
// @public (undocumented)
|
|
16
|
-
interface AsyncAvatarPickerDialogState {
|
|
17
|
-
// (undocumented)
|
|
18
|
-
AvatarPickerDialog?: typeof _default;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
// @public (undocumented)
|
|
22
|
-
export interface Avatar {
|
|
23
|
-
// (undocumented)
|
|
24
|
-
dataURI: string;
|
|
25
|
-
// (undocumented)
|
|
26
|
-
name?: string;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
// @public (undocumented)
|
|
30
|
-
export class AvatarPickerDialog extends React_2.PureComponent<AsyncAvatarPickerDialogProps, AsyncAvatarPickerDialogState> {
|
|
31
|
-
// (undocumented)
|
|
32
|
-
static AvatarPickerDialog?: typeof _default;
|
|
33
|
-
// (undocumented)
|
|
34
|
-
static displayName: string;
|
|
35
|
-
// (undocumented)
|
|
36
|
-
render(): {};
|
|
37
|
-
// (undocumented)
|
|
38
|
-
state: {
|
|
39
|
-
AvatarPickerDialog: React_2.FC<AvatarPickerDialogProps> | undefined;
|
|
40
|
-
};
|
|
41
|
-
// (undocumented)
|
|
42
|
-
UNSAFE_componentWillMount(): Promise<void>;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
// @public (undocumented)
|
|
46
|
-
interface AvatarPickerDialogProps {
|
|
47
|
-
avatars: Array<Avatar>;
|
|
48
|
-
defaultSelectedAvatar?: Avatar;
|
|
49
|
-
errorMessage?: string;
|
|
50
|
-
imageSource?: string;
|
|
51
|
-
isLoading?: boolean;
|
|
52
|
-
maxImageSize?: number;
|
|
53
|
-
onAvatarPicked: (avatar: Avatar) => void;
|
|
54
|
-
onCancel: () => void;
|
|
55
|
-
onImagePicked?: (file: File, crop: CropProperties) => void;
|
|
56
|
-
onImagePickedDataURI?: (dataUri: string) => void;
|
|
57
|
-
outputSize?: number;
|
|
58
|
-
predefinedAvatarsText?: string;
|
|
59
|
-
primaryButtonText?: string;
|
|
60
|
-
title?: string;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
// @public (undocumented)
|
|
64
|
-
interface CropProperties {
|
|
65
|
-
// (undocumented)
|
|
66
|
-
size: number;
|
|
67
|
-
// (undocumented)
|
|
68
|
-
x: number;
|
|
69
|
-
// (undocumented)
|
|
70
|
-
y: number;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
// @public (undocumented)
|
|
74
|
-
const _default: React_2.FC<AvatarPickerDialogProps>;
|
|
75
|
-
|
|
76
|
-
// @public (undocumented)
|
|
77
|
-
export const ImageNavigator: React_2.FC<ImageNavigatorProps>;
|
|
78
|
-
|
|
79
|
-
// @public (undocumented)
|
|
80
|
-
export interface ImageNavigatorProps {
|
|
81
|
-
// (undocumented)
|
|
82
|
-
errorMessage?: string;
|
|
83
|
-
// (undocumented)
|
|
84
|
-
imageSource?: string;
|
|
85
|
-
// (undocumented)
|
|
86
|
-
isLoading?: boolean;
|
|
87
|
-
// (undocumented)
|
|
88
|
-
maxImageSize?: number;
|
|
89
|
-
// (undocumented)
|
|
90
|
-
onCropChanged?: (x: number, y: number, size: number) => void;
|
|
91
|
-
// (undocumented)
|
|
92
|
-
onImageError: (errorMessage: string) => void;
|
|
93
|
-
// (undocumented)
|
|
94
|
-
onImageLoaded: (file: File) => void;
|
|
95
|
-
// (undocumented)
|
|
96
|
-
onImageUploaded: (file: File) => void;
|
|
97
|
-
// (undocumented)
|
|
98
|
-
onLoad?: OnLoadHandler;
|
|
99
|
-
// (undocumented)
|
|
100
|
-
onRemoveImage: () => void;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
// @public (undocumented)
|
|
104
|
-
export interface LoadParameters {
|
|
105
|
-
// (undocumented)
|
|
106
|
-
export: (outputSize?: number) => string;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
// @public (undocumented)
|
|
110
|
-
export type OnLoadHandler = (params: LoadParameters) => void;
|
|
111
|
-
|
|
112
|
-
// (No @packageDocumentation comment for this package)
|
|
113
|
-
|
|
114
|
-
```
|