@atlaskit/editor-common 87.13.2 → 88.0.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-common
 
+## 88.0.0
+
+### Major Changes
+
+- [#131378](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131378)
+  [`04848ee5982e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/04848ee5982e0) -
+  Remove `reactContext` from `PMPluginFactoryParams` type. This was an unused property and so
+  shouldn't have any upgrade friction.
+
+### Patch Changes
+
+- [#131548](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131548)
+  [`1b9034d028442`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b9034d028442) -
+  [ux] Fix extension label button text size and update VR tests
+- Updated dependencies
+
+## 87.13.3
+
+### Patch Changes
+
+- [#131374](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131374)
+  [`9ef24a0e887b2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9ef24a0e887b2) -
+  Fix type definitions for `any` type in editor-core.
+- [#131601](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/131601)
+  [`ca5f723c23abb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ca5f723c23abb) -
+  Use useEffect in usePreviousProps hook to match react dev mode behaviour with prod and staging
+  [GRAVITYAI-1097]
+- Updated dependencies
+
 ## 87.13.2
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -78,7 +78,9 @@ var buttonLabelStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-nested-left-margin': {
     marginLeft: 0
-  }
+  },
+  fontSize: '16px',
+  fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 var spacerStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
@@ -86,7 +88,7 @@ var spacerStyles = (0, _react2.css)({
 });
 var textStyles = (0, _react2.css)({
   fontSize: '14px',
-  fontWeight: 'normal',
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
 });
 var originalLabelStyles = (0, _react2.css)({

package/dist/cjs/hooks/usePreviousState.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = usePreviousState;
 var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  *
  * Can be used to get the previous state of a prop.
@@ -17,6 +18,13 @@ var _react = require("react");
  */
 function usePreviousState(value, initialValue) {
   var ref = (0, _react.useRef)(initialValue);
+  if ((0, _platformFeatureFlags.fg)('use-effect-in-use-previous-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useEffect)(function () {
+      ref.current = value;
+    }, [value]);
+    return ref.current;
+  }
   var prevValue = ref.current;
   ref.current = value;
   return prevValue;

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "87.13.2";
+var packageVersion = "88.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "87.13.2";
+var packageVersion = "88.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -69,7 +69,9 @@ const buttonLabelStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-nested-left-margin': {
     marginLeft: 0
-  }
+  },
+  fontSize: '16px',
+  fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 const spacerStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
@@ -77,7 +79,7 @@ const spacerStyles = css({
 });
 const textStyles = css({
   fontSize: '14px',
-  fontWeight: 'normal',
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`
 });
 const originalLabelStyles = css({

package/dist/es2019/hooks/usePreviousState.js

@@ -1,4 +1,5 @@
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  *
@@ -12,6 +13,13 @@ import { useRef } from 'react';
  */
 export default function usePreviousState(value, initialValue) {
   const ref = useRef(initialValue);
+  if (fg('use-effect-in-use-previous-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      ref.current = value;
+    }, [value]);
+    return ref.current;
+  }
   const prevValue = ref.current;
   ref.current = value;
   return prevValue;

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "87.13.2";
+const packageVersion = "88.0.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -12,7 +12,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "87.13.2";
+const packageVersion = "88.0.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -69,7 +69,9 @@ var buttonLabelStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-nested-left-margin': {
     marginLeft: 0
-  }
+  },
+  fontSize: '16px',
+  fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 var spacerStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
@@ -77,7 +79,7 @@ var spacerStyles = css({
 });
 var textStyles = css({
   fontSize: '14px',
-  fontWeight: 'normal',
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
 });
 var originalLabelStyles = css({

package/dist/esm/hooks/usePreviousState.js

@@ -1,4 +1,5 @@
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  *
@@ -12,6 +13,13 @@ import { useRef } from 'react';
  */
 export default function usePreviousState(value, initialValue) {
   var ref = useRef(initialValue);
+  if (fg('use-effect-in-use-previous-props')) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      ref.current = value;
+    }, [value]);
+    return ref.current;
+  }
   var prevValue = ref.current;
   ref.current = value;
   return prevValue;

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "87.13.2";
+var packageVersion = "88.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "87.13.2";
+var packageVersion = "88.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/types/plugin-factory.d.ts

@@ -6,7 +6,6 @@ import { type PortalProviderAPI } from '../portal';
 import type { ProviderFactory } from '../provider-factory';
 import type { SafePlugin } from '../safe-plugin';
 import type { ErrorReporter } from '../utils';
-import type { EditorReactContext } from './editor-react-context';
 import type { FeatureFlags } from './feature-flags';
 export type PMPluginFactoryParams = {
     schema: Schema;
@@ -15,7 +14,6 @@ export type PMPluginFactoryParams = {
     providerFactory: ProviderFactory;
     errorReporter?: ErrorReporter;
     portalProviderAPI: PortalProviderAPI;
-    reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;
     getIntl: () => IntlShape;

package/dist/types/ui/BaseTheme/index.d.ts

@@ -6,6 +6,12 @@ type BaseThemeWrapperProps = {
     children: React.ReactNode;
     baseFontSize?: number;
 };
+declare module '@emotion/react' {
+    interface Theme {
+        baseFontSize: number;
+        layoutMaxWidth: number;
+    }
+}
 export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeWrapperProps): JSX.Element;
 type BaseThemeProps = {
     children: React.ReactNode;

package/dist/types-ts4.5/types/plugin-factory.d.ts

@@ -6,7 +6,6 @@ import { type PortalProviderAPI } from '../portal';
 import type { ProviderFactory } from '../provider-factory';
 import type { SafePlugin } from '../safe-plugin';
 import type { ErrorReporter } from '../utils';
-import type { EditorReactContext } from './editor-react-context';
 import type { FeatureFlags } from './feature-flags';
 export type PMPluginFactoryParams = {
     schema: Schema;
@@ -15,7 +14,6 @@ export type PMPluginFactoryParams = {
     providerFactory: ProviderFactory;
     errorReporter?: ErrorReporter;
     portalProviderAPI: PortalProviderAPI;
-    reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;
     getIntl: () => IntlShape;

package/dist/types-ts4.5/ui/BaseTheme/index.d.ts

@@ -6,6 +6,12 @@ type BaseThemeWrapperProps = {
     children: React.ReactNode;
     baseFontSize?: number;
 };
+declare module '@emotion/react' {
+    interface Theme {
+        baseFontSize: number;
+        layoutMaxWidth: number;
+    }
+}
 export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeWrapperProps): JSX.Element;
 type BaseThemeProps = {
     children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "87.13.2",
+	"version": "88.0.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -104,7 +104,7 @@
 		"@atlaskit/analytics-listeners": "^8.11.0",
 		"@atlaskit/analytics-namespaced-context": "^6.11.0",
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/atlassian-context": "^0.0.0",
+		"@atlaskit/atlassian-context": "^0.0.1",
 		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/code": "^15.5.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
@@ -116,12 +116,12 @@
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.7.0",
-		"@atlaskit/icon": "^22.13.0",
+		"@atlaskit/icon": "^22.14.0",
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/link-datasource": "^2.11.0",
-		"@atlaskit/link-picker": "^1.42.0",
+		"@atlaskit/link-picker": "^1.44.0",
 		"@atlaskit/media-card": "^78.1.0",
-		"@atlaskit/media-client": "^27.4.0",
+		"@atlaskit/media-client": "^27.5.0",
 		"@atlaskit/media-client-react": "^2.1.0",
 		"@atlaskit/media-common": "^11.4.0",
 		"@atlaskit/media-file-preview": "^0.8.0",
@@ -132,7 +132,7 @@
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/profilecard": "^19.17.0",
+		"@atlaskit/profilecard": "^19.20.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/smart-card": "^27.16.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
@@ -178,7 +178,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "*",
 		"@atlaskit/media-core": "^34.3.0",
-		"@atlaskit/media-test-helpers": "^34.0.0",
+		"@atlaskit/media-test-helpers": "^34.1.0",
 		"@atlaskit/util-data-test": "^17.9.0",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/dom": "^10.1.0",
@@ -271,6 +271,9 @@
 		},
 		"platform_editor_element_padding_changes_gate": {
 			"type": "boolean"
+		},
+		"use-effect-in-use-previous-props": {
+			"type": "boolean"
 		}
 	}
 }