@atlaskit/editor-common 110.11.0 → 110.12.0

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.
Files changed (27) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/analytics/types/enums.js +1 -0
  3. package/dist/cjs/monitoring/error.js +1 -1
  4. package/dist/cjs/styles/shared/table.js +4 -1
  5. package/dist/cjs/ui/DropList/index.js +1 -1
  6. package/dist/cjs/utils/analytics.js +13 -2
  7. package/dist/es2019/analytics/types/enums.js +1 -0
  8. package/dist/es2019/monitoring/error.js +1 -1
  9. package/dist/es2019/styles/shared/table.js +24 -0
  10. package/dist/es2019/ui/DropList/index.js +1 -1
  11. package/dist/es2019/utils/analytics.js +10 -1
  12. package/dist/esm/analytics/types/enums.js +1 -0
  13. package/dist/esm/monitoring/error.js +1 -1
  14. package/dist/esm/styles/shared/table.js +4 -1
  15. package/dist/esm/ui/DropList/index.js +1 -1
  16. package/dist/esm/utils/analytics.js +12 -1
  17. package/dist/types/analytics/types/enums.d.ts +2 -1
  18. package/dist/types/analytics/types/events.d.ts +1 -1
  19. package/dist/types/analytics/types/table-events.d.ts +5 -0
  20. package/dist/types/styles/shared/table.d.ts +3 -0
  21. package/dist/types/utils/analytics.d.ts +8 -0
  22. package/dist/types-ts4.5/analytics/types/enums.d.ts +2 -1
  23. package/dist/types-ts4.5/analytics/types/events.d.ts +1 -1
  24. package/dist/types-ts4.5/analytics/types/table-events.d.ts +5 -0
  25. package/dist/types-ts4.5/styles/shared/table.d.ts +3 -0
  26. package/dist/types-ts4.5/utils/analytics.d.ts +8 -0
  27. package/package.json +7 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 110.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d3e3f3fdb9cee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3e3f3fdb9cee) -
