@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
|
@@ -12,7 +12,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
15
|
-
var _link = _interopRequireDefault(require("@atlaskit/link"));
|
|
15
|
+
var _link = _interopRequireDefault(require("@atlaskit/link/link"));
|
|
16
16
|
var _linkDatasource = require("@atlaskit/link-datasource");
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _ = require("./");
|
|
@@ -20,7 +20,7 @@ var _react2 = require("@emotion/react");
|
|
|
20
20
|
var _reactIntl = require("react-intl");
|
|
21
21
|
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
22
22
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
23
|
-
var
|
|
23
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
24
24
|
var _messages = require("../../messages");
|
|
25
25
|
var _excluded = ["children"];
|
|
26
26
|
/**
|
|
@@ -162,7 +162,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
162
162
|
// Fix for A11Y-30972: Use content as a function with update callback so
|
|
163
163
|
// the Tooltip repositions without unmounting (which caused focus loss).
|
|
164
164
|
// @see https://hello.jira.atlassian.cloud/browse/A11Y-30972
|
|
165
|
-
return (0, _react2.jsx)(
|
|
165
|
+
return (0, _react2.jsx)(_Tooltip.default, {
|
|
166
166
|
tag: CopyAnchorWrapperWithRef,
|
|
167
167
|
content: this.renderTooltipContent,
|
|
168
168
|
position: "top",
|
|
@@ -174,7 +174,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
174
174
|
// We set the key to the message to ensure it remounts when the message
|
|
175
175
|
// changes, so that it correctly repositions.
|
|
176
176
|
// @see https://ecosystem.atlassian.net/projects/AK/queues/issue/AK-6548
|
|
177
|
-
return (0, _react2.jsx)(
|
|
177
|
+
return (0, _react2.jsx)(_Tooltip.default, {
|
|
178
178
|
tag: CopyAnchorWrapperWithRef,
|
|
179
179
|
content: tooltipMessage,
|
|
180
180
|
position: "top",
|
|
@@ -12,7 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
12
12
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _reactIntl = require("react-intl");
|
|
15
|
-
var
|
|
15
|
+
var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
|
|
16
16
|
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
17
17
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
18
18
|
var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
|
|
@@ -131,7 +131,7 @@ function CollapsibleHeadingButton(_ref3) {
|
|
|
131
131
|
style: {
|
|
132
132
|
"--_1vzp3at": (0, _runtime.ix)("transform 0.2s ".concat(_constants.akEditorSwoopCubicBezier))
|
|
133
133
|
}
|
|
134
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
134
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
135
135
|
appearance: "subtle",
|
|
136
136
|
spacing: "compact",
|
|
137
137
|
icon: ChevronRightSmallIcon,
|
|
@@ -15,8 +15,8 @@ var _utils = require("@atlaskit/linking-common/utils");
|
|
|
15
15
|
var _hooks = require("@atlaskit/smart-card/hooks");
|
|
16
16
|
var _ssr = require("@atlaskit/smart-card/ssr");
|
|
17
17
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
18
|
-
var
|
|
19
|
-
var
|
|
18
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
19
|
+
var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
|
|
20
20
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
21
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
22
22
|
var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
|
|
@@ -27,7 +27,7 @@ var _getCardClickHandler = require("../utils/getCardClickHandler");
|
|
|
27
27
|
var _utils2 = require("../../utils");
|
|
28
28
|
var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
|
|
29
29
|
var _PortalContext = require("../../ui/Renderer/PortalContext");
|
|
30
|
-
var
|
|
30
|
+
var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-link-embed");
|
|
31
31
|
/**
|
|
32
32
|
* @jsxRuntime classic
|
|
33
33
|
* @jsx jsx
|
|
@@ -120,7 +120,7 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
|
|
|
120
120
|
name: name || '',
|
|
121
121
|
iconUrl: iconUrl,
|
|
122
122
|
panelData: {
|
|
123
|
-
embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0,
|
|
123
|
+
embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _extractSmartLinkEmbed.extractSmartLinkEmbed)(cardState === null || cardState === void 0 ? void 0 : cardState.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
126
|
fireHoverLabelAEP('panel');
|
|
@@ -169,7 +169,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
169
169
|
var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
|
|
170
170
|
// SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
|
|
171
171
|
// When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
|
|
172
|
-
var onConsumerClick = (0,
|
|
172
|
+
var onConsumerClick = (0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils2.getEventHandler)(eventHandlers, 'smartCard') : onClick;
|
|
173
173
|
var cardProps = {
|
|
174
174
|
url: url,
|
|
175
175
|
data: data,
|
|
@@ -220,7 +220,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
220
220
|
if ((ssr || cardState && (0, _expValEquals.expValEquals)('platform_editor_smartlink_local_cache', 'isEnabled', true)) && url) {
|
|
221
221
|
if (
|
|
222
222
|
// eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
|
|
223
|
-
(0,
|
|
223
|
+
(0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
224
224
|
return (0, _react2.jsx)(_editorSmartLinkDraggable.SmartLinkDraggable, {
|
|
225
225
|
url: url,
|
|
226
226
|
appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
|
|
@@ -236,7 +236,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
236
236
|
"data-annotation-inline-node": inlineAnnotationProps['data-annotation-inline-node'],
|
|
237
237
|
"data-renderer-start-pos": inlineAnnotationProps['data-renderer-start-pos'],
|
|
238
238
|
"data-annotation-mark": inlineAnnotationProps['data-annotation-mark']
|
|
239
|
-
}, (0, _react2.jsx)(
|
|
239
|
+
}, (0, _react2.jsx)(_AnalyticsContext.default, {
|
|
240
240
|
data: analyticsData
|
|
241
241
|
}, (0, _react2.jsx)(MaybeOverlay, {
|
|
242
242
|
url: url || '',
|
|
@@ -269,7 +269,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
269
269
|
url: url,
|
|
270
270
|
appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
|
|
271
271
|
source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
|
|
272
|
-
}, (0, _react2.jsx)(
|
|
272
|
+
}, (0, _react2.jsx)(_AnalyticsContext.default, {
|
|
273
273
|
data: analyticsData
|
|
274
274
|
}, (0, _react2.jsx)(MaybeOverlay, {
|
|
275
275
|
url: url || '',
|
|
@@ -302,7 +302,7 @@ var InlineCard = function InlineCard(props) {
|
|
|
302
302
|
url: url || '',
|
|
303
303
|
appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
|
|
304
304
|
source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
|
|
305
|
-
}, (0, _react2.jsx)(
|
|
305
|
+
}, (0, _react2.jsx)(_AnalyticsContext.default, {
|
|
306
306
|
data: analyticsData
|
|
307
307
|
}, (0, _react2.jsx)("span", (0, _extends2.default)({
|
|
308
308
|
"data-inline-card": true
|
|
@@ -16,7 +16,7 @@ require("./layoutColumn-compiled.compiled.css");
|
|
|
16
16
|
var _runtime = require("@compiled/react/runtime");
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
19
|
-
var
|
|
19
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
20
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
21
|
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
|
|
22
22
|
var clearNextSiblingMarginTopStyle = null;
|
|
@@ -38,7 +38,7 @@ var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSecti
|
|
|
38
38
|
style: {
|
|
39
39
|
flexBasis: "".concat(props.width, "%")
|
|
40
40
|
},
|
|
41
|
-
className: (0, _runtime.ax)([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0,
|
|
41
|
+
className: (0, _runtime.ax)([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _fg.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
|
|
42
42
|
}, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
43
43
|
className: (0, _runtime.ax)(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
|
|
44
44
|
}), props.children));
|
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
12
|
-
var
|
|
12
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
14
14
|
/**
|
|
15
15
|
* @jsxRuntime classic
|
|
@@ -70,7 +70,7 @@ var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSection
|
|
|
70
70
|
},
|
|
71
71
|
css: [
|
|
72
72
|
// Keep separate: Compiled crashes on ternary/object lookup here.
|
|
73
|
-
(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, (0,
|
|
73
|
+
(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _fg.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
|
|
74
74
|
}, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
|
|
75
75
|
css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
|
|
76
76
|
}), props.children));
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = LayoutSection;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
10
10
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
11
|
var _layoutColumnCompiled = require("./layoutColumn-compiled");
|
|
12
12
|
var _layoutColumnEmotion = require("./layoutColumn-emotion");
|
|
13
|
-
var LayoutSectionMigration = (0,
|
|
13
|
+
var LayoutSectionMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
14
14
|
return (0, _expValEquals.expValEquals)('platform_editor_renderer_static_css', 'isEnabled', true);
|
|
15
15
|
}, _layoutColumnCompiled.LayoutSectionCompiled, _layoutColumnEmotion.LayoutSectionEmotion);
|
|
16
16
|
|
|
@@ -17,11 +17,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
17
17
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
19
|
var _react2 = require("@emotion/react");
|
|
20
|
-
var
|
|
21
|
-
var
|
|
20
|
+
var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
|
|
21
|
+
var _MediaAnalyticsContext = require("@atlaskit/analytics-namespaced-context/MediaAnalyticsContext");
|
|
22
22
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
23
23
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
24
|
-
var
|
|
24
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
25
25
|
var _MediaCard = require("../../../ui/MediaCard");
|
|
26
26
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
27
27
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
@@ -79,7 +79,7 @@ var MediaBorder = function MediaBorder(_ref) {
|
|
|
79
79
|
// [FEATURE FLAG: platform_editor_media_border_radius_fix]
|
|
80
80
|
// Fixes border radius to properly match image with 8px radius
|
|
81
81
|
// To clean up: keep only flag-on behavior ('8px')
|
|
82
|
-
var borderRadius = (0,
|
|
82
|
+
var borderRadius = (0, _fg.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
|
|
83
83
|
|
|
84
84
|
return (0, _react2.jsx)("div", {
|
|
85
85
|
"data-mark-type": "border",
|
|
@@ -246,7 +246,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
|
|
|
246
246
|
(0, _classCallCheck2.default)(this, Media);
|
|
247
247
|
_this = _callSuper(this, Media, [props]);
|
|
248
248
|
(0, _defineProperty2.default)(_this, "getDataConsumerMark", function () {
|
|
249
|
-
return (0,
|
|
249
|
+
return (0, _fg.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
|
|
250
250
|
var _m$type;
|
|
251
251
|
return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
|
|
252
252
|
}) : undefined;
|
|
@@ -284,10 +284,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
|
|
|
284
284
|
marks: annotationMarks
|
|
285
285
|
}, (0, _react2.jsx)(MediaBorder, {
|
|
286
286
|
mark: borderMark
|
|
287
|
-
}, (0, _react2.jsx)(
|
|
287
|
+
}, (0, _react2.jsx)(_AnalyticsContext.default
|
|
288
288
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
289
289
|
, {
|
|
290
|
-
data: (0, _defineProperty2.default)({},
|
|
290
|
+
data: (0, _defineProperty2.default)({}, _MediaAnalyticsContext.MEDIA_CONTEXT, {
|
|
291
291
|
border: !!borderMark,
|
|
292
292
|
// Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
|
|
293
293
|
// Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
|
|
@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _mediaCard = require("@atlaskit/media-card");
|
|
18
18
|
var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
|
|
19
|
-
var
|
|
19
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
20
|
var _vcMedia = require("@atlaskit/react-ufo/vc-media");
|
|
21
21
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -101,7 +101,7 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
101
101
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
102
102
|
// the media group component renders in crop mode in editor thus this enables consistency
|
|
103
103
|
// also crop is much easier to make consistent across SSR and hydration
|
|
104
|
-
resizeMode: (0,
|
|
104
|
+
resizeMode: (0, _fg.fg)('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
|
|
105
105
|
cardDimensions: _mediaCard.defaultImageCardDimensions,
|
|
106
106
|
useInlinePlayer: false,
|
|
107
107
|
featureFlags: this.props.featureFlags,
|
|
@@ -14,12 +14,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
14
14
|
var _mediaInline = require("@atlaskit/editor-common/media-inline");
|
|
15
15
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
16
16
|
var _mediaCard = require("@atlaskit/media-card");
|
|
17
|
-
var
|
|
18
|
-
var
|
|
17
|
+
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
18
|
+
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
19
|
+
var _LoadingView = require("@atlaskit/media-ui/LoadingView");
|
|
19
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
20
21
|
var _reactIntl = require("react-intl");
|
|
21
22
|
var _MediaCard = require("../../ui/MediaCard");
|
|
22
|
-
var
|
|
23
|
+
var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
|
|
23
24
|
var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
|
|
24
25
|
var _enums = require("../../analytics/enums");
|
|
25
26
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
@@ -41,7 +42,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
41
42
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
42
43
|
fileState = _useState4[0],
|
|
43
44
|
setFileState = _useState4[1];
|
|
44
|
-
var mediaClient = (0, _react.useContext)(
|
|
45
|
+
var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
|
|
45
46
|
var contextIdentifierProvider = (0, _providerFactory.useProvider)('contextIdentifierProvider');
|
|
46
47
|
(0, _react.useEffect)(function () {
|
|
47
48
|
if (contextIdentifierProvider) {
|
|
@@ -110,7 +111,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
|
|
|
110
111
|
* prevents calling the media API before the provider is ready
|
|
111
112
|
*/
|
|
112
113
|
if (!mediaClient) {
|
|
113
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(_LoadingView.MediaInlineCardLoadingView, {
|
|
114
115
|
message: "",
|
|
115
116
|
isSelected: false
|
|
116
117
|
});
|
|
@@ -171,8 +172,8 @@ var MediaInline = function MediaInline(props) {
|
|
|
171
172
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
172
173
|
collectionName: collection
|
|
173
174
|
};
|
|
174
|
-
var mediaClient = (0, _react.useContext)(
|
|
175
|
-
var _useAnalyticsEvents = (0,
|
|
175
|
+
var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
|
|
176
|
+
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
|
|
176
177
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
177
178
|
if (fileType === 'image') {
|
|
178
179
|
var _borderMark$attrs$col, _borderMark$attrs$siz;
|
|
@@ -189,7 +190,7 @@ var MediaInline = function MediaInline(props) {
|
|
|
189
190
|
componentId: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
|
|
190
191
|
createAnalyticsEvent: createAnalyticsEvent
|
|
191
192
|
}, /*#__PURE__*/_react.default.createElement(_mediaInline.MediaInlineImageCard, {
|
|
192
|
-
mediaClient: ssr !== null && ssr !== void 0 && ssr.config ? (0,
|
|
193
|
+
mediaClient: ssr !== null && ssr !== void 0 && ssr.config ? (0, _getMediaClient.getMediaClient)(ssr.config) : mediaClient,
|
|
193
194
|
identifier: identifier,
|
|
194
195
|
alt: alt,
|
|
195
196
|
width: width,
|
|
@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _reactIntl = require("react-intl");
|
|
14
14
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
15
|
-
var
|
|
15
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _coreUtils = require("@atlaskit/editor-common/core-utils");
|
|
18
18
|
var _style = require("../../../ui/Renderer/style");
|
|
@@ -141,7 +141,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
|
|
|
141
141
|
var calcDimensions = (0, _react.useCallback)(function (mediaContainerWidth) {
|
|
142
142
|
var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
|
|
143
143
|
var cardDimensions = {};
|
|
144
|
-
if ((0,
|
|
144
|
+
if ((0, _fg.fg)('media-perf-uplift-mutation-fix')) {
|
|
145
145
|
var maxWidth = widthAttr && typeof widthAttr === 'number' && widthType === 'pixel' ? widthAttr : containerWidth;
|
|
146
146
|
cardDimensions = {
|
|
147
147
|
width: "".concat(maxWidth, "px"),
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _mention = require("@atlaskit/editor-common/mention");
|
|
10
|
-
var
|
|
10
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
11
11
|
var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
|
|
12
12
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
13
13
|
var _default_1 = /*#__PURE__*/(0, _react.memo)(function MentionItem(props) {
|
|
@@ -20,7 +20,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function MentionItem(props) {
|
|
|
20
20
|
localId = props.localId,
|
|
21
21
|
userType = props.userType;
|
|
22
22
|
var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
|
|
23
|
-
if ((0,
|
|
23
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
24
24
|
return (
|
|
25
25
|
/*#__PURE__*/
|
|
26
26
|
// Ignored via go/ees005
|
|
@@ -181,7 +181,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
|
|
|
181
181
|
var containerActiveFrameStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t& [data-extension-frame='true']:nth-of-type(", ") {\n\t\t\tdisplay: block;\n\t\t}\n\t"])), activeChildIndex + 1);
|
|
182
182
|
if ((0, _expValEquals.expValEquals)('platform_editor_renderer_extension_width_fix', 'isEnabled', true)) {
|
|
183
183
|
var _isTopLevel = path.length < 1;
|
|
184
|
-
var _useCenterWrapper = _isTopLevel && ['wide', 'full-width'].includes(layout)
|
|
184
|
+
var _useCenterWrapper = _isTopLevel && ['wide', 'full-width'].includes(layout);
|
|
185
185
|
var wrapper = (0, _react.jsx)(MultiBodiedExtensionWrapperNext, {
|
|
186
186
|
layout: layout,
|
|
187
187
|
path: path,
|
|
@@ -201,7 +201,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
|
|
|
201
201
|
}, wrapper) : wrapper);
|
|
202
202
|
}
|
|
203
203
|
var isTopLevel = path.length < 1;
|
|
204
|
-
var useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout)
|
|
204
|
+
var useCenterWrapper = isTopLevel && ['wide', 'full-width'].includes(layout);
|
|
205
205
|
return (0, _react.jsx)("section", {
|
|
206
206
|
css: [containerStyles, containerActiveFrameStyles],
|
|
207
207
|
"data-testid": "multiBodiedExtension--container",
|
|
@@ -11,7 +11,7 @@ var _icons = require("@atlaskit/editor-common/icons");
|
|
|
11
11
|
var _panel = require("@atlaskit/editor-common/panel");
|
|
12
12
|
var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
|
|
13
13
|
var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
|
|
14
|
-
var
|
|
14
|
+
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
15
15
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
16
|
var _emoji2 = _interopRequireDefault(require("./emoji"));
|
|
17
17
|
var _panelCompiled = require("./panel-compiled");
|
|
@@ -25,7 +25,7 @@ var panelIcons = {
|
|
|
25
25
|
error: _icons.PanelErrorIcon,
|
|
26
26
|
custom: _emoji.default
|
|
27
27
|
};
|
|
28
|
-
var PanelStyledMigration = (0,
|
|
28
|
+
var PanelStyledMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
29
29
|
return (0, _expValEquals.expValEquals)('platform_editor_renderer_static_css', 'isEnabled', true);
|
|
30
30
|
}, _panelCompiled.PanelStyledCompiled, _panelEmotion.PanelStyledEmotion);
|
|
31
31
|
var Panel = function Panel(props) {
|
|
@@ -9,8 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _element = require("@atlaskit/status/element");
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _FabricElementsAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext");
|
|
13
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
14
14
|
var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
16
|
var ANALYTICS_DATA = {
|
|
@@ -22,11 +22,11 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
|
|
|
22
22
|
style = props.style,
|
|
23
23
|
localId = props.localId;
|
|
24
24
|
var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
|
|
25
|
-
if ((0,
|
|
26
|
-
if ((0,
|
|
25
|
+
if ((0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
|
|
26
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
27
27
|
return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
|
|
28
28
|
role: 'emphasis'
|
|
29
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
29
|
+
}), /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext, {
|
|
30
30
|
data: ANALYTICS_DATA
|
|
31
31
|
}, /*#__PURE__*/_react.default.createElement(_element.Status, {
|
|
32
32
|
text: style === 'mixedCase' ? text : text.toUpperCase(),
|
|
@@ -35,7 +35,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
|
|
|
35
35
|
role: undefined
|
|
36
36
|
})));
|
|
37
37
|
}
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext, {
|
|
39
39
|
data: ANALYTICS_DATA
|
|
40
40
|
}, /*#__PURE__*/_react.default.createElement(_element.Status, {
|
|
41
41
|
text: style === 'mixedCase' ? text : text.toUpperCase(),
|
|
@@ -44,10 +44,10 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
|
|
|
44
44
|
role: undefined
|
|
45
45
|
}));
|
|
46
46
|
}
|
|
47
|
-
if ((0,
|
|
47
|
+
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
48
48
|
return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
|
|
49
49
|
role: 'emphasis'
|
|
50
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
50
|
+
}), /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext
|
|
51
51
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
52
52
|
, {
|
|
53
53
|
data: {
|
|
@@ -61,7 +61,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
|
|
|
61
61
|
isBold: true
|
|
62
62
|
})));
|
|
63
63
|
}
|
|
64
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext
|
|
65
65
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
66
66
|
, {
|
|
67
67
|
data: {
|
|
@@ -13,7 +13,7 @@ var _ui = require("@atlaskit/editor-common/ui");
|
|
|
13
13
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
14
14
|
var _nodeWidth = require("@atlaskit/editor-common/node-width");
|
|
15
15
|
var _rendererContext = require("../../../renderer-context");
|
|
16
|
-
var
|
|
16
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
17
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -198,7 +198,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
198
198
|
var skipMinWidth = !!(isInsideOfTable && isInsideOfSyncBlock);
|
|
199
199
|
if (!columnWidths || columnWidths.every(function (width) {
|
|
200
200
|
return width === 0;
|
|
201
|
-
}) && (0,
|
|
201
|
+
}) && (0, _fg.fg)('platform_editor_numbered_column_in_include')) {
|
|
202
202
|
return [];
|
|
203
203
|
}
|
|
204
204
|
var tableColumnResized = isTableColumnResized(columnWidths);
|
|
@@ -217,7 +217,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
217
217
|
|
|
218
218
|
// Tables with numbered columns inside of extensions cannot use the renderWidth when it is 0. In this case, it should
|
|
219
219
|
// explicitly use the width coming from the table node as the final table container width.
|
|
220
|
-
var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!(0,
|
|
220
|
+
var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!(0, _fg.fg)('platform_fix_nested_num_column_scaling') || !isNumberColumnEnabled) ? renderWidth : (0, _nodeWidth.getTableContainerWidth)(tableNode);
|
|
221
221
|
if (allowTableResizing && !isInsideOfBlockNode && !isInsideOfTable && !isinsideMultiBodiedExtension && !tableColumnResized) {
|
|
222
222
|
// when no columns are resized, each column should have equal width, equals to tableWidth / noOfColumns
|
|
223
223
|
var _tableWidth = (isNumberColumnEnabled ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
|
|
@@ -293,7 +293,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
293
293
|
scaleDownPercent = calcScalePercent({
|
|
294
294
|
renderWidth: renderWidth,
|
|
295
295
|
tableWidth: tableWidth,
|
|
296
|
-
maxScale: (0,
|
|
296
|
+
maxScale: (0, _fg.fg)('platform-ssr-table-resize') ? maxScalingPercent : shouldTable100ScaleDown ? 1 : maxScalingPercent,
|
|
297
297
|
isNumberColumnEnabled: isNumberColumnEnabled
|
|
298
298
|
});
|
|
299
299
|
}
|
|
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _colgroup = require("./colgroup");
|
|
11
11
|
var _nodeWidth = require("@atlaskit/editor-common/node-width");
|
|
12
12
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
13
|
-
var
|
|
13
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
14
14
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
15
|
var _table = require("@atlaskit/editor-common/table");
|
|
16
16
|
var _contentMode = require("./content-mode");
|
|
@@ -43,7 +43,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
43
43
|
// in the case we have css container stylings,
|
|
44
44
|
// we don't need to calculate width here as this
|
|
45
45
|
// is done via css
|
|
46
|
-
if (!(0,
|
|
46
|
+
if (!(0, _fg.fg)('platform-ssr-table-resize')) {
|
|
47
47
|
tableWidth = renderWidth;
|
|
48
48
|
}
|
|
49
49
|
}
|
|
@@ -51,7 +51,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
51
51
|
// for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
|
|
52
52
|
// scales up the columns width. This ensures columns always have 42px.
|
|
53
53
|
if (rendererAppearance === 'comment') {
|
|
54
|
-
if ((0,
|
|
54
|
+
if ((0, _fg.fg)('platform-ssr-table-resize')) {
|
|
55
55
|
tableColumnWidths = columnWidths && (0, _colgroup.colWidthSum)(columnWidths) ? columnWidths : undefined;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
@@ -65,7 +65,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
65
65
|
}),
|
|
66
66
|
isTableNested: isInsideOfBlockNode || isInsideOfNestedRenderer || isInsideOfTable
|
|
67
67
|
}) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
|
|
68
|
-
return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0,
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0, _fg.fg)('platform_renderer_isPresentational') && {
|
|
69
69
|
role: isPresentational ? 'presentation' : undefined
|
|
70
70
|
}, {
|
|
71
71
|
"data-testid": "renderer-table",
|
|
@@ -18,7 +18,7 @@ var _reactIntl = require("react-intl");
|
|
|
18
18
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
19
19
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
20
20
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
21
|
-
var
|
|
21
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
22
22
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
23
23
|
var _types = require("@atlaskit/editor-common/types");
|
|
24
24
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
@@ -728,7 +728,7 @@ var TableWithWidth = function TableWithWidth(props) {
|
|
|
728
728
|
var _useRendererContext = (0, _rendererContext.useRendererContext)(),
|
|
729
729
|
isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
|
|
730
730
|
var isInsideOfNestedRenderer = isTopLevelRenderer === false && (0, _expValEquals.expValEquals)('platform_editor_table_nested_content_mode_fix', 'isEnabled', true);
|
|
731
|
-
if ((0,
|
|
731
|
+
if ((0, _fg.fg)('platform-ssr-table-resize')) {
|
|
732
732
|
var _props$columnWidths;
|
|
733
733
|
var colWidthsSum =
|
|
734
734
|
// eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
|
|
@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
16
16
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
17
17
|
var _nodeWidth = require("@atlaskit/editor-common/node-width");
|
|
18
18
|
var _style = require("../../ui/Renderer/style");
|
|
19
|
-
var
|
|
19
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
20
|
var _consts = require("../../consts");
|
|
21
21
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
22
22
|
var _types = require("@atlaskit/editor-common/types");
|
|
@@ -440,7 +440,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
440
440
|
key: "applyNestedRendererTableFix",
|
|
441
441
|
value: function applyNestedRendererTableFix() {
|
|
442
442
|
var _this$props$tableNode;
|
|
443
|
-
if (!this.containerRef || !(0,
|
|
443
|
+
if (!this.containerRef || !(0, _fg.fg)('platform_nested_table_style_override')) {
|
|
444
444
|
return;
|
|
445
445
|
}
|
|
446
446
|
if (!this.isInsideNestedRenderer() || this.isInsideTableContext()) {
|
|
@@ -456,7 +456,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
456
456
|
// Non-resized tables instead take a default layout cap (e.g. 760px/1800px)
|
|
457
457
|
// derived from the outer renderer's appearance.
|
|
458
458
|
var isExplicitlyResized = Boolean((_this$props$tableNode = this.props.tableNode) === null || _this$props$tableNode === void 0 ? void 0 : _this$props$tableNode.attrs.width);
|
|
459
|
-
if (!isExplicitlyResized && (0,
|
|
459
|
+
if (!isExplicitlyResized && (0, _fg.fg)('platform_nested_table_style_override_2')) {
|
|
460
460
|
// PGXT-10421: For a NON-resized table inside a nested renderer (e.g. an
|
|
461
461
|
// Excerpt macro body), the computed width is a default layout cap
|
|
462
462
|
// (760px/1800px, or a `cqw` length for full-page appearances) taken from
|
|
@@ -780,13 +780,13 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
780
780
|
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
781
781
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
|
|
782
782
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
783
|
-
className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat((0,
|
|
783
|
+
className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat((0, _fg.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),
|
|
784
784
|
ref: this.stickyScrollbarRef,
|
|
785
785
|
"data-vc": "table-sticky-scrollbar-container",
|
|
786
|
-
style: (0,
|
|
786
|
+
style: (0, _fg.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? _objectSpread(_objectSpread({}, stickyContainerBaseStyles), stickyContainerAdditionalStyles) : stickyContainerBaseStyles
|
|
787
787
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
788
788
|
style: {
|
|
789
|
-
width: (0,
|
|
789
|
+
width: (0, _fg.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '100%' : (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.clientWidth,
|
|
790
790
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
791
791
|
height: '100%'
|
|
792
792
|
}
|
|
@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
18
18
|
var _taskItemWithProviders = _interopRequireDefault(require("./task-item-with-providers"));
|
|
19
|
-
var
|
|
19
|
+
var _FabricElementsAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext");
|
|
20
20
|
var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
|
|
21
21
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
22
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
@@ -45,7 +45,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
45
45
|
if (rendererContext) {
|
|
46
46
|
objectAri = rendererContext.objectAri || '';
|
|
47
47
|
}
|
|
48
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext
|
|
49
49
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
50
50
|
, {
|
|
51
51
|
data: {
|