@atlaskit/media-avatar-picker 24.6.5 → 24.6.7

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.
Files changed (70) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/compass.yml +3 -2
  3. package/dist/cjs/avatar-list/index.js +4 -1
  4. package/dist/cjs/avatar-list/styles.js +6 -0
  5. package/dist/cjs/avatar-picker-dialog/SubmitErrorDialog.js +17 -13
  6. package/dist/cjs/avatar-picker-dialog/index.js +9 -6
  7. package/dist/cjs/avatar-picker-dialog/styles.js +10 -0
  8. package/dist/cjs/image-cropper/index.js +36 -36
  9. package/dist/cjs/image-navigator/dragZone.js +2 -0
  10. package/dist/cjs/image-navigator/index.js +24 -18
  11. package/dist/cjs/image-navigator/slider.js +30 -27
  12. package/dist/cjs/image-navigator/styles.js +32 -2
  13. package/dist/cjs/image-placer/containerWrapper.js +4 -0
  14. package/dist/cjs/image-placer/imagePlacerErrorWrapper.js +7 -3
  15. package/dist/cjs/image-placer/imageWrapper.js +12 -8
  16. package/dist/cjs/image-placer/index.js +29 -26
  17. package/dist/cjs/image-placer/margin.js +3 -1
  18. package/dist/cjs/image-placer/styles.js +20 -0
  19. package/dist/cjs/predefined-avatar-list/index.js +24 -20
  20. package/dist/cjs/predefined-avatar-list/styles.js +2 -2
  21. package/dist/cjs/predefined-avatar-view/index.js +27 -23
  22. package/dist/cjs/predefined-avatar-view/styles.js +13 -0
  23. package/dist/cjs/styles.js +9 -0
  24. package/dist/es2019/avatar-list/index.js +4 -1
  25. package/dist/es2019/avatar-list/styles.js +6 -0
  26. package/dist/es2019/avatar-picker-dialog/SubmitErrorDialog.js +17 -13
  27. package/dist/es2019/avatar-picker-dialog/index.js +9 -5
  28. package/dist/es2019/avatar-picker-dialog/styles.js +10 -0
  29. package/dist/es2019/image-cropper/index.js +31 -35
  30. package/dist/es2019/image-navigator/dragZone.js +2 -0
  31. package/dist/es2019/image-navigator/index.js +24 -17
  32. package/dist/es2019/image-navigator/slider.js +26 -22
  33. package/dist/es2019/image-navigator/styles.js +32 -2
  34. package/dist/es2019/image-placer/containerWrapper.js +4 -0
  35. package/dist/es2019/image-placer/imagePlacerErrorWrapper.js +4 -1
  36. package/dist/es2019/image-placer/imageWrapper.js +4 -1
  37. package/dist/es2019/image-placer/index.js +29 -25
  38. package/dist/es2019/image-placer/margin.js +3 -0
  39. package/dist/es2019/image-placer/styles.js +19 -0
  40. package/dist/es2019/predefined-avatar-list/index.js +24 -20
  41. package/dist/es2019/predefined-avatar-list/styles.js +2 -1
  42. package/dist/es2019/predefined-avatar-view/index.js +27 -23
  43. package/dist/es2019/predefined-avatar-view/styles.js +13 -0
  44. package/dist/es2019/styles.js +9 -0
  45. package/dist/esm/avatar-list/index.js +4 -1
  46. package/dist/esm/avatar-list/styles.js +6 -0
  47. package/dist/esm/avatar-picker-dialog/SubmitErrorDialog.js +17 -13
  48. package/dist/esm/avatar-picker-dialog/index.js +9 -5
  49. package/dist/esm/avatar-picker-dialog/styles.js +10 -0
  50. package/dist/esm/image-cropper/index.js +33 -35
  51. package/dist/esm/image-navigator/dragZone.js +2 -0
  52. package/dist/esm/image-navigator/index.js +24 -17
  53. package/dist/esm/image-navigator/slider.js +30 -26
  54. package/dist/esm/image-navigator/styles.js +32 -2
  55. package/dist/esm/image-placer/containerWrapper.js +4 -0
  56. package/dist/esm/image-placer/imagePlacerErrorWrapper.js +7 -3
  57. package/dist/esm/image-placer/imageWrapper.js +12 -8
  58. package/dist/esm/image-placer/index.js +29 -25
  59. package/dist/esm/image-placer/margin.js +3 -0
  60. package/dist/esm/image-placer/styles.js +19 -0
  61. package/dist/esm/predefined-avatar-list/index.js +24 -20
  62. package/dist/esm/predefined-avatar-list/styles.js +2 -1
  63. package/dist/esm/predefined-avatar-view/index.js +27 -23
  64. package/dist/esm/predefined-avatar-view/styles.js +13 -0
  65. package/dist/esm/styles.js +9 -0
  66. package/dist/types/image-cropper/index.d.ts +1 -3
  67. package/dist/types-ts4.5/image-cropper/index.d.ts +1 -3
  68. package/example-helpers/StatefulAvatarPickerDialog.tsx +2 -0
  69. package/example-helpers/styles.ts +9 -0
  70. package/package.json +77 -77
package/example-helpers/styles.ts CHANGED
@@ -1,29 +1,37 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { token } from '@atlaskit/tokens';
3
4
  import { checkeredBg } from '../src/image-placer/styles';
4
5
 
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
7
  export const labelStyles = css({
6
8
  display: 'block',
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
10
  '> input': {
8
11
  marginLeft: token('space.100', '8px'),
9
12
  },
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
10
14
  '> span': {
11
15
  display: 'inline-block',
12
16
  minWidth: '120px',
13
17
  textAlign: 'right',
14
18
  },
15
19
  });
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
16
21
  export const exportedImageStyles = css({
17
22
  border: `1px solid ${token('color.border', '#ccc')}`,
18
23
  });
