@atlaskit/editor-plugin-media 1.34.7 → 1.34.9

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 (31) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/nodeviews/mediaSingle.js +11 -3
  3. package/dist/cjs/toDOM-fixes/media.js +25 -6
  4. package/dist/cjs/toDOM-fixes/mediaGroup.js +1 -1
  5. package/dist/cjs/toDOM-fixes/mediaSingle.js +189 -137
  6. package/dist/cjs/ui/CaptionPlaceholder/index.js +42 -7
  7. package/dist/cjs/ui/PixelEntry/index.js +8 -3
  8. package/dist/cjs/ui/PixelEntry/styles.js +3 -6
  9. package/dist/es2019/nodeviews/mediaSingle.js +11 -3
  10. package/dist/es2019/toDOM-fixes/media.js +24 -16
  11. package/dist/es2019/toDOM-fixes/mediaGroup.js +3 -3
  12. package/dist/es2019/toDOM-fixes/mediaSingle.js +194 -136
  13. package/dist/es2019/ui/CaptionPlaceholder/index.js +39 -6
  14. package/dist/es2019/ui/PixelEntry/index.js +10 -5
  15. package/dist/es2019/ui/PixelEntry/styles.js +2 -5
  16. package/dist/esm/nodeviews/mediaSingle.js +11 -3
  17. package/dist/esm/toDOM-fixes/media.js +25 -5
  18. package/dist/esm/toDOM-fixes/mediaGroup.js +1 -1
  19. package/dist/esm/toDOM-fixes/mediaSingle.js +188 -135
  20. package/dist/esm/ui/CaptionPlaceholder/index.js +38 -6
  21. package/dist/esm/ui/PixelEntry/index.js +10 -5
  22. package/dist/esm/ui/PixelEntry/styles.js +2 -5
  23. package/dist/types/nodeviews/mediaSingle.d.ts +1 -1
  24. package/dist/types/toDOM-fixes/mediaSingle.d.ts +41 -26
  25. package/dist/types/ui/CaptionPlaceholder/index.d.ts +4 -2
  26. package/dist/types/ui/PixelEntry/styles.d.ts +0 -1
  27. package/dist/types-ts4.5/nodeviews/mediaSingle.d.ts +1 -1
  28. package/dist/types-ts4.5/toDOM-fixes/mediaSingle.d.ts +41 -26
  29. package/dist/types-ts4.5/ui/CaptionPlaceholder/index.d.ts +4 -2
  30. package/dist/types-ts4.5/ui/PixelEntry/styles.d.ts +0 -1
  31. package/package.json +5 -9
