@atlaskit/renderer 136.2.4 → 136.2.6
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.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/actions/get-renderer-range-inline-node-names.js +3 -3
- package/dist/cjs/actions/index.js +2 -2
- package/dist/cjs/react/index.js +6 -8
- package/dist/cjs/react/marks/breakout.js +10 -38
- package/dist/cjs/react/marks/code.js +2 -2
- package/dist/cjs/react/marks/link.js +4 -4
- package/dist/cjs/react/nodes/TableStickyScrollbar.js +3 -3
- package/dist/cjs/react/nodes/blockCard.js +9 -21
- package/dist/cjs/react/nodes/bodiedExtension.js +2 -2
- package/dist/cjs/react/nodes/codeBlock/codeBlock.js +2 -2
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +3 -3
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockDownloadButton.js +4 -4
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +3 -3
- package/dist/cjs/react/nodes/embedCard.js +8 -20
- package/dist/cjs/react/nodes/emoji.js +3 -3
- package/dist/cjs/react/nodes/extension.js +5 -5
- package/dist/cjs/react/nodes/fallback.js +1 -1
- package/dist/cjs/react/nodes/heading-anchor.js +3 -3
- package/dist/cjs/react/nodes/heading.js +2 -2
- package/dist/cjs/react/nodes/inlineCard.js +9 -9
- package/dist/cjs/react/nodes/layoutColumn-compiled.js +2 -2
- package/dist/cjs/react/nodes/layoutColumn-emotion.js +2 -2
- package/dist/cjs/react/nodes/layoutColumn.js +2 -2
- package/dist/cjs/react/nodes/media/index.js +7 -7
- package/dist/cjs/react/nodes/mediaGroup.js +2 -2
- package/dist/cjs/react/nodes/mediaInline.js +9 -8
- package/dist/cjs/react/nodes/mediaSingle/index.js +2 -2
- package/dist/cjs/react/nodes/mention.js +2 -2
- package/dist/cjs/react/nodes/multiBodiedExtension.js +2 -2
- package/dist/cjs/react/nodes/panel.js +2 -2
- package/dist/cjs/react/nodes/status.js +9 -9
- package/dist/cjs/react/nodes/table/colgroup.js +4 -4
- package/dist/cjs/react/nodes/table/table.js +4 -4
- package/dist/cjs/react/nodes/table.js +2 -2
- package/dist/cjs/react/nodes/tableNew.js +6 -6
- package/dist/cjs/react/nodes/taskItem.js +2 -2
- package/dist/cjs/react/utils/EditorMediaClientProvider.js +7 -6
- package/dist/cjs/react/utils/getCardClickHandler.js +2 -2
- package/dist/cjs/render-document.js +3 -3
- package/dist/cjs/steps/index.js +6 -6
- package/dist/cjs/text/nodes/status.js +2 -2
- package/dist/cjs/ui/Expand.js +6 -6
- package/dist/cjs/ui/MediaCard.js +2 -2
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +8 -13
- package/dist/cjs/ui/Renderer/breakout-ssr.js +3 -3
- package/dist/cjs/ui/Renderer/index.js +11 -11
- package/dist/cjs/ui/RendererActionsContext/index.js +7 -7
- package/dist/cjs/ui/annotations/element/mark.js +4 -4
- package/dist/cjs/ui/annotations/element/useInlineAnnotationProps.js +2 -2
- package/dist/cjs/ui/annotations/index.js +2 -2
- package/dist/cjs/ui/annotations/selection/mounter.js +2 -2
- package/dist/es2019/actions/get-renderer-range-inline-node-names.js +1 -1
- package/dist/es2019/actions/index.js +1 -1
- package/dist/es2019/react/index.js +3 -5
- package/dist/es2019/react/marks/breakout.js +10 -39
- package/dist/es2019/react/marks/code.js +1 -1
- package/dist/es2019/react/marks/link.js +2 -2
- package/dist/es2019/react/nodes/TableStickyScrollbar.js +1 -1
- package/dist/es2019/react/nodes/blockCard.js +5 -17
- package/dist/es2019/react/nodes/bodiedExtension.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/codeBlock.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -2
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockDownloadButton.js +2 -2
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -2
- package/dist/es2019/react/nodes/embedCard.js +4 -16
- package/dist/es2019/react/nodes/emoji.js +1 -1
- package/dist/es2019/react/nodes/extension.js +3 -3
- package/dist/es2019/react/nodes/fallback.js +1 -1
- package/dist/es2019/react/nodes/heading-anchor.js +1 -1
- package/dist/es2019/react/nodes/heading.js +1 -1
- package/dist/es2019/react/nodes/inlineCard.js +3 -3
- package/dist/es2019/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/es2019/react/nodes/layoutColumn-emotion.js +1 -1
- package/dist/es2019/react/nodes/layoutColumn.js +1 -1
- package/dist/es2019/react/nodes/media/index.js +3 -3
- package/dist/es2019/react/nodes/mediaGroup.js +1 -1
- package/dist/es2019/react/nodes/mediaInline.js +4 -3
- package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
- package/dist/es2019/react/nodes/mention.js +1 -1
- package/dist/es2019/react/nodes/multiBodiedExtension.js +2 -2
- package/dist/es2019/react/nodes/panel.js +1 -1
- package/dist/es2019/react/nodes/status.js +2 -2
- package/dist/es2019/react/nodes/table/colgroup.js +1 -1
- package/dist/es2019/react/nodes/table/table.js +1 -1
- package/dist/es2019/react/nodes/table.js +1 -1
- package/dist/es2019/react/nodes/tableNew.js +1 -1
- package/dist/es2019/react/nodes/taskItem.js +1 -1
- package/dist/es2019/react/utils/EditorMediaClientProvider.js +3 -2
- package/dist/es2019/react/utils/getCardClickHandler.js +1 -1
- package/dist/es2019/render-document.js +1 -1
- package/dist/es2019/steps/index.js +1 -1
- package/dist/es2019/text/nodes/status.js +1 -1
- package/dist/es2019/ui/Expand.js +2 -2
- package/dist/es2019/ui/MediaCard.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +5 -14
- package/dist/es2019/ui/Renderer/breakout-ssr.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +3 -3
- package/dist/es2019/ui/RendererActionsContext/index.js +3 -3
- package/dist/es2019/ui/annotations/element/mark.js +1 -1
- package/dist/es2019/ui/annotations/element/useInlineAnnotationProps.js +1 -1
- package/dist/es2019/ui/annotations/index.js +1 -1
- package/dist/es2019/ui/annotations/selection/mounter.js +1 -1
- package/dist/esm/actions/get-renderer-range-inline-node-names.js +1 -1
- package/dist/esm/actions/index.js +1 -1
- package/dist/esm/react/index.js +3 -5
- package/dist/esm/react/marks/breakout.js +10 -39
- package/dist/esm/react/marks/code.js +1 -1
- package/dist/esm/react/marks/link.js +2 -2
- package/dist/esm/react/nodes/TableStickyScrollbar.js +1 -1
- package/dist/esm/react/nodes/blockCard.js +5 -17
- package/dist/esm/react/nodes/bodiedExtension.js +1 -1
- package/dist/esm/react/nodes/codeBlock/codeBlock.js +1 -1
- package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -2
- package/dist/esm/react/nodes/codeBlock/components/codeBlockDownloadButton.js +2 -2
- package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -2
- package/dist/esm/react/nodes/embedCard.js +4 -16
- package/dist/esm/react/nodes/emoji.js +1 -1
- package/dist/esm/react/nodes/extension.js +3 -3
- package/dist/esm/react/nodes/fallback.js +1 -1
- package/dist/esm/react/nodes/heading-anchor.js +1 -1
- package/dist/esm/react/nodes/heading.js +1 -1
- package/dist/esm/react/nodes/inlineCard.js +3 -3
- package/dist/esm/react/nodes/layoutColumn-compiled.js +1 -1
- package/dist/esm/react/nodes/layoutColumn-emotion.js +1 -1
- package/dist/esm/react/nodes/layoutColumn.js +1 -1
- package/dist/esm/react/nodes/media/index.js +3 -3
- package/dist/esm/react/nodes/mediaGroup.js +1 -1
- package/dist/esm/react/nodes/mediaInline.js +4 -3
- package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
- package/dist/esm/react/nodes/mention.js +1 -1
- package/dist/esm/react/nodes/multiBodiedExtension.js +2 -2
- package/dist/esm/react/nodes/panel.js +1 -1
- package/dist/esm/react/nodes/status.js +2 -2
- package/dist/esm/react/nodes/table/colgroup.js +1 -1
- package/dist/esm/react/nodes/table/table.js +1 -1
- package/dist/esm/react/nodes/table.js +1 -1
- package/dist/esm/react/nodes/tableNew.js +1 -1
- package/dist/esm/react/nodes/taskItem.js +1 -1
- package/dist/esm/react/utils/EditorMediaClientProvider.js +3 -2
- package/dist/esm/react/utils/getCardClickHandler.js +1 -1
- package/dist/esm/render-document.js +1 -1
- package/dist/esm/steps/index.js +1 -1
- package/dist/esm/text/nodes/status.js +1 -1
- package/dist/esm/ui/Expand.js +2 -2
- package/dist/esm/ui/MediaCard.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +6 -11
- package/dist/esm/ui/Renderer/breakout-ssr.js +1 -1
- package/dist/esm/ui/Renderer/index.js +3 -3
- package/dist/esm/ui/RendererActionsContext/index.js +3 -3
- package/dist/esm/ui/annotations/element/mark.js +1 -1
- package/dist/esm/ui/annotations/element/useInlineAnnotationProps.js +1 -1
- package/dist/esm/ui/annotations/index.js +1 -1
- package/dist/esm/ui/annotations/selection/mounter.js +1 -1
- package/dist/types/actions/index.d.ts +2 -2
- package/dist/types/react/nodes/codeBlock/codeBlock.d.ts +1 -1
- package/dist/types/react/nodes/fallback.d.ts +1 -1
- package/dist/types/types/mediaOptions.d.ts +1 -1
- package/dist/types/ui/MediaCard.d.ts +1 -1
- package/dist/types/ui/Renderer/ErrorBoundary.d.ts +1 -1
- package/dist/types/ui/Renderer/rendererHelper.d.ts +1 -1
- package/dist/types/ui/annotations/hooks/use-events.d.ts +1 -1
- package/dist/types/ui/annotations/hooks/use-load-annotations.d.ts +1 -1
- package/dist/types/ui/annotations/hover/mounter.d.ts +1 -1
- package/dist/types/ui/annotations/hover/range-validator.d.ts +1 -1
- package/dist/types/ui/annotations/selection/mounter.d.ts +1 -1
- package/dist/types/ui/annotations/selection/range-validator.d.ts +1 -1
- package/dist/types/ui/annotations/types.d.ts +1 -1
- package/dist/types/ui/annotations/view/index.d.ts +1 -1
- package/dist/types/ui/annotations/wrapper.d.ts +1 -1
- package/dist/types/ui/renderer-props.d.ts +1 -1
- package/package.json +13 -3
|
@@ -9,15 +9,6 @@ import { akEditorFullWidthLayoutWidth, akEditorMaxLayoutWidth, blockNodesVertica
|
|
|
9
9
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
10
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
11
|
import { RendererCssClassName } from '../../consts';
|
|
12
|
-
|
|
13
|
-
// Legacy centering (breaks position: sticky in nested content).
|
|
14
|
-
const legacyWrapperStyles = css({
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
|
-
margin: `${blockNodesVerticalMargin} 0`,
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
18
|
-
marginLeft: '50%',
|
|
19
|
-
transform: 'translateX(-50%)'
|
|
20
|
-
});
|
|
21
12
|
const flexWrapperStyles = css({
|
|
22
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
23
14
|
margin: `${blockNodesVerticalMargin} 0`
|
|
@@ -56,32 +47,15 @@ export default function Breakout(props) {
|
|
|
56
47
|
var _props$width;
|
|
57
48
|
const breakoutWidth = (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : null;
|
|
58
49
|
const width = getWidth(breakoutWidth, props.mode);
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
,
|
|
69
|
-
className: `${RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER} fabric-editor-breakout-mark fabric-editor-block-mark`,
|
|
70
|
-
"data-mode": props.mode
|
|
71
|
-
// Ignored via go/ees005
|
|
72
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
73
|
-
}, editorExperiment('advanced_layouts', true) && {
|
|
74
|
-
'data-has-width': !!props.width,
|
|
75
|
-
'data-width': props.width
|
|
76
|
-
}, {
|
|
77
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
78
|
-
style: {
|
|
79
|
-
width
|
|
80
|
-
}
|
|
81
|
-
}), props.children));
|
|
82
|
-
}
|
|
83
|
-
return jsx("div", _extends({
|
|
84
|
-
css: legacyWrapperStyles,
|
|
50
|
+
return jsx("div", {
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
52
|
+
className: RendererCssClassName.STICKY_SAFE_BREAKOUT_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER,
|
|
53
|
+
css: flexWrapperStyles
|
|
54
|
+
}, jsx("div", _extends({
|
|
55
|
+
css: innerWrapperStyles
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
57
|
+
,
|
|
58
|
+
className: `${RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER} fabric-editor-breakout-mark fabric-editor-block-mark`,
|
|
85
59
|
"data-mode": props.mode
|
|
86
60
|
// Ignored via go/ees005
|
|
87
61
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -93,8 +67,5 @@ export default function Breakout(props) {
|
|
|
93
67
|
style: {
|
|
94
68
|
width
|
|
95
69
|
}
|
|
96
|
-
|
|
97
|
-
,
|
|
98
|
-
className: "fabric-editor-breakout-mark fabric-editor-block-mark"
|
|
99
|
-
}), props.children);
|
|
70
|
+
}), props.children));
|
|
100
71
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { injectIntl } from 'react-intl';
|
|
4
|
-
import AkCode from '@atlaskit/code/
|
|
4
|
+
import AkCode from '@atlaskit/code/code';
|
|
5
5
|
import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
|
|
6
6
|
export const isCodeMark = mark => {
|
|
7
7
|
return mark && mark.type && mark.type.name === 'code';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { Fragment } from 'react';
|
|
3
|
-
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
|
|
3
|
+
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
4
4
|
import { getEventHandler } from '../../utils';
|
|
5
5
|
import { PLATFORM, MODE } from '../../analytics/events';
|
|
6
6
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
7
7
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
8
|
-
import
|
|
8
|
+
import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
|
|
9
9
|
import { LinkUrlCompiled } from './link-compiled';
|
|
10
10
|
import { LinkUrlEmotion } from './link-emotion';
|
|
11
11
|
const LinkUrlMigration = componentWithCondition(() => expValEquals('platform_editor_renderer_static_css', 'isEnabled', true), LinkUrlCompiled, LinkUrlEmotion);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
4
|
export class TableStickyScrollbar {
|
|
5
5
|
constructor(wrapper) {
|
|
6
6
|
_defineProperty(this, "sentinels", {});
|
|
@@ -12,11 +12,10 @@ import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from
|
|
|
12
12
|
import { getCardClickHandler } from '../utils/getCardClickHandler';
|
|
13
13
|
import { getEventHandler } from '../../utils';
|
|
14
14
|
import InlineCard from './inlineCard';
|
|
15
|
-
import
|
|
15
|
+
import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
|
|
16
16
|
import { DatasourceTableView } from '@atlaskit/link-datasource';
|
|
17
17
|
import { CardSSR } from '@atlaskit/smart-card/ssr';
|
|
18
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
18
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
20
19
|
import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
|
|
21
20
|
import { usePortal } from '../../ui/Renderer/PortalContext';
|
|
22
21
|
import { RendererCssClassName } from '../../consts';
|
|
@@ -32,22 +31,12 @@ const datasourceContainerStyleWithMarginTop = css({
|
|
|
32
31
|
marginBottom: `${"var(--ds-space-150, 12px)"}`
|
|
33
32
|
});
|
|
34
33
|
|
|
35
|
-
// No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse).
|
|
34
|
+
// No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse).
|
|
36
35
|
const datasourceContainerStyleNoVerticalMargin = css({
|
|
37
36
|
borderRadius: `${"var(--ds-radius-large, 8px)"}`,
|
|
38
37
|
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
|
|
39
38
|
overflow: 'hidden'
|
|
40
39
|
});
|
|
41
|
-
const datasourceContainerStyleLegacy = css({
|
|
42
|
-
borderRadius: `${"var(--ds-radius-large, 8px)"}`,
|
|
43
|
-
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
|
|
44
|
-
overflow: 'hidden',
|
|
45
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
46
|
-
marginLeft: '50%',
|
|
47
|
-
marginBottom: `${"var(--ds-space-150, 12px)"}`,
|
|
48
|
-
transform: 'translateX(-50%)',
|
|
49
|
-
marginTop: `${"var(--ds-space-150, 12px)"}`
|
|
50
|
-
});
|
|
51
40
|
export default function BlockCard(props) {
|
|
52
41
|
const {
|
|
53
42
|
url,
|
|
@@ -129,10 +118,9 @@ export default function BlockCard(props) {
|
|
|
129
118
|
}), jsx(WidthConsumer, null, ({
|
|
130
119
|
width
|
|
131
120
|
}) => {
|
|
132
|
-
const
|
|
133
|
-
const useCenterWrapper = !isNodeNested && useStickySafeCentering;
|
|
121
|
+
const useCenterWrapper = !isNodeNested;
|
|
134
122
|
const datasourceDiv = jsx("div", {
|
|
135
|
-
css: useCenterWrapper ? datasourceContainerStyleNoVerticalMargin :
|
|
123
|
+
css: useCenterWrapper ? datasourceContainerStyleNoVerticalMargin : datasourceContainerStyleWithMarginTop,
|
|
136
124
|
"data-testid": "renderer-datasource-table",
|
|
137
125
|
"data-local-id": localId,
|
|
138
126
|
style: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
|
-
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
3
|
+
import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
|
|
4
4
|
import { renderExtension } from './extension';
|
|
5
5
|
import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
|
|
6
6
|
import ExtensionRenderer from '../../ui/ExtensionRenderer';
|
|
@@ -7,7 +7,7 @@ import { useState } from 'react';
|
|
|
7
7
|
import { jsx } from '@emotion/react';
|
|
8
8
|
import { injectIntl } from 'react-intl';
|
|
9
9
|
import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
10
|
-
import
|
|
10
|
+
import AkCodeBlock from '@atlaskit/code/code-block';
|
|
11
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
12
|
import CodeBlockContainer from './components/codeBlockContainer';
|
|
13
13
|
function CodeBlock(props) {
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import Button from '@atlaskit/button/custom-theme-button';
|
|
5
|
+
import Button from '@atlaskit/button/custom-theme-button/custom-theme-button';
|
|
6
6
|
import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
|
|
7
7
|
import CopyIcon from '@atlaskit/icon/core/copy';
|
|
8
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
8
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
10
|
import { jsx } from '@emotion/react';
|
|
11
11
|
import { useState } from 'react';
|
|
@@ -7,8 +7,8 @@ import { injectIntl } from 'react-intl';
|
|
|
7
7
|
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { jsx } from '@emotion/react';
|
|
10
|
-
import
|
|
11
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
10
|
+
import IconButton from '@atlaskit/button/icon/button';
|
|
11
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
12
12
|
import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
|
|
13
13
|
import AnalyticsContext from '../../../../analytics/analyticsContext';
|
|
14
14
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import { injectIntl } from 'react-intl';
|
|
8
8
|
import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
|
|
9
|
-
import Button from '@atlaskit/button/custom-theme-button';
|
|
9
|
+
import Button from '@atlaskit/button/custom-theme-button/custom-theme-button';
|
|
10
10
|
import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
|
|
11
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
11
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
12
12
|
import AnalyticsContext from '../../../../analytics/analyticsContext';
|
|
13
13
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
|
|
14
14
|
const CodeBlockWrapButton = ({
|
|
@@ -12,9 +12,8 @@ import { CardSSR } from '@atlaskit/smart-card/ssr';
|
|
|
12
12
|
import { SmartCardContext } from '@atlaskit/link-provider';
|
|
13
13
|
import { WidthConsumer, UnsupportedBlock, MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
|
|
14
14
|
import { akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
|
-
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
|
|
17
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
|
+
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
18
17
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
19
18
|
import { CardErrorBoundary } from './fallback';
|
|
20
19
|
import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
|
|
@@ -22,7 +21,7 @@ import { RendererCssClassName } from '../../consts';
|
|
|
22
21
|
import { FullPagePadding } from '../../ui/Renderer/style';
|
|
23
22
|
import { getCardClickHandler } from '../utils/getCardClickHandler';
|
|
24
23
|
import { getEventHandler } from '../../utils';
|
|
25
|
-
import
|
|
24
|
+
import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
|
|
26
25
|
import { usePortal } from '../../ui/Renderer/PortalContext';
|
|
27
26
|
import BlockCard from './blockCard';
|
|
28
27
|
const embedCardWrapperStyles = css({
|
|
@@ -43,14 +42,6 @@ const embedCardCenterWrapperStyles = css({
|
|
|
43
42
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- Matches editor-common MediaSingle calcMargin
|
|
44
43
|
margin: '24px 0'
|
|
45
44
|
});
|
|
46
|
-
|
|
47
|
-
// Legacy centering when platform_editor_flex_based_centering is off.
|
|
48
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
49
|
-
const uIMediaSingleLayoutStylesLegacy = css({
|
|
50
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
51
|
-
marginLeft: '50%',
|
|
52
|
-
transform: 'translateX(-50%)'
|
|
53
|
-
});
|
|
54
45
|
function EmbedCardInternal(props) {
|
|
55
46
|
var _smartLinks$frameStyl;
|
|
56
47
|
const {
|
|
@@ -151,8 +142,6 @@ function EmbedCardInternal(props) {
|
|
|
151
142
|
}
|
|
152
143
|
}
|
|
153
144
|
const lineLength = isFullWidth ? Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
|
|
154
|
-
const useStickySafeCentering = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
|
|
155
|
-
const uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? useStickySafeCentering ? undefined : uIMediaSingleLayoutStylesLegacy : '';
|
|
156
145
|
const onError = ({
|
|
157
146
|
err
|
|
158
147
|
}) => {
|
|
@@ -209,9 +198,8 @@ function EmbedCardInternal(props) {
|
|
|
209
198
|
embedIframeRef: embedIframeRef,
|
|
210
199
|
onHeightUpdate: setLiveHeight
|
|
211
200
|
}, (() => {
|
|
212
|
-
const useCenterWrapper =
|
|
201
|
+
const useCenterWrapper = layout === 'full-width' || layout === 'wide';
|
|
213
202
|
const mediaSingle = jsx(UIMediaSingle, {
|
|
214
|
-
css: uiMediaSingleStyles,
|
|
215
203
|
layout: layout,
|
|
216
204
|
width: originalWidth,
|
|
217
205
|
containerWidth: containerWidth,
|
|
@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
7
|
import { jsx } from '@emotion/react';
|
|
8
8
|
import { messages } from '@atlaskit/editor-common/emoji';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
10
|
import { ResourcedEmoji } from '@atlaskit/emoji/element';
|
|
11
11
|
import { PureComponent, memo } from 'react';
|
|
12
12
|
import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
@@ -15,7 +15,7 @@ import { RendererCssClassName } from '../../consts';
|
|
|
15
15
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
16
16
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
17
|
import { calcBreakoutWidthCss } from '../utils/breakout';
|
|
18
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
19
19
|
const viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
|
|
20
20
|
// Mirrors sizes from https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
|
|
21
21
|
const macroHeights = {
|
|
@@ -115,7 +115,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
|
|
|
115
115
|
className: `${RendererCssClassName.EXTENSION_INNER_WRAPPER} ${overflowContainerClass}`,
|
|
116
116
|
css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
117
117
|
}, asInlineAnalytics, content));
|
|
118
|
-
return centerAlignClass
|
|
118
|
+
return centerAlignClass ? jsx("div", {
|
|
119
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
120
120
|
className: RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER
|
|
121
121
|
}, extensionDiv) : extensionDiv;
|
|
@@ -146,7 +146,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
|
|
|
146
146
|
className: `${RendererCssClassName.EXTENSION_INNER_WRAPPER} ${overflowContainerClass}`,
|
|
147
147
|
css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
148
148
|
}, asInlineAnalytics, content));
|
|
149
|
-
return centerAlignClass
|
|
149
|
+
return centerAlignClass ? jsx("div", {
|
|
150
150
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
151
151
|
className: RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER
|
|
152
152
|
}, extensionDiv) : extensionDiv;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import { isSafeUrl } from '@atlaskit/adf-schema';
|
|
3
|
-
import Link from '@atlaskit/link';
|
|
3
|
+
import Link from '@atlaskit/link/link';
|
|
4
4
|
import { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { InlineCard } from './';
|
|
@@ -11,7 +11,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
11
11
|
import { injectIntl } from 'react-intl';
|
|
12
12
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
13
13
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
14
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
14
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
15
15
|
import { headingAnchorLinkMessages } from '../../messages';
|
|
16
16
|
export const HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
|
|
17
17
|
const CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
@@ -3,7 +3,7 @@ import "./heading.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { useIntl } from 'react-intl';
|
|
6
|
-
import
|
|
6
|
+
import IconButton from '@atlaskit/button/icon/button';
|
|
7
7
|
import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles/constants';
|
|
8
8
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
9
9
|
import { abortAll } from '@atlaskit/react-ufo/interaction-metrics';
|
|
@@ -13,8 +13,8 @@ import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
|
|
|
13
13
|
import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
|
|
14
14
|
import { CardSSR } from '@atlaskit/smart-card/ssr';
|
|
15
15
|
import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';
|
|
16
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
|
-
import
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
17
|
+
import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
|
|
18
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
19
19
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
20
20
|
import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
|
|
@@ -25,7 +25,7 @@ import { getCardClickHandler } from '../utils/getCardClickHandler';
|
|
|
25
25
|
import { getEventHandler } from '../../utils';
|
|
26
26
|
import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
|
|
27
27
|
import { usePortal } from '../../ui/Renderer/PortalContext';
|
|
28
|
-
import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
|
|
28
|
+
import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
|
|
29
29
|
const HoverLinkOverlayNoop = props => jsx(Fragment, null, props.children);
|
|
30
30
|
const OverlayWithCardContext = ({
|
|
31
31
|
rendererAppearance,
|
|
@@ -9,7 +9,7 @@ import "./layoutColumn-compiled.compiled.css";
|
|
|
9
9
|
import { ax, ix } from "@compiled/react/runtime";
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { WidthProvider } from '@atlaskit/editor-common/ui';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
13
13
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
14
14
|
|
|
15
15
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
|
|
14
14
|
import { css, jsx } from '@emotion/react';
|
|
15
15
|
import { WidthProvider } from '@atlaskit/editor-common/ui';
|
|
16
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
17
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
18
18
|
|
|
19
19
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
|
|
2
|
+
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
3
3
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
4
|
import { LayoutSectionCompiled } from './layoutColumn-compiled';
|
|
5
5
|
import { LayoutSectionEmotion } from './layoutColumn-emotion';
|
|
@@ -8,11 +8,11 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
8
8
|
import React, { PureComponent, Fragment, useEffect, useState, useMemo } from 'react';
|
|
9
9
|
/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
|
|
10
10
|
import { jsx, css } from '@emotion/react';
|
|
11
|
-
import
|
|
12
|
-
import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
|
|
11
|
+
import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
|
|
12
|
+
import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context/MediaAnalyticsContext';
|
|
13
13
|
import { WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
14
14
|
import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
16
|
import { MediaCard } from '../../../ui/MediaCard';
|
|
17
17
|
import { AnnotationMarkStates } from '@atlaskit/adf-schema';
|
|
18
18
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
import React, { PureComponent } from 'react';
|
|
4
4
|
import { defaultImageCardDimensions } from '@atlaskit/media-card';
|
|
5
5
|
import { FilmstripView } from '@atlaskit/media-filmstrip';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
|
|
8
8
|
// Ignored via go/ees005
|
|
9
9
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -2,12 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
|
|
3
3
|
import { useProvider } from '@atlaskit/editor-common/provider-factory';
|
|
4
4
|
import { MediaInlineCard } from '@atlaskit/media-card';
|
|
5
|
-
import { MediaClientContext
|
|
6
|
-
import {
|
|
5
|
+
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
6
|
+
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
7
|
+
import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
|
|
7
8
|
import React, { useCallback, useEffect, useState, useContext } from 'react';
|
|
8
9
|
import { injectIntl } from 'react-intl';
|
|
9
10
|
import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
|
|
10
|
-
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
11
|
+
import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
|
|
11
12
|
import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
|
|
12
13
|
import { ACTION_SUBJECT } from '../../analytics/enums';
|
|
13
14
|
import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
|
|
@@ -9,7 +9,7 @@ import { default as React, Fragment, useCallback, useContext, useMemo, useEffect
|
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { injectIntl } from 'react-intl';
|
|
11
11
|
import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
13
13
|
import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
14
14
|
import { isSSR } from '@atlaskit/editor-common/core-utils';
|
|
15
15
|
import { FullPagePadding } from '../../../ui/Renderer/style';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { memo } from 'react';
|
|
2
2
|
import { Mention } from '@atlaskit/editor-common/mention';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
4
|
import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
|
|
5
5
|
const _default_1 = /*#__PURE__*/memo(function MentionItem(props) {
|
|
6
6
|
const {
|
|
@@ -177,7 +177,7 @@ const MultiBodiedExtension = props => {
|
|
|
177
177
|
`;
|
|
178
178
|
if (expValEquals('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
|
|
179
179
|
const isTopLevel = path.length < 1;
|
|
180
|
-
const useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout)
|
|
180
|
+
const useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout);
|
|
181
181
|
const wrapper = jsx(MultiBodiedExtensionWrapperNext, {
|
|
182
182
|
layout: layout,
|
|
183
183
|
path: path,
|
|
@@ -197,7 +197,7 @@ const MultiBodiedExtension = props => {
|
|
|
197
197
|
}, wrapper) : wrapper);
|
|
198
198
|
}
|
|
199
199
|
const isTopLevel = path.length < 1;
|
|
200
|
-
const useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout)
|
|
200
|
+
const useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout);
|
|
201
201
|
return jsx("section", {
|
|
202
202
|
css: [containerStyles, containerActiveFrameStyles],
|
|
203
203
|
"data-testid": "multiBodiedExtension--container",
|
|
@@ -4,7 +4,7 @@ import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, Panel
|
|
|
4
4
|
import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
|
|
5
5
|
import EmojiIcon from '@atlaskit/icon/core/emoji';
|
|
6
6
|
import TipIcon from '@atlaskit/icon/core/lightbulb';
|
|
7
|
-
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
|
|
7
|
+
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
8
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
9
|
import EmojiItem from './emoji';
|
|
10
10
|
import { PanelStyledCompiled } from './panel-compiled';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { memo } from 'react';
|
|
3
3
|
import { Status as AkStatus } from '@atlaskit/status/element';
|
|
4
|
-
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
+
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
6
6
|
import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
|
|
7
7
|
const ANALYTICS_DATA = {
|
|
8
8
|
userContext: 'document'
|
|
@@ -4,7 +4,7 @@ import { WidthContext } from '@atlaskit/editor-common/ui';
|
|
|
4
4
|
import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
6
6
|
import { useRendererContext } from '../../../renderer-context';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
8
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
9
|
|
|
10
10
|
// we allow scaling down column widths by no more than 30%
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { Colgroup, colWidthSum } from './colgroup';
|
|
4
4
|
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
5
5
|
import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
8
8
|
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
9
9
|
import { isContentModeSupported } from './content-mode';
|
|
@@ -5,7 +5,7 @@ import { useIntl } from 'react-intl';
|
|
|
5
5
|
import { TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
|
|
6
6
|
import { tableMessages } from '@atlaskit/editor-common/messages';
|
|
7
7
|
import { WidthConsumer, overflowShadow } from '@atlaskit/editor-common/ui';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
9
|
import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
|
|
10
10
|
import { SortOrder } from '@atlaskit/editor-common/types';
|
|
11
11
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
|
|
@@ -4,7 +4,7 @@ import React from 'react';
|
|
|
4
4
|
import { TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
|
|
5
5
|
import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
|
|
6
6
|
import { FullPagePadding } from '../../ui/Renderer/style';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
8
8
|
import { RendererCssClassName } from '../../consts';
|
|
9
9
|
import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
|
|
10
10
|
import { SortOrder } from '@atlaskit/editor-common/types';
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import React, { PureComponent } from 'react';
|
|
3
3
|
import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
4
4
|
import TaskItemWithProviders from './task-item-with-providers';
|
|
5
|
-
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
|
|
5
|
+
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
|
|
6
6
|
import { TaskItemsFormatProvider, TaskItemsFormatConsumer } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
|
|
7
7
|
// Ignored via go/ees005
|
|
8
8
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
|
|
2
|
-
import { MediaClientContext
|
|
2
|
+
import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
|
|
3
|
+
import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
|
|
3
4
|
import { useProviderFactory, useProviderLayout } from '@atlaskit/editor-common/provider-factory';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
6
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
6
7
|
const getMediaClientConfigForRenderer = provider => {
|
|
7
8
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
1
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
2
2
|
import { getEventHandler } from '../../utils';
|
|
3
3
|
export const getCardClickHandler = (eventHandlers, url) => {
|
|
4
4
|
const handler = getEventHandler(eventHandlers, 'smartCard');
|
|
@@ -7,7 +7,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
|
|
|
7
7
|
import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
|
|
8
8
|
import { getValidDocument } from '@atlaskit/editor-common/validator';
|
|
9
9
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
12
|
import memoizeOne from 'memoize-one';
|
|
13
13
|
import { PLATFORM } from './analytics/events';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
3
3
|
import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
|
|
4
4
|
|
|
5
5
|
// Ignored via go/ees005
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getText } from '../../utils';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
3
3
|
const status = (node, _schema) => {
|
|
4
4
|
return node.attrs.text ? node.attrs.style === 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? `[ ${node.attrs.text} ]` : `[ ${node.attrs.text.toUpperCase()} ]` : getText(node);
|
|
5
5
|
};
|
package/dist/es2019/ui/Expand.js
CHANGED
|
@@ -11,8 +11,8 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
|
|
|
11
11
|
import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
|
|
12
12
|
import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
|
|
13
13
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
14
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
16
16
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
17
|
import _uniqueId from 'lodash/uniqueId';
|
|
18
18
|
import { injectIntl } from 'react-intl';
|