@atlaskit/editor-core 203.12.0 → 203.12.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 203.12.1
+
+### Patch Changes
+
+- [#106923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106923)
+  [`5f44122535833`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5f44122535833) -
+  ED-26253 Update table css selectors so they don't get applied to table elements not owned by the
+  editor and nested inside an editor table
+- [#107631](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107631)
+  [`4dd152f2bd7cb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4dd152f2bd7cb) -
+  updated jsdoc to include example for new replaceDocument core action
+
 ## 203.12.0
 
 ### Minor Changes

package/dist/cjs/actions/index.js

@@ -329,6 +329,12 @@ var EditorActions = exports.default = /*#__PURE__*/function () {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+    	// where you need it
+    	editorApi?.core.actions.replaceDocument(value);
+    	return <ComposableEditor preset={preset} ... />
      */
   }, {
     key: "replaceDocument",

package/dist/cjs/ui/Appearance/FullPage/FullPage.js

@@ -185,6 +185,7 @@ var hiddenStyle = (0, _react2.css)({
   transition: '200ms opacity, 200ms visibility, 200ms transform',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-hidden="true"]': {
+    height: 0,
     visibility: 'hidden',
     opacity: 0
     // transition: '0ms opacity, 0ms visibility, 0ms transform',

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -11,6 +11,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _ClickAreaBlock = _interopRequireDefault(require("../../Addon/ClickAreaBlock"));
 var _ContextPanel = require("../../ContextPanel");
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
@@ -53,10 +54,15 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     _StyledComponents.contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar],
+    _StyledComponents.contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
+    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: !(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden ? 'ak-editor-content-area-no-toolbar' : undefined
   }, (0, _react2.jsx)("div", {
     css:
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js

@@ -54,6 +54,12 @@ var contentArea = exports.contentArea = function contentArea() {
     flexDirection: 'row',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "calc(100% - ".concat(editorToolbarHeight, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+    '&.ak-editor-content-area-no-toolbar': {
+      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
+      // to match the toolbar height
+      height: "calc(100% + 1px)"
+    },
     boxSizing: 'border-box',
     margin: 0,
     padding: 0,
@@ -151,6 +157,13 @@ var editorContentArea = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingTop: "var(--ds-space-600, 48px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area-no-toolbar &': {
+    // When the toolbar is hidden, we don't want content to jump up
+    // the extra 1px is to account for the border on the toolbar
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
+    paddingTop: "calc(".concat("var(--ds-space-600, 48px)", " + ", (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)(), " + 1px)")
+  },
   paddingBottom: "var(--ds-space-600, 48px)",
   height: 'calc( 100% - 105px )',
   width: '100%',

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "203.12.0";
+var version = exports.version = "203.12.1";

package/dist/es2019/actions/index.js

@@ -243,6 +243,12 @@ export default class EditorActions {
   /**
    * @deprecated - please use `replaceDocument` found in the core plugin actions instead
    * using this will reset your Editor State which could cause some things to break (like emojis)
+   * @example - use the `replaceDocument` from the core plugin actions instead
+   * ```ts
+   * const { editorApi, preset } = usePreset(...);
+  	// where you need it
+  	editorApi?.core.actions.replaceDocument(value);
+  	return <ComposableEditor preset={preset} ... />
    */
   replaceDocument(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/es2019/ui/Appearance/FullPage/FullPage.js

@@ -167,6 +167,7 @@ const hiddenStyle = css({
   transition: '200ms opacity, 200ms visibility, 200ms transform',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-hidden="true"]': {
+    height: 0,
     visibility: 'hidden',
     opacity: 0
     // transition: '0ms opacity, 0ms visibility, 0ms transform',

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js

@@ -10,6 +10,7 @@ import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
@@ -40,10 +41,15 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
+    contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
+    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: !editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden ? 'ak-editor-content-area-no-toolbar' : undefined
   }, jsx("div", {
     css:
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js

@@ -44,6 +44,12 @@ export const contentArea = () => {
     flexDirection: 'row',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `calc(100% - ${editorToolbarHeight})`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+    '&.ak-editor-content-area-no-toolbar': {
+      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
+      // to match the toolbar height
+      height: `calc(100% + 1px)`
+    },
     boxSizing: 'border-box',
     margin: 0,
     padding: 0,
@@ -136,6 +142,13 @@ const editorContentArea = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingTop: "var(--ds-space-600, 48px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area-no-toolbar &': {
+    // When the toolbar is hidden, we don't want content to jump up
+    // the extra 1px is to account for the border on the toolbar
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
+    paddingTop: `calc(${"var(--ds-space-600, 48px)"} + ${FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()} + 1px)`
+  },
   paddingBottom: "var(--ds-space-600, 48px)",
   height: 'calc( 100% - 105px )',
   width: '100%',

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "203.12.0";
+export const version = "203.12.1";

package/dist/esm/actions/index.js

@@ -323,6 +323,12 @@ var EditorActions = /*#__PURE__*/function () {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+    	// where you need it
+    	editorApi?.core.actions.replaceDocument(value);
+    	return <ComposableEditor preset={preset} ... />
      */
   }, {
     key: "replaceDocument",

package/dist/esm/ui/Appearance/FullPage/FullPage.js

@@ -174,6 +174,7 @@ var hiddenStyle = css({
   transition: '200ms opacity, 200ms visibility, 200ms transform',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '&[data-hidden="true"]': {
+    height: 0,
     visibility: 'hidden',
     opacity: 0
     // transition: '0ms opacity, 0ms visibility, 0ms transform',

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -10,6 +10,7 @@ import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 import ClickAreaBlock from '../../Addon/ClickAreaBlock';
@@ -42,10 +43,15 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
+    contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
     ref: containerRef
+    // eslint-disable-next-line  @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: !editorExperiment('live_pages_graceful_edit', 'control') && props.isEditorToolbarHidden ? 'ak-editor-content-area-no-toolbar' : undefined
   }, jsx("div", {
     css:
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/Appearance/FullPage/StyledComponents.js

@@ -47,6 +47,12 @@ export var contentArea = function contentArea() {
     flexDirection: 'row',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "calc(100% - ".concat(editorToolbarHeight, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
+    '&.ak-editor-content-area-no-toolbar': {
+      // The editor toolbar height is 1px off (from the border) -- so we need to add 1px to the height
+      // to match the toolbar height
+      height: "calc(100% + 1px)"
+    },
     boxSizing: 'border-box',
     margin: 0,
     padding: 0,
@@ -144,6 +150,13 @@ var editorContentArea = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px',
   paddingTop: "var(--ds-space-600, 48px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area-no-toolbar &': {
+    // When the toolbar is hidden, we don't want content to jump up
+    // the extra 1px is to account for the border on the toolbar
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,  @atlaskit/ui-styling-standard/no-unsafe-values
+    paddingTop: "calc(".concat("var(--ds-space-600, 48px)", " + ", FULL_PAGE_EDITOR_TOOLBAR_HEIGHT(), " + 1px)")
+  },
   paddingBottom: "var(--ds-space-600, 48px)",
   height: 'calc( 100% - 105px )',
   width: '100%',

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "203.12.0";
+export var version = "203.12.1";

package/dist/types/actions/index.d.ts

@@ -43,6 +43,12 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+        // where you need it
+        editorApi?.core.actions.replaceDocument(value);
+        return <ComposableEditor preset={preset} ... />
      */
     replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
     /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */

package/dist/types-ts4.5/actions/index.d.ts

@@ -43,6 +43,12 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     /**
      * @deprecated - please use `replaceDocument` found in the core plugin actions instead
      * using this will reset your Editor State which could cause some things to break (like emojis)
+     * @example - use the `replaceDocument` from the core plugin actions instead
+     * ```ts
+     * const { editorApi, preset } = usePreset(...);
+        // where you need it
+        editorApi?.core.actions.replaceDocument(value);
+        return <ComposableEditor preset={preset} ... />
      */
     replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
     /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "203.12.0",
+	"version": "203.12.1",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -410,6 +410,10 @@
 		},
 		"platform_editor_react_18_autofocus_fix": {
 			"type": "boolean"
+		},
+		"platform_editor_renderer_table_header_styles": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"stricter": {