@@ -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>;
@@ -1,30 +1,45 @@
1
- import type { NodeSpec } from '@atlaskit/editor-prosemirror/model';
2
- export declare const wrappedLayouts: string[];
3
- /**
4
- * Duplicate of method from `@atlaskit/editor-common/utils`.
5
- * `packages/editor/editor-common/src/utils/rich-media-utils.ts`
6
- *
7
- * WHY?
8
- * This will eventually move to `@atlaskit/adf-schema` and we cannot reference
9
- * `@atlaskit/editor-common` from here or it will cause dependency issues.
10
- *
11
- * In the long term likely `toDOM` will move back out of `adf-schema` in which
12
- * case we can consolidate them.
13
- */
14
- export declare const shouldAddDefaultWrappedWidth: (layout: string, width?: number, lineLength?: number) => boolean | 0 | undefined;
15
- /**
16
- * Duplicate of method from `@atlaskit/editor-common/media-single`.
17
- * `packages/editor/editor-common/src/media-single/utils.ts`
18
- *
19
- * WHY?
20
- * This will eventually move to `@atlaskit/adf-schema` and we cannot reference
21
- * `@atlaskit/editor-common` from here or it will cause dependency issues.
22
- *
23
- * In the long term likely `toDOM` will move back out of `adf-schema` in which
24
- * case we can consolidate them.
25
- */
26
- export declare function getMediaSinglePixelWidth(width: number, editorWidth: number, widthType?: string, gutterOffset?: number): number;
1
+ import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema/schema';
2
+ import type { DOMOutputSpec, NodeSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
3
+ type MediaWidthCSSCalcProps = {
4
+ layout: MediaSingleLayout;
5
+ mediaSingleDimensionWidth: number | undefined;
6
+ baseWidth: number | undefined;
7
+ isPixelWidth: boolean;
8
+ isExtendedResizeExperience: boolean;
9
+ };
10
+ export declare const mediaWidthCSSCalc: ({ mediaSingleDimensionWidth, layout, baseWidth, isPixelWidth, isExtendedResizeExperience, }: MediaWidthCSSCalcProps) => string;
11
+ type MediaContentWrapperWidthCSSCalcProps = {
12
+ isMediaWrapped: boolean;
13
+ isExternalMedia: boolean;
14
+ isPixelWidth: boolean;
15
+ childMediaWidth: number | undefined;
16
+ mediaSingleDimensionWidth: number | undefined;
17
+ };
18
+ export declare const mediaContentWrapperWidthCSSCalc: ({ isMediaWrapped, isExternalMedia, isPixelWidth, childMediaWidth, mediaSingleDimensionWidth, }: MediaContentWrapperWidthCSSCalcProps) => string;
19
+ type MediaProportionalWidthCSSCalcProps = {
20
+ isPixelWidth: boolean;
21
+ isExtendedResizeExperience: boolean;
22
+ isMediaWrapped: boolean;
23
+ mediaSingleDimensionWidth: number | undefined;
24
+ };
25
+ export declare const mediaProportionalWidthCSSCalc: ({ isPixelWidth, isExtendedResizeExperience, mediaSingleDimensionWidth, isMediaWrapped, }: MediaProportionalWidthCSSCalcProps) => string;
26
+ type MediaJustifyContentCSSProps = {
27
+ layout: MediaSingleLayout;
28
+ };
29
+ export declare const mediaJustifyContentCSS: ({ layout }: MediaJustifyContentCSSProps) => string;
30
+ type PrepareWrapperContentDOMProps = {
31
+ layout: MediaSingleLayout;
32
+ dataAttrs: Record<string, unknown>;
33
+ childMediaWidth: number;
34
+ childMediaHeight: number;
35
+ mediaSingleDimensionWidth: number;
36
+ isPixelWidth: boolean;
37
+ isExtendedResizeExperience: boolean;
38
+ };
39
+ export declare const prepareWrapperContentDOM: ({ layout, dataAttrs, childMediaWidth, childMediaHeight, mediaSingleDimensionWidth, isPixelWidth, isExtendedResizeExperience, }: PrepareWrapperContentDOMProps) => DOMOutputSpec;
40
+ export declare const toDOM: (node: PMNode) => DOMOutputSpec;
27
41
  export declare const mediaSingleSpecWithFixedToDOM: (mediaSingleOption: {
28
42
  withCaption?: boolean;
29
43
  withExtendedWidthTypes: boolean;
30
44
  }) => NodeSpec;
45
+ export {};
@@ -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>>;
@@ -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.7",
3
+ "version": "1.34.9",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/analytics-namespaced-context": "^6.12.0",
37
37
  "@atlaskit/analytics-next": "^10.1.0",
38
38
  "@atlaskit/button": "^20.2.0",
39
- "@atlaskit/editor-common": "^93.0.0",
39
+ "@atlaskit/editor-common": "^93.1.0",
40
40
  "@atlaskit/editor-palette": "1.6.1",
41
41
  "@atlaskit/editor-plugin-analytics": "^1.8.0",
42
42
  "@atlaskit/editor-plugin-annotation": "1.19.11",
@@ -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.21.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,10 +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
131
  "platform-editor-a11y-image-border-options-dropdown": {
136
132
  "type": "boolean"
137
133
  },