@atlaskit/editor-plugin-media 5.1.5 → 5.1.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 (14) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js +1 -0
  3. package/dist/cjs/ui/CaptionPlaceholder/index.js +1 -0
  4. package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -2
  5. package/dist/cjs/ui/toolbar/layout-group.js +2 -0
  6. package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js +1 -0
  7. package/dist/es2019/ui/CaptionPlaceholder/index.js +1 -0
  8. package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +5 -3
  9. package/dist/es2019/ui/toolbar/layout-group.js +1 -0
  10. package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js +1 -0
  11. package/dist/esm/ui/CaptionPlaceholder/index.js +1 -0
  12. package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +5 -3
  13. package/dist/esm/ui/toolbar/layout-group.js +1 -0
  14. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 5.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#185940](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185940)
8
+ [`456bee393c4d3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/456bee393c4d3) -
9
+ [ux] When editor-area is less than 768px wide, we reduce editor gutters to 24px in Full-page
10
+ editor.
11
+ - Updated dependencies
12
+
13
+ ## 5.1.6
14
+
15
+ ### Patch Changes
16
+
17
+ - [#187144](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187144)
18
+ [`a16147d8fbdfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a16147d8fbdfe) -
19
+ Bump @atlaskit/adf-schema to v49.0.5
20
+ - Updated dependencies
21
+
3
22
  ## 5.1.5
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js CHANGED
@@ -31,6 +31,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
31
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
32
32
 
33
33
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives
34
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
34
35
 
