@atlaskit/editor-plugin-media 9.4.2 → 9.4.3

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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +3 -11
  3. package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -12
  4. package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +4 -12
  5. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 9.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0a9962a3aa24c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0a9962a3aa24c) -
8
+ tidy up experiment platform_editor_resizer_styles_cleanup
9
+ - Updated dependencies
10
+
3
11
  ## 9.4.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js CHANGED
@@ -264,20 +264,12 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
264
264
  // while is not resizing, we take 100% as min-width if the container width is less than the min-width
265
265
  var minViewWidth = isResizing ? minWidth : "min(".concat(minWidth, "px, 100%)");
266
266
  var resizerNextClassName = (0, _react.useMemo)(function () {
267
- if ((0, _expValEquals.expValEquals)('platform_editor_resizer_styles_cleanup', 'isEnabled', true)) {
268
- var _classNameNext = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, _styles.resizerItemClassName, {
269
- 'display-handle': (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
270
- 'richMedia-selected': selected,
271
- 'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
272
- });
273
- return _classNameNext;
274
- }
275
- // TODO: ED-26962 - Clean up where this lives and how it gets generated
276
- var classNameNext = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, {
267
+ var classNameNext = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, _styles.resizerItemClassName, {
268
+ 'display-handle': (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
277
269
  'richMedia-selected': selected,
278
270
  'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
279
271
  });
280
- return (0, _classnames.default)(classNameNext, _styles.resizerStyles);
272
+ return classNameNext;
281
273
  }, [className, disableHandles, isResizing, layout, selected]);
282
274
  var isInsideInlineLike = (0, _react.useMemo)(function () {
283
275
  if (nodePosition === null) {
package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js CHANGED
@@ -11,7 +11,7 @@ import throttle from 'lodash/throttle';
11
11
  import { findClosestSnap, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps, getGuidelinesWithHighlights, getGuidelineTypeFromKey, getRelativeGuidelines, getRelativeGuideSnaps } from '@atlaskit/editor-common/guideline';
12
12
  import { calcMediaSingleMaxWidth, DEFAULT_IMAGE_WIDTH, MEDIA_SINGLE_ADJACENT_HANDLE_MARGIN, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
13
13
  import { ResizerNext } from '@atlaskit/editor-common/resizer';
14
- import { resizerItemClassName, resizerStyles, richMediaClassName } from '@atlaskit/editor-common/styles';
14
+ import { resizerItemClassName, richMediaClassName } from '@atlaskit/editor-common/styles';
15
15
  import { calcPctFromPx, handleSides, imageAlignmentMap, wrappedLayouts } from '@atlaskit/editor-common/ui';
16
16
  import { nonWrappedLayouts } from '@atlaskit/editor-common/utils';
17
17
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
@@ -241,20 +241,12 @@ export const ResizableMediaSingleNextFunctional = props => {
241
241
  // while is not resizing, we take 100% as min-width if the container width is less than the min-width
242
242
  const minViewWidth = isResizing ? minWidth : `min(${minWidth}px, 100%)`;
243
243
  const resizerNextClassName = useMemo(() => {
244
- if (expValEquals('platform_editor_resizer_styles_cleanup', 'isEnabled', true)) {
245
- const classNameNext = classnames(richMediaClassName, `image-${layout}`, isResizing ? 'is-resizing' : 'not-resizing', className, resizerItemClassName, {
246
- 'display-handle': expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
247
- 'richMedia-selected': selected,
248
- 'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
249
- });
250
- return classNameNext;
251
- }
252
- // TODO: ED-26962 - Clean up where this lives and how it gets generated
253
- const classNameNext = classnames(richMediaClassName, `image-${layout}`, isResizing ? 'is-resizing' : 'not-resizing', className, {
244
+ const classNameNext = classnames(richMediaClassName, `image-${layout}`, isResizing ? 'is-resizing' : 'not-resizing', className, resizerItemClassName, {
245
+ 'display-handle': expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
254
246
  'richMedia-selected': selected,
255
247
  'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
256
248
  });
257
- return classnames(classNameNext, resizerStyles);
249
+ return classNameNext;
258
250
  }, [className, disableHandles, isResizing, layout, selected]);
259
251
  const isInsideInlineLike = useMemo(() => {
260
252
  if (nodePosition === null) {
package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js CHANGED
@@ -13,7 +13,7 @@ import throttle from 'lodash/throttle';
13
13
  import { findClosestSnap, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps, getGuidelinesWithHighlights, getGuidelineTypeFromKey, getRelativeGuidelines, getRelativeGuideSnaps } from '@atlaskit/editor-common/guideline';
14
14
  import { calcMediaSingleMaxWidth, DEFAULT_IMAGE_WIDTH, MEDIA_SINGLE_ADJACENT_HANDLE_MARGIN, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
15
15
  import { ResizerNext } from '@atlaskit/editor-common/resizer';
16
- import { resizerItemClassName, resizerStyles, richMediaClassName } from '@atlaskit/editor-common/styles';
16
+ import { resizerItemClassName, richMediaClassName } from '@atlaskit/editor-common/styles';
17
17
  import { calcPctFromPx, handleSides, imageAlignmentMap, wrappedLayouts } from '@atlaskit/editor-common/ui';
18
18
  import { nonWrappedLayouts } from '@atlaskit/editor-common/utils';
19
19
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
@@ -254,20 +254,12 @@ export var ResizableMediaSingleNextFunctional = function ResizableMediaSingleNex
254
254
  // while is not resizing, we take 100% as min-width if the container width is less than the min-width
255
255
  var minViewWidth = isResizing ? minWidth : "min(".concat(minWidth, "px, 100%)");
256
256
  var resizerNextClassName = useMemo(function () {
257
- if (expValEquals('platform_editor_resizer_styles_cleanup', 'isEnabled', true)) {
258
- var _classNameNext = classnames(richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, resizerItemClassName, {
259
- 'display-handle': expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
260
- 'richMedia-selected': selected,
261
- 'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
262
- });
263
- return _classNameNext;
264
- }
265
- // TODO: ED-26962 - Clean up where this lives and how it gets generated
266
- var classNameNext = classnames(richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, {
257
+ var classNameNext = classnames(richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, resizerItemClassName, {
258
+ 'display-handle': expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) ? selected && !disableHandles : selected,
267
259
  'richMedia-selected': selected,
268
260
  'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
269
261
  });
270
- return classnames(classNameNext, resizerStyles);
262
+ return classNameNext;
271
263
  }, [className, disableHandles, isResizing, layout, selected]);
272
264
  var isInsideInlineLike = useMemo(function () {
273
265
  if (nodePosition === null) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "9.4.2",
3
+ "version": "9.4.3",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/editor-plugin-guideline": "^7.0.0",
47
47
  "@atlaskit/editor-plugin-interaction": "^13.0.0",
48
48
  "@atlaskit/editor-plugin-selection": "^7.0.0",
49
- "@atlaskit/editor-plugin-toolbar": "^4.0.0",
49
+ "@atlaskit/editor-plugin-toolbar": "^4.1.0",
50
50
  "@atlaskit/editor-plugin-width": "^8.0.0",
51
51
  "@atlaskit/editor-prosemirror": "^7.2.0",
52
52
  "@atlaskit/editor-shared-styles": "^3.10.0",
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/form": "^15.3.0",
55
55
  "@atlaskit/icon": "^29.4.0",
56
56
  "@atlaskit/icon-lab": "^5.14.0",
57
- "@atlaskit/media-card": "^79.13.0",
57
+ "@atlaskit/media-card": "^79.14.0",
58
58
  "@atlaskit/media-client": "^35.7.0",
59
59
  "@atlaskit/media-client-react": "^4.1.0",
60
60
  "@atlaskit/media-common": "^12.3.0",
@@ -66,8 +66,8 @@
66
66
  "@atlaskit/primitives": "^17.1.0",
67
67
  "@atlaskit/textfield": "^8.2.0",
68
68
  "@atlaskit/theme": "^21.0.0",
69
- "@atlaskit/tmp-editor-statsig": "^16.25.0",
70
- "@atlaskit/tokens": "^10.0.0",
69
+ "@atlaskit/tmp-editor-statsig": "^16.30.0",
70
+ "@atlaskit/tokens": "^10.1.0",
71
71
  "@atlaskit/tooltip": "^20.14.0",
72
72
  "@babel/runtime": "^7.0.0",
73
73
  "@emotion/react": "^11.7.1",