19
24
 
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
20
26
  export const exportedImageWrapperStyles = css({
21
27
  display: 'inline-block',
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
29
  background: `url('${checkeredBg}')`,
23
30
  marginTop: token('space.250', '20px'),
24
31
  position: 'relative',
25
32
  });
26
33
 
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
27
35
  export const layoutStyles = css({
28
36
  display: 'flex',
29
37
  flexDirection: 'column',
@@ -32,6 +40,7 @@ export const layoutStyles = css({
32
40
  height: '80vh',
33
41
  });
34
42
 
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
35
44
  export const wrapperStyles = css({
36
45
  margin: token('space.100', '8px'),
37
46
  });
package/package.json CHANGED
@@ -1,78 +1,78 @@
1
1
  {
2
- "name": "@atlaskit/media-avatar-picker",
3
- "version": "24.6.5",
4
- "description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.tsx",
25
- "af:exports": {
26
- ".": "./src/index.tsx"
27
- },
28
- "atlassian": {
29
- "team": "Media Experience",
30
- "inPublicMirror": true,
31
- "releaseModel": "continuous",
32
- "website": {
33
- "name": "Media Avatar Picker"
34
- }
35
- },
36
- "dependencies": {
37
- "@atlaskit/button": "^17.17.0",
38
- "@atlaskit/flag": "^15.5.0",
39
- "@atlaskit/form": "^10.3.0",
40
- "@atlaskit/icon": "^22.3.0",
41
- "@atlaskit/media-ui": "^25.10.0",
42
- "@atlaskit/modal-dialog": "^12.13.0",
43
- "@atlaskit/primitives": "^7.0.0",
44
- "@atlaskit/range": "^7.2.0",
45
- "@atlaskit/spinner": "^16.1.0",
46
- "@atlaskit/textfield": "^6.3.0",
47
- "@atlaskit/theme": "^12.9.0",
48
- "@atlaskit/tokens": "^1.49.0",
49
- "@atlaskit/visually-hidden": "^1.3.0",
50
- "@babel/runtime": "^7.0.0",
51
- "exenv": "^1.2.2"
52
- },
53
- "peerDependencies": {
54
- "@emotion/react": "^11.7.1",
55
- "react": "^16.8.0",
56
- "react-intl-next": "npm:react-intl@^5.18.1"
57
- },
58
- "devDependencies": {
59
- "@atlaskit/media-core": "^34.2.0",
60
- "@atlaskit/media-test-helpers": "^33.0.0",
61
- "@atlaskit/visual-regression": "*",
62
- "@types/enzyme": "3.1.15",
63
- "@types/exenv": "^1.2.0",
64
- "enzyme": "^3.10.0",
65
- "react": "^16.8.0",
66
- "react-dom": "^16.8.0",
67
- "react-intl-next": "npm:react-intl@^5.18.1",
68
- "typescript": "~5.4.2"
69
- },
70
- "techstack": {
71
- "@repo/internal": {
72
- "design-tokens": [
73
- "color",
74
- "spacing"
75
- ]
76
- }
77
- }
78
- }
2
+ "name": "@atlaskit/media-avatar-picker",
3
+ "version": "24.6.7",
4
+ "description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.tsx",
25
+ "af:exports": {
26
+ ".": "./src/index.tsx"
27
+ },
28
+ "atlassian": {
29
+ "team": "Media Experience",
30
+ "inPublicMirror": true,
31
+ "releaseModel": "continuous",
32
+ "website": {
33
+ "name": "Media Avatar Picker"
34
+ }
35
+ },
36
+ "dependencies": {
37
+ "@atlaskit/button": "^18.0.0",
38
+ "@atlaskit/flag": "^15.6.0",
39
+ "@atlaskit/form": "^10.4.0",
40
+ "@atlaskit/icon": "^22.4.0",
41
+ "@atlaskit/media-ui": "^25.10.0",
42
+ "@atlaskit/modal-dialog": "^12.14.0",
43
+ "@atlaskit/primitives": "^8.0.0",
44
+ "@atlaskit/range": "^7.3.0",
45
+ "@atlaskit/spinner": "^16.2.0",
46
+ "@atlaskit/textfield": "^6.4.0",
47
+ "@atlaskit/theme": "^12.11.0",
48
+ "@atlaskit/tokens": "^1.52.0",
49
+ "@atlaskit/visually-hidden": "^1.4.0",
50
+ "@babel/runtime": "^7.0.0",
51
+ "exenv": "^1.2.2"
52
+ },
53
+ "peerDependencies": {
54
+ "@emotion/react": "^11.7.1",
55
+ "react": "^16.8.0",
56
+ "react-intl-next": "npm:react-intl@^5.18.1"
57
+ },
58
+ "devDependencies": {
59
+ "@atlaskit/media-core": "^34.2.0",
60
+ "@atlaskit/media-test-helpers": "^33.0.0",
61
+ "@atlaskit/visual-regression": "*",
62
+ "@types/enzyme": "3.1.15",
63
+ "@types/exenv": "^1.2.0",
64
+ "enzyme": "^3.10.0",
65
+ "react": "^16.8.0",
66
+ "react-dom": "^16.8.0",
67
+ "react-intl-next": "npm:react-intl@^5.18.1",
68
+ "typescript": "~5.4.2"
69
+ },
70
+ "techstack": {
71
+ "@repo/internal": {
72
+ "design-tokens": [
73
+ "color",
74
+ "spacing"
75
+ ]
76
+ }
77
+ }
78
+ }