@atlaskit/editor-plugin-media-insert 4.0.11 → 4.0.13

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,17 @@
1
1
  # @atlaskit/editor-plugin-media-insert
2
2
 
3
+ ## 4.0.13
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.0.12
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 4.0.11
4
16
 
5
17
  ### Patch Changes
@@ -57,6 +57,8 @@ var MAX_URL_LENGTH = 2048;
57
57
  var isValidUrl = exports.isValidUrl = function isValidUrl(value) {
58
58
  try {
59
59
  // Check for spaces and length first to avoid the expensive URL parsing
60
+ // Ignored via go/ees005
61
+ // eslint-disable-next-line require-unicode-regexp
60
62
  if (/\s/.test(value) || value.length > MAX_URL_LENGTH) {
61
63
  return false;
62
64
  }
@@ -285,78 +287,86 @@ function MediaFromURL(_ref) {
285
287
  }
286
288
  }, function (_ref4) {
287
289
  var formProps = _ref4.formProps;
288
- return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
289
- as: "form"
290
- }, formProps, {
291
- xcss: FormStyles
292
- }), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
293
- space: "space.150",
294
- grow: "fill"
295
- }, /*#__PURE__*/_react.default.createElement(_form.Field, {
296
- "aria-required": true,
297
- isRequired: true,
298
- name: "inputUrl",
299
- validate: function validate(value) {
300
- return value && isValidUrl(value) ? undefined : strings.invalidUrl;
301
- }
302
- }, function (_ref5) {
303
- var _ref5$fieldProps = _ref5.fieldProps,
304
- value = _ref5$fieldProps.value,
305
- _onChange = _ref5$fieldProps.onChange,
306
- rest = (0, _objectWithoutProperties2.default)(_ref5$fieldProps, _excluded),
307
- error = _ref5.error,
308
- meta = _ref5.meta;
309
- return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
290
+ return (
291
+ /*#__PURE__*/
292
+ // Ignored via go/ees005
293
+ // eslint-disable-next-line react/jsx-props-no-spreading
294
+ _react.default.createElement(_primitives.Box, (0, _extends2.default)({
295
+ as: "form"
296
+ }, formProps, {
297
+ xcss: FormStyles
298
+ }), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
310
299
  space: "space.150",
311
300
  grow: "fill"
312
- }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, rest, {
313
- value: value,
314
- placeholder: strings.pasteLinkToUpload,
315
- maxLength: MAX_URL_LENGTH,
316
- onKeyPress: onInputKeyPress,
317
- onPaste: function onPaste(event) {
318
- return _onPaste(event, value);
319
- },
320
- onChange: function onChange(value) {
321
- onURLChange(value);
322
- _onChange(value);
301
+ }, /*#__PURE__*/_react.default.createElement(_form.Field, {
302
+ "aria-required": true,
303
+ isRequired: true,
304
+ name: "inputUrl",
305
+ validate: function validate(value) {
306
+ return value && isValidUrl(value) ? undefined : strings.invalidUrl;
323
307
  }
324
- })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
325
- as: "span"
326
- }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
327
- xcss: PreviewBoxStyles,
328
- alignItems: "center",
329
- justifyContent: "center"
330
- }, /*#__PURE__*/_react.default.createElement(_new.default, {
308
+ }, function (_ref5) {
309
+ var _ref5$fieldProps = _ref5.fieldProps,
310
+ value = _ref5$fieldProps.value,
311
+ _onChange = _ref5$fieldProps.onChange,
312
+ rest = (0, _objectWithoutProperties2.default)(_ref5$fieldProps, _excluded),
313
+ error = _ref5.error,
314
+ meta = _ref5.meta;
315
+ return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
316
+ space: "space.150",
317
+ grow: "fill"
318
+ }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_textfield.default
319
+ // Ignored via go/ees005
320
+ // eslint-disable-next-line react/jsx-props-no-spreading
321
+ , (0, _extends2.default)({}, rest, {
322
+ value: value,
323
+ placeholder: strings.pasteLinkToUpload,
324
+ maxLength: MAX_URL_LENGTH,
325
+ onKeyPress: onInputKeyPress,
326
+ onPaste: function onPaste(event) {
327
+ return _onPaste(event, value);
328
+ },
329
+ onChange: function onChange(value) {
330
+ onURLChange(value);
331
+ _onChange(value);
332
+ }
333
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
334
+ as: "span"
335
+ }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
336
+ xcss: PreviewBoxStyles,
337
+ alignItems: "center",
338
+ justifyContent: "center"
339
+ }, /*#__PURE__*/_react.default.createElement(_new.default, {
340
+ type: "submit",
341
+ isLoading: previewState.isLoading,
342
+ isDisabled: !!error || !meta.dirty,
343
+ iconBefore: function iconBefore() {
344
+ return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, {
345
+ label: "",
346
+ LEGACY_fallbackIcon: _filePreview.default
347
+ });
348
+ }
349
+ }, strings.loadPreview)));
350
+ }), previewState.previewInfo && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
351
+ alignInline: "center",
352
+ alignBlock: "center",
353
+ xcss: PreviewImageStyles,
354
+ space: "space.200"
355
+ }, /*#__PURE__*/_react.default.createElement(_MediaCard.MediaCard, {
356
+ attrs: previewState.previewInfo,
357
+ mediaProvider: mediaProvider
358
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, previewState.error && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
359
+ appearance: "error"
360
+ }, strings.errorMessage), previewState.warning && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
361
+ appearance: "warning"
362
+ }, strings.warning)), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
363
+ appearance: "subtle",
364
+ onClick: onCancel
365
+ }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
331
366
  type: "submit",
