@atlaskit/editor-common 84.0.1 → 84.0.3

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 CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 84.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c905706a6f207`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c905706a6f207) -
8
+ [ux] [ED-23712] Clean up feature flag 'platform.editor.transparent-diagonal-decorator'
9
+ - Updated dependencies
10
+
11
+ ## 84.0.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#116502](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116502)
16
+ [`1933f2ba43919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1933f2ba43919) -
17
+ [EDF-950] Deprecating AtlassianIntelligenceToolbarButton within generative-ai-modal, it now lives
18
+ within editor-plugin-ai, removed duplicated code from editor-common, and use the export instead
19
+
3
20
  ## 84.0.1
4
21
 
5
22
  ### Patch Changes
@@ -22,5 +22,6 @@ var TOOLBAR_ACTION_SUBJECT_ID = exports.TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*
22
22
  TOOLBAR_ACTION_SUBJECT_ID["INDENT"] = "indent";
23
23
  TOOLBAR_ACTION_SUBJECT_ID["OUTDENT"] = "outdent";
24
24
  TOOLBAR_ACTION_SUBJECT_ID["RECORD_VIDEO"] = "recordVideo";
25
+ TOOLBAR_ACTION_SUBJECT_ID["AI"] = "atlassian-intelligence";
25
26
  return TOOLBAR_ACTION_SUBJECT_ID;
26
27
  }({});
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
19
19
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
20
- var packageVersion = "84.0.1";
20
+ var packageVersion = "84.0.3";
21
21
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
22
22
  // Remove URL as it has UGC
23
23
  // TODO: Sanitise the URL instead of just removing it
@@ -18,7 +18,6 @@ var buttonGroupStyle = exports.buttonGroupStyle = (0, _react.css)({
18
18
  }
19
19
  });
20
20
 
21
- // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
22
21
  // If you make change here, change in above file as well.
23
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
24
23
  var separatorStyles = exports.separatorStyles = (0, _react.css)({
@@ -30,7 +29,6 @@ var separatorStyles = exports.separatorStyles = (0, _react.css)({
30
29
  userSelect: 'none'
31
30
  });
32
31
 
33
- // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
34
32
  // If you make change here, change in above file as well.
35
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
36
34
  var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
@@ -47,9 +47,7 @@ var TableSharedCssClassName = exports.TableSharedCssClassName = {
47
47
 
48
48
  // 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
49
49
  var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
50
- return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\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", "\n\n\t\t\t\t> :first-child:not(style),\n > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\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\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\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> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\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}\n"])), (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)", 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-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"),
51
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
52
- (0, _platformFeatureFlags.fg)('platform_editor_tables_padding_increase') ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), _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)({
50
+ return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\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", "\n\n\t\t\t\t> :first-child:not(style),\n > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\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\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\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> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\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}\n"])), (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)", 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-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), (0, _platformFeatureFlags.fg)('platform_editor_tables_padding_increase') ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), _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)({
53
51
  leftCoverWidth: "var(--ds-space-300, 24px)"
54
52
  }), "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)({
55
53
  leftCoverWidth: "var(--ds-space-300, 24px)"
@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
20
20
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
21
21
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
22
  var packageName = "@atlaskit/editor-common";
23
- var packageVersion = "84.0.1";
23
+ var packageVersion = "84.0.3";
24
24
  var halfFocusRing = 1;
25
25
  var dropOffset = '0, 8';
