@atlaskit/editor-core 221.3.2 → 221.3.3

package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-compiled.compiled.css

@@ -1,96 +0,0 @@
-
-._v5641fxv{transition:max-width .5s cubic-bezier(.15,1,.3,1)}
-._v5642kub{transition:padding 0ms cubic-bezier(.15,1,.3,1)}._11bl1txw >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{display:flex}
-._12glglyw[data-markdown-mode-hide-prosemirror=true]>.ak-editor-content-area>.ProseMirror{display:none}
-._13jk1txw >.ak-editor-content-area{display:flex}
-._13svglyw .ProseMirror>ol:not([data-node-type=actionList]):not([data-node-type=decisionList]){clear:none}
-._13t61wug >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-basis:auto}
-._142emslj .fabric-editor--full-width-mode .code-block{max-width:calc(100% - 4px)}
-._1593idpf >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{min-height:0}
-._16jlkb7n{flex-grow:1}
-._17q71osq .fabric-editor--full-width-mode .extension-container.inline{max-width:100%}
-._18q6usvi .ProseMirror{box-sizing:border-box}
-._18u01wug{margin-left:auto}
-._18u0idpf{margin-left:0}
-._19bv1ex1{padding-left:52px}
-._19bvidpf{padding-left:0}
-._19bvt9kd{padding-left:72px}
-._19pk1wug{margin-top:auto}
-._19pkidpf{margin-top:0}
-._19pknm9q{margin-top:calc(var(--ds-space-500, 40px) + 1px)}
-._1a1d1osq >.ak-editor-content-area{height:100%}
-._1b7c1kw7 .fabric-editor--full-width-mode td .extension-container.inline{max-width:inherit}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1e0cglyw{display:none}
-._1e8kkb7n >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-grow:1}
-._1f38dez1{container-name:editor-area}
-._1gl01ejb .ProseMirror>p:last-child{margin-bottom:var(--ds-space-300,24px)}
-._1k8i1osq .ProseMirror .pm-table-wrapper>table{width:100%}
-._1n5qidpf >.ak-editor-content-area{padding-left:0}
-._1nw4glyw .ProseMirror>h1{clear:none}
-._1qzyglyw .ProseMirror>h3{clear:none}
-._1rnyglyw .ProseMirror>h5{clear:none}
-._1tb2idpf .ProseMirror .pm-table-wrapper>table{margin-left:0}
-._1ul9idpf{min-width:0}
-._1vbxidpf >.ak-editor-content-area{min-height:0}
-._1wpzesu3{align-self:flex-end}
-._1wrrusvi >.ak-editor-content-area{box-sizing:border-box}
-._1wxymslj .fabric-editor--full-width-mode .extension-container{max-width:calc(100% - 4px)}
-._1xouidpf >.ak-editor-content-area{min-width:0}
-._2hwx1wug{margin-right:auto}
-._2hwxidpf{margin-right:0}
-._2lx21bp4{flex-direction:column}
-._2lx2vrvc{flex-direction:row}
-._4t3i1ap5{height:calc(100% - 105px)}
-._4t3i1osq{height:100%}
-._4t3ibhu0{height:calc(100% - var(--ak-editor-fullpage-toolbar-height))}
-._4tbp1osq >.ak-editor-content-area{width:100%}
-._71ybidpf >.ak-editor-content-area{padding-right:0}
-._7cca15wb{container-type:inline-size}
-._7uc0glyw .ProseMirror>ul{clear:none}
-._8j6w1lxk.ak-editor-content-area-no-toolbar{height:calc(100% + 1px)}
-._8vye1n1a .ProseMirror .pm-table-wrapper>table{margin-right:-1px}
-._9dtbmslj .fabric-editor--full-width-mode .multiBodiedExtension--container{max-width:calc(100% - 4px)}
-._amwgglyw[data-markdown-mode-hide-scroll-gutter=true]>.ak-editor-content-area>[data-vc=scroll-gutter]{display:none}
-._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
-._boivkb7n >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-shrink:1}
-._ca0qidpf{padding-top:0}
-._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
-._ca0qxy5q{padding-top:var(--ds-space-400,2pc)}
-._evz0idpf >.ak-editor-content-area{padding-bottom:0}
-._fh67idpf >.ak-editor-content-area{padding-top:0}
-._i92uagmp .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{transform:none!important}
-._j9k7kb7n .ProseMirror{flex-grow:1}
-._l4a11hrf .ProseMirror>*{clear:both}
-._li931osq >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{width:100%}
-._n3tdidpf{padding-bottom:0}
-._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
-._njlp131u{contain:layout style inline-size}
-._ongaglyw .ProseMirror>h4{clear:none}
-._otyr1wug{margin-bottom:auto}
-._otyridpf{margin-bottom:0}
-._p12f5kin{max-width:var(--ak-editor-content-area-max-width)}
-._p12fglyw{max-width:none}
-._pnffaq80 .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{width:100%!important}
-._q0l01bp4 >.ak-editor-content-area{flex-direction:column}
-._qgzyidpf >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{min-width:0}
-._qkfz261p .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{margin-left:unset!important}
-._t2fzglyw .ProseMirror>p{clear:none}
-._tynl4diq .fabric-editor--full-width-mode [data-layout-section]{max-width:calc(100% + 40px)}
-._tynlfknx .fabric-editor--full-width-mode [data-layout-section]{max-width:calc(100% + 24px)}
-._u5f31ex1{padding-right:52px}
-._u5f3idpf{padding-right:0}
-._u5f3t9kd{padding-right:72px}
-._vchhusvi{box-sizing:border-box}
-._vtulglyw .ProseMirror>h6{clear:none}
-._vwz41tcg{line-height:24px}
-._xpemaq80 .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .extension-container.block{width:100%!important}
-._yq1qglyw .ProseMirror>h2{clear:none}
-._zr7faq80 .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .pm-table-container{width:100%!important}
-.ak-editor-content-area-no-toolbar ._1uizkqmb{padding-top:calc(var(--ds-space-600, 3pc) + var(--ak-editor-fullpage-toolbar-height) + 1px)}
-.extension-editable-area ._13hh1y6m{align-self:flex-start}
-.extension-editable-area ._1hgw1wug{height:auto}
-.extension-editable-area ._1t1q1if8{position:sticky}
-.extension-editable-area ._uj9widpf{top:0}
-@container editor-area (max-width: 600px){._1d7gidpf{padding-top:0}._n2nw1tcg{padding-right:24px}._d329idpf{padding-bottom:0}._105p1tcg{padding-left:24px}}

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