35
36
  var pixelSizingLabel = (0, _primitives.xcss)({
36
37
  gridArea: 'label',
package/dist/cjs/ui/CaptionPlaceholder/index.js CHANGED
@@ -20,6 +20,7 @@ var _templateObject;
20
20
  * @jsx jsx
21
21
  */
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
23
24
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
24
25
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
25
26
  var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js CHANGED
@@ -22,6 +22,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
22
22
  var _utils2 = require("@atlaskit/editor-prosemirror/utils");
23
23
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
24
24
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
25
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
25
26
  var _main = require("../../pm-plugins/main");
26
27
  var _analytics = require("../../pm-plugins/utils/analytics");
27
28
  var _checkMediaType = require("../../pm-plugins/utils/check-media-type");
@@ -87,11 +88,12 @@ var calcUnwrappedLayout = function calcUnwrappedLayout(width, containerWidth, co
87
88
  if (width <= contentWidth) {
88
89
  return 'center';
89
90
  }
90
- if (width < Math.min(containerWidth - (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth)) {
91
+ var padding = containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
92
+ if (width < Math.min(containerWidth - padding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth)) {
91
93
  return 'wide';
92
94
  }
93
95
 
94
- // set full width to be containerWidth - akEditorGutterPaddingDynamic() * 2
96
+ // set full width to be containerWidth - padding * 2
95
97
  // instead of containerWidth - akEditorBreakoutPadding,
96
98
  // so that we have image aligned with text
97
99
  return 'full-width';
package/dist/cjs/ui/toolbar/layout-group.js CHANGED
@@ -14,6 +14,8 @@ var _primitives = require("@atlaskit/primitives");
14
14
  */
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
16
 
17
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
18
+
17
19
  var containerStyles = (0, _primitives.xcss)({
18
20
  marginLeft: 'space.100'
19
21
  });
package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js CHANGED
@@ -13,6 +13,7 @@ import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
13
13
  import Form, { Field } from '@atlaskit/form';
14
14
  import CrossIcon from '@atlaskit/icon/core/cross';
15
15
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives
16
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
16
17
  import { Inline, Box, Text, xcss } from '@atlaskit/primitives';
17
18
  import Textfield from '@atlaskit/textfield';
18
19
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
package/dist/es2019/ui/CaptionPlaceholder/index.js CHANGED
@@ -9,6 +9,7 @@ import { css, jsx } from '@emotion/react';
9
9
  import { FormattedMessage } from 'react-intl-next';
10
10
  import { captionMessages as messages } from '@atlaskit/editor-common/media';
11
11
  import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
12
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
12
13
  import { Pressable, Text, xcss } from '@atlaskit/primitives';
13
14
  import { N200 } from '@atlaskit/theme/colors';
14
15
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js CHANGED
@@ -16,8 +16,9 @@ import { calcPctFromPx, handleSides, imageAlignmentMap, wrappedLayouts } from '@
16
16
  import { nonWrappedLayouts } from '@atlaskit/editor-common/utils';
17
17
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
18
18
  import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
19
- import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
19
+ import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
20
20
  import { fg } from '@atlaskit/platform-feature-flags';
21
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
21
22
  import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
22
23
  import { getMediaResizeAnalyticsEvent } from '../../pm-plugins/utils/analytics';
23
24
  import { checkMediaType } from '../../pm-plugins/utils/check-media-type';
@@ -78,11 +79,12 @@ const calcUnwrappedLayout = (width, containerWidth, contentWidth, fullWidthMode,
78
79
  if (width <= contentWidth) {
79
80
  return 'center';
80
81
  }
81
- if (width < Math.min(containerWidth - akEditorGutterPaddingDynamic() * 2, akEditorFullWidthLayoutWidth)) {
82
+ const padding = containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
83
+ if (width < Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth)) {
82
84
  return 'wide';
83
85
  }
84
86
 
85
- // set full width to be containerWidth - akEditorGutterPaddingDynamic() * 2
87
+ // set full width to be containerWidth - padding * 2
86
88
  // instead of containerWidth - akEditorBreakoutPadding,
87
89
  // so that we have image aligned with text
88
90
  return 'full-width';
package/dist/es2019/ui/toolbar/layout-group.js CHANGED
@@ -6,6 +6,7 @@
6
6
  import { jsx } from '@emotion/react';
7
7
  import { ButtonGroup } from '@atlaskit/button';
8
8
  import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
9
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
9
10
  import { Box, xcss } from '@atlaskit/primitives';
10
11
  const containerStyles = xcss({
11
12
  marginLeft: 'space.100'
package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js CHANGED
@@ -14,6 +14,7 @@ import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
14
14
  import Form, { Field } from '@atlaskit/form';
15
15
  import CrossIcon from '@atlaskit/icon/core/cross';
16
16
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives
17
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
17
18
  import { Inline, Box, Text, xcss } from '@atlaskit/primitives';
18
19
  import Textfield from '@atlaskit/textfield';
19
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
package/dist/esm/ui/CaptionPlaceholder/index.js CHANGED
@@ -11,6 +11,7 @@ import { css, jsx } from '@emotion/react';
11
11
  import { FormattedMessage } from 'react-intl-next';
12
12
  import { captionMessages as messages } from '@atlaskit/editor-common/media';
13
13
  import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
14
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
14
15
  import { Pressable, Text, xcss } from '@atlaskit/primitives';
15
16
  import { N200 } from '@atlaskit/theme/colors';
16
17
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js CHANGED
@@ -18,8 +18,9 @@ import { calcPctFromPx, handleSides, imageAlignmentMap, wrappedLayouts } from '@
18
18
  import { nonWrappedLayouts } from '@atlaskit/editor-common/utils';
19
19
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
20
20
  import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
21
- import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
21
+ import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
22
22
  import { fg } from '@atlaskit/platform-feature-flags';
23
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
23
24
  import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
24
25
  import { getMediaResizeAnalyticsEvent } from '../../pm-plugins/utils/analytics';
25
26
  import { checkMediaType } from '../../pm-plugins/utils/check-media-type';
@@ -77,11 +78,12 @@ var calcUnwrappedLayout = function calcUnwrappedLayout(width, containerWidth, co
77
78
  if (width <= contentWidth) {
78
79
  return 'center';
79
80
  }
80
- if (width < Math.min(containerWidth - akEditorGutterPaddingDynamic() * 2, akEditorFullWidthLayoutWidth)) {
81
+ var padding = containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
82
+ if (width < Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth)) {
81
83
  return 'wide';
82
84
  }
83
85
 
84
- // set full width to be containerWidth - akEditorGutterPaddingDynamic() * 2
86
+ // set full width to be containerWidth - padding * 2
85
87
  // instead of containerWidth - akEditorBreakoutPadding,
86
88
  // so that we have image aligned with text
87
89
  return 'full-width';
package/dist/esm/ui/toolbar/layout-group.js CHANGED
@@ -6,6 +6,7 @@
6
6
  import { jsx } from '@emotion/react';
7
7
  import { ButtonGroup } from '@atlaskit/button';
8
8
  import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
9
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
9
10
  import { Box, xcss } from '@atlaskit/primitives';
10
11
  var containerStyles = xcss({
11
12
  marginLeft: 'space.100'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "5.1.5",
3
+ "version": "5.1.7",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,7 +33,7 @@
33
33
  "./types": "./src/types/index.ts"
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/adf-schema": "^49.0.5",
36
+ "@atlaskit/adf-schema": "^49.0.6",
37
37
  "@atlaskit/analytics-namespaced-context": "^7.0.0",
38
38
  "@atlaskit/analytics-next": "^11.1.0",
39
39
  "@atlaskit/button": "^23.2.0",
@@ -52,13 +52,13 @@
52
52
  "@atlaskit/editor-plugin-selection": "^3.0.0",
53
53
  "@atlaskit/editor-plugin-width": "^4.0.0",
54
54
  "@atlaskit/editor-prosemirror": "7.0.0",
55
- "@atlaskit/editor-shared-styles": "^3.4.0",
55
+ "@atlaskit/editor-shared-styles": "^3.5.0",
56
56
  "@atlaskit/editor-tables": "^2.9.0",
57
57
  "@atlaskit/form": "^12.0.0",
58
58
  "@atlaskit/icon": "^27.3.0",
59
59
  "@atlaskit/icon-lab": "^5.1.0",
60
60
  "@atlaskit/media-card": "^79.4.0",
61
- "@atlaskit/media-client": "^35.0.0",
61
+ "@atlaskit/media-client": "^35.1.0",
62
62
  "@atlaskit/media-client-react": "^4.1.0",
63
63
  "@atlaskit/media-common": "^12.3.0",
64
64
  "@atlaskit/media-filmstrip": "^51.0.0",
@@ -69,7 +69,7 @@
69
69
  "@atlaskit/primitives": "^14.10.0",
70
70
  "@atlaskit/textfield": "^8.0.0",
71
71
  "@atlaskit/theme": "^19.0.0",
72
- "@atlaskit/tmp-editor-statsig": "^9.5.0",
72
+ "@atlaskit/tmp-editor-statsig": "^9.8.0",
73
73
  "@atlaskit/tokens": "^5.5.0",
74
74
  "@atlaskit/tooltip": "^20.3.0",
75
75
  "@babel/runtime": "^7.0.0",
@@ -84,7 +84,7 @@
84
84
  "typescript": "~5.4.2"
85
85
  },
86
86
  "peerDependencies": {
87
- "@atlaskit/editor-common": "^107.7.0",
87
+ "@atlaskit/editor-common": "^107.8.0",
88
88
  "@atlaskit/media-core": "^37.0.0",
89
89
  "react": "^18.2.0",
90
90
  "react-dom": "^18.2.0",