@atlaskit/editor-core 213.3.0 → 213.4.1

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 (26) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/create-editor/ReactEditorView/getUAPrefix.js +6 -4
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +6 -2
  4. package/dist/cjs/ui/ContentStyles/index.js +1 -1
  5. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +8 -4
  6. package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +7 -2
  7. package/dist/cjs/version-wrapper.js +1 -1
  8. package/dist/es2019/create-editor/ReactEditorView/getUAPrefix.js +3 -1
  9. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +6 -2
  10. package/dist/es2019/ui/ContentStyles/index.js +1 -1
  11. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +8 -4
  12. package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +7 -2
  13. package/dist/es2019/version-wrapper.js +1 -1
  14. package/dist/esm/create-editor/ReactEditorView/getUAPrefix.js +3 -1
  15. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +6 -2
  16. package/dist/esm/ui/ContentStyles/index.js +1 -1
  17. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +8 -4
  18. package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +7 -2
  19. package/dist/esm/version-wrapper.js +1 -1
  20. package/dist/types/create-editor/create-universal-preset.d.ts +1 -0
  21. package/dist/types/presets/universal.d.ts +1 -0
  22. package/dist/types/presets/useUniversalPreset.d.ts +1 -0
  23. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -0
  24. package/dist/types-ts4.5/presets/universal.d.ts +1 -0
  25. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -0
  26. package/package.json +3 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 213.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6b6eca9cee16d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b6eca9cee16d) -
8
+ Switch to use editorExperiment to use productKey for responsive preview panel changes.
9
+ - Updated dependencies
10
+
11
+ ## 213.4.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`cb7778d7ca5bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb7778d7ca5bb) -
16
+ introduce getBrowserInfo api from browser util, used in getUAPrefix
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 213.3.0
4
23
 
5
24
  ### Minor Changes
package/dist/cjs/create-editor/ReactEditorView/getUAPrefix.js CHANGED
@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.getUAPrefix = getUAPrefix;
7
7
  var _browser = require("@atlaskit/editor-common/browser");