8
+ Add new selection toolbar type to event, add errorboundary for selection toolbar and try/catch
9
+ blocks with log exceptions to sentry
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 110.11.1
16
+
17
+ ### Patch Changes
18
+
19
+ - [`71cac2e4cf915`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71cac2e4cf915) -
20
+ [FF-CLEANUP] platform_editor_add_border_for_nested_panel
21
+ - [`c0ef0bedb49c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0ef0bedb49c0) -
22
+ EDITOR-1391 only send table width information events if there are tables, add enums and boolean
23
+ values for table width, editor width and scrollbar existence for ingestion in signalfx
24
+ - Updated dependencies
25
+
3
26
  ## 110.11.0
4
27
 
5
28
  ### Minor Changes
package/dist/cjs/analytics/types/enums.js CHANGED
@@ -535,5 +535,6 @@ var CONTENT_COMPONENT = exports.CONTENT_COMPONENT = /*#__PURE__*/function (CONTE
535
535
  CONTENT_COMPONENT["FLOATING_CONTEXTUAL_BUTTON"] = "floatingContextualButton";
536
536
  CONTENT_COMPONENT["FLOATING_INSERT_BUTTON"] = "floatingInsertButton";
537
537
  CONTENT_COMPONENT["FLOATING_TOOLBAR"] = "floatingToolbar";
538
+ CONTENT_COMPONENT["SELECTION_TOOLBAR"] = "selectionToolbar";
538
539
  return CONTENT_COMPONENT;
539
540
  }({});
package/dist/cjs/monitoring/error.js CHANGED
@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
16
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
17
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
18
18
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
19
- var packageVersion = "110.10.4";
19
+ var packageVersion = "110.11.1";
20
20
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
21
21
  // Remove URL as it has UGC
22
22
  // Ignored via go/ees007
package/dist/cjs/styles/shared/table.js CHANGED
@@ -29,6 +29,9 @@ var tableControlsSpacing = exports.tableControlsSpacing = tableMarginTop + table
29
29
  var TableSharedCssClassName = exports.TableSharedCssClassName = {
30
30
  TABLE_CONTAINER: "".concat(_adfSchema.tablePrefixSelector, "-container"),
31
31
  TABLE_NODE_WRAPPER: "".concat(_adfSchema.tablePrefixSelector, "-wrapper"),
32
+ TABLE_SCROLL_INLINE_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-scroll-inline-shadow"),
33
+ TABLE_RIGHT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-right-border"),
34
+ TABLE_LEFT_BORDER: "".concat(_adfSchema.tablePrefixSelector, "-left-border"),
32
35
  TABLE_LEFT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-left-shadow"),
33
36
  TABLE_RIGHT_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-with-right-shadow"),
34
37
  TABLE_STICKY_SHADOW: "".concat(_adfSchema.tablePrefixSelector, "-sticky-shadow"),
@@ -60,7 +63,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
60
63
  var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
61
64
  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
62
65
  // 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
63
- return (0, _react.css)(_templateObject3 || (_templateObject3 = (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 * Fix block top alignment inside table cells.\n */\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}\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\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\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\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\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\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\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.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)", (0, _platformFeatureFlags.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, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "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)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
66
+ return (0, _react.css)(_templateObject3 || (_templateObject3 = (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 * Fix block top alignment inside table cells.\n */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\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\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\tborder: ", "px solid\n\t\t\t\t", ";\n\n\t\t\t", "\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\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\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\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\t"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", (0, _expValEquals.expValEquals)('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') && ".".concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, ", .").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, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), ";\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"), TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.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)", (0, _platformFeatureFlags.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, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), (0, _expValEquals.expValEquals)('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') && "\n\t\t\t\tborder-left: 0;\n\t\t\t\tborder-right: 0;\n\t\t\t", "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "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)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
64
67
  leftCoverWidth: "var(--ds-space-300, 24px)"
65
68
  }), "var(--ds-background-neutral, rgb(235, 237, 240))", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", (0, _editorSharedStyles.overflowShadow)({
66
69
  leftCoverWidth: "var(--ds-space-300, 24px)"
package/dist/cjs/ui/DropList/index.js CHANGED
@@ -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 = "110.10.4";
27
+ var packageVersion = "110.11.1";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
package/dist/cjs/utils/analytics.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.analyticsEventKey = exports.SEVERITY = void 0;
7
7
  exports.findInsertLocation = findInsertLocation;
8
- exports.getAnalyticsEventSeverity = exports.getAnalyticsEditorAppearance = exports.getAnalyticsAppearance = void 0;
8
+ exports.getBreakpointKey = exports.getAnalyticsEventSeverity = exports.getAnalyticsEditorAppearance = exports.getAnalyticsAppearance = void 0;
9
9
  var _FabricEditorAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext");
10
10
  var _state = require("@atlaskit/editor-prosemirror/state");
11
11
  var _utils = require("@atlaskit/editor-prosemirror/utils");
@@ -59,4 +59,15 @@ var SEVERITY = exports.SEVERITY = /*#__PURE__*/function (SEVERITY) {
59
59
  SEVERITY["BLOCKING"] = "blocking";
60
60
  return SEVERITY;
61
61
  }({});
62
- var analyticsEventKey = exports.analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
62
+ var analyticsEventKey = exports.analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
63
+ var EDITOR_BREAKPOINT_WIDTH = {
64
+ S: 760,
65
+ M: 1600,
66
+ L: Infinity
67
+ };
68
+ var TABLE_BREAKPOINT_KEYS = Object.keys(EDITOR_BREAKPOINT_WIDTH);
69
+ var getBreakpointKey = exports.getBreakpointKey = function getBreakpointKey(width) {
70
+ return TABLE_BREAKPOINT_KEYS.find(function (key) {
71
+ return width <= EDITOR_BREAKPOINT_WIDTH[key];
72
+ }) || 'L';
73
+ };
package/dist/es2019/analytics/types/enums.js CHANGED
@@ -529,5 +529,6 @@ export let CONTENT_COMPONENT = /*#__PURE__*/function (CONTENT_COMPONENT) {
529
529
  CONTENT_COMPONENT["FLOATING_CONTEXTUAL_BUTTON"] = "floatingContextualButton";
530
530
  CONTENT_COMPONENT["FLOATING_INSERT_BUTTON"] = "floatingInsertButton";
531
531
  CONTENT_COMPONENT["FLOATING_TOOLBAR"] = "floatingToolbar";
532
+ CONTENT_COMPONENT["SELECTION_TOOLBAR"] = "selectionToolbar";
532
533
  return CONTENT_COMPONENT;
533
534
  }({});
package/dist/es2019/monitoring/error.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { isFedRamp } from './environment';
2
2
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
3
3
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
4
- const packageVersion = "110.10.4";
4
+ const packageVersion = "110.11.1";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // Ignored via go/ees007
package/dist/es2019/styles/shared/table.js CHANGED
@@ -21,6 +21,9 @@ export const tableControlsSpacing = tableMarginTop + tablePadding - tableCellBor
21
21
  export const TableSharedCssClassName = {
22
22
  TABLE_CONTAINER: `${tablePrefixSelector}-container`,
23
23
  TABLE_NODE_WRAPPER: `${tablePrefixSelector}-wrapper`,
24
+ TABLE_SCROLL_INLINE_SHADOW: `${tablePrefixSelector}-scroll-inline-shadow`,
25
+ TABLE_RIGHT_BORDER: `${tablePrefixSelector}-right-border`,
26
+ TABLE_LEFT_BORDER: `${tablePrefixSelector}-left-border`,
24
27
  TABLE_LEFT_SHADOW: `${tablePrefixSelector}-with-left-shadow`,
25
28
  TABLE_RIGHT_SHADOW: `${tablePrefixSelector}-with-right-shadow`,
26
29
  TABLE_STICKY_SHADOW: `${tablePrefixSelector}-sticky-shadow`,
@@ -84,6 +87,22 @@ const tableSharedStyle = () => {
84
87
  .decisionItemView-content-wrap:first-of-type > div {
85
88
  margin-top: 0;
86
89
  }
90
+
91
+ ${expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') && `.${TableSharedCssClassName.TABLE_RIGHT_BORDER}, .${TableSharedCssClassName.TABLE_LEFT_BORDER} {
92
+ display: block;
93
+ width: 1px;
94
+ height: calc(100% - ${"var(--ds-space-300, 24px)"});
95
+ background: ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
96
+ position: absolute;
97
+ top: ${"var(--ds-space-300, 24px)"};
98
+ }
99
+ .${TableSharedCssClassName.TABLE_RIGHT_BORDER} {
100
+ right: 0;
101
+ }
102
+ .${TableSharedCssClassName.TABLE_LEFT_BORDER} {
103
+ left: 0;
104
+ }
105
+ `}
87
106
  }
88
107
  .${TableSharedCssClassName.TABLE_CONTAINER}[data-number-column='true'] {
89
108
  padding-left: ${akEditorTableNumberColumnWidth - 1}px;
@@ -119,6 +138,11 @@ const tableSharedStyle = () => {
119
138
  border-collapse: collapse;
120
139
  border: ${tableCellBorderWidth}px solid
121
140
  ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
141
+
142
+ ${expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') && `
143
+ border-left: 0;
144
+ border-right: 0;
145
+ `}
122
146
  table-layout: fixed;
123
147
  font-size: 1em;
124
148
  width: 100%;
package/dist/es2019/ui/DropList/index.js CHANGED
@@ -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 = "110.10.4";
17
+ const packageVersion = "110.11.1";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
package/dist/es2019/utils/analytics.js CHANGED
@@ -48,4 +48,13 @@ export let SEVERITY = /*#__PURE__*/function (SEVERITY) {
48
48
  SEVERITY["BLOCKING"] = "blocking";
49
49
  return SEVERITY;
50
50
  }({});
51
- export const analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
51
+ export const analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
52
+ const EDITOR_BREAKPOINT_WIDTH = {
53
+ S: 760,
54
+ M: 1600,
55
+ L: Infinity
56
+ };
57
+ const TABLE_BREAKPOINT_KEYS = Object.keys(EDITOR_BREAKPOINT_WIDTH);
58
+ export const getBreakpointKey = width => {
59
+ return TABLE_BREAKPOINT_KEYS.find(key => width <= EDITOR_BREAKPOINT_WIDTH[key]) || 'L';
60
+ };
package/dist/esm/analytics/types/enums.js CHANGED
@@ -529,5 +529,6 @@ export var CONTENT_COMPONENT = /*#__PURE__*/function (CONTENT_COMPONENT) {
529
529
  CONTENT_COMPONENT["FLOATING_CONTEXTUAL_BUTTON"] = "floatingContextualButton";
530
530
  CONTENT_COMPONENT["FLOATING_INSERT_BUTTON"] = "floatingInsertButton";
531
531
  CONTENT_COMPONENT["FLOATING_TOOLBAR"] = "floatingToolbar";
532
+ CONTENT_COMPONENT["SELECTION_TOOLBAR"] = "selectionToolbar";
532
533
  return CONTENT_COMPONENT;
533
534
  }({});
package/dist/esm/monitoring/error.js CHANGED
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import { isFedRamp } from './environment';
8
8
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
9
9
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
10
- var packageVersion = "110.10.4";
10
+ var packageVersion = "110.11.1";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // Ignored via go/ees007
package/dist/esm/styles/shared/table.js CHANGED
@@ -23,6 +23,9 @@ export var tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorde
23
23
  export var TableSharedCssClassName = {
24
24
  TABLE_CONTAINER: "".concat(tablePrefixSelector, "-container"),
25
25
  TABLE_NODE_WRAPPER: "".concat(tablePrefixSelector, "-wrapper"),
26
+ TABLE_SCROLL_INLINE_SHADOW: "".concat(tablePrefixSelector, "-scroll-inline-shadow"),
27
+ TABLE_RIGHT_BORDER: "".concat(tablePrefixSelector, "-right-border"),
28
+ TABLE_LEFT_BORDER: "".concat(tablePrefixSelector, "-left-border"),
26
29
  TABLE_LEFT_SHADOW: "".concat(tablePrefixSelector, "-with-left-shadow"),
27
30
  TABLE_RIGHT_SHADOW: "".concat(tablePrefixSelector, "-with-right-shadow"),
28
31
  TABLE_STICKY_SHADOW: "".concat(tablePrefixSelector, "-sticky-shadow"),
@@ -54,7 +57,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
54
57
  var tableSharedStyle = function tableSharedStyle() {
55
58
  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
56
59
  // 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
57
- return css(_templateObject3 || (_templateObject3 = _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 * Fix block top alignment inside table cells.\n */\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}\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\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\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\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\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\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\t"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", 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, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "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)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
60
+ return css(_templateObject3 || (_templateObject3 = _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 * Fix block top alignment inside table cells.\n */\n\t\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\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\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\tborder: ", "px solid\n\t\t\t\t", ";\n\n\t\t\t", "\n\t\t\ttable-layout: fixed;\n\t\t\tfont-size: 1em;\n\t\t\twidth: 100%;\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\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\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\t"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') && ".".concat(TableSharedCssClassName.TABLE_RIGHT_BORDER, ", .").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, ".concat(akEditorTableBorder, ")"), ";\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"), 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, #d9dbea)", ";\n\t\t}") : '', TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), expValEquals('platform_editor_disable_table_overflow_shadows', 'cohort', 'variant2') && "\n\t\t\t\tborder-left: 0;\n\t\t\t\tborder-right: 0;\n\t\t\t", "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "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)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)', CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
58
61
  leftCoverWidth: "var(--ds-space-300, 24px)"
59
62
  }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
60
63
  leftCoverWidth: "var(--ds-space-300, 24px)"
package/dist/esm/ui/DropList/index.js CHANGED
@@ -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 = "110.10.4";
24
+ var packageVersion = "110.11.1";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
package/dist/esm/utils/analytics.js CHANGED
@@ -51,4 +51,15 @@ export var SEVERITY = /*#__PURE__*/function (SEVERITY) {
51
51
  SEVERITY["BLOCKING"] = "blocking";
52
52
  return SEVERITY;
53
53
  }({});
54
- export var analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
54
+ export var analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
55
+ var EDITOR_BREAKPOINT_WIDTH = {
56
+ S: 760,
57
+ M: 1600,
58
+ L: Infinity
59
+ };
60
+ var TABLE_BREAKPOINT_KEYS = Object.keys(EDITOR_BREAKPOINT_WIDTH);
61
+ export var getBreakpointKey = function getBreakpointKey(width) {
62
+ return TABLE_BREAKPOINT_KEYS.find(function (key) {
63
+ return width <= EDITOR_BREAKPOINT_WIDTH[key];
64
+ }) || 'L';
65
+ };
package/dist/types/analytics/types/enums.d.ts CHANGED
@@ -518,5 +518,6 @@ export declare enum CONTENT_COMPONENT {
518
518
  INLINE_COMMENT = "inlineComment",
519
519
  FLOATING_CONTEXTUAL_BUTTON = "floatingContextualButton",
520
520
  FLOATING_INSERT_BUTTON = "floatingInsertButton",
521
- FLOATING_TOOLBAR = "floatingToolbar"
521
+ FLOATING_TOOLBAR = "floatingToolbar",
522
+ SELECTION_TOOLBAR = "selectionToolbar"
522
523
  }
package/dist/types/analytics/types/events.d.ts CHANGED
@@ -156,7 +156,7 @@ export type ErrorEventAttributes = {
156
156
  outdatedBrowser?: boolean;
157
157
  product?: string;
158
158
  };
159
- type ComponentCrashErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED, ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON | ACTION_SUBJECT.PLUGIN_SLOT | ACTION_SUBJECT.REACT_NODE_VIEW | ACTION_SUBJECT.TABLES_PLUGIN | ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN | ACTION_SUBJECT.EDITOR | ACTION_SUBJECT.BLOCK_MENU, ACTION_SUBJECT_ID | FLOATING_CONTROLS_TITLE, ErrorEventAttributes>;
159
+ type ComponentCrashErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED, ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON | ACTION_SUBJECT.PLUGIN_SLOT | ACTION_SUBJECT.REACT_NODE_VIEW | ACTION_SUBJECT.TABLES_PLUGIN | ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN | ACTION_SUBJECT.EDITOR | ACTION_SUBJECT.BLOCK_MENU | ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID | FLOATING_CONTROLS_TITLE, ErrorEventAttributes>;
160
160
  type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED_ADDITIONAL_INFORMATION, ACTION_SUBJECT.EDITOR, undefined, {
161
161
  errorId: string;
162
162
  }>;
package/dist/types/analytics/types/table-events.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
2
+ import type { EditorBreakpointKey } from '../../utils/analytics';
2
3
  import type { ACTION_SUBJECT, INPUT_METHOD } from './enums';
3
4
  import type { OperationalAEP, TableAEP, UIAEP } from './utils';
4
5
  export declare enum TABLE_ACTION {
@@ -208,6 +209,10 @@ type TableChangedAlignmentAEP = TableAEP<TABLE_ACTION.CHANGED_ALIGNMENT, {
208
209
  type TableBackgroundColorFixAEP = TableAEP<TABLE_ACTION.TABLE_CELL_BACKGROUND_FIXED, undefined, undefined>;
209
210
  type TableWidthInfoAEP = TableAEP<TABLE_ACTION.TABLE_WIDTH_INFO, {
210
211
  editorWidth: number;
212
+ editorWidthBreakpoint: EditorBreakpointKey;
213
+ hasTableWiderThanEditor: boolean;
214
+ hasTableWithScrollbar: boolean;
215
+ maxTableWidthBreakpoint: EditorBreakpointKey;
211
216
  mode: 'editor' | 'renderer';
212
217
  tableWidthInfo: Array<{
213
218
  hasScrollbar: boolean;
package/dist/types/styles/shared/table.d.ts CHANGED
@@ -13,6 +13,9 @@ export declare const tableControlsSpacing: number;
13
13
  export declare const TableSharedCssClassName: {
14
14
  readonly TABLE_CONTAINER: "pm-table-container";
15
15
  readonly TABLE_NODE_WRAPPER: "pm-table-wrapper";
16
+ readonly TABLE_SCROLL_INLINE_SHADOW: "pm-table-scroll-inline-shadow";
17
+ readonly TABLE_RIGHT_BORDER: "pm-table-right-border";
18
+ readonly TABLE_LEFT_BORDER: "pm-table-left-border";
16
19
  readonly TABLE_LEFT_SHADOW: "pm-table-with-left-shadow";
17
20
  readonly TABLE_RIGHT_SHADOW: "pm-table-with-right-shadow";
18
21
  readonly TABLE_STICKY_SHADOW: "pm-table-sticky-shadow";
package/dist/types/utils/analytics.d.ts CHANGED
@@ -10,3 +10,11 @@ export declare enum SEVERITY {
10
10
  BLOCKING = "blocking"
11
11
  }
12
12
  export declare const analyticsEventKey = "EDITOR_ANALYTICS_EVENT";
13
+ declare const EDITOR_BREAKPOINT_WIDTH: {
14
+ S: number;
15
+ M: number;
16
+ L: number;
17
+ };
18
+ export type EditorBreakpointKey = keyof typeof EDITOR_BREAKPOINT_WIDTH;
19
+ export declare const getBreakpointKey: (width: number) => EditorBreakpointKey;
20
+ export {};
package/dist/types-ts4.5/analytics/types/enums.d.ts CHANGED
@@ -518,5 +518,6 @@ export declare enum CONTENT_COMPONENT {
518
518
  INLINE_COMMENT = "inlineComment",
519
519
  FLOATING_CONTEXTUAL_BUTTON = "floatingContextualButton",
520
520
  FLOATING_INSERT_BUTTON = "floatingInsertButton",
521
- FLOATING_TOOLBAR = "floatingToolbar"
521
+ FLOATING_TOOLBAR = "floatingToolbar",
522
+ SELECTION_TOOLBAR = "selectionToolbar"
522
523
  }
package/dist/types-ts4.5/analytics/types/events.d.ts CHANGED
@@ -156,7 +156,7 @@ export type ErrorEventAttributes = {
156
156
  outdatedBrowser?: boolean;
157
157
  product?: string;
158
158
  };
159
- type ComponentCrashErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED, ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON | ACTION_SUBJECT.PLUGIN_SLOT | ACTION_SUBJECT.REACT_NODE_VIEW | ACTION_SUBJECT.TABLES_PLUGIN | ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN | ACTION_SUBJECT.EDITOR | ACTION_SUBJECT.BLOCK_MENU, ACTION_SUBJECT_ID | FLOATING_CONTROLS_TITLE, ErrorEventAttributes>;
159
+ type ComponentCrashErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED, ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON | ACTION_SUBJECT.PLUGIN_SLOT | ACTION_SUBJECT.REACT_NODE_VIEW | ACTION_SUBJECT.TABLES_PLUGIN | ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN | ACTION_SUBJECT.EDITOR | ACTION_SUBJECT.BLOCK_MENU | ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID | FLOATING_CONTROLS_TITLE, ErrorEventAttributes>;
160
160
  type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR_CRASHED_ADDITIONAL_INFORMATION, ACTION_SUBJECT.EDITOR, undefined, {
161
161
  errorId: string;
162
162
  }>;
package/dist/types-ts4.5/analytics/types/table-events.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
2
+ import type { EditorBreakpointKey } from '../../utils/analytics';
2
3
  import type { ACTION_SUBJECT, INPUT_METHOD } from './enums';
3
4
  import type { OperationalAEP, TableAEP, UIAEP } from './utils';
4
5
  export declare enum TABLE_ACTION {
@@ -208,6 +209,10 @@ type TableChangedAlignmentAEP = TableAEP<TABLE_ACTION.CHANGED_ALIGNMENT, {
208
209
  type TableBackgroundColorFixAEP = TableAEP<TABLE_ACTION.TABLE_CELL_BACKGROUND_FIXED, undefined, undefined>;
209
210
  type TableWidthInfoAEP = TableAEP<TABLE_ACTION.TABLE_WIDTH_INFO, {
210
211
  editorWidth: number;
212
+ editorWidthBreakpoint: EditorBreakpointKey;
213
+ hasTableWiderThanEditor: boolean;
214
+ hasTableWithScrollbar: boolean;
215
+ maxTableWidthBreakpoint: EditorBreakpointKey;
211
216
  mode: 'editor' | 'renderer';
212
217
  tableWidthInfo: Array<{
213
218
  hasScrollbar: boolean;
package/dist/types-ts4.5/styles/shared/table.d.ts CHANGED
@@ -13,6 +13,9 @@ export declare const tableControlsSpacing: number;
13
13
  export declare const TableSharedCssClassName: {
14
14
  readonly TABLE_CONTAINER: "pm-table-container";
15
15
  readonly TABLE_NODE_WRAPPER: "pm-table-wrapper";
16
+ readonly TABLE_SCROLL_INLINE_SHADOW: "pm-table-scroll-inline-shadow";
17
+ readonly TABLE_RIGHT_BORDER: "pm-table-right-border";
18
+ readonly TABLE_LEFT_BORDER: "pm-table-left-border";
16
19
  readonly TABLE_LEFT_SHADOW: "pm-table-with-left-shadow";
17
20
  readonly TABLE_RIGHT_SHADOW: "pm-table-with-right-shadow";
18
21
  readonly TABLE_STICKY_SHADOW: "pm-table-sticky-shadow";
package/dist/types-ts4.5/utils/analytics.d.ts CHANGED
@@ -10,3 +10,11 @@ export declare enum SEVERITY {
10
10
  BLOCKING = "blocking"
11
11
  }
12
12
  export declare const analyticsEventKey = "EDITOR_ANALYTICS_EVENT";
13
+ declare const EDITOR_BREAKPOINT_WIDTH: {
14
+ S: number;
15
+ M: number;
16
+ L: number;
17
+ };
18
+ export type EditorBreakpointKey = keyof typeof EDITOR_BREAKPOINT_WIDTH;
19
+ export declare const getBreakpointKey: (width: number) => EditorBreakpointKey;
20
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "110.11.0",
3
+ "version": "110.12.0",
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/"
@@ -40,7 +40,7 @@
40
40
  "@atlaskit/button": "^23.5.0",
41
41
  "@atlaskit/code": "^17.2.0",
42
42
  "@atlaskit/codemod-utils": "^4.2.0",
43
- "@atlaskit/css": "^0.14.0",
43
+ "@atlaskit/css": "^0.15.0",
44
44
  "@atlaskit/custom-steps": "^0.15.0",
45
45
  "@atlaskit/dropdown-menu": "^16.3.0",
46
46
  "@atlaskit/editor-json-transformer": "^8.30.0",
@@ -50,9 +50,9 @@
50
50
  "@atlaskit/editor-tables": "^2.9.0",
51
51
  "@atlaskit/editor-toolbar": "^0.15.0",
52
52
  "@atlaskit/editor-toolbar-model": "^0.2.0",
53
- "@atlaskit/emoji": "^69.5.0",
53
+ "@atlaskit/emoji": "^69.6.0",
54
54
  "@atlaskit/icon": "^28.5.0",
55
- "@atlaskit/icon-object": "^7.2.0",
55
+ "@atlaskit/icon-object": "^7.3.0",
56
56
  "@atlaskit/link": "^3.2.0",
57
57
  "@atlaskit/link-datasource": "^4.25.0",
58
58
  "@atlaskit/link-picker": "^3.16.0",
@@ -70,8 +70,8 @@
70
70
  "@atlaskit/platform-feature-flags": "^1.1.0",
71
71
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
72
72
  "@atlaskit/popper": "^7.1.0",
73
- "@atlaskit/primitives": "^14.15.0",
74
- "@atlaskit/profilecard": "^24.18.0",
73
+ "@atlaskit/primitives": "^15.0.0",
74
+ "@atlaskit/profilecard": "^24.20.0",
75
75
  "@atlaskit/prosemirror-history": "^0.2.0",
76
76
  "@atlaskit/react-ufo": "^4.11.0",
77
77
  "@atlaskit/section-message": "^8.7.0",
@@ -83,7 +83,7 @@
83
83
  "@atlaskit/textfield": "^8.0.0",
84
84
  "@atlaskit/theme": "^21.0.0",
85
85
  "@atlaskit/tmp-editor-statsig": "^13.10.0",
86
- "@atlaskit/tokens": "^6.4.0",
86
+ "@atlaskit/tokens": "^6.5.0",
87
87
  "@atlaskit/tooltip": "^20.5.0",
88
88
  "@atlaskit/width-detector": "^5.0.0",
89
89
  "@babel/runtime": "^7.0.0",
@@ -233,9 +233,6 @@
233
233
  "platform_editor_refactor_view_more": {
234
234
  "type": "boolean"
235
235
  },
236
- "platform_editor_add_border_for_nested_panel": {
237
- "type": "boolean"
238
- },
239
236
  "platform_editor_bordered_panel_nested_in_table": {
240
237
  "type": "boolean"
241
238
  },