@atlaskit/editor-common 117.0.0 → 117.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/afm-cc/tsconfig.json +6 -0
- package/afm-products/tsconfig.json +6 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/node-width/index.js +2 -3
- package/dist/cjs/resizer/BreakoutResizer.js +1 -2
- package/dist/cjs/styles/shared/table.js +5 -5
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Mention/mention-with-profilecard.js +5 -4
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/node-width/index.js +2 -3
- package/dist/es2019/resizer/BreakoutResizer.js +2 -3
- package/dist/es2019/styles/shared/table.js +5 -22
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Mention/mention-with-profilecard.js +4 -3
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/node-width/index.js +2 -3
- package/dist/esm/resizer/BreakoutResizer.js +2 -3
- package/dist/esm/styles/shared/table.js +5 -5
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Mention/mention-with-profilecard.js +4 -3
- package/dist/types/ui/Mention/mention-with-profilecard.d.ts +1 -1
- package/package.json +6 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 117.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`bfcdbf97bab93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bfcdbf97bab93) -
|
|
8
|
+
Consolidate editor agent-mention rollout controls under the rovo_chat_mention_agents experiment.
|
|
9
|
+
- [`ae5ca1873aef4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae5ca1873aef4) -
|
|
10
|
+
Clean up feature gate `platform_editor_nested_dnd_styles_changes`
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 117.0.0
|
|
4
14
|
|
|
5
15
|
### Major Changes
|
package/afm-cc/tsconfig.json
CHANGED
|
@@ -85,6 +85,9 @@
|
|
|
85
85
|
{
|
|
86
86
|
"path": "../../../elements/emoji/afm-cc/tsconfig.json"
|
|
87
87
|
},
|
|
88
|
+
{
|
|
89
|
+
"path": "../../../measurement/feature-gate-js-client/afm-cc/tsconfig.json"
|
|
90
|
+
},
|
|
88
91
|
{
|
|
89
92
|
"path": "../../../design-system/icon/afm-cc/tsconfig.json"
|
|
90
93
|
},
|
|
@@ -133,6 +136,9 @@
|
|
|
133
136
|
{
|
|
134
137
|
"path": "../../../design-system/onboarding/afm-cc/tsconfig.json"
|
|
135
138
|
},
|
|
139
|
+
{
|
|
140
|
+
"path": "../../../platform/feature-experiments/afm-cc/tsconfig.json"
|
|
141
|
+
},
|
|
136
142
|
{
|
|
137
143
|
"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
|
|
138
144
|
},
|
|
@@ -85,6 +85,9 @@
|
|
|
85
85
|
{
|
|
86
86
|
"path": "../../../elements/emoji/afm-products/tsconfig.json"
|
|
87
87
|
},
|
|
88
|
+
{
|
|
89
|
+
"path": "../../../measurement/feature-gate-js-client/afm-products/tsconfig.json"
|
|
90
|
+
},
|
|
88
91
|
{
|
|
89
92
|
"path": "../../../design-system/icon/afm-products/tsconfig.json"
|
|
90
93
|
},
|
|
@@ -133,6 +136,9 @@
|
|
|
133
136
|
{
|
|
134
137
|
"path": "../../../design-system/onboarding/afm-products/tsconfig.json"
|
|
135
138
|
},
|
|
139
|
+
{
|
|
140
|
+
"path": "../../../platform/feature-experiments/afm-products/tsconfig.json"
|
|
141
|
+
},
|
|
136
142
|
{
|
|
137
143
|
"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
|
|
138
144
|
},
|
|
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
28
28
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
29
29
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
30
30
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
31
|
-
var packageVersion = "
|
|
31
|
+
var packageVersion = "117.0.0";
|
|
32
32
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
33
33
|
// Remove URL as it has UGC
|
|
34
34
|
// Ignored via go/ees007
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.layoutToWidth = exports.getTableWidthWithNumberColumn = exports.getTableContainerWidth = exports.getParentNodeWidth = exports.getNestedParentNode = void 0;
|
|
7
7
|
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
8
8
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
9
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
10
9
|
var _extension = require("../styles/shared/extension");
|
|
11
10
|
var _layout = require("../styles/shared/layout");
|
|
12
11
|
var _table = require("../styles/shared/table");
|
|
@@ -63,7 +62,7 @@ var getParentNodeWidth = exports.getParentNodeWidth = function getParentNodeWidt
|
|
|
63
62
|
// OR side panel of an extension is open and change the node width to smaller than containerWidth
|
|
64
63
|
if (containerWidth.width > _editorSharedStyles.gridMediumMaxWidth || ((_contextPanelPluginKe = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe === void 0 ? void 0 : _contextPanelPluginKe.contents.length) > 0 && ((_contextPanelPluginKe2 = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe2 === void 0 ? void 0 : _contextPanelPluginKe2.contents[0]) !== undefined) {
|
|
65
64
|
// margin between sections
|
|
66
|
-
parentWidth -= (
|
|
65
|
+
parentWidth -= (_layout.LAYOUT_SECTION_MARGIN + NESTED_DND_MARGIN_OFFSET + 2) * (node.childCount - 1);
|
|
67
66
|
var $pos = state.doc.resolve(pos);
|
|
68
67
|
var column = (0, _utils.findParentNodeOfTypeClosestToPos)($pos, [state.schema.nodes.layoutColumn]);
|
|
69
68
|
if (column && column.node && !isNaN(column.node.attrs.width)) {
|
|
@@ -73,7 +72,7 @@ var getParentNodeWidth = exports.getParentNodeWidth = function getParentNodeWidt
|
|
|
73
72
|
}
|
|
74
73
|
|
|
75
74
|
// account for the padding of the parent node
|
|
76
|
-
parentWidth -= (
|
|
75
|
+
parentWidth -= (_layout.LAYOUT_COLUMN_PADDING + NESTED_DND_GUTTER_OFFSET) * 2;
|
|
77
76
|
break;
|
|
78
77
|
case schema.nodes.bodiedExtension:
|
|
79
78
|
parentWidth -= _extension.BODIED_EXT_PADDING * 2;
|
|
@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _bindEventListener = require("bind-event-listener");
|
|
12
12
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
14
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
16
15
|
var _analytics = require("../analytics");
|
|
@@ -45,7 +44,7 @@ var getHandleStyle = function getHandleStyle(node, hidden) {
|
|
|
45
44
|
};
|
|
46
45
|
// expand and layout section elements have a negative margin applied
|
|
47
46
|
default:
|
|
48
|
-
var handleOffset =
|
|
47
|
+
var handleOffset = _styles.LAYOUT_SECTION_MARGIN * 2 + layoutMarginOffset;
|
|
49
48
|
return {
|
|
50
49
|
left: {
|
|
51
50
|
left: "-".concat(handleOffset, "px"),
|
|
@@ -28,7 +28,7 @@ var _codeBlock = require("./code-block");
|
|
|
28
28
|
var _tableCell = require("./tableCell");
|
|
29
29
|
var _TableSharedCssClassName = require("./TableSharedCssClassName");
|
|
30
30
|
var _calcTableWidth = require("./calcTableWidth");
|
|
31
|
-
var _templateObject, _templateObject2
|
|
31
|
+
var _templateObject, _templateObject2;
|
|
32
32
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
33
33
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -46,9 +46,9 @@ var tableControlsSpacing = exports.tableControlsSpacing = tableMarginTop + table
|
|
|
46
46
|
|
|
47
47
|
/* first block node has 0 top margin */
|
|
48
48
|
var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
49
|
-
return (
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
50
|
+
(0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\tmargin-top: 0;\n\t\t}\n\t"])))
|
|
51
|
+
);
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
@@ -69,7 +69,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
|
69
69
|
var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
|
|
70
70
|
var browser = (0, _browser.getBrowserInfo)();
|
|
71
71
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
|
|
72
|
-
return (0, _react.css)(
|
|
72
|
+
return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n\t\t\t * Fix block top alignment inside table cells.\n\t\t\t */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t", "\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\t", "\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\t\t\t", "\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t", "\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Fake side borders are not needed when the rounded overlay owns the outer border. */\n\t\t\t\t.".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t\t") : ".".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", "var(--ds-space-300, 24px)", ");\n\t\t\t\tbackground: ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", "var(--ds-space-300, 24px)", ";\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_RIGHT_BORDER, " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.").concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ").concat(_editorSharedStyles.akEditorTableNumberColumnWidth - 1, "px;\n\t\t\t}"), _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, _TableSharedCssClassName.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_RESIZER_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') ? ".".concat(_TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #0B120E24)", ";\n\t\t}") : '', _TableSharedCssClassName.TableSharedCssClassName.TABLE_CONTAINER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_NODE_WRAPPER, _TableSharedCssClassName.TableSharedCssClassName.TABLE_STICKY_WRAPPER, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Keep a transparent border so the collapsed border model reserves the same 1px slot\n\t\t\t on the table edge; the ::after overlay draws the visible rounded border instead. */\n\t\t\tborder: ".concat(tableCellBorderWidth, "px solid transparent;") : "border: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;"), (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "position: relative;\n\n\t\t\t/* Table-width outer-border owner for overflow-safe rounded corners. */\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: -0.5px;\n\t\t\t\tborder: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tborder-radius: ", "var(--ds-radius-xlarge, 12px)", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: 1;\n\t\t\t}") : '', "var(--ds-background-neutral-subtle, #00000000)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) ? "&[data-valign='middle'] {\n\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&[data-valign='bottom'] {\n\t\t\t\t\t\t\t\tvertical-align: bottom;\n\t\t\t\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Let the wrapper overlay own the outer table perimeter.\n\t\t\t\t data-reaches-* attributes are set by the TableCell node view. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top] {\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th[data-reaches-left],\n\t\t\t\t> tbody > tr > td[data-reaches-left] {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-left]::after {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-bottom]::after,\n\t\t\t\t> tbody > tr > th[data-reaches-bottom]::after {\n\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t/* The rounded-table overlay owns transparent perimeter borders.\n\t\t\t\t Paint edge cell backgrounds into that reserved border area so coloured\n\t\t\t\t first/last rows do not show the page background through 1px seams. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top],\n\t\t\t\t> tbody > tr > th[data-reaches-bottom],\n\t\t\t\t> tbody > tr > td[data-reaches-bottom] {\n\t\t\t\t\tbackground-clip: border-box;\n\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtlest, #F0F1F2)", (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, #0B120E24)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
|
|
73
73
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
74
74
|
}), "var(--ds-background-neutral, #0515240F)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #0515240F)", (0, _editorSharedStyles.overflowShadow)({
|
|
75
75
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "
|
|
27
|
+
var packageVersion = "117.0.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -9,8 +9,9 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactLoadable = _interopRequireDefault(require("react-loadable"));
|
|
11
11
|
var _mention = require("@atlaskit/mention");
|
|
12
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
12
13
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
|
-
var _anchor =
|
|
14
|
+
var _anchor = require("@atlaskit/primitives/anchor");
|
|
14
15
|
var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
|
|
15
16
|
var _navigation = require("@atlaskit/teams-app-config/navigation");
|
|
16
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -38,7 +39,7 @@ var AgentProfileCardTrigger = (0, _reactLoadable.default)({
|
|
|
38
39
|
var AT_PREFIX_REGEX = /^@/;
|
|
39
40
|
/**
|
|
40
41
|
* Renders a mention chip wrapped in the appropriate profile card trigger.
|
|
41
|
-
* 1. Agent mentions (`userType === 'APP'`, behind `
|
|
42
|
+
* 1. Agent mentions (`userType === 'APP'`, behind the `rovo_chat_mention_agents` experiment) open the Rovo agent profile card on click.
|
|
42
43
|
* 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
|
|
43
44
|
*/
|
|
44
45
|
function MentionWithProfileCard(_ref) {
|
|
@@ -73,7 +74,7 @@ function MentionWithProfileCard(_ref) {
|
|
|
73
74
|
});
|
|
74
75
|
|
|
75
76
|
// Agent mentions (userType 'APP') open the Rovo agent profile card on click.
|
|
76
|
-
if (userType === 'APP' && cloudId && (0,
|
|
77
|
+
if (userType === 'APP' && cloudId && (0, _isExperimentEnabled.isExperimentEnabled)('rovo_chat_mention_agents')) {
|
|
77
78
|
return /*#__PURE__*/_react.default.createElement(AgentProfileCardTrigger, {
|
|
78
79
|
agentId: id,
|
|
79
80
|
cloudId: cloudId,
|
|
@@ -98,7 +99,7 @@ function MentionWithProfileCard(_ref) {
|
|
|
98
99
|
}),
|
|
99
100
|
href = _navigateToTeamsApp.href,
|
|
100
101
|
target = _navigateToTeamsApp.target;
|
|
101
|
-
return /*#__PURE__*/_react.default.createElement(_anchor.
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
|
|
102
103
|
href: href,
|
|
103
104
|
target: target,
|
|
104
105
|
rel: "noopener noreferrer",
|
|
@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
14
14
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
15
15
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
16
16
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
17
|
-
const packageVersion = "
|
|
17
|
+
const packageVersion = "117.0.0";
|
|
18
18
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
19
19
|
// Remove URL as it has UGC
|
|
20
20
|
// Ignored via go/ees007
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
|
|
2
2
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorWideLayoutWidth, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { BODIED_EXT_PADDING } from '../styles/shared/extension';
|
|
5
4
|
import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles/shared/layout';
|
|
6
5
|
import { tableCellPadding } from '../styles/shared/table';
|
|
@@ -59,7 +58,7 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
|
|
|
59
58
|
// OR side panel of an extension is open and change the node width to smaller than containerWidth
|
|
60
59
|
if (containerWidth.width > gridMediumMaxWidth || ((_contextPanelPluginKe = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe === void 0 ? void 0 : _contextPanelPluginKe.contents.length) > 0 && ((_contextPanelPluginKe2 = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe2 === void 0 ? void 0 : _contextPanelPluginKe2.contents[0]) !== undefined) {
|
|
61
60
|
// margin between sections
|
|
62
|
-
parentWidth -=
|
|
61
|
+
parentWidth -= (LAYOUT_SECTION_MARGIN + NESTED_DND_MARGIN_OFFSET + 2) * (node.childCount - 1);
|
|
63
62
|
const $pos = state.doc.resolve(pos);
|
|
64
63
|
const column = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.layoutColumn]);
|
|
65
64
|
if (column && column.node && !isNaN(column.node.attrs.width)) {
|
|
@@ -69,7 +68,7 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
|
|
|
69
68
|
}
|
|
70
69
|
|
|
71
70
|
// account for the padding of the parent node
|
|
72
|
-
parentWidth -=
|
|
71
|
+
parentWidth -= (LAYOUT_COLUMN_PADDING + NESTED_DND_GUTTER_OFFSET) * 2;
|
|
73
72
|
break;
|
|
74
73
|
case schema.nodes.bodiedExtension:
|
|
75
74
|
parentWidth -= BODIED_EXT_PADDING * 2;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { bind, bindAll } from 'bind-event-listener';
|
|
3
3
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
6
5
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
7
6
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
|
|
8
|
-
import {
|
|
7
|
+
import { LAYOUT_SECTION_MARGIN } from '../styles';
|
|
9
8
|
import { getBrowserInfo } from '../utils/browser';
|
|
10
9
|
import Resizer from './Resizer';
|
|
11
10
|
import { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
|
|
@@ -35,7 +34,7 @@ const getHandleStyle = (node, hidden) => {
|
|
|
35
34
|
};
|
|
36
35
|
// expand and layout section elements have a negative margin applied
|
|
37
36
|
default:
|
|
38
|
-
const handleOffset =
|
|
37
|
+
const handleOffset = LAYOUT_SECTION_MARGIN * 2 + layoutMarginOffset;
|
|
39
38
|
return {
|
|
40
39
|
left: {
|
|
41
40
|
left: `-${handleOffset}px`,
|
|
@@ -23,30 +23,13 @@ export const tablePadding = 8;
|
|
|
23
23
|
export const tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorderWidth;
|
|
24
24
|
|
|
25
25
|
/* first block node has 0 top margin */
|
|
26
|
-
const firstNodeWithNotMarginTop = () =>
|
|
26
|
+
const firstNodeWithNotMarginTop = () =>
|
|
27
27
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
28
28
|
css`
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
34
|
-
css`
|
|
35
|
-
> :first-child:not(style),
|
|
36
|
-
> style:first-child + * {
|
|
37
|
-
margin-top: 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
> .ProseMirror-gapcursor:first-child + *,
|
|
41
|
-
> style:first-child + .ProseMirror-gapcursor + * {
|
|
42
|
-
margin-top: 0;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
> .ProseMirror-gapcursor:first-child + span + *,
|
|
46
|
-
> style:first-child + .ProseMirror-gapcursor + span + * {
|
|
47
|
-
margin-top: 0;
|
|
48
|
-
}
|
|
49
|
-
`;
|
|
29
|
+
> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {
|
|
30
|
+
margin-top: 0;
|
|
31
|
+
}
|
|
32
|
+
`;
|
|
50
33
|
|
|
51
34
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
52
35
|
/**
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "
|
|
17
|
+
const packageVersion = "117.0.0";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import Loadable from 'react-loadable';
|
|
3
3
|
import { ResourcedMention } from '@atlaskit/mention';
|
|
4
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
4
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
6
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
6
|
-
import Anchor from '@atlaskit/primitives/anchor';
|
|
7
|
+
import { Anchor } from '@atlaskit/primitives/anchor';
|
|
7
8
|
import ProfileCardTrigger from '@atlaskit/profilecard/user';
|
|
8
9
|
import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
|
|
9
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -22,7 +23,7 @@ const AgentProfileCardTrigger = Loadable({
|
|
|
22
23
|
const AT_PREFIX_REGEX = /^@/;
|
|
23
24
|
/**
|
|
24
25
|
* Renders a mention chip wrapped in the appropriate profile card trigger.
|
|
25
|
-
* 1. Agent mentions (`userType === 'APP'`, behind `
|
|
26
|
+
* 1. Agent mentions (`userType === 'APP'`, behind the `rovo_chat_mention_agents` experiment) open the Rovo agent profile card on click.
|
|
26
27
|
* 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
|
|
27
28
|
*/
|
|
28
29
|
export default function MentionWithProfileCard({
|
|
@@ -58,7 +59,7 @@ export default function MentionWithProfileCard({
|
|
|
58
59
|
});
|
|
59
60
|
|
|
60
61
|
// Agent mentions (userType 'APP') open the Rovo agent profile card on click.
|
|
61
|
-
if (userType === 'APP' && cloudId &&
|
|
62
|
+
if (userType === 'APP' && cloudId && isExperimentEnabled('rovo_chat_mention_agents')) {
|
|
62
63
|
return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
|
|
63
64
|
agentId: id,
|
|
64
65
|
cloudId: cloudId,
|
|
@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
20
20
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
21
21
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
22
22
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
23
|
-
var packageVersion = "
|
|
23
|
+
var packageVersion = "117.0.0";
|
|
24
24
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
25
25
|
// Remove URL as it has UGC
|
|
26
26
|
// Ignored via go/ees007
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
|
|
2
2
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorWideLayoutWidth, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { BODIED_EXT_PADDING } from '../styles/shared/extension';
|
|
5
4
|
import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles/shared/layout';
|
|
6
5
|
import { tableCellPadding } from '../styles/shared/table';
|
|
@@ -57,7 +56,7 @@ export var getParentNodeWidth = function getParentNodeWidth(pos, state, containe
|
|
|
57
56
|
// OR side panel of an extension is open and change the node width to smaller than containerWidth
|
|
58
57
|
if (containerWidth.width > gridMediumMaxWidth || ((_contextPanelPluginKe = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe === void 0 ? void 0 : _contextPanelPluginKe.contents.length) > 0 && ((_contextPanelPluginKe2 = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe2 === void 0 ? void 0 : _contextPanelPluginKe2.contents[0]) !== undefined) {
|
|
59
58
|
// margin between sections
|
|
60
|
-
parentWidth -=
|
|
59
|
+
parentWidth -= (LAYOUT_SECTION_MARGIN + NESTED_DND_MARGIN_OFFSET + 2) * (node.childCount - 1);
|
|
61
60
|
var $pos = state.doc.resolve(pos);
|
|
62
61
|
var column = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.layoutColumn]);
|
|
63
62
|
if (column && column.node && !isNaN(column.node.attrs.width)) {
|
|
@@ -67,7 +66,7 @@ export var getParentNodeWidth = function getParentNodeWidth(pos, state, containe
|
|
|
67
66
|
}
|
|
68
67
|
|
|
69
68
|
// account for the padding of the parent node
|
|
70
|
-
parentWidth -=
|
|
69
|
+
parentWidth -= (LAYOUT_COLUMN_PADDING + NESTED_DND_GUTTER_OFFSET) * 2;
|
|
71
70
|
break;
|
|
72
71
|
case schema.nodes.bodiedExtension:
|
|
73
72
|
parentWidth -= BODIED_EXT_PADDING * 2;
|
|
@@ -2,11 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { bind, bindAll } from 'bind-event-listener';
|
|
4
4
|
import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
6
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
7
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
|
|
9
|
-
import {
|
|
8
|
+
import { LAYOUT_SECTION_MARGIN } from '../styles';
|
|
10
9
|
import { getBrowserInfo } from '../utils/browser';
|
|
11
10
|
import Resizer from './Resizer';
|
|
12
11
|
import { ResizerBreakoutModeLabel } from './ResizerBreakoutModeLabel';
|
|
@@ -36,7 +35,7 @@ var getHandleStyle = function getHandleStyle(node, hidden) {
|
|
|
36
35
|
};
|
|
37
36
|
// expand and layout section elements have a negative margin applied
|
|
38
37
|
default:
|
|
39
|
-
var handleOffset =
|
|
38
|
+
var handleOffset = LAYOUT_SECTION_MARGIN * 2 + layoutMarginOffset;
|
|
40
39
|
return {
|
|
41
40
|
left: {
|
|
42
41
|
left: "-".concat(handleOffset, "px"),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2
|
|
2
|
+
var _templateObject, _templateObject2;
|
|
3
3
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
4
4
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -26,9 +26,9 @@ export var tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorde
|
|
|
26
26
|
|
|
27
27
|
/* first block node has 0 top margin */
|
|
28
28
|
var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
29
|
-
return
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
30
|
+
css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {\n\t\t\tmargin-top: 0;\n\t\t}\n\t"])))
|
|
31
|
+
);
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
@@ -49,7 +49,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
|
49
49
|
var tableSharedStyle = function tableSharedStyle() {
|
|
50
50
|
var browser = getBrowserInfo();
|
|
51
51
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
|
|
52
|
-
return css(
|
|
52
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t", "\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmargin: 0 auto ", ";\n\t\t\tbox-sizing: border-box;\n\n\t\t\t/**\n\t\t\t * Fix block top alignment inside table cells.\n\t\t\t */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t", "\n\t\t}\n\t\t.", "[data-number-column='true'] {\n\t\t\tpadding-left: ", "px;\n\t\t\tclear: both;\n\t\t}\n\n\t\t.", " {\n\t\t\twill-change: width, margin-left;\n\t\t}\n\n\t\t.", " table {\n\t\t\twill-change: width;\n\t\t}\n\t\t.", " > table {\n\t\t\tmargin: ", " 0 0 0;\n\t\t}\n\n\t\t.", " > table,\n\t\t.", " > table {\n\t\t\tmargin: ", " ", " 0 0;\n\t\t}\n\n\t\t/* support panel nested in table */\n\t\t", "\n\n\t\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\t\tborder-collapse: collapse;\n\t\t\t", "\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\n\t\t\t", "\n\n\t\t\t&[data-autosize='true'] {\n\t\t\t\ttable-layout: auto;\n\t\t\t}\n\n\t\t\t& {\n\t\t\t\t* {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\thr {\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t}\n\n\t\t\t\ttbody {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t\tth td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th,\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tmin-width: ", "px;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\t", "\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tborder-right-width: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\t\tpadding: ", ";\n\t\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t\t", "\n\n\t\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected */\n\t\t\t\t> tbody > tr > td {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\n\t\t\t\t", "\n\t\t\t\tth {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\ttext-align: left;\n\n\t\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t\t", " {\n\t\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t\t/* selector lives inside @atlaskit/code */\n\t\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Fake side borders are not needed when the rounded overlay owns the outer border. */\n\t\t\t\t.".concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t\t") : ".".concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, ",\n\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 1px;\n\t\t\t\theight: calc(100% - ", "var(--ds-space-300, 24px)", ");\n\t\t\t\tbackground: ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", "var(--ds-space-300, 24px)", ";\n\t\t\t}\n\t\t\t.").concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, " {\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, " {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t.").concat(TableSharedCssClassName.TABLE_LEFT_BORDER, "[data-with-numbered-table='true'] {\n\t\t\t\tleft: ").concat(akEditorTableNumberColumnWidth - 1, "px;\n\t\t\t}"), TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", fg('platform_editor_bordered_panel_nested_in_table') ? ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " .ak-editor-panel {\n\t\t\tborder: ", "var(--ds-border-width, 1px)", " solid ", "var(--ds-border, #0B120E24)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Keep a transparent border so the collapsed border model reserves the same 1px slot\n\t\t\t on the table edge; the ::after overlay draws the visible rounded border instead. */\n\t\t\tborder: ".concat(tableCellBorderWidth, "px solid transparent;") : "border: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\tborder-left-color: transparent;\n\t\t\tborder-right-color: transparent;"), expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? "position: relative;\n\n\t\t\t/* Table-width outer-border owner for overflow-safe rounded corners. */\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: -0.5px;\n\t\t\t\tborder: ".concat(tableCellBorderWidth, "px solid ", "var(--ds-background-accent-gray-subtler, #DDDEE1)", ";\n\t\t\t\tborder-radius: ", "var(--ds-radius-xlarge, 12px)", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: 1;\n\t\t\t}") : '', "var(--ds-background-neutral-subtle, #00000000)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) ? "&[data-valign='middle'] {\n\t\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&[data-valign='bottom'] {\n\t\t\t\t\t\t\t\tvertical-align: bottom;\n\t\t\t\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", "var(--ds-surface, #FFFFFF)", expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? "/* Let the wrapper overlay own the outer table perimeter.\n\t\t\t\t data-reaches-* attributes are set by the TableCell node view. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top] {\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > th[data-reaches-left],\n\t\t\t\t> tbody > tr > td[data-reaches-left] {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-left]::after {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t> tbody > tr > td[data-reaches-bottom]::after,\n\t\t\t\t> tbody > tr > th[data-reaches-bottom]::after {\n\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t}\n\n\t\t\t\t/* The rounded-table overlay owns transparent perimeter borders.\n\t\t\t\t Paint edge cell backgrounds into that reserved border area so coloured\n\t\t\t\t first/last rows do not show the page background through 1px seams. */\n\t\t\t\t> tbody > tr > th[data-reaches-top],\n\t\t\t\t> tbody > tr > td[data-reaches-top],\n\t\t\t\t> tbody > tr > th[data-reaches-bottom],\n\t\t\t\t> tbody > tr > td[data-reaches-bottom] {\n\t\t\t\t\tbackground-clip: border-box;\n\t\t\t\t}" : '', "var(--ds-background-accent-gray-subtlest, #F0F1F2)", expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", akEditorSelectedNodeClassName, "var(--ds-border, #0B120E24)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
|
|
53
53
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
54
54
|
}), "var(--ds-background-neutral, #0515240F)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #0515240F)", overflowShadow({
|
|
55
55
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "
|
|
24
|
+
var packageVersion = "117.0.0";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import Loadable from 'react-loadable';
|
|
3
3
|
import { ResourcedMention } from '@atlaskit/mention';
|
|
4
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
4
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
6
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
6
|
-
import Anchor from '@atlaskit/primitives/anchor';
|
|
7
|
+
import { Anchor } from '@atlaskit/primitives/anchor';
|
|
7
8
|
import ProfileCardTrigger from '@atlaskit/profilecard/user';
|
|
8
9
|
import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
|
|
9
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -28,7 +29,7 @@ var AgentProfileCardTrigger = Loadable({
|
|
|
28
29
|
var AT_PREFIX_REGEX = /^@/;
|
|
29
30
|
/**
|
|
30
31
|
* Renders a mention chip wrapped in the appropriate profile card trigger.
|
|
31
|
-
* 1. Agent mentions (`userType === 'APP'`, behind `
|
|
32
|
+
* 1. Agent mentions (`userType === 'APP'`, behind the `rovo_chat_mention_agents` experiment) open the Rovo agent profile card on click.
|
|
32
33
|
* 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
|
|
33
34
|
*/
|
|
34
35
|
export default function MentionWithProfileCard(_ref) {
|
|
@@ -63,7 +64,7 @@ export default function MentionWithProfileCard(_ref) {
|
|
|
63
64
|
});
|
|
64
65
|
|
|
65
66
|
// Agent mentions (userType 'APP') open the Rovo agent profile card on click.
|
|
66
|
-
if (userType === 'APP' && cloudId &&
|
|
67
|
+
if (userType === 'APP' && cloudId && isExperimentEnabled('rovo_chat_mention_agents')) {
|
|
67
68
|
return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
|
|
68
69
|
agentId: id,
|
|
69
70
|
cloudId: cloudId,
|
|
@@ -19,7 +19,7 @@ export interface Props {
|
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
21
|
* Renders a mention chip wrapped in the appropriate profile card trigger.
|
|
22
|
-
* 1. Agent mentions (`userType === 'APP'`, behind `
|
|
22
|
+
* 1. Agent mentions (`userType === 'APP'`, behind the `rovo_chat_mention_agents` experiment) open the Rovo agent profile card on click.
|
|
23
23
|
* 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
|
|
24
24
|
*/
|
|
25
25
|
export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, userType, }: Props): React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "117.0.
|
|
3
|
+
"version": "117.0.1",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"@atlaskit/editor-toolbar": "^2.4.0",
|
|
51
51
|
"@atlaskit/editor-toolbar-model": "^1.2.0",
|
|
52
52
|
"@atlaskit/emoji": "^71.15.0",
|
|
53
|
+
"@atlaskit/feature-gate-js-client": "^6.0.0",
|
|
53
54
|
"@atlaskit/icon": "^37.2.0",
|
|
54
55
|
"@atlaskit/link": "^5.0.0",
|
|
55
56
|
"@atlaskit/link-datasource": "^6.4.0",
|
|
@@ -66,6 +67,7 @@
|
|
|
66
67
|
"@atlaskit/menu": "^9.2.0",
|
|
67
68
|
"@atlaskit/object": "^2.2.0",
|
|
68
69
|
"@atlaskit/onboarding": "^15.1.0",
|
|
70
|
+
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
69
71
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
70
72
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
71
73
|
"@atlaskit/popper": "^8.5.0",
|
|
@@ -122,7 +124,6 @@
|
|
|
122
124
|
},
|
|
123
125
|
"devDependencies": {
|
|
124
126
|
"@atlaskit/media-core": "^38.0.0",
|
|
125
|
-
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
126
127
|
"@atlassian/a11y-jest-testing": "^0.14.0",
|
|
127
128
|
"@atlassian/experiment-test-utils": "^0.2.0",
|
|
128
129
|
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
@@ -167,8 +168,9 @@
|
|
|
167
168
|
"type": "boolean",
|
|
168
169
|
"referenceOnly": true
|
|
169
170
|
},
|
|
170
|
-
"
|
|
171
|
-
"type": "
|
|
171
|
+
"rovo_chat_mention_agents": {
|
|
172
|
+
"type": "experiment",
|
|
173
|
+
"referenceOnly": true
|
|
172
174
|
},
|
|
173
175
|
"platform_editor_lovability_text_bg_color_patch_2": {
|
|
174
176
|
"type": "boolean"
|
|
@@ -188,9 +190,6 @@
|
|
|
188
190
|
"confluence-issue-terminology-refresh": {
|
|
189
191
|
"type": "boolean"
|
|
190
192
|
},
|
|
191
|
-
"platform_editor_nested_dnd_styles_changes": {
|
|
192
|
-
"type": "boolean"
|
|
193
|
-
},
|
|
194
193
|
"platform_editor_bordered_panel_nested_in_table": {
|
|
195
194
|
"type": "boolean"
|
|
196
195
|
},
|