8
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
8
9
  function getUAPrefix() {
9
- if (_browser.browser.chrome) {
10
+ var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
11
+ if (browser.chrome) {
10
12
  return 'ua-chrome';
11
- } else if (_browser.browser.ie) {
13
+ } else if (browser.ie) {
12
14
  return 'ua-ie';
13
- } else if (_browser.browser.gecko) {
15
+ } else if (browser.gecko) {
14
16
  return 'ua-firefox';
15
- } else if (_browser.browser.safari) {
17
+ } else if (browser.safari) {
16
18
  return 'ua-safari';
17
19
  }
18
20
  return '';
package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -190,7 +190,9 @@ var contentAreaReducedHeaderSpace = (0, _react2.css)({
190
190
  paddingTop: "var(--ds-space-400, 32px)"
191
191
  });
192
192
  var editorContentGutterStyle = function editorContentGutterStyle() {
193
- if ((0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
193
+ if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
194
+ exposure: true
195
+ })) {
194
196
  return (0, _react2.css)((0, _defineProperty2.default)({
195
197
  boxSizing: 'border-box',
196
198
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -406,7 +408,9 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
406
408
  }, (0, _react2.jsx)("div", {
407
409
  css: (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [editorContentGutterStyles,
408
410
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
409
- (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && editorContentReducedGutterStyles] : [
411
+ (0, _platformFeatureFlags.fg)('platform_editor_controls_increase_full_page_gutter') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
412
+ exposure: true
413
+ }) && editorContentReducedGutterStyles] : [
410
414
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
411
415
  editorContentGutterStyle()]
412
416
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/dist/cjs/ui/ContentStyles/index.js CHANGED
@@ -170,7 +170,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
170
170
  * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
171
171
  */
172
172
  var legacyContentStyles = function legacyContentStyles(props) {
173
- return (0, _react2.css)(_templateObject9 || (_templateObject9 = (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: ", " 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)(_templateObject0 || (_templateObject0 = (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)({
173
+ return (0, _react2.css)(_templateObject9 || (_templateObject9 = (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: ", " 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, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) ? (0, _react2.css)(_templateObject0 || (_templateObject0 = (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)({
174
174
  theme: props.theme
175
175
  }), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-width-focused, 2px)", "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, 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)(_templateObject1 || (_templateObject1 = (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
176
  };
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -91,7 +91,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
91
91
  colorMode = _useThemeObserver.colorMode;
92
92
  var isFullPage = appearance === 'full-page' || appearance === 'full-width';
93
93
  var isComment = appearance === 'comment';
94
- var style = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? {
94
+ var style = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
95
+ exposure: true
96
+ }) ? {
95
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
96
98
  '--ak-editor-base-font-size': "".concat((0, _editorSharedStyles.editorFontSize)({
97
99
  theme: theme
@@ -116,7 +118,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
116
118
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
117
119
  _baseStyles.editorLargeGutterPuddingBaseStylesEditorControls :
118
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
119
- _baseStyles.editorLargeGutterPuddingBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
121
+ _baseStyles.editorLargeGutterPuddingBaseStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
122
+ exposure: true
123
+ }) &&
120
124
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
121
125
  _baseStyles.editorLargeGutterPuddingReducedBaseStyles,
122
126
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -244,7 +248,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
244
248
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
245
249
  _smartCardStyles.smartCardStylesWithSearchMatch :
246
250
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
247
- _smartCardStyles.smartCardStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
251
+ _smartCardStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) &&
248
252
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
249
253
  _smartCardStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) &&
250
254
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -304,7 +308,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
304
308
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
305
309
  _resizerStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release') &&
306
310
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
307
- _resizerStyles.pragmaticResizerStylesForTooltip, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) &&
311
+ _resizerStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) &&
308
312
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
309
313
  _resizerStyles.pragmaticResizerStylesWithReducedEditorGutter,
310
314
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js CHANGED
@@ -16,6 +16,7 @@ var _types = require("@atlaskit/editor-common/types");
16
16
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
17
17
  var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
18
18
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
+ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
19
20
  var _widthDetector = require("@atlaskit/width-detector");
20
21
  var _isFullPage = require("../../utils/is-full-page");
21
22
  var _hooks = require("./hooks");
@@ -69,7 +70,9 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
69
70
  var toolbarStyle = (0, _react.useMemo)(function () {
70
71
  var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
71
72
  var toolbarMinWidth = (0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance);
72
- var isPreviewPanelResponsivenessEnabled = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
73
+ var isPreviewPanelResponsivenessEnabled = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
74
+ exposure: true
75
+ });
73
76
  var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
74
77
  return [toolbar, minWidth];
75
78
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
@@ -108,7 +111,9 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
108
111
  var toolbarWidth = (0, _isFullPage.isFullPage)(props.appearance) && props.twoLineEditorToolbar ? _types.ToolbarSize.S : _types.ToolbarSize.M;
109
112
  return "".concat((0, _toolbarSize.toolbarSizeToWidth)(toolbarWidth, props.appearance), "px");
110
113
  } else {
111
- var isPreviewPanelResponsivenessEnabled = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
114
+ var isPreviewPanelResponsivenessEnabled = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
115
+ exposure: true
116
+ });
112
117
  return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
113
118
  }
114
119
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
package/dist/cjs/version-wrapper.js CHANGED
@@ -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 = "213.4.0";
package/dist/es2019/create-editor/ReactEditorView/getUAPrefix.js CHANGED
@@ -1,5 +1,7 @@
1
- import { browser } from '@atlaskit/editor-common/browser';
1
+ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
2
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
2
3
  export function getUAPrefix() {
4
+ const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
3
5
  if (browser.chrome) {
4
6
  return 'ua-chrome';
5
7
  } else if (browser.ie) {
package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -173,7 +173,9 @@ const contentAreaReducedHeaderSpace = css({
173
173
  paddingTop: "var(--ds-space-400, 32px)"
174
174
  });
175
175
  const editorContentGutterStyle = () => {
176
- if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
176
+ if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
177
+ exposure: true
178
+ })) {
177
179
  return css({
178
180
  boxSizing: 'border-box',
179
181
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -394,7 +396,9 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
394
396
  }, jsx("div", {
395
397
  css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [editorContentGutterStyles,
396
398
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
397
- fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && editorContentReducedGutterStyles] : [
399
+ fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
400
+ exposure: true
401
+ }) && editorContentReducedGutterStyles] : [
398
402
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
399
403
  editorContentGutterStyle()]
400
404
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/dist/es2019/ui/ContentStyles/index.js CHANGED
@@ -359,7 +359,7 @@ const legacyContentStyles = props => css`
359
359
  }
360
360
  }
361
361
 
362
- ${expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? css`
362
+ ${editorExperiment('platform_editor_preview_panel_responsiveness', true) ? css`
363
363
  /* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */
364
364
  @container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px) {
365
365
  --ak-editor--large-gutter-padding: ${akEditorGutterPaddingReduced}px;
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -86,7 +86,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
86
86
  } = useThemeObserver();
87
87
  const isFullPage = appearance === 'full-page' || appearance === 'full-width';
88
88
  const isComment = appearance === 'comment';
89
- const style = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? {
89
+ const style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
90
+ exposure: true
91
+ }) ? {
90
92
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
91
93
  '--ak-editor-base-font-size': `${editorFontSize({
92
94
  theme
@@ -111,7 +113,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
111
113
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
112
114
  editorLargeGutterPuddingBaseStylesEditorControls :
113
115
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
114
- editorLargeGutterPuddingBaseStyles, expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
116
+ editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
117
+ exposure: true
118
+ }) &&
115
119
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
116
120
  editorLargeGutterPuddingReducedBaseStyles,
117
121
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -239,7 +243,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
239
243
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
240
244
  smartCardStylesWithSearchMatch :
241
245
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
242
- smartCardStyles, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
246
+ smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) &&
243
247
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
244
248
  smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) &&
245
249
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -299,7 +303,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
299
303
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
300
304
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release') &&
301
305
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
302
- pragmaticResizerStylesForTooltip, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) &&
306
+ pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) &&
303
307
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
304
308
  pragmaticResizerStylesWithReducedEditorGutter,
305
309
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js CHANGED
@@ -12,6 +12,7 @@ import { ToolbarSize } from '@atlaskit/editor-common/types';
12
12
  import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
13
13
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
14
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
15
16
  import { WidthObserver } from '@atlaskit/width-detector';
16
17
  import { isFullPage } from '../../utils/is-full-page';
17
18
  import { useElementWidth } from './hooks';
@@ -56,7 +57,9 @@ const DynamicStyleToolbarWithSizeDetector = props => {
56
57
  const toolbarStyle = useMemo(() => {
57
58
  const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
58
59
  const toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
59
- const isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
60
+ const isPreviewPanelResponsivenessEnabled = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
61
+ exposure: true
62
+ });
60
63
  const minWidth = `min-width: ${props.hasMinWidth ? `${toolbarMinWidth}px` : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px'}`;
61
64
  return [toolbar, minWidth];
62
65
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
@@ -92,7 +95,9 @@ const StaticStyleToolbarWithSizeDetector = props => {
92
95
  const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
93
96
  return `${toolbarSizeToWidth(toolbarWidth, props.appearance)}px`;
94
97
  } else {
95
- const isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
98
+ const isPreviewPanelResponsivenessEnabled = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
99
+ exposure: true
100
+ });
96
101
  return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
97
102
  }
98
103
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "0.0.0-development";
2
+ export const version = "213.4.0";
package/dist/esm/create-editor/ReactEditorView/getUAPrefix.js CHANGED
@@ -1,5 +1,7 @@
1
- import { browser } from '@atlaskit/editor-common/browser';
1
+ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
2
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
2
3
  export function getUAPrefix() {
4
+ var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
3
5
  if (browser.chrome) {
4
6
  return 'ua-chrome';
5
7
  } else if (browser.ie) {
package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js CHANGED
@@ -180,7 +180,9 @@ var contentAreaReducedHeaderSpace = css({
180
180
  paddingTop: "var(--ds-space-400, 32px)"
181
181
  });
182
182
  var editorContentGutterStyle = function editorContentGutterStyle() {
183
- if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
183
+ if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
184
+ exposure: true
185
+ })) {
184
186
  return css(_defineProperty({
185
187
  boxSizing: 'border-box',
186
188
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -396,7 +398,9 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
396
398
  }, jsx("div", {
397
399
  css: expValEquals('platform_editor_core_static_emotion_non_central', 'isEnabled', true) ? [editorContentGutterStyles,
398
400
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
399
- fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && editorContentReducedGutterStyles] : [
401
+ fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
402
+ exposure: true
403
+ }) && editorContentReducedGutterStyles] : [
400
404
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
401
405
  editorContentGutterStyle()]
402
406
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
package/dist/esm/ui/ContentStyles/index.js CHANGED
@@ -164,7 +164,7 @@ var akEditorBreakpointForSmallDevice = "1266px";
164
164
  * use this instead: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
165
165
  */
166
166
  var legacyContentStyles = function legacyContentStyles(props) {
167
- return css(_templateObject9 || (_templateObject9 = _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: ", " 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(_templateObject0 || (_templateObject0 = _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({
167
+ return css(_templateObject9 || (_templateObject9 = _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: ", " 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, editorExperiment('platform_editor_preview_panel_responsiveness', true) ? css(_templateObject0 || (_templateObject0 = _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({
168
168
  theme: props.theme
169
169
  }), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-width-focused, 2px)", "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, 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(_templateObject1 || (_templateObject1 = _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
170
  };
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -83,7 +83,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
83
83
  colorMode = _useThemeObserver.colorMode;
84
84
  var isFullPage = appearance === 'full-page' || appearance === 'full-width';
85
85
  var isComment = appearance === 'comment';
86
- var style = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? {
86
+ var style = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
87
+ exposure: true
88
+ }) ? {
87
89
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
88
90
  '--ak-editor-base-font-size': "".concat(editorFontSize({
89
91
  theme: theme
@@ -108,7 +110,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
108
110
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
109
111
  editorLargeGutterPuddingBaseStylesEditorControls :
110
112
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
111
- editorLargeGutterPuddingBaseStyles, expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
113
+ editorLargeGutterPuddingBaseStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
114
+ exposure: true
115
+ }) &&
112
116
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
113
117
  editorLargeGutterPuddingReducedBaseStyles,
114
118
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -236,7 +240,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
236
240
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
237
241
  smartCardStylesWithSearchMatch :
238
242
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
239
- smartCardStyles, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) &&
243
+ smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) &&
240
244
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
241
245
  smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) &&
242
246
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -296,7 +300,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
296
300
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
297
301
  pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release') &&
298
302
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
299
- pragmaticResizerStylesForTooltip, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) &&
303
+ pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) &&
300
304
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
301
305
  pragmaticResizerStylesWithReducedEditorGutter,
302
306
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js CHANGED
@@ -14,6 +14,7 @@ import { ToolbarSize } from '@atlaskit/editor-common/types';
14
14
  import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
15
15
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
16
16
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
17
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
18
  import { WidthObserver } from '@atlaskit/width-detector';
18
19
  import { isFullPage } from '../../utils/is-full-page';
19
20
  import { useElementWidth } from './hooks';
@@ -59,7 +60,9 @@ var DynamicStyleToolbarWithSizeDetector = function DynamicStyleToolbarWithSizeDe
59
60
  var toolbarStyle = useMemo(function () {
60
61
  var toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
61
62
  var toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
62
- var isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
63
+ var isPreviewPanelResponsivenessEnabled = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
64
+ exposure: true
65
+ });
63
66
  var minWidth = "min-width: ".concat(props.hasMinWidth ? "".concat(toolbarMinWidth, "px") : isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px');
64
67
  return [toolbar, minWidth];
65
68
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
@@ -98,7 +101,9 @@ var StaticStyleToolbarWithSizeDetector = function StaticStyleToolbarWithSizeDete
98
101
  var toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
99
102
  return "".concat(toolbarSizeToWidth(toolbarWidth, props.appearance), "px");
100
103
  } else {
101
- var isPreviewPanelResponsivenessEnabled = expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true);
104
+ var isPreviewPanelResponsivenessEnabled = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
105
+ exposure: true
106
+ });
102
107
  return isPreviewPanelResponsivenessEnabled ? 'fit-content' : '254px';
103
108
  }
104
109
  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "0.0.0-development";
2
+ export var version = "213.4.0";
package/dist/types/create-editor/create-universal-preset.d.ts CHANGED
@@ -383,6 +383,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
383
383
  };
384
384
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/user-intent").UserIntentPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/selection").SelectionPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>];
385
385
  pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;
386
+ sharedState: import("@atlaskit/editor-plugins/block-menu").BlockMenuSharedState;
386
387
  }, import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
387
388
  actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
388
389
  commands: {
package/dist/types/presets/universal.d.ts CHANGED
@@ -442,6 +442,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
442
442
  };
443
443
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/user-intent").UserIntentPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/selection").SelectionPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>];
444
444
  pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;
445
+ sharedState: import("@atlaskit/editor-plugins/block-menu").BlockMenuSharedState;
445
446
  }, import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
446
447
  actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
447
448
  commands: {
package/dist/types/presets/useUniversalPreset.d.ts CHANGED
@@ -383,6 +383,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
383
383
  };
384
384
  dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/block-controls").BlockControlsPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/user-intent").UserIntentPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/selection").SelectionPlugin>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>];
385
385
  pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;
386
+ sharedState: import("@atlaskit/editor-plugins/block-menu").BlockMenuSharedState;
386
387
  }, import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
387
388
  actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
388
389
  commands: {
package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts CHANGED
@@ -540,6 +540,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
540
540
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>
541
541
  ];
542
542
  pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;
543
+ sharedState: import("@atlaskit/editor-plugins/block-menu").BlockMenuSharedState;
543
544
  }, import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions | undefined>>,
544
545
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
545
546
  actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
package/dist/types-ts4.5/presets/universal.d.ts CHANGED
@@ -599,6 +599,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
599
599
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>
600
600
  ];
601
601
  pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;
602
+ sharedState: import("@atlaskit/editor-plugins/block-menu").BlockMenuSharedState;
602
603
  }, import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions | undefined>>,
603
604
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
604
605
  actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
package/dist/types-ts4.5/presets/useUniversalPreset.d.ts CHANGED
@@ -540,6 +540,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
540
540
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugins/decorations").DecorationsPlugin>
541
541
  ];
542
542
  pluginConfiguration?: import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions;
543
+ sharedState: import("@atlaskit/editor-plugins/block-menu").BlockMenuSharedState;
543
544
  }, import("@atlaskit/editor-plugins/block-menu").BlockMenuPluginOptions | undefined>>,
544
545
  import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
545
546
  actions: import("@atlaskit/editor-plugins/selection").EditorSelectionAPI;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "213.3.0",
3
+ "version": "213.4.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
81
81
  "uuid": "^3.1.0"
82
82
  },
83
83
  "peerDependencies": {
84
- "@atlaskit/editor-common": "^109.9.0",
84
+ "@atlaskit/editor-common": "^109.10.0",
85
85
  "@atlaskit/link-provider": "^4.0.0",
86
86
  "@atlaskit/media-core": "^37.0.0",
87
87
  "react": "^18.2.0",
@@ -107,7 +107,7 @@
107
107
  "@atlaskit/primitives": "^14.14.0",
108
108
  "@atlaskit/renderer": "^123.3.0",
109
109
  "@atlaskit/section-message": "^8.7.0",
110
- "@atlaskit/smart-card": "^41.0.0",
110
+ "@atlaskit/smart-card": "^42.0.0",
111
111
  "@atlaskit/synchrony-test-helpers": "workspace:^",
112
112
  "@atlaskit/toggle": "^15.1.0",
113
113
  "@atlaskit/util-data-test": "^18.2.0",
@@ -274,10 +274,6 @@
274
274
  "type": "boolean",
275
275
  "referenceOnly": true
276
276
  },
277
- "platform_editor_dnd_update_drag_start_target": {
278
- "type": "boolean",
279
- "referenceOnly": true
280
- },
281
277
  "platform_editor_live_page_prevent_table_recreation": {
282
278
  "type": "boolean",
283
279
  "referenceOnly": true