@atlaskit/editor-common 116.51.1 → 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 +40 -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/TableSharedCssClassName.js +0 -5
- 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/TableSharedCssClassName.js +0 -5
- 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/TableSharedCssClassName.js +0 -5
- 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/styles/shared/TableSharedCssClassName.d.ts +0 -5
- package/dist/types/ui/Mention/mention-with-profilecard.d.ts +1 -1
- package/package.json +7 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,45 @@
|
|
|
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
|
+
|
|
13
|
+
## 117.0.0
|
|
14
|
+
|
|
15
|
+
### Major Changes
|
|
16
|
+
|
|
17
|
+
- [`4cc8b22d77107`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4cc8b22d77107) -
|
|
18
|
+
Remove the legacy JavaScript shadow logic (observer, sentinel elements, and supporting styles)
|
|
19
|
+
which was no longer in use.
|
|
20
|
+
|
|
21
|
+
### What has changed
|
|
22
|
+
|
|
23
|
+
Removes the following public APIs, even though they no longer represented elements rendered by the
|
|
24
|
+
editor:
|
|
25
|
+
- `@atlaskit/editor-plugin-table` (also re-exported by `@atlaskit/editor-plugins`):
|
|
26
|
+
- `ShadowEvent`
|
|
27
|
+
- `TableCssClassName.TABLE_LEFT_SHADOW`
|
|
28
|
+
- `TableCssClassName.TABLE_RIGHT_SHADOW`
|
|
29
|
+
- `TableCssClassName.TABLE_SHADOW_SENTINEL_LEFT`
|
|
30
|
+
- `TableCssClassName.TABLE_SHADOW_SENTINEL_RIGHT`
|
|
31
|
+
- `TableCssClassName.TABLE_STICKY_SHADOW`
|
|
32
|
+
- `@atlaskit/editor-common`:
|
|
33
|
+
- `TableSharedCssClassName.TABLE_LEFT_SHADOW`
|
|
34
|
+
- `TableSharedCssClassName.TABLE_RIGHT_SHADOW`
|
|
35
|
+
- `TableSharedCssClassName.TABLE_SHADOW_SENTINEL_LEFT`
|
|
36
|
+
- `TableSharedCssClassName.TABLE_SHADOW_SENTINEL_RIGHT`
|
|
37
|
+
- `TableSharedCssClassName.TABLE_STICKY_SHADOW`
|
|
38
|
+
|
|
39
|
+
### Patch Changes
|
|
40
|
+
|
|
41
|
+
- Updated dependencies
|
|
42
|
+
|
|
3
43
|
## 116.51.1
|
|
4
44
|
|
|
5
45
|
### Patch 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"),
|
|
@@ -12,18 +12,13 @@ var TableSharedCssClassName = exports.TableSharedCssClassName = {
|
|
|
12
12
|
TABLE_SCROLL_INLINE_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-scroll-inline-shadow"),
|
|
13
13
|
TABLE_RIGHT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-right-border"),
|
|
14
14
|
TABLE_LEFT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-left-border"),
|
|
15
|
-
TABLE_LEFT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-left-shadow"),
|
|
16
15
|
TABLE_NATIVE_STICKY: "".concat(_adfSchema.tablePrefixSelector, "-row-native-sticky"),
|
|
17
|
-
TABLE_RIGHT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-right-shadow"),
|
|
18
|
-
TABLE_STICKY_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-sticky-shadow"),
|
|
19
16
|
TABLE_STICKY_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-wrapper"),
|
|
20
17
|
TABLE_STICKY_SCROLLBAR_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-container"),
|
|
21
18
|
TABLE_STICKY_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-top"),
|
|
22
19
|
TABLE_STICKY_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-sentinel-bottom"),
|
|
23
20
|
TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-sentinel-top"),
|
|
24
21
|
TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: "".concat(_adfSchema.tablePrefixSelector, "-sticky-scrollbar-sentinel-bottom"),
|
|
25
|
-
TABLE_SHADOW_SENTINEL_LEFT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-left"),
|
|
26
|
-
TABLE_SHADOW_SENTINEL_RIGHT: "".concat(_adfSchema.tablePrefixSelector, "-shadow-sentinel-right"),
|
|
27
22
|
TABLE_STICKY: "".concat(_adfSchema.tablePrefixSelector, "-sticky"),
|
|
28
23
|
// eslint-disable-next-line @atlaskit/editor/no-re-export
|
|
29
24
|
TABLE_CELL_NODEVIEW_CONTENT_DOM: _adfSchema.tableCellContentDomSelector,
|
|
@@ -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`,
|
|
@@ -6,18 +6,13 @@ export const TableSharedCssClassName = {
|
|
|
6
6
|
TABLE_SCROLL_INLINE_SHADOW: `${tablePrefixSelector}-scroll-inline-shadow`,
|
|
7
7
|
TABLE_RIGHT_BORDER: `${tablePrefixSelector}-right-border`,
|
|
8
8
|
TABLE_LEFT_BORDER: `${tablePrefixSelector}-left-border`,
|
|
9
|
-
TABLE_LEFT_SHADOW: `${tablePrefixSelector}-with-left-shadow`,
|
|
10
9
|
TABLE_NATIVE_STICKY: `${tablePrefixSelector}-row-native-sticky`,
|
|
11
|
-
TABLE_RIGHT_SHADOW: `${tablePrefixSelector}-with-right-shadow`,
|
|
12
|
-
TABLE_STICKY_SHADOW: `${tablePrefixSelector}-sticky-shadow`,
|
|
13
10
|
TABLE_STICKY_WRAPPER: `${tablePrefixSelector}-sticky-wrapper`,
|
|
14
11
|
TABLE_STICKY_SCROLLBAR_CONTAINER: `${tablePrefixSelector}-sticky-scrollbar-container`,
|
|
15
12
|
TABLE_STICKY_SENTINEL_TOP: `${tablePrefixSelector}-sticky-sentinel-top`,
|
|
16
13
|
TABLE_STICKY_SENTINEL_BOTTOM: `${tablePrefixSelector}-sticky-sentinel-bottom`,
|
|
17
14
|
TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: `${tablePrefixSelector}-sticky-scrollbar-sentinel-top`,
|
|
18
15
|
TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: `${tablePrefixSelector}-sticky-scrollbar-sentinel-bottom`,
|
|
19
|
-
TABLE_SHADOW_SENTINEL_LEFT: `${tablePrefixSelector}-shadow-sentinel-left`,
|
|
20
|
-
TABLE_SHADOW_SENTINEL_RIGHT: `${tablePrefixSelector}-shadow-sentinel-right`,
|
|
21
16
|
TABLE_STICKY: `${tablePrefixSelector}-sticky`,
|
|
22
17
|
// eslint-disable-next-line @atlaskit/editor/no-re-export
|
|
23
18
|
TABLE_CELL_NODEVIEW_CONTENT_DOM: tableCellContentDomSelector,
|
|
@@ -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"),
|
|
@@ -6,18 +6,13 @@ export var TableSharedCssClassName = {
|
|
|
6
6
|
TABLE_SCROLL_INLINE_SHADOW: "".concat(tablePrefixSelector, "-scroll-inline-shadow"),
|
|
7
7
|
TABLE_RIGHT_BORDER: "".concat(tablePrefixSelector, "-right-border"),
|
|
8
8
|
TABLE_LEFT_BORDER: "".concat(tablePrefixSelector, "-left-border"),
|
|
9
|
-
TABLE_LEFT_SHADOW: "".concat(tablePrefixSelector, "-with-left-shadow"),
|
|
10
9
|
TABLE_NATIVE_STICKY: "".concat(tablePrefixSelector, "-row-native-sticky"),
|
|
11
|
-
TABLE_RIGHT_SHADOW: "".concat(tablePrefixSelector, "-with-right-shadow"),
|
|
12
|
-
TABLE_STICKY_SHADOW: "".concat(tablePrefixSelector, "-sticky-shadow"),
|
|
13
10
|
TABLE_STICKY_WRAPPER: "".concat(tablePrefixSelector, "-sticky-wrapper"),
|
|
14
11
|
TABLE_STICKY_SCROLLBAR_CONTAINER: "".concat(tablePrefixSelector, "-sticky-scrollbar-container"),
|
|
15
12
|
TABLE_STICKY_SENTINEL_TOP: "".concat(tablePrefixSelector, "-sticky-sentinel-top"),
|
|
16
13
|
TABLE_STICKY_SENTINEL_BOTTOM: "".concat(tablePrefixSelector, "-sticky-sentinel-bottom"),
|
|
17
14
|
TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: "".concat(tablePrefixSelector, "-sticky-scrollbar-sentinel-top"),
|
|
18
15
|
TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: "".concat(tablePrefixSelector, "-sticky-scrollbar-sentinel-bottom"),
|
|
19
|
-
TABLE_SHADOW_SENTINEL_LEFT: "".concat(tablePrefixSelector, "-shadow-sentinel-left"),
|
|
20
|
-
TABLE_SHADOW_SENTINEL_RIGHT: "".concat(tablePrefixSelector, "-shadow-sentinel-right"),
|
|
21
16
|
TABLE_STICKY: "".concat(tablePrefixSelector, "-sticky"),
|
|
22
17
|
// eslint-disable-next-line @atlaskit/editor/no-re-export
|
|
23
18
|
TABLE_CELL_NODEVIEW_CONTENT_DOM: tableCellContentDomSelector,
|
|
@@ -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,
|
|
@@ -5,24 +5,19 @@ export declare const TableSharedCssClassName: {
|
|
|
5
5
|
readonly TABLE_CONTAINER: 'pm-table-container';
|
|
6
6
|
readonly TABLE_HEADER_CELL_WRAPPER: 'pm-table-header-content-wrap';
|
|
7
7
|
readonly TABLE_LEFT_BORDER: 'pm-table-left-border';
|
|
8
|
-
readonly TABLE_LEFT_SHADOW: 'pm-table-with-left-shadow';
|
|
9
8
|
readonly TABLE_NATIVE_STICKY: 'pm-table-row-native-sticky';
|
|
10
9
|
readonly TABLE_NODE_WRAPPER: 'pm-table-wrapper';
|
|
11
10
|
readonly TABLE_NODE_WRAPPER_NO_OVERFLOW: 'pm-table-wrapper-no-overflow';
|
|
12
11
|
readonly TABLE_RESIZER_CONTAINER: 'pm-table-resizer-container';
|
|
13
12
|
readonly TABLE_RIGHT_BORDER: 'pm-table-right-border';
|
|
14
|
-
readonly TABLE_RIGHT_SHADOW: 'pm-table-with-right-shadow';
|
|
15
13
|
readonly TABLE_ROW_CONTROLS_WRAPPER: 'pm-table-row-controls-wrapper';
|
|
16
14
|
readonly TABLE_SCROLL_INLINE_SHADOW: 'pm-table-scroll-inline-shadow';
|
|
17
|
-
readonly TABLE_SHADOW_SENTINEL_LEFT: 'pm-table-shadow-sentinel-left';
|
|
18
|
-
readonly TABLE_SHADOW_SENTINEL_RIGHT: 'pm-table-shadow-sentinel-right';
|
|
19
15
|
readonly TABLE_STICKY: 'pm-table-sticky';
|
|
20
16
|
readonly TABLE_STICKY_SCROLLBAR_CONTAINER: 'pm-table-sticky-scrollbar-container';
|
|
21
17
|
readonly TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: 'pm-table-sticky-scrollbar-sentinel-bottom';
|
|
22
18
|
readonly TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: 'pm-table-sticky-scrollbar-sentinel-top';
|
|
23
19
|
readonly TABLE_STICKY_SENTINEL_BOTTOM: 'pm-table-sticky-sentinel-bottom';
|
|
24
20
|
readonly TABLE_STICKY_SENTINEL_TOP: 'pm-table-sticky-sentinel-top';
|
|
25
|
-
readonly TABLE_STICKY_SHADOW: 'pm-table-sticky-shadow';
|
|
26
21
|
readonly TABLE_STICKY_WRAPPER: 'pm-table-sticky-wrapper';
|
|
27
22
|
readonly TABLE_VIEW_CONTENT_WRAP: 'tableView-content-wrap';
|
|
28
23
|
};
|
|
@@ -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": "
|
|
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",
|
|
@@ -81,7 +83,7 @@
|
|
|
81
83
|
"@atlaskit/task-decision": "^21.8.0",
|
|
82
84
|
"@atlaskit/teams-app-config": "^2.1.0",
|
|
83
85
|
"@atlaskit/textfield": "^9.1.0",
|
|
84
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
86
|
+
"@atlaskit/tmp-editor-statsig": "^138.0.0",
|
|
85
87
|
"@atlaskit/tokens": "^16.3.0",
|
|
86
88
|
"@atlaskit/tooltip": "^24.0.0",
|
|
87
89
|
"@atlaskit/width-detector": "^6.2.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
|
},
|