@atlaskit/editor-core 212.2.0 → 213.0.0

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 (30) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/cjs/ui/Appearance/FullPage/FullPage.js +2 -0
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -4
  4. package/dist/cjs/ui/ContentStyles/index.js +1 -1
  5. package/dist/cjs/ui/ContextPanel/index.js +4 -1
  6. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +1 -1
  7. package/dist/cjs/ui/Toolbar/Toolbar.js +3 -2
  8. package/dist/cjs/ui/Toolbar/ToolbarPortal.js +1 -1
  9. package/dist/cjs/version-wrapper.js +1 -1
  10. package/dist/es2019/ui/Appearance/FullPage/FullPage.js +2 -0
  11. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -4
  12. package/dist/es2019/ui/ContentStyles/index.js +1 -1
  13. package/dist/es2019/ui/ContextPanel/index.js +4 -1
  14. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +1 -1
  15. package/dist/es2019/ui/Toolbar/Toolbar.js +3 -2
  16. package/dist/es2019/ui/Toolbar/ToolbarPortal.js +1 -1
  17. package/dist/es2019/version-wrapper.js +1 -1
  18. package/dist/esm/ui/Appearance/FullPage/FullPage.js +2 -0
  19. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -4
  20. package/dist/esm/ui/ContentStyles/index.js +1 -1
  21. package/dist/esm/ui/ContextPanel/index.js +4 -1
  22. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +1 -1
  23. package/dist/esm/ui/Toolbar/Toolbar.js +3 -2
  24. package/dist/esm/ui/Toolbar/ToolbarPortal.js +1 -1
  25. package/dist/esm/version-wrapper.js +1 -1
  26. package/dist/types/ui/Appearance/FullPage/FullPageToolbarNext.d.ts +2 -1
  27. package/dist/types/ui/Toolbar/Toolbar.d.ts +2 -2
  28. package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageToolbarNext.d.ts +2 -1
  29. package/dist/types-ts4.5/ui/Toolbar/Toolbar.d.ts +2 -2
  30. package/package.json +13 -14
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 213.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - [`17a448dee00a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/17a448dee00a6) -
8
+ FD-86538 clean up fg platform_editor_renderer_table_header_styles
9
+ - [`8e1d76c39d80c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e1d76c39d80c) -
10
+ [ux] A11Y-10288 fix: missing aria-modal="false" for Non-modal dialog
11
+ - [`6a14edd919345`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a14edd919345) -
12
+ [ux] ED-29279 [SoftServ] Options in pinned toolbar are enabled when cursor is set in page title
13
+ field
14
+ - Updated dependencies
15
+
16
+ ## 212.3.0
17
+
18
+ ### Minor Changes
19
+
20
+ - [`d352feb9b2d97`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d352feb9b2d97) -
21
+ [ux] NO-ISSUE Change blocktaskItem enablement experiment to a new tenantId based experiment
22
+
23
+ ### Patch Changes
24
+
25
+ - Updated dependencies
26
+
3
27
  ## 212.2.0
4
28
 
5
29
  ### Minor Changes
@@ -16,6 +16,7 @@ var _ui = require("@atlaskit/editor-common/ui");
16
16
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
17
17
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
18
18
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
20
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
20
21
  var _getPrimaryToolbarComponents = require("../../Toolbar/getPrimaryToolbarComponents");
21
22
  var _FullPageContentArea = require("./FullPageContentArea");
