@atlaskit/editor-plugin-media 5.3.1 → 5.4.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-media
 
+## 5.4.1
+
+### Patch Changes
+
+- [`20a5aa8c4e7a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20a5aa8c4e7a0) -
+  Removed gridSize import. No visual changes.
+- Updated dependencies
+
+## 5.4.0
+
+### Minor Changes
+
+- [`180ac73668d0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/180ac73668d0b) -
+  Debounced media single rendering
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.3.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaSingle.js

@@ -334,8 +334,6 @@ var ReactMediaSingleNode = exports.ReactMediaSingleNode = function ReactMediaSin
       isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
       pluginInjectionApi: pluginInjectionApi,
       editorAppearance: mediaOptions.editorAppearance
-    }, undefined, undefined,
-    // @portal-render-immediately
-    true).init();
+    }).init();
   };
 };

package/dist/cjs/ui/ImageBorder/styles.js

@@ -11,13 +11,11 @@ var _react = require("@emotion/react");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var colors = _colors;
-var _constants = require("@atlaskit/theme/constants");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation*/
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-namespace
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 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); }
 // menuItemDimensions and itemSpacing are copied from
 // packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
@@ -27,9 +25,8 @@ var menuItemDimensions = exports.menuItemDimensions = {
   height: 32
 };
 
-// TODO: ED-26962 - Migrate away from gridSize
-// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
-var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
+// itemSpacing is used in calculations expecting a number, hence not using a space token
+var itemSpacing = exports.itemSpacing = 4;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var contextualMenuArrow = exports.contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\t&::after {\n\t\tcontent: '\u203A';\n\t\tmargin-left: ", ";\n\t\tline-height: 20px;\n\t\tcolor: ", ";\n\t}\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));

package/dist/es2019/nodeviews/mediaSingle.js

@@ -285,7 +285,5 @@ export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, provide
     isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
     pluginInjectionApi,
     editorAppearance: mediaOptions.editorAppearance
-  }, undefined, undefined,
-  // @portal-render-immediately
-  true).init();
+  }).init();
 };

package/dist/es2019/ui/ImageBorder/styles.js

@@ -6,8 +6,6 @@ import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 // eslint-disable-next-line import/no-namespace
 import * as colors from '@atlaskit/theme/colors';
 import { N0, N20A, N50, N60A, N800, N90 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 // menuItemDimensions and itemSpacing are copied from
 // packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
 
@@ -16,9 +14,8 @@ export const menuItemDimensions = {
   height: 32
 };
 
-// TODO: ED-26962 - Migrate away from gridSize
-// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
-export const itemSpacing = gridSize() / 2;
+// itemSpacing is used in calculations expecting a number, hence not using a space token
+export const itemSpacing = 4;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const contextualMenuArrow = css`

package/dist/esm/nodeviews/mediaSingle.js

@@ -330,8 +330,6 @@ export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAP
       isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
       pluginInjectionApi: pluginInjectionApi,
       editorAppearance: mediaOptions.editorAppearance
-    }, undefined, undefined,
-    // @portal-render-immediately
-    true).init();
+    }).init();
   };
 };

package/dist/esm/ui/ImageBorder/styles.js

@@ -8,8 +8,6 @@ import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 // eslint-disable-next-line import/no-namespace
 import * as colors from '@atlaskit/theme/colors';
 import { N0, N20A, N50, N60A, N800, N90 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 // menuItemDimensions and itemSpacing are copied from
 // packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
 
@@ -18,9 +16,8 @@ export var menuItemDimensions = {
   height: 32
 };
 
-// TODO: ED-26962 - Migrate away from gridSize
-// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
-export var itemSpacing = gridSize() / 2;
+// itemSpacing is used in calculations expecting a number, hence not using a space token
+export var itemSpacing = 4;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var contextualMenuArrow = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\t&::after {\n\t\tcontent: '\u203A';\n\t\tmargin-left: ", ";\n\t\tline-height: 20px;\n\t\tcolor: ", ";\n\t}\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(N90, ")"));

package/dist/types/ui/ImageBorder/styles.d.ts

@@ -2,7 +2,7 @@ export declare const menuItemDimensions: {
     width: number;
     height: number;
 };
-export declare const itemSpacing: number;
+export declare const itemSpacing = 4;
 export declare const contextualMenuArrow: import("@emotion/react").SerializedStyles;
 export declare const contextualMenuColorIcon: (color?: string) => import("@emotion/react").SerializedStyles;
 export declare const contextualSubMenu: (index: number) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/ImageBorder/styles.d.ts

@@ -2,7 +2,7 @@ export declare const menuItemDimensions: {
     width: number;
     height: number;
 };
-export declare const itemSpacing: number;
+export declare const itemSpacing = 4;
 export declare const contextualMenuArrow: import("@emotion/react").SerializedStyles;
 export declare const contextualMenuColorIcon: (color?: string) => import("@emotion/react").SerializedStyles;
 export declare const contextualSubMenu: (index: number) => import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "5.3.1",
+	"version": "5.4.1",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,10 +28,6 @@
 		"*.compiled.css"
 	],
 	"atlaskit:src": "src/index.ts",
-	"af:exports": {
-		".": "./src/index.ts",
-		"./types": "./src/types/index.ts"
-	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^50.2.2",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
@@ -81,7 +77,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.31.0",
+		"@atlaskit/editor-common": "^107.32.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",