@atlaskit/editor-plugin-media 6.0.1 → 6.0.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 (14) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  3. package/dist/cjs/nodeviews/toDOM-fixes/mediaSingle.js +1 -1
  4. package/dist/cjs/ui/ResizableMediaSingle/styles.js +1 -1
  5. package/dist/cjs/ui/toolbar/index.js +1 -2
  6. package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  7. package/dist/es2019/nodeviews/toDOM-fixes/mediaSingle.js +1 -1
  8. package/dist/es2019/ui/ResizableMediaSingle/styles.js +1 -1
  9. package/dist/es2019/ui/toolbar/index.js +1 -2
  10. package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  11. package/dist/esm/nodeviews/toDOM-fixes/mediaSingle.js +1 -1
  12. package/dist/esm/ui/ResizableMediaSingle/styles.js +1 -1
  13. package/dist/esm/ui/toolbar/index.js +1 -2
  14. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 6.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`db97eb262cc5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db97eb262cc5a) -
8
+ replace platform_editor_toolbar_aifc with separate experiements for jira and confluence
9
+ - Updated dependencies
10
+
11
+ ## 6.0.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
16
+ Internal changes to how border radius is applied.
17
+ - Updated dependencies
18
+
3
19
  ## 6.0.1
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -33,7 +33,7 @@ var mediaInlineSpecWithFixedToDOM = exports.mediaInlineSpecWithFixedToDOM = func
33
33
  width: '100%',
34
34
  // Transparent image workaround to control styling
35
35
  src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
36
- style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-border-radius, 3px)", "; ").concat(skeletonStyling)
36
+ style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-radius-small, 3px)", "; ").concat(skeletonStyling)
37
37
  }]];
38
38
  } else {
39
39
  return ['span', _objectSpread(_objectSpread({}, dataAttrs), {}, {
package/dist/cjs/nodeviews/toDOM-fixes/mediaSingle.js CHANGED
@@ -142,7 +142,7 @@ var prepareWrapperContentDOM = exports.prepareWrapperContentDOM = function prepa
142
142
  })
143
143
  }, dataAttrs), ['div', {
144
144
  style: (0, _lazyNodeView.convertToInlineCss)({
145
- borderRadius: "var(--ds-border-radius, 3px)",
145
+ borderRadius: "var(--ds-radius-small, 3px)",
146
146
  width: mediaWidthCalc,
147
147
  minWidth: mediaWidthCalc,
148
148
  color: "var(--ds-icon, ".concat(_colors.N50, ")")
package/dist/cjs/ui/ResizableMediaSingle/styles.js CHANGED
@@ -23,7 +23,7 @@ var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNo
23
23
  right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
25
25
  backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
26
- borderRadius: "var(--ds-border-radius-circle, 50%)",
26
+ borderRadius: "var(--ds-radius-full, 50%)",
27
27
  width: "".concat(NOTIFICATION_SIZE, "px"),
28
28
  height: "".concat(NOTIFICATION_SIZE, "px"),
29
29
  pointerEvents: 'none'
package/dist/cjs/ui/toolbar/index.js CHANGED
@@ -30,7 +30,6 @@ var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-l
30
30
  var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
31
31
  var _mediaUi = require("@atlaskit/media-ui");
32
32
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
33
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
34
33
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
35
34
  var _styles = require("../../nodeviews/styles");
36
35
  var _altText = require("../../pm-plugins/alt-text");
@@ -438,7 +437,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
438
437
  }
439
438
 
440
439
  // A separator is needed regardless switcher is enabled or not
441
- if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)) {
440
+ if ((0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true)) {
442
441
  toolbarButtons.push({
443
442
  type: 'separator',
444
443
  fullHeight: true
package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -25,7 +25,7 @@ export const mediaInlineSpecWithFixedToDOM = () => {
25
25
  width: '100%',
26
26
  // Transparent image workaround to control styling
27
27
  src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
28
- style: `display: inline-block; aspect-ratio: ${aspectRatio}; height: 100%; width: 100%; border-radius: ${"var(--ds-border-radius, 3px)"}; ${skeletonStyling}`
28
+ style: `display: inline-block; aspect-ratio: ${aspectRatio}; height: 100%; width: 100%; border-radius: ${"var(--ds-radius-small, 3px)"}; ${skeletonStyling}`
29
29
  }]];
30
30
  } else {
31
31
  return ['span', {
package/dist/es2019/nodeviews/toDOM-fixes/mediaSingle.js CHANGED
@@ -138,7 +138,7 @@ export const prepareWrapperContentDOM = ({
138
138
  ...dataAttrs
139
139
  }, ['div', {
140
140
  style: convertToInlineCss({
141
- borderRadius: "var(--ds-border-radius, 3px)",
141
+ borderRadius: "var(--ds-radius-small, 3px)",
142
142
  width: mediaWidthCalc,
143
143
  minWidth: mediaWidthCalc,
144
144
  color: `var(--ds-icon, ${N50})`
package/dist/es2019/ui/ResizableMediaSingle/styles.js CHANGED
@@ -14,7 +14,7 @@ export const resizableMediaMigrationNotificationStyle = css({
14
14
  right: `calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE})`,
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
16
16
  backgroundColor: `var(--ds-background-warning-bold, ${colors.Y300})`,
17
- borderRadius: "var(--ds-border-radius-circle, 50%)",
17
+ borderRadius: "var(--ds-radius-full, 50%)",
18
18
  width: `${NOTIFICATION_SIZE}px`,
19
19
  height: `${NOTIFICATION_SIZE}px`,
20
20
  pointerEvents: 'none'
package/dist/es2019/ui/toolbar/index.js CHANGED
@@ -20,7 +20,6 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
20
20
  import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
21
21
  import { messages } from '@atlaskit/media-ui';
22
22
  import { fg } from '@atlaskit/platform-feature-flags';
23
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
24
23
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
25
24
  import { MediaSingleNodeSelector } from '../../nodeviews/styles';
26
25
  import { getPluginState as getMediaAltTextPluginState } from '../../pm-plugins/alt-text';
@@ -426,7 +425,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
426
425
  }
427
426
 
428
427
  // A separator is needed regardless switcher is enabled or not
429
- if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
428
+ if (editorExperiment('platform_editor_toolbar_aifc', true)) {
430
429
  toolbarButtons.push({
431
430
  type: 'separator',
432
431
  fullHeight: true
package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -26,7 +26,7 @@ export var mediaInlineSpecWithFixedToDOM = function mediaInlineSpecWithFixedToDO
26
26
  width: '100%',
27
27
  // Transparent image workaround to control styling
28
28
  src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
29
- style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-border-radius, 3px)", "; ").concat(skeletonStyling)
29
+ style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-radius-small, 3px)", "; ").concat(skeletonStyling)
30
30
  }]];
31
31
  } else {
32
32
  return ['span', _objectSpread(_objectSpread({}, dataAttrs), {}, {
package/dist/esm/nodeviews/toDOM-fixes/mediaSingle.js CHANGED
@@ -135,7 +135,7 @@ export var prepareWrapperContentDOM = function prepareWrapperContentDOM(_ref5) {
135
135
  })
136
136
  }, dataAttrs), ['div', {
137
137
  style: convertToInlineCss({
138
- borderRadius: "var(--ds-border-radius, 3px)",
138
+ borderRadius: "var(--ds-radius-small, 3px)",
139
139
  width: mediaWidthCalc,
140
140
  minWidth: mediaWidthCalc,
141
141
  color: "var(--ds-icon, ".concat(N50, ")")
package/dist/esm/ui/ResizableMediaSingle/styles.js CHANGED
@@ -14,7 +14,7 @@ export var resizableMediaMigrationNotificationStyle = css({
14
14
  right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
16
16
  backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
17
- borderRadius: "var(--ds-border-radius-circle, 50%)",
17
+ borderRadius: "var(--ds-radius-full, 50%)",
18
18
  width: "".concat(NOTIFICATION_SIZE, "px"),
19
19
  height: "".concat(NOTIFICATION_SIZE, "px"),
20
20
  pointerEvents: 'none'
package/dist/esm/ui/toolbar/index.js CHANGED
@@ -24,7 +24,6 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
24
24
  import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
25
25
  import { messages } from '@atlaskit/media-ui';
26
26
  import { fg } from '@atlaskit/platform-feature-flags';
27
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
28
27
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
29
28
  import { MediaSingleNodeSelector } from '../../nodeviews/styles';
30
29
  import { getPluginState as getMediaAltTextPluginState } from '../../pm-plugins/alt-text';
@@ -429,7 +428,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
429
428
  }
430
429
 
431
430
  // A separator is needed regardless switcher is enabled or not
432
- if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
431
+ if (editorExperiment('platform_editor_toolbar_aifc', true)) {
433
432
  toolbarButtons.push({
434
433
  type: 'separator',
435
434
  fullHeight: true
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "6.0.1",
3
+ "version": "6.0.3",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -62,11 +62,11 @@
62
62
  "@atlaskit/media-ui": "^28.6.0",
63
63
  "@atlaskit/media-viewer": "^52.4.0",
64
64
  "@atlaskit/platform-feature-flags": "^1.1.0",
65
- "@atlaskit/primitives": "^14.12.0",
65
+ "@atlaskit/primitives": "^14.13.0",
66
66
  "@atlaskit/textfield": "^8.0.0",
67
67
  "@atlaskit/theme": "^20.0.0",
68
- "@atlaskit/tmp-editor-statsig": "^12.1.0",
69
- "@atlaskit/tokens": "^6.1.0",
68
+ "@atlaskit/tmp-editor-statsig": "^12.5.0",
69
+ "@atlaskit/tokens": "^6.2.0",
70
70
  "@atlaskit/tooltip": "^20.4.0",
71
71
  "@babel/runtime": "^7.0.0",
72
72
  "@emotion/react": "^11.7.1",
@@ -77,7 +77,7 @@
77
77
  "uuid": "^3.1.0"
78
78
  },
79
79
  "peerDependencies": {
80
- "@atlaskit/editor-common": "^108.0.0",
80
+ "@atlaskit/editor-common": "^108.3.0",
81
81
  "@atlaskit/media-core": "^37.0.0",
82
82
  "react": "^18.2.0",
83
83
  "react-dom": "^18.2.0",