26
26
  var DropList = /*#__PURE__*/function (_Component) {
@@ -1,30 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
17
9
  var _react2 = require("@emotion/react");
18
10
  var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
19
11
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
12
  var _colors = require("@atlaskit/theme/colors");
21
13
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
22
14
  var _styles = require("./styles");
23
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
24
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
25
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
26
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
27
- function FunctionalComponentColor(props) {
15
+ /** @jsx jsx */
16
+
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
+
19
+ var Color = function Color(props) {
28
20
  var autoFocus = props.autoFocus,
29
21
  tabIndex = props.tabIndex,
30
22
  value = props.value,
@@ -65,7 +57,7 @@ function FunctionalComponentColor(props) {
65
57
  ,
66
58
  className: "".concat(isSelected ? 'selected' : ''),
67
59
  style: {
68
- backgroundColor: colorStyle || ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
60
+ backgroundColor: colorStyle || ((0, _platformFeatureFlags.fg)('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
69
61
  border: "1px solid ".concat(borderColor)
70
62
  },
71
63
  autoFocus: autoFocus
@@ -73,79 +65,5 @@ function FunctionalComponentColor(props) {
73
65
  primaryColor: checkMarkColor,
74
66
  label: ""
75
67
  }), decorator)));
76
- }
77
- var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
78
- (0, _inherits2.default)(ClassComponentColor, _PureComponent);
79
- var _super = _createSuper(ClassComponentColor);
80
- function ClassComponentColor() {
81
- var _this;
82
- (0, _classCallCheck2.default)(this, ClassComponentColor);
83
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
84
- args[_key] = arguments[_key];
85
- }
86
- _this = _super.call.apply(_super, [this].concat(args));
87
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (e) {
88
- e.preventDefault();
89
- });
90
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
91
- var _this$props = _this.props,
92
- onClick = _this$props.onClick,
93
- value = _this$props.value,
94
- label = _this$props.label;
95
- e.preventDefault();
96
- onClick(value, label);
97
- });
98
- return _this;
99
- }
100
- (0, _createClass2.default)(ClassComponentColor, [{
101
- key: "render",
102
- value: function render() {
103
- var _this$props2 = this.props,
104
- autoFocus = _this$props2.autoFocus,
105
- tabIndex = _this$props2.tabIndex,
106
- value = _this$props2.value,
107
- label = _this$props2.label,
108
- isSelected = _this$props2.isSelected,
109
- borderColor = _this$props2.borderColor,
110
- _this$props2$checkMar = _this$props2.checkMarkColor,
111
- checkMarkColor = _this$props2$checkMar === void 0 ? _colors.N0 : _this$props2$checkMar,
112
- hexToPaletteColor = _this$props2.hexToPaletteColor;
113
- var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
114
- return (0, _react2.jsx)(_tooltip.default, {
115
- content: label
116
- }, (0, _react2.jsx)("span", {
117
- css: _styles.buttonWrapperStyle
118
- }, (0, _react2.jsx)("button", {
119
- type: "button"
120
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
121
- ,
122
- css: _styles.buttonStyle,
123
- "aria-label": label,
124
- role: "radio",
125
- "aria-checked": isSelected,
126
- onClick: this.onClick,
127
- onMouseDown: this.onMouseDown,
128
- tabIndex: tabIndex
129
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
130
- ,
131
- className: "".concat(isSelected ? 'selected' : ''),
132
- style: {
133
- backgroundColor: colorStyle || ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
134
- border: "1px solid ".concat(borderColor)
135
- },
136
- autoFocus: autoFocus
137
- }, isSelected && (0, _react2.jsx)(_done.default, {
138
- primaryColor: checkMarkColor,
139
- label: ""
140
- }))));
141
- }
142
- }]);
143
- return ClassComponentColor;
144
- }(_react.PureComponent);
145
- var Color = function Color(props) {
146
- if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.transparent-diagonal-decorator')) {
147
- return (0, _react2.jsx)(FunctionalComponentColor, props);
148
- }
149
- return (0, _react2.jsx)(ClassComponentColor, props);
150
68
  };
151
69
  var _default = exports.default = Color;
@@ -16,8 +16,7 @@ var _styles = _interopRequireDefault(require("./styles"));
16
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/index.tsx`
20
- // If you make any change here, copy it to above file as well
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // If you make any change here, copy it to above file as well
21
20
  // and notify about the change in #team-fc-editor-ai-dev channel.
22
21
  /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
22
  var TOOLBAR_BUTTON = exports.TOOLBAR_BUTTON = _analytics.TOOLBAR_ACTION_SUBJECT_ID;
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
11
- // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/styles.tsx`
12
11
  // If you make any change here, copy it to above file as well
13
12
  // and notify about the change in #team-fc-editor-ai-dev channel.