@@ -156,6 +157,7 @@ var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
156
157
  }, !isEditorToolbarHidden && (Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) ? (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
157
158
  locale: "en"
158
159
  }, (0, _react2.jsx)(_FullPageToolbarNext.FullPageToolbarNext, {
160
+ disabled: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? !!props.disabled : undefined,
159
161
  toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,
160
162
  beforeIcon: props.primaryToolbarIconBefore,
161
163
  editorAPI: editorAPI,
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -62,7 +62,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
62
62
  editorView = _ref4.editorView,
63
63
  popupsMountPoint = _ref4.popupsMountPoint,
64
64
  showKeyline = _ref4.showKeyline,
65
- customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents;
65
+ customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
66
+ disabled = _ref4.disabled;
66
67
  var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
67
68
  var intl = (0, _reactIntlNext.useIntl)();
68
69
  var toolbar = components === null || components === void 0 ? void 0 : components.find(function (component) {
@@ -117,7 +118,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
117
118
  editorView: editorView,
118
119
  editorAPI: editorAPI,
119
120
  popupsMountPoint: mountPoint,
120
- editorAppearance: "full-page"
121
+ editorAppearance: "full-page",
122
+ isDisabled: disabled
121
123
  })), /*#__PURE__*/_react.default.createElement(SecondChildWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
122
124
  className: (0, _runtime.ax)([styles.customToolbarWrapperStyle])
123
125
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
@@ -129,7 +131,8 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
129
131
  editorView: editorView,
130
132
  editorAPI: editorAPI,
131
133
  popupsMountPoint: mountPoint,
132
- editorAppearance: "full-page"
134
+ editorAppearance: "full-page",
135
+ isDisabled: disabled
133
136
  }))));
134
137
  });
135
138
  };
@@ -173,7 +173,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
173
173
  var legacyContentStyles = function legacyContentStyles(props) {
174
174
  return (0, _react2.css)(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--resizer-handle-spacing: 12px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t--ak-editor--breakout-fallback-width: calc(\n\t\t100cqw - var(--ak-editor--breakout-full-page-guttering-padding)\n\t);\n\t--ak-editor--breakout-min-width: 100%;\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\n\t\t/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */\n\t\t--ak-editor--breakout-fallback-width: 100%;\n\t\t--ak-editor--breakout-min-width: 0px;\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t", "\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t */\n\t.ProseMirror-hideselection {\n\t\tcaret-color: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n /* Switch between the two icons based on the visual refresh feature gate */\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, (0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? (0, _react2.css)(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t\t\t\t@container editor-area (max-width: ", "px) {\n\t\t\t\t\t--ak-editor--large-gutter-padding: ", "px;\n\t\t\t\t}\n\t\t\t"])), _editorSharedStyles.akEditorFullPageNarrowBreakout, _editorSharedStyles.akEditorGutterPaddingReduced) : null, (0, _editorSharedStyles.editorFontSize)({
175
175
  theme: props.theme
176
- }), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", firstFloatingToolbarButtonStyles, _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, mentionNodeStyles, (0, _platformFeatureFlags.fg)('platform_editor_centre_mention_padding') && mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? mentionsSelectionStylesWithSearchMatch : mentionSelectionStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_emoji_style_selectors') ? emojiStylesWithSelectorFixes : emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? _styles3.findReplaceStylesNew : _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node', 'isEnabled', true) ? _tasksAndDecisions.taskItemStylesWithBlockTaskItem : _tasksAndDecisions.taskItemStyles, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.taskDecisionIconWithVisualRefresh, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.taskDecisionIconWithoutVisualRefresh, (0, _status.statusStyles)(), (0, _status.statusNodeStyles)(), (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _styles.getSmartCardSharedStyles)(), _date.dateStyles, _date.dateNodeStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _styles.pragmaticResizerStylesWithReducedEditorGutter)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, (0, _platformFeatureFlags.fg)('platform_editor_vanilla_codebidi_warning') && _codeBidiWarning.codeBidiWarningStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
176
+ }), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", firstFloatingToolbarButtonStyles, _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, mentionNodeStyles, (0, _platformFeatureFlags.fg)('platform_editor_centre_mention_padding') && mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? mentionsSelectionStylesWithSearchMatch : mentionSelectionStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_emoji_style_selectors') ? emojiStylesWithSelectorFixes : emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? _styles3.findReplaceStylesNew : _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? _tasksAndDecisions.taskItemStylesWithBlockTaskItem : _tasksAndDecisions.taskItemStyles, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.taskDecisionIconWithVisualRefresh, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.taskDecisionIconWithoutVisualRefresh, (0, _status.statusStyles)(), (0, _status.statusNodeStyles)(), (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _styles.getSmartCardSharedStyles)(), _date.dateStyles, _date.dateNodeStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _styles.pragmaticResizerStyles)(), (0, _styles.pragmaticStylesLayoutFirstNodeResizeHandleFix)(), (0, _styles.pragmaticResizerStylesForTooltip)(), (0, _styles.pragmaticResizerStylesWithReducedEditorGutter)(), (0, _aiPanels.aiPanelStyles)(props.colorMode), firstBlockNodeStylesNew, (0, _platformFeatureFlags.fg)('platform_editor_vanilla_codebidi_warning') && _codeBidiWarning.codeBidiWarningStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
177
177
  };
