@atlaskit/editor-plugin-media 1.34.8 → 1.34.10

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 (25) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/cjs/nodeviews/mediaSingle.js +11 -3
  3. package/dist/cjs/ui/CaptionPlaceholder/index.js +42 -7
  4. package/dist/cjs/ui/ImageBorder/index.js +45 -133
  5. package/dist/cjs/ui/PixelEntry/index.js +8 -3
  6. package/dist/cjs/ui/PixelEntry/styles.js +3 -6
  7. package/dist/es2019/nodeviews/mediaSingle.js +11 -3
  8. package/dist/es2019/ui/CaptionPlaceholder/index.js +39 -6
  9. package/dist/es2019/ui/ImageBorder/index.js +37 -124
  10. package/dist/es2019/ui/PixelEntry/index.js +10 -5
  11. package/dist/es2019/ui/PixelEntry/styles.js +2 -5
  12. package/dist/esm/nodeviews/mediaSingle.js +11 -3
  13. package/dist/esm/ui/CaptionPlaceholder/index.js +38 -6
  14. package/dist/esm/ui/ImageBorder/index.js +45 -133
  15. package/dist/esm/ui/PixelEntry/index.js +10 -5
  16. package/dist/esm/ui/PixelEntry/styles.js +2 -5
  17. package/dist/types/nodeviews/mediaSingle.d.ts +1 -1
  18. package/dist/types/pm-plugins/alt-text/ui/AltTextEdit.d.ts +3 -1
  19. package/dist/types/ui/CaptionPlaceholder/index.d.ts +4 -2
  20. package/dist/types/ui/PixelEntry/styles.d.ts +0 -1
  21. package/dist/types-ts4.5/nodeviews/mediaSingle.d.ts +1 -1
  22. package/dist/types-ts4.5/pm-plugins/alt-text/ui/AltTextEdit.d.ts +3 -1
  23. package/dist/types-ts4.5/ui/CaptionPlaceholder/index.d.ts +4 -2
  24. package/dist/types-ts4.5/ui/PixelEntry/styles.d.ts +0 -1
  25. package/package.json +4 -11
package/dist/esm/ui/PixelEntry/index.js CHANGED
@@ -10,11 +10,15 @@ import { jsx } from '@emotion/react';
10
10
  import Button from '@atlaskit/button';
11
11
  import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
12
12
  import Form, { Field } from '@atlaskit/form';
13
- import { Text } from '@atlaskit/primitives';
13
+ import { Box, Text, xcss } from '@atlaskit/primitives';
14
14
  import Textfield from '@atlaskit/textfield';
15
15
  import Tooltip from '@atlaskit/tooltip';
16
16
  import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
17
- import { pixelEntryForm, pixelEntryHiddenSubmit, pixelSizingFullWidthLabelStyles, pixelSizingHeightInput, pixelSizingInput, pixelSizingLabel, pixelSizingWidthInput, pixelSizingWrapper } from './styles';
17
+ import { pixelEntryForm, pixelEntryHiddenSubmit, pixelSizingFullWidthLabelStyles, pixelSizingHeightInput, pixelSizingInput, pixelSizingWidthInput, pixelSizingWrapper } from './styles';
18
+ var pixelSizingLabel = xcss({
19
+ gridArea: 'label',
20
+ lineHeight: "var(--ds-space-300, 24px)"
21
+ });
18
22
  export var PixelEntry = function PixelEntry(_ref) {
19
23
  var width = _ref.width,
20
24
  mediaWidth = _ref.mediaWidth,
@@ -148,9 +152,10 @@ export var PixelEntry = function PixelEntry(_ref) {
148
152
  maxWidth: maxWidth
149
153
  })
150
154
  })));
