@atlaskit/editor-plugin-media-insert 3.1.4 → 3.1.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/ui/MediaCard.js +3 -3
  3. package/dist/cjs/ui/MediaFromURL.js +5 -9
  4. package/dist/es2019/ui/MediaCard.js +3 -3
  5. package/dist/es2019/ui/MediaFromURL.js +6 -10
  6. package/dist/esm/ui/MediaCard.js +3 -3
  7. package/dist/esm/ui/MediaFromURL.js +6 -10
  8. package/dist/types/ui/types.d.ts +4 -2
  9. package/dist/types-ts4.5/ui/types.d.ts +4 -2
  10. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-media-insert
2
2
 
3
+ ## 3.1.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#149200](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149200)
8
+ [`328b1e4aa5a37`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/328b1e4aa5a37) -
9
+ [ux] [ED-24732] Warnings and errors in the media popup are read out to screen readers
10
+
11
+ ## 3.1.5
12
+
13
+ ### Patch Changes
14
+
15
+ - [#148355](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148355)
16
+ [`128902be1556b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/128902be1556b) -
17
+ [ux] ED-25117 Set image from link width based on image size
18
+ - Updated dependencies
19
+
3
20
  ## 3.1.4
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/ui/MediaCard.js CHANGED
@@ -20,10 +20,10 @@ var MediaCard = exports.MediaCard = function MediaCard(_ref) {
20
20
  var mediaAlt = intl.formatMessage(_messages.mediaInsertMessages.mediaAlt);
21
21
  var dimensions = _react.default.useMemo(function () {
22
22
  return {
23
- width: attrs.width,
24
- height: attrs.height
23
+ width: attrs.dimensions.width,
24
+ height: attrs.dimensions.height
25
25
  };
26
- }, [attrs.width, attrs.height]);
26
+ }, [attrs.dimensions.width, attrs.dimensions.height]);
27
27
  var identifier = _react.default.useMemo(function () {
28
28
  return {
29
29
  id: attrs.id,
package/dist/cjs/ui/MediaFromURL.js CHANGED
@@ -149,8 +149,7 @@ function MediaFromURL(_ref) {
149
149
  payload: {
150
150
  id: uploadableFileUpfrontIds.id,
151
151
  collection: collection,
152
- height: dimensions.height,
153
- width: dimensions.width,
152
+ dimensions: dimensions,
154
153
  occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
155
154
  fileMimeType: mimeType
156
155
  }
@@ -321,12 +320,9 @@ function MediaFromURL(_ref) {
321
320
  onURLChange(value);
322
321
  _onChange(value);
323
322
  }
324
- })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
323
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
325
324
  as: "span"
326
- }, meta.touched || meta.dirty ? {
327
- 'aria-relevant': 'all',
328
- 'aria-atomic': 'false'
329
- } : {}), error))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
325
+ }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
330
326
  xcss: PreviewBoxStyles,
331
327
  alignItems: "center",
332
328
  justifyContent: "center"
@@ -344,11 +340,11 @@ function MediaFromURL(_ref) {
344
340
  }, /*#__PURE__*/_react.default.createElement(_MediaCard.MediaCard, {
345
341
  attrs: previewState.previewInfo,
346
342
  mediaProvider: mediaProvider
347
- })), previewState.error && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
343
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, previewState.error && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
348
344
  appearance: "error"
349
345
  }, strings.errorMessage), previewState.warning && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
350
346
  appearance: "warning"
351
- }, strings.warning), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
347
+ }, strings.warning)), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
352
348
  appearance: "subtle",
353
349
  onClick: onCancel
354
350
  }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
package/dist/es2019/ui/MediaCard.js CHANGED
@@ -14,10 +14,10 @@ export const MediaCard = ({
14
14
  const mediaAlt = intl.formatMessage(mediaInsertMessages.mediaAlt);
15
15
  const dimensions = React.useMemo(() => {
16
16
  return {
17
- width: attrs.width,
18
- height: attrs.height
17
+ width: attrs.dimensions.width,
18
+ height: attrs.dimensions.height
19
19
  };
20
- }, [attrs.width, attrs.height]);
20
+ }, [attrs.dimensions.width, attrs.dimensions.height]);
21
21
  const identifier = React.useMemo(() => ({
22
22
  id: attrs.id,
23
23
  mediaItemType: 'file',
package/dist/es2019/ui/MediaFromURL.js CHANGED
@@ -6,7 +6,7 @@ import ButtonGroup from '@atlaskit/button/button-group';
6
6
  import Button from '@atlaskit/button/new';
7
7
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
8
8
  import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
9
- import Form, { ErrorMessage, Field, FormFooter } from '@atlaskit/form';
9
+ import Form, { ErrorMessage, Field, FormFooter, MessageWrapper } from '@atlaskit/form';
10
10
  import EditorFilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
11
11
  import { getMediaClient } from '@atlaskit/media-client-react';
12
12
  import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
@@ -126,8 +126,7 @@ export function MediaFromURL({
126
126
  payload: {
127
127
  id: uploadableFileUpfrontIds.id,
128
128
  collection,
129
- height: dimensions.height,
130
- width: dimensions.width,
129
+ dimensions,
131
130
  occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
132
131
  fileMimeType: mimeType
133
132
  }
@@ -284,12 +283,9 @@ export function MediaFromURL({
284
283
  onURLChange(value);
285
284
  onChange(value);
286
285
  }
287
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, _extends({
286
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
288
287
  as: "span"
289
- }, meta.touched || meta.dirty ? {
290
- 'aria-relevant': 'all',
291
- 'aria-atomic': 'false'
292
- } : {}), error))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
288
+ }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
293
289
  xcss: PreviewBoxStyles,
294
290
  alignItems: "center",
295
291
  justifyContent: "center"
@@ -306,11 +302,11 @@ export function MediaFromURL({
306
302
  }, /*#__PURE__*/React.createElement(MediaCard, {
307
303
  attrs: previewState.previewInfo,
308
304
  mediaProvider: mediaProvider
309
- })), previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
305
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
310
306
  appearance: "error"
311
307
  }, strings.errorMessage), previewState.warning && /*#__PURE__*/React.createElement(SectionMessage, {
312
308
  appearance: "warning"
313
- }, strings.warning), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
309
+ }, strings.warning)), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
314
310
  appearance: "subtle",
315
311
  onClick: onCancel
316
312
  }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
package/dist/esm/ui/MediaCard.js CHANGED
@@ -13,10 +13,10 @@ export var MediaCard = function MediaCard(_ref) {
13
13
  var mediaAlt = intl.formatMessage(mediaInsertMessages.mediaAlt);
14
14
  var dimensions = React.useMemo(function () {
15
15
  return {
16
- width: attrs.width,
17
- height: attrs.height
16
+ width: attrs.dimensions.width,
17
+ height: attrs.dimensions.height
18
18
  };
19
- }, [attrs.width, attrs.height]);
19
+ }, [attrs.dimensions.width, attrs.dimensions.height]);
20
20
  var identifier = React.useMemo(function () {
21
21
  return {
22
22
  id: attrs.id,
package/dist/esm/ui/MediaFromURL.js CHANGED
@@ -14,7 +14,7 @@ import ButtonGroup from '@atlaskit/button/button-group';
14
14
  import Button from '@atlaskit/button/new';
15
15
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
16
16
  import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
17
- import Form, { ErrorMessage, Field, FormFooter } from '@atlaskit/form';
17
+ import Form, { ErrorMessage, Field, FormFooter, MessageWrapper } from '@atlaskit/form';
18
18
  import EditorFilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
19
19
  import { getMediaClient } from '@atlaskit/media-client-react';
20
20
  import { Box, Flex, Inline, Stack, xcss } from '@atlaskit/primitives';
@@ -138,8 +138,7 @@ export function MediaFromURL(_ref) {
138
138
  payload: {
139
139
  id: uploadableFileUpfrontIds.id,
140
140
  collection: collection,
141
- height: dimensions.height,
142
- width: dimensions.width,
141
+ dimensions: dimensions,
143
142
  occurrenceKey: uploadableFileUpfrontIds.occurrenceKey,
144
143
  fileMimeType: mimeType
145
144
  }
@@ -310,12 +309,9 @@ export function MediaFromURL(_ref) {
310
309
  onURLChange(value);
311
310
  _onChange(value);
312
311
  }
313
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, _extends({
312
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
314
313
  as: "span"
315
- }, meta.touched || meta.dirty ? {
316
- 'aria-relevant': 'all',
317
- 'aria-atomic': 'false'
318
- } : {}), error))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
314
+ }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
319
315
  xcss: PreviewBoxStyles,
320
316
  alignItems: "center",
321
317
  justifyContent: "center"
@@ -333,11 +329,11 @@ export function MediaFromURL(_ref) {
333
329
  }, /*#__PURE__*/React.createElement(MediaCard, {
334
330
  attrs: previewState.previewInfo,
335
331
  mediaProvider: mediaProvider
336
- })), previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
332
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
337
333
  appearance: "error"
338
334
  }, strings.errorMessage), previewState.warning && /*#__PURE__*/React.createElement(SectionMessage, {
339
335
  appearance: "warning"
340
- }, strings.warning), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
336
+ }, strings.warning)), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
341
337
  appearance: "subtle",
342
338
  onClick: onCancel
343
339
  }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
package/dist/types/ui/types.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  export type OnInsertAttrs = {
2
2
  id: string;
3
3
  collection: string | undefined;
4
- height?: number;
5
- width?: number;
4
+ dimensions?: {
5
+ width: number;
6
+ height: number;
7
+ };
6
8
  occurrenceKey: string | undefined;
7
9
  fileMimeType: string;
8
10
  };
package/dist/types-ts4.5/ui/types.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  export type OnInsertAttrs = {
2
2
  id: string;
3
3
  collection: string | undefined;
4
- height?: number;
5
- width?: number;
4
+ dimensions?: {
5
+ width: number;
6
+ height: number;
7
+ };
6
8
  occurrenceKey: string | undefined;
7
9
  fileMimeType: string;
8
10
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media-insert",
3
- "version": "3.1.4",
3
+ "version": "3.1.6",
4
4
  "description": "Media Insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -25,7 +25,7 @@
25
25
  "dependencies": {
26
26
  "@atlaskit/adf-schema": "^40.9.0",
27
27
  "@atlaskit/button": "^20.2.0",
28
- "@atlaskit/editor-common": "^93.0.0",
28
+ "@atlaskit/editor-common": "^93.1.0",
29
29
  "@atlaskit/editor-plugin-analytics": "^1.8.0",
30
30
  "@atlaskit/editor-plugin-media": "^1.34.0",
31
31
  "@atlaskit/editor-prosemirror": "6.0.0",