332
- isLoading: previewState.isLoading,
333
- isDisabled: !!error || !meta.dirty,
334
- iconBefore: function iconBefore() {
335
- return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, {
336
- label: "",
337
- LEGACY_fallbackIcon: _filePreview.default
338
- });
339
- }
340
- }, strings.loadPreview)));
341
- }), previewState.previewInfo && /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
342
- alignInline: "center",
343
- alignBlock: "center",
344
- xcss: PreviewImageStyles,
345
- space: "space.200"
346
- }, /*#__PURE__*/_react.default.createElement(_MediaCard.MediaCard, {
347
- attrs: previewState.previewInfo,
348
- mediaProvider: mediaProvider
349
- })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, previewState.error && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
350
- appearance: "error"
351
- }, strings.errorMessage), previewState.warning && /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
352
- appearance: "warning"
353
- }, strings.warning)), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
354
- appearance: "subtle",
355
- onClick: onCancel
356
- }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
357
- type: "submit",
358
- appearance: "primary",
359
- isDisabled: !previewState.previewInfo && !previewState.warning
360
- }, strings.insert)))));
367
+ appearance: "primary",
368
+ isDisabled: !previewState.previewInfo && !previewState.warning
369
+ }, strings.insert)))))
370
+ );
361
371
  });
362
372
  }
@@ -62,11 +62,16 @@ var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnaly
62
62
  var CustomTabPanel = function CustomTabPanel(_ref) {
63
63
  var children = _ref.children;
64
64
  var tabPanelAttributes = (0, _tabs.useTabPanel)();
65
- return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
66
- paddingBlockEnd: "space.150"
67
- }, tabPanelAttributes, {
68
- tabIndex: -1
69
- }), children);
65
+ return (
66
+ /*#__PURE__*/
67
+ // Ignored via go/ees005
68
+ // eslint-disable-next-line react/jsx-props-no-spreading
69
+ _react.default.createElement(_primitives.Box, (0, _extends2.default)({
70
+ paddingBlockEnd: "space.150"
71
+ }, tabPanelAttributes, {
72
+ tabIndex: -1
73
+ }), children)
74
+ );
70
75
  };