178
178
  var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
179
179
  return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -145,6 +145,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
145
145
  width: "".concat(this.props.customWidth, "px"),
146
146
  overflowX: 'hidden'
147
147
  });
148
+ var ariaModal = (0, _platformFeatureFlags.fg)('platform_editor_a11y_macro_sidebar_dialog') ? 'false' : undefined;
149
+ var ariaLabelledBy = (0, _platformFeatureFlags.fg)('platform_editor_a11y_macro_sidebar_dialog') ? undefined : 'context-panel-title';
148
150
  return (0, _react2.jsx)(_contextPanel.ContextPanelConsumer, null, function (_ref) {
149
151
  var _this2$props$intl;
150
152
  var broadcastWidth = _ref.broadcastWidth;
@@ -155,8 +157,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
155
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
156
158
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
157
159
  "data-testid": "context-panel-panel",
158
- "aria-labelledby": "context-panel-title",
159
160
  "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(_messages.contextPanelMessages.panelLabel)) || '',
161
+ "aria-labelledby": ariaLabelledBy,
162
+ "aria-modal": ariaModal,
160
163
  role: "dialog"
161
164
  }, (0, _react2.jsx)("div", {
162
165
  "data-testid": "context-panel-content",
@@ -218,7 +218,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
218
218
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
219
219
  _tasksAndDecisionsStyles.decisionStyles,
220
220
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
221
- (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node', 'isEnabled', true) ?
221
+ (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
222
222
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
223
223
  _tasksAndDecisionsStyles.taskItemStylesWithBlockTaskItem :
224
224
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -72,7 +72,8 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
72
72
  popupsMountPoint = _ref.popupsMountPoint,
73
73
  editorAppearance = _ref.editorAppearance,
74
74
  popupsBoundariesElement = _ref.popupsBoundariesElement,
75
- popupsScrollableElement = _ref.popupsScrollableElement;
75
+ popupsScrollableElement = _ref.popupsScrollableElement,
76
+ isDisabled = _ref.isDisabled;
76
77
  var _usePluginState = usePluginState(editorAPI),
77
78
  connectivityStateMode = _usePluginState.connectivityStateMode,
78
79
  editorViewMode = _usePluginState.editorViewMode,
@@ -85,7 +86,7 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
85
86
  editorToolbarDockingPreference: editorToolbarDockingPreference
86
87
  }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarUIProvider, {
87
88
  api: editorAPI,
88
- isDisabled: isOffline,
89
+ isDisabled: isOffline || isDisabled,
89
90
  popupsMountPoint: popupsMountPoint,
90
91
  popupsBoundariesElement: popupsBoundariesElement,
91
92
  popupsScrollableElement: popupsScrollableElement
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "0.0.0-development";
8
+ var version = exports.version = "212.3.0";
@@ -13,6 +13,7 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
13
13
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
14
14
  import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
15
15
  import { fg } from '@atlaskit/platform-feature-flags';
16
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
16
17
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
18
  import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
18
19
  import { FullPageContentArea } from './FullPageContentArea';
@@ -141,6 +142,7 @@ export const FullPageEditor = props => {
141
142
  }, !isEditorToolbarHidden && (Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(IntlProvider, {
142
143
  locale: "en"
143
144
  }, jsx(FullPageToolbarNext, {
145
+ disabled: expValEquals('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? !!props.disabled : undefined,
144
146
  toolbarDockingPosition: (_toolbarDockingPositi = toolbarDockingPosition) !== null && _toolbarDockingPositi !== void 0 ? _toolbarDockingPositi : toolbarDocking,
145
147
  beforeIcon: props.primaryToolbarIconBefore,
146
148
  editorAPI: editorAPI,
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./FullPageToolbarNext.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
@@ -56,7 +56,8 @@ export const FullPageToolbarNext = ({
56
56
  editorView,
57
57
  popupsMountPoint,
58
58
  showKeyline,
59
- customPrimaryToolbarComponents
59
+ customPrimaryToolbarComponents,
60
+ disabled
60
61
  }) => {
61
62
  var _editorAPI$toolbar, _useToolbarPortal;
62
63
  const components = editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
@@ -112,7 +113,8 @@ export const FullPageToolbarNext = ({
112
113
  editorView: editorView,
113
114
  editorAPI: editorAPI,
114
115
  popupsMountPoint: mountPoint,
115
- editorAppearance: "full-page"
116
+ editorAppearance: "full-page",
117
+ isDisabled: disabled
116
118
  })), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
117
119
  className: ax([styles.customToolbarWrapperStyle])
118
120
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
@@ -124,6 +126,7 @@ export const FullPageToolbarNext = ({
124
126
  editorView: editorView,
125
127
  editorAPI: editorAPI,
126
128
  popupsMountPoint: mountPoint,
127
- editorAppearance: "full-page"
129
+ editorAppearance: "full-page",
130
+ isDisabled: disabled
128
131
  })))));
129
132
  };
@@ -465,7 +465,7 @@ const legacyContentStyles = props => css`
465
465
  ${expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findReplaceStylesNew : findReplaceStyles}
466
466
  ${textHighlightStyle}
467
467
  ${taskDecisionStyles}
468
- ${expValEqualsNoExposure('platform_editor_blocktaskitem_node', 'isEnabled', true) ? taskItemStylesWithBlockTaskItem : taskItemStyles}
468
+ ${expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? taskItemStylesWithBlockTaskItem : taskItemStyles}
469
469
  /* Switch between the two icons based on the visual refresh feature gate */
470
470
  ${fg('platform-visual-refresh-icons') && decisionIconWithVisualRefresh}
471
471
  ${!fg('platform-visual-refresh-icons') && decisionIconWithoutVisualRefresh}
@@ -132,6 +132,8 @@ class SwappableContentAreaInner extends React.PureComponent {
132
132
  width: `${this.props.customWidth}px`,
133
133
  overflowX: 'hidden'
134
134
  });
135
+ const ariaModal = fg('platform_editor_a11y_macro_sidebar_dialog') ? 'false' : undefined;
136
+ const ariaLabelledBy = fg('platform_editor_a11y_macro_sidebar_dialog') ? undefined : 'context-panel-title';
135
137
  return jsx(ContextPanelConsumer, null, ({
136
138
  broadcastWidth
137
139
  }) => {
@@ -143,8 +145,9 @@ class SwappableContentAreaInner extends React.PureComponent {
143
145
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
144
146
  this.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
145
147
  "data-testid": "context-panel-panel",
146
- "aria-labelledby": "context-panel-title",
147
148
  "aria-label": ((_this$props$intl = this.props.intl) === null || _this$props$intl === void 0 ? void 0 : _this$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
149
+ "aria-labelledby": ariaLabelledBy,
150
+ "aria-modal": ariaModal,
148
151
  role: "dialog"
149
152
  }, jsx("div", {
150
153
  "data-testid": "context-panel-content",
@@ -213,7 +213,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
213
213
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
214
214
  decisionStyles,
215
215
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
216
- expValEqualsNoExposure('platform_editor_blocktaskitem_node', 'isEnabled', true) ?
216
+ expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
217
217
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
218
218
  taskItemStylesWithBlockTaskItem :
219
219
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -64,7 +64,8 @@ export const ToolbarNext = ({
64
64
  popupsMountPoint,
65
65
  editorAppearance,
66
66
  popupsBoundariesElement,
67
- popupsScrollableElement
67
+ popupsScrollableElement,
68
+ isDisabled
68
69
  }) => {
69
70
  const {
70
71
  connectivityStateMode,
@@ -79,7 +80,7 @@ export const ToolbarNext = ({
79
80
  editorToolbarDockingPreference: editorToolbarDockingPreference
80
81
  }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
81
82
  api: editorAPI,
82
- isDisabled: isOffline,
83
+ isDisabled: isOffline || isDisabled,
83
84
  popupsMountPoint: popupsMountPoint,
84
85
  popupsBoundariesElement: popupsBoundariesElement,
85
86
  popupsScrollableElement: popupsScrollableElement
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./ToolbarPortal.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "0.0.0-development";
2
+ export const version = "212.3.0";
@@ -14,6 +14,7 @@ import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
14
14
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
15
15
  import { FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
17
18
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
18
19
  import { getPrimaryToolbarComponents } from '../../Toolbar/getPrimaryToolbarComponents';
19
20
  import { FullPageContentArea } from './FullPageContentArea';
@@ -146,6 +147,7 @@ export var FullPageEditor = function FullPageEditor(props) {
146
147
  }, !isEditorToolbarHidden && (Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar) && editorExperiment('platform_editor_toolbar_aifc', true) ? jsx(IntlProvider, {
147
148
  locale: "en"
148
149
  }, jsx(FullPageToolbarNext, {
150
+ disabled: expValEquals('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? !!props.disabled : undefined,
149
151
  toolbarDockingPosition: toolbarDockingPosition !== null && toolbarDockingPosition !== void 0 ? toolbarDockingPosition : toolbarDocking,
150
152
  beforeIcon: props.primaryToolbarIconBefore,
151
153
  editorAPI: editorAPI,
@@ -1,4 +1,4 @@
1
- /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./FullPageToolbarNext.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
@@ -54,7 +54,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
54
54
  editorView = _ref4.editorView,
55
55
  popupsMountPoint = _ref4.popupsMountPoint,
56
56
  showKeyline = _ref4.showKeyline,
57
- customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents;
57
+ customPrimaryToolbarComponents = _ref4.customPrimaryToolbarComponents,
58
+ disabled = _ref4.disabled;
58
59
  var components = editorAPI === null || editorAPI === void 0 || (_editorAPI$toolbar = editorAPI.toolbar) === null || _editorAPI$toolbar === void 0 ? void 0 : _editorAPI$toolbar.actions.getComponents();
59
60
  var intl = useIntl();
60
61
  var toolbar = components === null || components === void 0 ? void 0 : components.find(function (component) {
@@ -109,7 +110,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
109
110
  editorView: editorView,
110
111
  editorAPI: editorAPI,
111
112
  popupsMountPoint: mountPoint,
112
- editorAppearance: "full-page"
113
+ editorAppearance: "full-page",
114
+ isDisabled: disabled
113
115
  })), /*#__PURE__*/React.createElement(SecondChildWrapper, null, /*#__PURE__*/React.createElement("div", {
114
116
  className: ax([styles.customToolbarWrapperStyle])
115
117
  }, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
@@ -121,7 +123,8 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
121
123
  editorView: editorView,
122
124
  editorAPI: editorAPI,
123
125
  popupsMountPoint: mountPoint,
124
- editorAppearance: "full-page"
126
+ editorAppearance: "full-page",
127
+ isDisabled: disabled
125
128
  }))));
126
129
  });
127
130
  };
@@ -167,7 +167,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
167
167
  var legacyContentStyles = function legacyContentStyles(props) {
168
168
  return css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: ", "px;\n\t--ak-editor--resizer-handle-spacing: 12px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t--ak-editor--breakout-fallback-width: calc(\n\t\t100cqw - var(--ak-editor--breakout-full-page-guttering-padding)\n\t);\n\t--ak-editor--breakout-min-width: 100%;\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\n\t\t/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */\n\t\t--ak-editor--breakout-fallback-width: 100%;\n\t\t--ak-editor--breakout-min-width: 0px;\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t", "\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t */\n\t.ProseMirror-hideselection {\n\t\tcaret-color: transparent;\n\t}\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n /* Switch between the two icons based on the visual refresh feature gate */\n\t", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\t", "\n\n .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t/* For FullPage only when inside a table\n\tRelated code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\tIn the \"editorContentAreaContainerStyle\" function */\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n is bigger than the others, new ADS icon does not have this issue\n */\n\t", "\n"])), akEditorGutterPadding, akEditorGutterPaddingDynamic(), akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n\t\t\t\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t\t\t\t@container editor-area (max-width: ", "px) {\n\t\t\t\t\t--ak-editor--large-gutter-padding: ", "px;\n\t\t\t\t}\n\t\t\t"])), akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced) : null, editorFontSize({
169
169
  theme: props.theme
170
- }), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", firstFloatingToolbarButtonStyles, placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, mentionNodeStyles, fg('platform_editor_centre_mention_padding') && mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? mentionsSelectionStylesWithSearchMatch : mentionSelectionStyles, fg('platform_editor_fix_emoji_style_selectors') ? emojiStylesWithSelectorFixes : emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findReplaceStylesNew : findReplaceStyles, textHighlightStyle, taskDecisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node', 'isEnabled', true) ? taskItemStylesWithBlockTaskItem : taskItemStyles, fg('platform-visual-refresh-icons') && decisionIconWithVisualRefresh, !fg('platform-visual-refresh-icons') && decisionIconWithoutVisualRefresh, statusStyles(), statusNodeStyles(), annotationSharedStyles(), smartCardStyles(), getSmartCardSharedStyles(), dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), pragmaticResizerStylesWithReducedEditorGutter(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, fg('platform_editor_vanilla_codebidi_warning') && codeBidiWarningStyles, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
170
+ }), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", firstFloatingToolbarButtonStyles, placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_quick_insert_placeholder') ? placeholderWrapStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, mentionNodeStyles, fg('platform_editor_centre_mention_padding') && mentionNodeStylesMixin_fg_platform_editor_centre_mention_padding, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? mentionsSelectionStylesWithSearchMatch : mentionSelectionStyles, fg('platform_editor_fix_emoji_style_selectors') ? emojiStylesWithSelectorFixes : emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? findReplaceStylesNew : findReplaceStyles, textHighlightStyle, taskDecisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? taskItemStylesWithBlockTaskItem : taskItemStyles, fg('platform-visual-refresh-icons') && decisionIconWithVisualRefresh, !fg('platform-visual-refresh-icons') && decisionIconWithoutVisualRefresh, statusStyles(), statusNodeStyles(), annotationSharedStyles(), smartCardStyles(), getSmartCardSharedStyles(), dateStyles, dateNodeStyles, embedCardStyles(), unsupportedStyles, resizerStyles, pragmaticResizerStyles(), pragmaticStylesLayoutFirstNodeResizeHandleFix(), pragmaticResizerStylesForTooltip(), pragmaticResizerStylesWithReducedEditorGutter(), aiPanelStyles(props.colorMode), firstBlockNodeStylesNew, fg('platform_editor_vanilla_codebidi_warning') && codeBidiWarningStyles, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
171
171
  };
172
172
  export var createEditorContentStyle = function createEditorContentStyle(styles) {
173
173
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -140,6 +140,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
140
140
  width: "".concat(this.props.customWidth, "px"),
141
141
  overflowX: 'hidden'
142
142
  });
143
+ var ariaModal = fg('platform_editor_a11y_macro_sidebar_dialog') ? 'false' : undefined;
144
+ var ariaLabelledBy = fg('platform_editor_a11y_macro_sidebar_dialog') ? undefined : 'context-panel-title';
143
145
  return jsx(ContextPanelConsumer, null, function (_ref) {
144
146
  var _this2$props$intl;
145
147
  var broadcastWidth = _ref.broadcastWidth;
@@ -150,8 +152,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
150
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage
151
153
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
152
154
  "data-testid": "context-panel-panel",
153
- "aria-labelledby": "context-panel-title",
154
155
  "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
156
+ "aria-labelledby": ariaLabelledBy,
157
+ "aria-modal": ariaModal,
155
158
  role: "dialog"
156
159
  }, jsx("div", {
157
160
  "data-testid": "context-panel-content",
@@ -210,7 +210,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
210
210
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
211
211
  decisionStyles,
212
212
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
213
- expValEqualsNoExposure('platform_editor_blocktaskitem_node', 'isEnabled', true) ?
213
+ expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ?
214
214
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
215
215
  taskItemStylesWithBlockTaskItem :
216
216
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -66,7 +66,8 @@ export var ToolbarNext = function ToolbarNext(_ref) {
66
66
  popupsMountPoint = _ref.popupsMountPoint,
67
67
  editorAppearance = _ref.editorAppearance,
68
68
  popupsBoundariesElement = _ref.popupsBoundariesElement,
69
- popupsScrollableElement = _ref.popupsScrollableElement;
69
+ popupsScrollableElement = _ref.popupsScrollableElement,
70
+ isDisabled = _ref.isDisabled;
70
71
  var _usePluginState = usePluginState(editorAPI),
71
72
  connectivityStateMode = _usePluginState.connectivityStateMode,
72
73
  editorViewMode = _usePluginState.editorViewMode,
@@ -79,7 +80,7 @@ export var ToolbarNext = function ToolbarNext(_ref) {
79
80
  editorToolbarDockingPreference: editorToolbarDockingPreference
80
81
  }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
81
82
  api: editorAPI,
82
- isDisabled: isOffline,
83
+ isDisabled: isOffline || isDisabled,
83
84
  popupsMountPoint: popupsMountPoint,
84
85
  popupsBoundariesElement: popupsBoundariesElement,
85
86
  popupsScrollableElement: popupsScrollableElement
@@ -1,4 +1,4 @@
1
- /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* ToolbarPortal.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./ToolbarPortal.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "0.0.0-development";
2
+ export var version = "212.3.0";
@@ -11,6 +11,7 @@ import type { PrimaryToolbarComponents } from '../../../types';
11
11
  type FullPageToolbarNextProps = {
12
12
  beforeIcon?: React.ReactNode;
13
13
  customPrimaryToolbarComponents?: PrimaryToolbarComponents;
14
+ disabled?: boolean;
14
15
  editorAPI?: PublicPluginAPI<[ToolbarPlugin]>;
15
16
  editorView?: EditorView;
16
17
  popupsBoundariesElement?: HTMLElement;
@@ -19,5 +20,5 @@ type FullPageToolbarNextProps = {
19
20
  showKeyline: boolean;
20
21
  toolbarDockingPosition?: 'top' | 'none';
21
22
  };
22
- export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, }: FullPageToolbarNextProps) => JSX.Element;
23
+ export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, disabled, }: FullPageToolbarNextProps) => JSX.Element;
23
24
  export {};
@@ -12,7 +12,7 @@ import type { ToolbarProps } from './toolbar-types';
12
12
  * If making changes to this component please ensure to also update `<ToolbarNext />`.
13
13
  */
14
14
  export declare const Toolbar: (props: ToolbarProps) => JSX.Element;
15
- type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
15
+ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'isDisabled'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
16
16
  components: RegisterComponent[];
17
17
  editorAPI?: PublicPluginAPI<[ToolbarPlugin]>;
18
18
  editorView?: EditorView;
@@ -24,5 +24,5 @@ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBo
24
24
  *
25
25
  * The majority of components UI should use `@atlaskit/editor-toolbar` components.
26
26
  */
27
- export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, }: NewToolbarProps) => React.JSX.Element;
27
+ export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, isDisabled, }: NewToolbarProps) => React.JSX.Element;
28
28
  export {};
@@ -11,6 +11,7 @@ import type { PrimaryToolbarComponents } from '../../../types';
11
11
  type FullPageToolbarNextProps = {
12
12
  beforeIcon?: React.ReactNode;
13
13
  customPrimaryToolbarComponents?: PrimaryToolbarComponents;
14
+ disabled?: boolean;
14
15
  editorAPI?: PublicPluginAPI<[
15
16
  ToolbarPlugin
16
17
  ]>;
@@ -21,5 +22,5 @@ type FullPageToolbarNextProps = {
21
22
  showKeyline: boolean;
22
23
  toolbarDockingPosition?: 'top' | 'none';
23
24
  };
24
- export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, }: FullPageToolbarNextProps) => JSX.Element;
25
+ export declare const FullPageToolbarNext: ({ editorAPI, beforeIcon, toolbarDockingPosition, editorView, popupsMountPoint, showKeyline, customPrimaryToolbarComponents, disabled, }: FullPageToolbarNextProps) => JSX.Element;
25
26
  export {};
@@ -12,7 +12,7 @@ import type { ToolbarProps } from './toolbar-types';
12
12
  * If making changes to this component please ensure to also update `<ToolbarNext />`.
13
13
  */
14
14
  export declare const Toolbar: (props: ToolbarProps) => JSX.Element;
15
- type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
15
+ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'isDisabled'> & Pick<EditorToolbarContextType, 'editorAppearance'> & {
16
16
  components: RegisterComponent[];
17
17
  editorAPI?: PublicPluginAPI<[
18
18
  ToolbarPlugin
@@ -26,5 +26,5 @@ type NewToolbarProps = Pick<ToolbarUIContextType, 'popupsMountPoint' | 'popupsBo
26
26
  *
27
27
  * The majority of components UI should use `@atlaskit/editor-toolbar` components.
28
28
  */
29
- export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, }: NewToolbarProps) => React.JSX.Element;
29
+ export declare const ToolbarNext: ({ toolbar, components, editorView, editorAPI, popupsMountPoint, editorAppearance, popupsBoundariesElement, popupsScrollableElement, isDisabled, }: NewToolbarProps) => React.JSX.Element;
30
30
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "212.2.0",
3
+ "version": "213.0.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -61,9 +61,9 @@
61
61
  "@atlaskit/mention": "^24.2.0",
62
62
  "@atlaskit/platform-feature-flags": "^1.1.0",
63
63
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
64
- "@atlaskit/react-ufo": "^4.6.0",
64
+ "@atlaskit/react-ufo": "^4.7.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
- "@atlaskit/tmp-editor-statsig": "^12.14.0",
66
+ "@atlaskit/tmp-editor-statsig": "^12.18.0",
67
67
  "@atlaskit/tokens": "^6.3.0",
68
68
  "@atlaskit/tooltip": "^20.4.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
@@ -80,8 +80,8 @@
80
80
  "uuid": "^3.1.0"
81
81
  },
82
82
  "peerDependencies": {
83
- "@atlaskit/editor-common": "^109.3.0",
84
- "@atlaskit/link-provider": "^3.7.0",
83
+ "@atlaskit/editor-common": "^109.4.0",
84
+ "@atlaskit/link-provider": "^4.0.0",
85
85
  "@atlaskit/media-core": "^37.0.0",
86
86
  "react": "^18.2.0",
87
87
  "react-dom": "^18.2.0",
@@ -93,20 +93,20 @@
93
93
  "@atlaskit/adf-utils": "^19.22.0",
94
94
  "@atlaskit/analytics-listeners": "^9.0.0",
95
95
  "@atlaskit/collab-provider": "^13.0.0",
96
- "@atlaskit/editor-plugin-annotation": "^5.1.0",
97
- "@atlaskit/editor-plugin-card": "^9.1.0",
96
+ "@atlaskit/editor-plugin-annotation": "^5.2.0",
97
+ "@atlaskit/editor-plugin-card": "^10.0.0",
98
98
  "@atlaskit/editor-plugin-list": "^7.1.0",
99
99
  "@atlaskit/editor-plugin-paste": "^6.1.0",
100
- "@atlaskit/link-provider": "^3.7.0",
100
+ "@atlaskit/link-provider": "^4.0.0",
101
101
  "@atlaskit/logo": "^19.7.0",
102
102
  "@atlaskit/media-core": "^37.0.0",
103
103
  "@atlaskit/media-integration-test-helpers": "workspace:^",
104
104
  "@atlaskit/media-test-helpers": "^39.0.0",
105
105
  "@atlaskit/modal-dialog": "^14.3.0",
106
106
  "@atlaskit/primitives": "^14.14.0",
107
- "@atlaskit/renderer": "^122.1.0",
107
+ "@atlaskit/renderer": "^123.0.0",
108
108
  "@atlaskit/section-message": "^8.7.0",
109
- "@atlaskit/smart-card": "^40.22.0",
109
+ "@atlaskit/smart-card": "^41.0.0",
110
110
  "@atlaskit/synchrony-test-helpers": "workspace:^",
111
111
  "@atlaskit/toggle": "^15.1.0",
112
112
  "@atlaskit/util-data-test": "^18.2.0",
@@ -292,10 +292,6 @@
292
292
  "platform_editor_react_18_autofocus_fix": {
293
293
  "type": "boolean"
294
294
  },
295
- "platform_editor_renderer_table_header_styles": {
296
- "type": "boolean",
297
- "referenceOnly": true
298
- },
299
295
  "platform_editor_track_node_types": {
300
296
  "type": "boolean",
301
297
  "referenceOnly": true
@@ -525,6 +521,9 @@
525
521
  },
526
522
  "platform_editor_resolve_hyperlinks_killswitch": {
527
523
  "type": "boolean"
524
+ },
525
+ "platform_editor_a11y_macro_sidebar_dialog": {
526
+ "type": "boolean"
528
527
  }
529
528
  },
530
529
  "stricter": {