151
- }), jsx("span", {
152
- css: pixelSizingLabel
153
- }, "x"), jsx(Field, {
155
+ }), jsx(Box, {
156
+ as: "span",
157
+ xcss: pixelSizingLabel
158
+ }, "\xD7"), jsx(Field, {
154
159
  key: "inputHeight",
155
160
  name: "inputHeight",
156
161
  defaultValue: computedHeight
package/dist/esm/ui/PixelEntry/styles.js CHANGED
@@ -6,6 +6,7 @@ var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
8
  export var pixelSizingWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1em 1fr 0;\n\tgrid-template-rows: auto;\n\tgrid-template-areas: 'widthinput label heightinput submit';\n\twidth: ", "px;\n\ttext-align: center;\n\theight: ", ";\n\n\t// Atlaskit fieldset does not allow style override\n\t& > * {\n\t\tmargin-top: 0 !important;\n\t}\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
9
+
9
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
10
11
  export var pixelEntryForm = css({
11
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -23,11 +24,7 @@ export var pixelSizingInput = css({
23
24
  textAlign: 'center'
24
25
  }
25
26
  });
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
- export var pixelSizingLabel = css({
28
- gridArea: 'label',
29
- lineHeight: "var(--ds-space-300, 24px)"
30
- });
27
+
31
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
32
29
  export var pixelSizingWidthInput = css({
33
30
  gridArea: 'widthinput'
package/dist/types/nodeviews/mediaSingle.d.ts CHANGED
@@ -34,7 +34,7 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
34
34
  mediaNodeUpdater: MediaNodeUpdater | null;
35
35
  state: MediaSingleNodeState;
36
36
  mediaSingleWrapperRef: React.RefObject<HTMLDivElement>;
37
- captionPlaceHolderRef: React.RefObject<HTMLSpanElement>;
37
+ captionPlaceHolderRef: React.RefObject<HTMLButtonElement | HTMLSpanElement>;
38
38
  createOrUpdateMediaNodeUpdater: (props: MediaSingleNodeProps) => void;
39
39
  UNSAFE_componentWillReceiveProps(nextProps: MediaSingleNodeProps): void;
40
40
  setViewMediaClientConfig: (props: MediaSingleNodeProps) => Promise<void>;
package/dist/types/pm-plugins/alt-text/ui/AltTextEdit.d.ts CHANGED
@@ -39,5 +39,7 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
39
39
  private handleOnBlur;
40
40
  private handleClearText;
41
41
  }
42
- declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<Props>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
42
+ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Props, "intl"> & {
43
+ forwardedRef?: React.Ref<any> | undefined;
44
+ }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
43
45
  export default _default;
package/dist/types/ui/CaptionPlaceholder/index.d.ts CHANGED
@@ -3,7 +3,9 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React from 'react';
6
- declare const _default: React.ForwardRefExoticComponent<{
6
+ export declare const CaptionPlaceholder: React.ForwardRefExoticComponent<{
7
7
  onClick: () => void;
8
8
  } & React.RefAttributes<HTMLSpanElement>>;
9
- export default _default;
9
+ export declare const CaptionPlaceholderButton: React.ForwardRefExoticComponent<{
10
+ onClick: () => void;
11
+ } & React.RefAttributes<HTMLButtonElement>>;
package/dist/types/ui/PixelEntry/styles.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export declare const pixelSizingWrapper: import("@emotion/react").SerializedStyles;
2
2
  export declare const pixelEntryForm: import("@emotion/react").SerializedStyles;
3
3
  export declare const pixelSizingInput: import("@emotion/react").SerializedStyles;
4
- export declare const pixelSizingLabel: import("@emotion/react").SerializedStyles;
5
4
  export declare const pixelSizingWidthInput: import("@emotion/react").SerializedStyles;
6
5
  export declare const pixelSizingHeightInput: import("@emotion/react").SerializedStyles;
7
6
  export declare const pixelEntryHiddenSubmit: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/nodeviews/mediaSingle.d.ts CHANGED
@@ -34,7 +34,7 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
34
34
  mediaNodeUpdater: MediaNodeUpdater | null;
35
35
  state: MediaSingleNodeState;
36
36
  mediaSingleWrapperRef: React.RefObject<HTMLDivElement>;
37
- captionPlaceHolderRef: React.RefObject<HTMLSpanElement>;
37
+ captionPlaceHolderRef: React.RefObject<HTMLButtonElement | HTMLSpanElement>;
38
38
  createOrUpdateMediaNodeUpdater: (props: MediaSingleNodeProps) => void;
39
39
  UNSAFE_componentWillReceiveProps(nextProps: MediaSingleNodeProps): void;
40
40
  setViewMediaClientConfig: (props: MediaSingleNodeProps) => Promise<void>;
package/dist/types-ts4.5/pm-plugins/alt-text/ui/AltTextEdit.d.ts CHANGED
@@ -39,5 +39,7 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
39
39
  private handleOnBlur;
40
40
  private handleClearText;
41
41
  }
42
- declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<Props>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
42
+ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Props, "intl"> & {
43
+ forwardedRef?: React.Ref<any> | undefined;
44
+ }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
43
45
  export default _default;
package/dist/types-ts4.5/ui/CaptionPlaceholder/index.d.ts CHANGED
@@ -3,7 +3,9 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React from 'react';
6
- declare const _default: React.ForwardRefExoticComponent<{
6
+ export declare const CaptionPlaceholder: React.ForwardRefExoticComponent<{
7
7
  onClick: () => void;
8
8
  } & React.RefAttributes<HTMLSpanElement>>;
9
- export default _default;
9
+ export declare const CaptionPlaceholderButton: React.ForwardRefExoticComponent<{
10
+ onClick: () => void;
11
+ } & React.RefAttributes<HTMLButtonElement>>;
package/dist/types-ts4.5/ui/PixelEntry/styles.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export declare const pixelSizingWrapper: import("@emotion/react").SerializedStyles;
2
2
  export declare const pixelEntryForm: import("@emotion/react").SerializedStyles;
3
3
  export declare const pixelSizingInput: import("@emotion/react").SerializedStyles;
4
- export declare const pixelSizingLabel: import("@emotion/react").SerializedStyles;
5
4
  export declare const pixelSizingWidthInput: import("@emotion/react").SerializedStyles;
6
5
  export declare const pixelSizingHeightInput: import("@emotion/react").SerializedStyles;
7
6
  export declare const pixelEntryHiddenSubmit: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "1.34.8",
3
+ "version": "1.34.10",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -53,7 +53,7 @@
53
53
  "@atlaskit/editor-shared-styles": "^3.0.0",
54
54
  "@atlaskit/editor-tables": "^2.8.0",
55
55
  "@atlaskit/form": "^10.5.0",
56
- "@atlaskit/icon": "^22.20.0",
56
+ "@atlaskit/icon": "^22.22.0",
57
57
  "@atlaskit/media-card": "^78.5.0",
58
58
  "@atlaskit/media-client": "^28.0.0",
59
59
  "@atlaskit/media-client-react": "^2.2.0",
@@ -61,12 +61,12 @@
61
61
  "@atlaskit/media-filmstrip": "^47.4.0",
62
62
  "@atlaskit/media-picker": "^66.7.0",
63
63
  "@atlaskit/media-ui": "^25.15.0",
64
- "@atlaskit/media-viewer": "^48.10.0",
64
+ "@atlaskit/media-viewer": "^49.0.0",
65
65
  "@atlaskit/platform-feature-flags": "^0.3.0",
66
66
  "@atlaskit/primitives": "^12.2.0",
67
67
  "@atlaskit/textfield": "^6.5.0",
68
68
  "@atlaskit/theme": "^13.0.0",
69
- "@atlaskit/tmp-editor-statsig": "^2.2.0",
69
+ "@atlaskit/tmp-editor-statsig": "^2.3.0",
70
70
  "@atlaskit/tokens": "^2.0.0",
71
71
  "@atlaskit/tooltip": "^18.8.0",
72
72
  "@babel/runtime": "^7.0.0",
@@ -128,13 +128,6 @@
128
128
  "type": "boolean",
129
129
  "referenceOnly": "true"
130
130
  },
131
- "platform.media-experience.media-viewer-v2_hgsii": {
132
- "type": "boolean",
133
- "referenceOnly": "true"
134
- },
135
- "platform-editor-a11y-image-border-options-dropdown": {
136
- "type": "boolean"
137
- },
138
131
  "platform_editor_media_batch_updates": {
139
132
  "type": "boolean"
140
133
  },