14
13
  var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -16,5 +16,6 @@ export let TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*/function (TOOLBAR_ACTION_SUB
16
16
  TOOLBAR_ACTION_SUBJECT_ID["INDENT"] = "indent";
17
17
  TOOLBAR_ACTION_SUBJECT_ID["OUTDENT"] = "outdent";
18
18
  TOOLBAR_ACTION_SUBJECT_ID["RECORD_VIDEO"] = "recordVideo";
19
+ TOOLBAR_ACTION_SUBJECT_ID["AI"] = "atlassian-intelligence";
19
20
  return TOOLBAR_ACTION_SUBJECT_ID;
20
21
  }({});
@@ -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 = "84.0.1";
4
+ const packageVersion = "84.0.3";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // TODO: Sanitise the URL instead of just removing it
@@ -11,7 +11,6 @@ export const buttonGroupStyle = css({
11
11
  }
12
12
  });
13
13
 
14
- // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
15
14
  // If you make change here, change in above file as well.
16
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
17
16
  export const separatorStyles = css({
@@ -23,7 +22,6 @@ export const separatorStyles = css({
23
22
  userSelect: 'none'
24
23
  });
25
24
 
26
- // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
27
25
  // If you make change here, change in above file as well.
28
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
27
  export const wrapperStyle = css({
@@ -112,9 +112,7 @@ const tableSharedStyle = () => css`
112
112
  border-right-width: 0;
113
113
  border-bottom-width: 0;
114
114
 
115
- padding: ${
116
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
117
- fg('platform_editor_tables_padding_increase') ? `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-250, 20px)"}` : "var(--ds-space-100, 8px)"};
115
+ padding: ${fg('platform_editor_tables_padding_increase') ? `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-250, 20px)"}` : "var(--ds-space-100, 8px)"};
118
116
  /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
119
117
  ${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
120
118
 
@@ -9,7 +9,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
9
9
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
10
10
  import Layer from '../Layer';
11
11
  const packageName = "@atlaskit/editor-common";
12
- const packageVersion = "84.0.1";
12
+ const packageVersion = "84.0.3";
13
13
  const halfFocusRing = 1;
14
14
  const dropOffset = '0, 8';
15
15
  class DropList extends Component {
@@ -1,15 +1,14 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
1
  /** @jsx jsx */
3
- import React, { PureComponent } from 'react';
2
+ import React from 'react';
4
3
 
5
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
5
  import { jsx } from '@emotion/react';
7
6
  import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
8
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
9
8
  import { N0 } from '@atlaskit/theme/colors';
10
9
  import Tooltip from '@atlaskit/tooltip';
11
10
  import { buttonStyle, buttonWrapperStyle } from './styles';
12
- function FunctionalComponentColor(props) {
11
+ const Color = props => {
13
12
  const {
14
13
  autoFocus,
15
14
  tabIndex,
@@ -60,7 +59,7 @@ function FunctionalComponentColor(props) {
60
59
  ,
61
60
  className: `${isSelected ? 'selected' : ''}`,
62
61
  style: {
63
- backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
62
+ backgroundColor: colorStyle || (fg('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
64
63
  border: `1px solid ${borderColor}`
65
64
  },
66
65
  autoFocus: autoFocus
@@ -68,75 +67,5 @@ function FunctionalComponentColor(props) {
68
67
  primaryColor: checkMarkColor,
69
68
  label: ""
70
69
  }), decorator)));
71
- }
72
- class ClassComponentColor extends PureComponent {
73
- constructor(...args) {
74
- super(...args);
75
- _defineProperty(this, "onMouseDown", e => {
76
- e.preventDefault();
77
- });
78
- _defineProperty(this, "onClick", e => {
79
- const {
80
- onClick,
81
- value,
82
- label
83
- } = this.props;
84
- e.preventDefault();
85
- onClick(value, label);
86
- });
87
- }
88
- render() {
89
- const {
90
- autoFocus,
91
- tabIndex,
92
- value,
93
- label,
94
- isSelected,
95
- borderColor,
96
- /** this is not new usage - old code extracted from editor-core */
97
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
98
- checkMarkColor = N0,
99
- /**
100
- * When hexToPaletteColor prop is set,
101
- * it will be used to get background color style based on
102
- * value (which will be hexcode) prop
103
- */
104
- hexToPaletteColor
105
- } = this.props;
106
- const colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
107
- return jsx(Tooltip, {
108
- content: label
109
- }, jsx("span", {
110
- css: buttonWrapperStyle
111
- }, jsx("button", {
112
- type: "button"
113
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
114
- ,
115
- css: buttonStyle,
116
- "aria-label": label,
117
- role: "radio",
118
- "aria-checked": isSelected,
119
- onClick: this.onClick,
120
- onMouseDown: this.onMouseDown,
121
- tabIndex: tabIndex
122
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
123
- ,
124
- className: `${isSelected ? 'selected' : ''}`,
125
- style: {
126
- backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
127
- border: `1px solid ${borderColor}`
128
- },
129
- autoFocus: autoFocus
130
- }, isSelected && jsx(EditorDoneIcon, {
131
- primaryColor: checkMarkColor,
132
- label: ""
133
- }))));
134
- }
135
- }
136
- const Color = props => {
137
- if (getBooleanFF('platform.editor.transparent-diagonal-decorator')) {
138
- return jsx(FunctionalComponentColor, props);
139
- }
140
- return jsx(ClassComponentColor, props);
141
70
  };
142
71
  export default Color;
@@ -1,4 +1,3 @@
1
- // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/index.tsx`
2
1
  // If you make any change here, copy it to above file as well
3
2
  // and notify about the change in #team-fc-editor-ai-dev channel.
4
3
  /** @jsx jsx */
@@ -1,5 +1,4 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/styles.tsx`
3
2
  // If you make any change here, copy it to above file as well
4
3
  // and notify about the change in #team-fc-editor-ai-dev channel.
5
4
  import React from 'react';
@@ -16,5 +16,6 @@ export var TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*/function (TOOLBAR_ACTION_SUB
16
16
  TOOLBAR_ACTION_SUBJECT_ID["INDENT"] = "indent";
17
17
  TOOLBAR_ACTION_SUBJECT_ID["OUTDENT"] = "outdent";
18
18
  TOOLBAR_ACTION_SUBJECT_ID["RECORD_VIDEO"] = "recordVideo";
19
+ TOOLBAR_ACTION_SUBJECT_ID["AI"] = "atlassian-intelligence";
19
20
  return TOOLBAR_ACTION_SUBJECT_ID;
20
21
  }({});
@@ -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 = "84.0.1";
10
+ var packageVersion = "84.0.3";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // TODO: Sanitise the URL instead of just removing it
@@ -11,7 +11,6 @@ export var buttonGroupStyle = css({
11
11
  }
12
12
  });
13
13
 
14
- // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
15
14
  // If you make change here, change in above file as well.
16
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
17
16
  export var separatorStyles = css({
@@ -23,7 +22,6 @@ export var separatorStyles = css({
23
22
  userSelect: 'none'
24
23
  });
25
24
 
26
- // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
27
25
  // If you make change here, change in above file as well.
28
26
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
27
  export var wrapperStyle = css({
@@ -41,9 +41,7 @@ export var TableSharedCssClassName = {
41
41
 
42
42
  // 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
43
43
  var tableSharedStyle = function tableSharedStyle() {
44
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\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", "\n\n\t\t\t\t> :first-child:not(style),\n > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\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\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\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> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\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}\n"])), 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)", 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-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
45
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
46
- fg('platform_editor_tables_padding_increase') ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
44
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\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", "\n\n\t\t\t\t> :first-child:not(style),\n > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\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\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\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> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\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}\n"])), 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)", 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-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), fg('platform_editor_tables_padding_increase') ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
47
45
  leftCoverWidth: "var(--ds-space-300, 24px)"
48
46
  }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
49
47
  leftCoverWidth: "var(--ds-space-300, 24px)"
@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
17
17
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
18
18
  import Layer from '../Layer';
19
19
  var packageName = "@atlaskit/editor-common";
20
- var packageVersion = "84.0.1";
20
+ var packageVersion = "84.0.3";
21
21
  var halfFocusRing = 1;
22
22
  var dropOffset = '0, 8';
23
23
  var DropList = /*#__PURE__*/function (_Component) {
@@ -1,23 +1,14 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
1
  /** @jsx jsx */
11
- import React, { PureComponent } from 'react';
2
+ import React from 'react';
12
3
 
13
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
5
  import { jsx } from '@emotion/react';
15
6
  import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
16
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
17
8
  import { N0 } from '@atlaskit/theme/colors';
18
9
  import Tooltip from '@atlaskit/tooltip';
19
10
  import { buttonStyle, buttonWrapperStyle } from './styles';
20
- function FunctionalComponentColor(props) {
11
+ var Color = function Color(props) {
21
12
  var autoFocus = props.autoFocus,
22
13
  tabIndex = props.tabIndex,
23
14
  value = props.value,
@@ -58,7 +49,7 @@ function FunctionalComponentColor(props) {
58
49
  ,
59
50
  className: "".concat(isSelected ? 'selected' : ''),
60
51
  style: {
61
- backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
52
+ backgroundColor: colorStyle || (fg('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
62
53
  border: "1px solid ".concat(borderColor)
63
54
  },
64
55
  autoFocus: autoFocus
@@ -66,79 +57,5 @@ function FunctionalComponentColor(props) {
66
57
  primaryColor: checkMarkColor,
67
58
  label: ""
68
59
  }), decorator)));
69
- }
70
- var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
71
- _inherits(ClassComponentColor, _PureComponent);
72
- var _super = _createSuper(ClassComponentColor);
73
- function ClassComponentColor() {
74
- var _this;
75
- _classCallCheck(this, ClassComponentColor);
76
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
77
- args[_key] = arguments[_key];
78
- }
79
- _this = _super.call.apply(_super, [this].concat(args));
80
- _defineProperty(_assertThisInitialized(_this), "onMouseDown", function (e) {
81
- e.preventDefault();
82
- });
83
- _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
84
- var _this$props = _this.props,
85
- onClick = _this$props.onClick,
86
- value = _this$props.value,
87
- label = _this$props.label;
88
- e.preventDefault();
89
- onClick(value, label);
90
- });
91
- return _this;
92
- }
93
- _createClass(ClassComponentColor, [{
94
- key: "render",
95
- value: function render() {
96
- var _this$props2 = this.props,
97
- autoFocus = _this$props2.autoFocus,
98
- tabIndex = _this$props2.tabIndex,
99
- value = _this$props2.value,
100
- label = _this$props2.label,
101
- isSelected = _this$props2.isSelected,
102
- borderColor = _this$props2.borderColor,
103
- _this$props2$checkMar = _this$props2.checkMarkColor,
104
- checkMarkColor = _this$props2$checkMar === void 0 ? N0 : _this$props2$checkMar,
105
- hexToPaletteColor = _this$props2.hexToPaletteColor;
106
- var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
107
- return jsx(Tooltip, {
108
- content: label
109
- }, jsx("span", {
110
- css: buttonWrapperStyle
111
- }, jsx("button", {
112
- type: "button"
113
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
114
- ,
115
- css: buttonStyle,
116
- "aria-label": label,
117
- role: "radio",
118
- "aria-checked": isSelected,
119
- onClick: this.onClick,
120
- onMouseDown: this.onMouseDown,
121
- tabIndex: tabIndex
122
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
123
- ,
124
- className: "".concat(isSelected ? 'selected' : ''),
125
- style: {
126
- backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
127
- border: "1px solid ".concat(borderColor)
128
- },
129
- autoFocus: autoFocus
130
- }, isSelected && jsx(EditorDoneIcon, {
131
- primaryColor: checkMarkColor,
132
- label: ""
133
- }))));
134
- }
135
- }]);
136
- return ClassComponentColor;
137
- }(PureComponent);
138
- var Color = function Color(props) {
139
- if (getBooleanFF('platform.editor.transparent-diagonal-decorator')) {
140
- return jsx(FunctionalComponentColor, props);
141
- }
142
- return jsx(ClassComponentColor, props);
143
60
  };
144
61
  export default Color;
@@ -1,7 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/index.tsx`
5
4
  // If you make any change here, copy it to above file as well
6
5
  // and notify about the change in #team-fc-editor-ai-dev channel.
7
6
  /** @jsx jsx */
@@ -1,5 +1,4 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/styles.tsx`
3
2
  // If you make any change here, copy it to above file as well
4
3
  // and notify about the change in #team-fc-editor-ai-dev channel.
5
4
  import React from 'react';
@@ -17,7 +17,8 @@ export declare enum TOOLBAR_ACTION_SUBJECT_ID {
17
17
  REDO = "redo",
18
18
  INDENT = "indent",
19
19
  OUTDENT = "outdent",
20
- RECORD_VIDEO = "recordVideo"
20
+ RECORD_VIDEO = "recordVideo",
21
+ AI = "atlassian-intelligence"
21
22
  }
22
23
  type ToolbarButtonClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR_BUTTON, undefined, {}, undefined>;
23
24
  export type ToolbarEventPayload = ToolbarButtonClickedAEP;
@@ -17,7 +17,8 @@ export declare enum TOOLBAR_ACTION_SUBJECT_ID {
17
17
  REDO = "redo",
18
18
  INDENT = "indent",
19
19
  OUTDENT = "outdent",
20
- RECORD_VIDEO = "recordVideo"
20
+ RECORD_VIDEO = "recordVideo",
21
+ AI = "atlassian-intelligence"
21
22
  }
22
23
  type ToolbarButtonClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR_BUTTON, undefined, {}, undefined>;
23
24
  export type ToolbarEventPayload = ToolbarButtonClickedAEP;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "84.0.1",
3
+ "version": "84.0.3",
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/"
@@ -116,7 +116,7 @@
116
116
  "@atlaskit/icon": "^22.5.0",
117
117
  "@atlaskit/icon-object": "^6.4.0",
118
118
  "@atlaskit/link-datasource": "^2.5.0",
119
- "@atlaskit/link-picker": "^1.38.0",
119
+ "@atlaskit/link-picker": "^1.39.0",
120
120
  "@atlaskit/media-card": "^78.0.0",
121
121
  "@atlaskit/media-client": "^27.3.0",
122
122
  "@atlaskit/media-client-react": "^2.0.0",
@@ -126,12 +126,12 @@
126
126
  "@atlaskit/media-ui": "^25.10.0",
127
127
  "@atlaskit/media-viewer": "48.6.10",
128
128
  "@atlaskit/mention": "^23.2.0",
129
- "@atlaskit/menu": "^2.6.0",
129
+ "@atlaskit/menu": "^2.7.0",
130
130
  "@atlaskit/platform-feature-flags": "^0.3.0",
131
131
  "@atlaskit/primitives": "^10.0.0",
132
132
  "@atlaskit/profilecard": "^19.15.0",
133
133
  "@atlaskit/section-message": "^6.5.0",
134
- "@atlaskit/smart-card": "^27.8.0",
134
+ "@atlaskit/smart-card": "^27.9.0",
135
135
  "@atlaskit/smart-user-picker": "^6.9.0",
136
136
  "@atlaskit/spinner": "^16.2.0",
137
137
  "@atlaskit/task-decision": "^17.10.0",
@@ -179,7 +179,7 @@
179
179
  "@atlaskit/util-data-test": "^17.9.0",
180
180
  "@atlaskit/visual-regression": "*",
181
181
  "@atlassian/feature-flags-test-utils": "*",
182
- "@testing-library/dom": "^8.17.1",
182
+ "@testing-library/dom": "^10.1.0",
183
183
  "@testing-library/jest-dom": "^6.4.5",
184
184
  "@testing-library/react": "^12.1.5",
185
185
  "@testing-library/react-hooks": "^8.0.1",
@@ -258,9 +258,6 @@
258
258
  "platform_editor_tables_padding_increase": {
259
259
  "type": "boolean"
260
260
  },
261
- "platform.editor.transparent-diagonal-decorator": {
262
- "type": "boolean"
263
- },
264
261
  "platform.editor.dynamic-palette-borders": {
265
262
  "type": "boolean"
266
263
  },