71
76
  var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_ref2) {
72
77
  var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3;
@@ -38,6 +38,8 @@ const MAX_URL_LENGTH = 2048;
38
38
  export const isValidUrl = value => {
39
39
  try {
40
40
  // Check for spaces and length first to avoid the expensive URL parsing
41
+ // Ignored via go/ees005
42
+ // eslint-disable-next-line require-unicode-regexp
41
43
  if (/\s/.test(value) || value.length > MAX_URL_LENGTH) {
42
44
  return false;
43
45
  }
@@ -251,7 +253,11 @@ export function MediaFromURL({
251
253
  }
252
254
  }, ({
253
255
  formProps
254
- }) => /*#__PURE__*/React.createElement(Box, _extends({
256
+ }) =>
257
+ /*#__PURE__*/
258
+ // Ignored via go/ees005
259
+ // eslint-disable-next-line react/jsx-props-no-spreading
260
+ React.createElement(Box, _extends({
255
261
  as: "form"
256
262
  }, formProps, {
257
263
  xcss: FormStyles
@@ -274,7 +280,10 @@ export function MediaFromURL({
274
280
  }) => /*#__PURE__*/React.createElement(Stack, {
275
281
  space: "space.150",
276
282
  grow: "fill"
277
- }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(TextField, _extends({}, rest, {
283
+ }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(TextField
284
+ // Ignored via go/ees005
285
+ // eslint-disable-next-line react/jsx-props-no-spreading
286
+ , _extends({}, rest, {
278
287
  value: value,
279
288
  placeholder: strings.pasteLinkToUpload,
280
289
  maxLength: MAX_URL_LENGTH,
@@ -53,11 +53,16 @@ const CustomTabPanel = ({
53
53
  children
54
54
  }) => {
55
55
  const tabPanelAttributes = useTabPanel();
56
- return /*#__PURE__*/React.createElement(Box, _extends({
57
- paddingBlockEnd: "space.150"
58
- }, tabPanelAttributes, {
59
- tabIndex: -1
60
- }), children);
56
+ return (
57
+ /*#__PURE__*/
58
+ // Ignored via go/ees005
59
+ // eslint-disable-next-line react/jsx-props-no-spreading
60
+ React.createElement(Box, _extends({
61
+ paddingBlockEnd: "space.150"
62
+ }, tabPanelAttributes, {
63
+ tabIndex: -1
64
+ }), children)
65
+ );
61
66
  };
62
67
  export const MediaInsertPicker = ({
63
68
  api,
@@ -46,6 +46,8 @@ var MAX_URL_LENGTH = 2048;
46
46
  export var isValidUrl = function isValidUrl(value) {
47
47
  try {
48
48
  // Check for spaces and length first to avoid the expensive URL parsing
49
+ // Ignored via go/ees005
50
+ // eslint-disable-next-line require-unicode-regexp
49
51
  if (/\s/.test(value) || value.length > MAX_URL_LENGTH) {
50
52
  return false;
51
53
  }
@@ -274,78 +276,86 @@ export function MediaFromURL(_ref) {
274
276
  }
275
277
  }, function (_ref4) {
276
278
  var formProps = _ref4.formProps;
277
- return /*#__PURE__*/React.createElement(Box, _extends({
278
- as: "form"
279
- }, formProps, {
280
- xcss: FormStyles
281
- }), /*#__PURE__*/React.createElement(Stack, {
282
- space: "space.150",
283
- grow: "fill"
284
- }, /*#__PURE__*/React.createElement(Field, {
285
- "aria-required": true,
286
- isRequired: true,
287
- name: "inputUrl",
288
- validate: function validate(value) {
289
- return value && isValidUrl(value) ? undefined : strings.invalidUrl;
290
- }
291
- }, function (_ref5) {
292
- var _ref5$fieldProps = _ref5.fieldProps,
293
- value = _ref5$fieldProps.value,
294
- _onChange = _ref5$fieldProps.onChange,
295
- rest = _objectWithoutProperties(_ref5$fieldProps, _excluded),
296
- error = _ref5.error,
297
- meta = _ref5.meta;
298
- return /*#__PURE__*/React.createElement(Stack, {
279
+ return (
280
+ /*#__PURE__*/
281
+ // Ignored via go/ees005
282
+ // eslint-disable-next-line react/jsx-props-no-spreading
283
+ React.createElement(Box, _extends({
284
+ as: "form"
285
+ }, formProps, {
286
+ xcss: FormStyles
287
+ }), /*#__PURE__*/React.createElement(Stack, {
299
288
  space: "space.150",
300
289
  grow: "fill"
301
- }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(TextField, _extends({}, rest, {
302
- value: value,
303
- placeholder: strings.pasteLinkToUpload,
304
- maxLength: MAX_URL_LENGTH,
305
- onKeyPress: onInputKeyPress,
306
- onPaste: function onPaste(event) {
307
- return _onPaste(event, value);
308
- },
309
- onChange: function onChange(value) {
310
- onURLChange(value);
311
- _onChange(value);
290
+ }, /*#__PURE__*/React.createElement(Field, {
291
+ "aria-required": true,
292
+ isRequired: true,
293
+ name: "inputUrl",
294
+ validate: function validate(value) {
295
+ return value && isValidUrl(value) ? undefined : strings.invalidUrl;
312
296
  }
313
- })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
314
- as: "span"
315
- }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
316
- xcss: PreviewBoxStyles,
317
- alignItems: "center",
318
- justifyContent: "center"
319
- }, /*#__PURE__*/React.createElement(Button, {
297
+ }, function (_ref5) {
298
+ var _ref5$fieldProps = _ref5.fieldProps,
299
+ value = _ref5$fieldProps.value,
300
+ _onChange = _ref5$fieldProps.onChange,
301
+ rest = _objectWithoutProperties(_ref5$fieldProps, _excluded),
302
+ error = _ref5.error,
303
+ meta = _ref5.meta;
304
+ return /*#__PURE__*/React.createElement(Stack, {
305
+ space: "space.150",
306
+ grow: "fill"
307
+ }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(TextField
308
+ // Ignored via go/ees005
309
+ // eslint-disable-next-line react/jsx-props-no-spreading
310
+ , _extends({}, rest, {
311
+ value: value,
312
+ placeholder: strings.pasteLinkToUpload,
313
+ maxLength: MAX_URL_LENGTH,
314
+ onKeyPress: onInputKeyPress,
315
+ onPaste: function onPaste(event) {
316
+ return _onPaste(event, value);
317
+ },
318
+ onChange: function onChange(value) {
319
+ onURLChange(value);
320
+ _onChange(value);
321
+ }
322
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
323
+ as: "span"
324
+ }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
325
+ xcss: PreviewBoxStyles,
326
+ alignItems: "center",
327
+ justifyContent: "center"
328
+ }, /*#__PURE__*/React.createElement(Button, {
329
+ type: "submit",
330
+ isLoading: previewState.isLoading,
331
+ isDisabled: !!error || !meta.dirty,
332
+ iconBefore: function iconBefore() {
333
+ return /*#__PURE__*/React.createElement(ExpandIcon, {
334
+ label: "",
335
+ LEGACY_fallbackIcon: EditorFilePreviewIconLegacy
336
+ });
337
+ }
338
+ }, strings.loadPreview)));
339
+ }), previewState.previewInfo && /*#__PURE__*/React.createElement(Inline, {
340
+ alignInline: "center",
341
+ alignBlock: "center",
342
+ xcss: PreviewImageStyles,
343
+ space: "space.200"
344
+ }, /*#__PURE__*/React.createElement(MediaCard, {
345
+ attrs: previewState.previewInfo,
346
+ mediaProvider: mediaProvider
347
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
348
+ appearance: "error"
349
+ }, strings.errorMessage), previewState.warning && /*#__PURE__*/React.createElement(SectionMessage, {
350
+ appearance: "warning"
351
+ }, strings.warning)), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
352
+ appearance: "subtle",
353
+ onClick: onCancel
354
+ }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
320
355
  type: "submit",
321
- isLoading: previewState.isLoading,
322
- isDisabled: !!error || !meta.dirty,
323
- iconBefore: function iconBefore() {
324
- return /*#__PURE__*/React.createElement(ExpandIcon, {
325
- label: "",
326
- LEGACY_fallbackIcon: EditorFilePreviewIconLegacy
327
- });
328
- }
329
- }, strings.loadPreview)));
330
- }), previewState.previewInfo && /*#__PURE__*/React.createElement(Inline, {
331
- alignInline: "center",
332
- alignBlock: "center",
333
- xcss: PreviewImageStyles,
334
- space: "space.200"
335
- }, /*#__PURE__*/React.createElement(MediaCard, {
336
- attrs: previewState.previewInfo,
337
- mediaProvider: mediaProvider
338
- })), /*#__PURE__*/React.createElement(MessageWrapper, null, previewState.error && /*#__PURE__*/React.createElement(SectionMessage, {
339
- appearance: "error"
340
- }, strings.errorMessage), previewState.warning && /*#__PURE__*/React.createElement(SectionMessage, {
341
- appearance: "warning"
342
- }, strings.warning)), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
343
- appearance: "subtle",
344
- onClick: onCancel
345
- }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
346
- type: "submit",
347
- appearance: "primary",
348
- isDisabled: !previewState.previewInfo && !previewState.warning
349
- }, strings.insert)))));
356
+ appearance: "primary",
357
+ isDisabled: !previewState.previewInfo && !previewState.warning
358
+ }, strings.insert)))))
359
+ );
350
360
  });
351
361
  }
@@ -52,11 +52,16 @@ var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnaly
52
52
  var CustomTabPanel = function CustomTabPanel(_ref) {
53
53
  var children = _ref.children;
54
54
  var tabPanelAttributes = useTabPanel();
55
- return /*#__PURE__*/React.createElement(Box, _extends({
56
- paddingBlockEnd: "space.150"
57
- }, tabPanelAttributes, {
58
- tabIndex: -1
59
- }), children);
55
+ return (
56
+ /*#__PURE__*/
57
+ // Ignored via go/ees005
58
+ // eslint-disable-next-line react/jsx-props-no-spreading
59
+ React.createElement(Box, _extends({
60
+ paddingBlockEnd: "space.150"
61
+ }, tabPanelAttributes, {
62
+ tabIndex: -1
63
+ }), children)
64
+ );
60
65
  };
61
66
  export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
62
67
  var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media-insert",
3
- "version": "4.0.11",
3
+ "version": "4.0.13",
4
4
  "description": "Media Insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -25,16 +25,16 @@
25
25
  "dependencies": {
26
26
  "@atlaskit/adf-schema": "^46.1.0",
27
27
  "@atlaskit/button": "^20.3.0",
28
- "@atlaskit/editor-common": "^96.8.0",
28
+ "@atlaskit/editor-common": "^97.2.0",
29
29
  "@atlaskit/editor-plugin-analytics": "^1.10.0",
30
30
  "@atlaskit/editor-plugin-media": "^1.43.0",
31
31
  "@atlaskit/editor-prosemirror": "6.2.1",
32
32
  "@atlaskit/editor-shared-styles": "^3.2.0",
33
33
  "@atlaskit/form": "^11.0.0",
34
34
  "@atlaskit/icon": "^23.1.0",
35
- "@atlaskit/media-card": "^78.16.0",
36
- "@atlaskit/media-client": "^28.6.0",
37
- "@atlaskit/media-client-react": "^2.4.0",
35
+ "@atlaskit/media-card": "^78.17.0",
36
+ "@atlaskit/media-client": "^29.0.0",
37
+ "@atlaskit/media-client-react": "^2.5.0",
38
38
  "@atlaskit/media-picker": "^67.0.0",
39
39
  "@atlaskit/platform-feature-flags": "^0.3.0",
40
40
  "@atlaskit/primitives": "^13.3.0",