@@ -1,179 +0,0 @@
-/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./FullPageContentArea-compiled.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useImperativeHandle, useRef } from 'react';
-import classnames from 'classnames';
-import { injectIntl } from 'react-intl';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
-import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-
-// Ignored via go/ees005
-// eslint-disable-next-line import/no-named-as-default
-
-import { ClickAreaBlock } from '../../Addon/ClickAreaBlock';
-import { contentComponentClickWrapper } from '../../Addon/ClickAreaBlock/contentComponentWrapper';
-import { ContextPanel } from '../../ContextPanel';
-import EditorContentContainer from '../../EditorContentContainer/EditorContentContainer';
-import PluginSlot from '../../PluginSlot';
-import { contentAreaWrapper, sidebarArea } from './StyledComponents';
-const akEditorFullWidthLayoutWidth = 1800;
-const akEditorUltraWideLayoutWidth = 4000;
-const akEditorSwoopCubicBezier = `cubic-bezier(0.15, 1, 0.3, 1)`;
-const tableMarginFullWidthMode = 2;
-const akLayoutGutterOffset = 12;
-const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
-const AK_NESTED_DND_GUTTER_OFFSET = 8;
-const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
-const compiledStyles = {
-  editorContentAreaProsemirrorStyle: "_j9k7kb7n _18q6usvi _l4a11hrf _1nw4glyw _yq1qglyw _1qzyglyw _ongaglyw _1rnyglyw _vtulglyw _13svglyw _t2fzglyw _7uc0glyw _1gl01ejb",
-  hideEditorContentAreaProsemirrorWithAttributeStyle: "_12glglyw",
-  hideEditorContentAreaScrollGutterWithAttributeStyle: "_amwgglyw",
-  hideEditorScrollGutterStyle: "_1e0cglyw",
-  fullWidthNonChromelessBreakoutBlockTableStyle: "_xpemaq80 _pnffaq80 _zr7faq80 _qkfz261p _i92uagmp",
-  contentAreaReservedPrimaryToolbarSpace: "_19pknm9q",
-  contentAreaReducedHeaderSpace: "_ca0qxy5q",
-  editorContentAreaNew: "_19pk1wug _2hwx1wug _otyr1wug _18u01wug _v5641fxv _vwz41tcg _ca0qoahv _n3tdoahv _4t3i1ap5 _1bsb1osq _2lx21bp4 _16jlkb7n _p12f5kin _1uizkqmb",
-  tableFullPageEditorStylesNew: "_1tb2idpf _8vye1n1a _1k8i1osq",
-  editorContentAreaContainerNestedDndStyle: "_tynl4diq",
-  editorContentAreaContainerStyleExcludeCodeBlockNew: "_1wxymslj _9dtbmslj _17q71osq _1b7c1kw7 _tynlfknx",
-  editorContentAreaContainerStyleNew: "_142emslj _1wxymslj _9dtbmslj _17q71osq _1b7c1kw7 _tynlfknx",
-  editorContentGutterStyleFG: "_ca0qidpf _u5f3t9kd _n3tdidpf _19bvt9kd",
-  editorContentGutterStyles: "_ca0qidpf _u5f31ex1 _n3tdidpf _19bv1ex1 _vchhusvi",
-  editorContentReducedGutterStyles: "_1d7gidpf _n2nw1tcg _d329idpf _105p1tcg",
-  contentAreaNew: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _v5642kub _1e0c1txw _2lx2vrvc _4t3ibhu0 _vchhusvi _8j6w1lxk",
-  contentAreaHeightNoToolbar: "_4t3i1osq",
-  markdownModeContainerBackgroundStyle: "_bfhkhfxm",
-  markdownModeContentAreaStyle: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _vchhusvi _4t3i1osq _p12fglyw _1ul9idpf _n3tdidpf _ca0qidpf _1bsb1osq _fh67idpf _71ybidpf _evz0idpf _1n5qidpf _1wrrusvi _13jk1txw _q0l01bp4 _1a1d1osq _1vbxidpf _1xouidpf _4tbp1osq _1e8kkb7n _boivkb7n _13t61wug _11bl1txw _1593idpf _qgzyidpf _li931osq"
-};
-export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const EDITOR_CONTAINER = 'ak-editor-container';
-const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var _props$editorAPI, _props$editorAPI$base, _props$editorAPI$base2, _props$editorAPI$bloc, _props$editorAPI2, _props$editorAPI2$blo, _props$editorAPI2$blo2, _props$editorAPI2$blo3, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
-  const fullWidthMode = props.appearance === 'full-width';
-  const maxWidthMode = props.appearance === 'max';
-  const scrollContainerRef = useRef(null);
-  const contentAreaRef = useRef(null);
-  const containerRef = useRef(null);
-  const allowScrollGutter = (_props$editorAPI = props.editorAPI) === null || _props$editorAPI === void 0 ? void 0 : (_props$editorAPI$base = _props$editorAPI.base) === null || _props$editorAPI$base === void 0 ? void 0 : (_props$editorAPI$base2 = _props$editorAPI$base.sharedState.currentState()) === null || _props$editorAPI$base2 === void 0 ? void 0 : _props$editorAPI$base2.allowScrollGutter;
-  const contentAreaMaxWidth = getTotalPadding() + (!fullWidthMode ? maxWidthMode ? akEditorUltraWideLayoutWidth : akEditorDefaultLayoutWidth : akEditorFullWidthLayoutWidth);
-
-  // Get useStandardNodeWidth from block menu plugin shared state
-  // Only access editorAPI when the experiment is enabled to avoid performance impact
-  const useStandardNodeWidth = editorExperiment('platform_editor_controls', 'variant1') && ((_props$editorAPI$bloc = (_props$editorAPI2 = props.editorAPI) === null || _props$editorAPI2 === void 0 ? void 0 : (_props$editorAPI2$blo = _props$editorAPI2.blockMenu) === null || _props$editorAPI2$blo === void 0 ? void 0 : (_props$editorAPI2$blo2 = _props$editorAPI2$blo.sharedState) === null || _props$editorAPI2$blo2 === void 0 ? void 0 : (_props$editorAPI2$blo3 = _props$editorAPI2$blo2.currentState()) === null || _props$editorAPI2$blo3 === void 0 ? void 0 : _props$editorAPI2$blo3.useStandardNodeWidth) !== null && _props$editorAPI$bloc !== void 0 ? _props$editorAPI$bloc : false);
-  useImperativeHandle(ref, () => ({
-    get scrollContainer() {
-      return scrollContainerRef.current;
-    },
-    get contentArea() {
-      return contentAreaRef.current;
-    },
-    get containerArea() {
-      return containerRef.current;
-    }
-  }), []);
-  const markdownPluginCurrentView = useSharedPluginStateWithSelector(props.editorAPI, ['markdownMode'], states => {
-    var _states$markdownModeS;
-    return (_states$markdownModeS = states.markdownModeState) === null || _states$markdownModeS === void 0 ? void 0 : _states$markdownModeS.view;
-  });
-  const markdownPluginCurrentIsMarkdownMode = useSharedPluginStateWithSelector(props.editorAPI, ['markdownMode'], states => {
-    var _states$markdownModeS2;
-    return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
-  });
-  const isMarkdownModeExperimentEnabled = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
-  const shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
-  const shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
-  const shouldUseMarkdownModeMvpLayout = shouldHideProseMirrorForMarkdownMode && fg('platform_editor_md_mvp_layout');
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": CONTENT_AREA_TEST_ID,
-    ref: containerRef,
-    className: ax([compiledStyles.contentAreaNew, props.isEditorToolbarHidden && compiledStyles.contentAreaHeightNoToolbar])
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": EDITOR_CONTAINER,
-    "data-editor-container": 'true',
-    className: ax(["_1bsb1osq _7cca15wb _1f38dez1 _njlp131u", shouldUseMarkdownModeMvpLayout && compiledStyles.markdownModeContainerBackgroundStyle])
-  }, /*#__PURE__*/React.createElement(EditorContentContainer
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  , {
-    className: "fabric-editor-popup-scroll-parent",
-    featureFlags: props.featureFlags,
-    ref: scrollContainerRef,
-    viewMode: props === null || props === void 0 ? void 0 : props.viewMode,
-    isScrollable: true,
-    appearance: props.appearance,
-    contentMode: props.contentMode,
-    useStandardNodeWidth: useStandardNodeWidth
-  }, /*#__PURE__*/React.createElement(ClickAreaBlock, {
-    editorView: props.editorView,
-    editorDisabled: props.disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-markdown-mode-hide-prosemirror": shouldHideProseMirrorForMarkdownMode ? 'true' : undefined,
-    "data-markdown-mode-hide-scroll-gutter": shouldHideScrollGutterForMarkdownMode ? 'true' : undefined,
-    style: {
-      '--ak-editor-content-area-max-width': `${contentAreaMaxWidth}px`
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldUseMarkdownModeMvpLayout && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) ? compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew : compiledStyles.editorContentAreaContainerStyleNew, fg('platform_editor_nested_dnd_styles_changes') && compiledStyles.editorContentAreaContainerNestedDndStyle, !fg('platform_editor_controls_no_toolbar_space') && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReducedHeaderSpace, !fg('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.contentAreaReservedPrimaryToolbarSpace, "ak-editor-content-area-region"]),
-    "data-editor-editable-content": true,
-    role: "region",
-    "aria-label": props.intl.formatMessage(messages.editableContentLabel),
-    ref: contentAreaRef,
-    "data-vc": "editor-content-area-region"
-  }, /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax([compiledStyles.editorContentGutterStyles, fg('platform_editor_controls_increase_full_page_gutter') && editorExperiment('platform_editor_controls', 'variant1') && compiledStyles.editorContentGutterStyleFG, editorExperiment('platform_editor_preview_panel_responsiveness', true, {
-      exposure: true
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    }) && compiledStyles.editorContentReducedGutterStyles, classnames('ak-editor-content-area', 'appearance-full-page', {
-      'fabric-editor--full-width-mode': fullWidthMode,
-      'fabric-editor--max-width-mode': Boolean(maxWidthMode)
-    })]),
-    ref: contentAreaRef
-  }, !!props.customContentComponents && 'before' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.before) : contentComponentClickWrapper(props.customContentComponents), /*#__PURE__*/React.createElement(PluginSlot, {
-    editorView: props.editorView,
-    editorActions: props.editorActions,
-    eventDispatcher: props.eventDispatcher,
-    providerFactory: props.providerFactory,
-    appearance: props.appearance,
-    items: props.contentComponents,
-    pluginHooks: props.pluginHooks,
-    contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
-    popupsMountPoint: props.popupsMountPoint,
-    popupsBoundariesElement: props.popupsBoundariesElement,
-    popupsScrollableElement: props.popupsScrollableElement,
-    disabled: !!props.disabled,
-    containerElement: scrollContainerRef.current,
-    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.after) : null, allowScrollGutter && (editorExperiment('platform_editor_blocks', true) ? /*#__PURE__*/React.createElement("div", {
-    id: "editor-scroll-gutter",
-    style: {
-      paddingBottom: `${(_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120'}px`
-    },
-    "data-vc": "scroll-gutter",
-    "data-editor-scroll-gutter": "true",
-    className: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
-  }) : /*#__PURE__*/React.createElement("div", {
-    id: "editor-scroll-gutter",
-    style: {
-      paddingBottom: `${(_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120'}px`
-    },
-    "data-vc": "scroll-gutter",
-    className: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
-  }))))))), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_4t3i1osq _vchhusvi _1wpzesu3 _1hgw1wug _1t1q1if8 _uj9widpf _13hh1y6m"])
-  }, props.contextPanel || /*#__PURE__*/React.createElement(ContextPanel, {
-    editorAPI: props.editorAPI,
-    visible: false
-  })));
-});
-
-// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const FullPageContentAreaCompiled = injectIntl(Content, {
-  forwardRef: true
-});