@atlaskit/editor-common 128.0.0 → 128.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 128.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`668acb672d91e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/668acb672d91e) -
8
+ The generated content reveal opens in 150ms and the embed's fade, also 150ms, follows it after the
9
+ same 150ms, so the whole entrance takes 300ms.
10
+ - [`5a55f9e71b685`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a55f9e71b685) -
11
+ Reorder the Create category in the editor slash command menu: Jira work item, Loom video,
12
+ Confluence page, Database, Whiteboard, Diagram, Flowchart, Brainstorm session, Retrospective,
13
+ Roadmap. Applies when the platform_editor_slash_command experiment is enabled.
14
+ - Updated dependencies
15
+
3
16
  ## 128.0.0
4
17
 
5
18
  ### Major Changes
@@ -1,7 +1,7 @@
1
1
  ._10i01bym [data-native-embed-card-wrapper=true]{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
2
2
  ._10t9kb7n:has(.extension-label:hover) .extension-edit-toggle-container{opacity:1}
3
3
  ._114yglyw [data-testid$="--loading-overlay"]{display:none}
4
- ._147ai9qs [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-medium,.2s)}
4
+ ._147a1ign [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-short,.15s)}
5
5
  ._15k3glyw:has(.extension-edit-toggle-container:hover) .extension-label{box-shadow:none}
6
6
  ._17sh1wug:has(.extension-edit-toggle-container:hover) .extension-label.always-hide-label{cursor:auto}
7
7
  ._17w9indk iframe:not([data-native-embed-card-wrapper=true] iframe){animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
@@ -11,10 +11,10 @@
11
11
  ._1fdfidpf .extension-label:hover.always-hide-label{opacity:0}
12
12
  ._1ghxysee:has(.extension-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
13
13
  ._1i8c1j9a:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{background-color:var(--ds-background-input,#fff)}
14
- ._1jbo15uc iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-xlong,.4s)}
14
+ ._1jbo1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-short,.15s)}
15
15
  ._1kr5kb7n:has(.extension-container:hover) .extension-edit-toggle-container{opacity:1}
16
16
  ._1nuetlke:has(.extension-container:hover) .extension-label{cursor:pointer}
17
- ._1p7l15uc [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-xlong,.4s)}
17
+ ._1p7l1ign [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-short,.15s)}
18
18
  ._1pfgidpf:has(.extension-container:hover) .extension-label.always-hide-label{opacity:0}
19
19
  ._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
20
20
  ._1qac1nu9:has(.extension-container:hover) .extension-icon{display:inline}
@@ -26,7 +26,7 @@
26
26
  ._2z44kb7n:has(.extension-edit-toggle-container:hover) .extension-label{opacity:1}
27
27
  ._4t3iidpf{height:0}
28
28
  ._54r11nu9:has(.extension-edit-toggle-container:hover) .extension-icon{display:inline}
29
- ._5sag15uc{animation-duration:var(--ds-duration-xlong,.4s)}
29
+ ._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
30
30
  ._9sz11bym iframe:not([data-native-embed-card-wrapper=true] iframe){animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
31
31
  ._bcikkb7n:has(.extension-container:hover) .extension-label{opacity:1}
32
32
  ._d1oeglyw:has(.extension-container:hover) .extension-label{box-shadow:none}
@@ -37,7 +37,7 @@
37
37
  ._kqswh2mm{position:relative}
38
38
  ._ks721tsb:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}
39
39
  ._lbjpindk [data-native-embed-card-wrapper=true]{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
40
- ._lwlpi9qs iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-medium,.2s)}
40
+ ._lwlp1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-short,.15s)}
41
41
  ._mi5m1wug .extension-label:hover.always-hide-label{cursor:auto}
42
42
  ._okd3ysee:has(.extension-edit-toggle-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
43
43
  ._pjh31hrf [data-native-embed-card-wrapper=true]{animation-fill-mode:both}
@@ -19,8 +19,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
19
19
  * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
20
20
  * unseen, with its own loading overlay hidden.
21
21
  * 2. The extension reports its content ready through `contentReady`.
22
- * 3. `revealing` — the node animates open to its content height (400ms).
23
- * 4. The embed fades in (200ms), delayed so it follows the opening instead of overlapping it.
22
+ * 3. `revealing` — the node animates open to its content height (150ms).
23
+ * 4. The embed fades in (150ms), delayed so it follows the opening instead of overlapping it.
24
24
  * 5. `open` — on `animationend`, when the content first becomes visible, `inert` is dropped.
25
25
  *
26
26
  * Failure paths: never settles → `READY_TIMEOUT_MS` opens it and the embed's overlay reappears;
@@ -123,7 +123,7 @@ var GeneratedContentReveal = exports.GeneratedContentReveal = function Generated
123
123
  ref: setWrapperElement
124
124
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- the block controls and the SSR cleanup find the wrapper by `span.relative`
125
125
  ,
126
- className: (0, _runtime.ax)(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
126
+ className: (0, _runtime.ax)(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag1ign _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147a1ign _lwlp1ign _lbjpindk _17w9indk _1p7l1ign _1jbo1ign _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
127
127
  onAnimationEnd: onAnimationEnd
128
128
  }, children));
129
129
  };
@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
27
27
  var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
28
28
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
29
29
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
30
- var packageVersion = "127.2.0";
30
+ var packageVersion = "128.0.0";
31
31
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
32
32
  // Remove URL as it has UGC
33
33
  // Ignored via go/ees007
@@ -12,7 +12,7 @@ var _STRUCTURE_SECTION_RA;
12
12
  var QUICK_INSERT_MENU_RANK = exports.QUICK_INSERT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.RECOMMENDED_SECTION.key, 0), _keys.STRUCTURE_SECTION.key, 1), _keys.MEDIA_SECTION.key, 2), _keys.CREATE_SECTION.key, 3), _keys.EMBED_SECTION.key, 4), _keys.TEXT_FORMATTING_SECTION.key, 5), _keys.ROVO_SECTION.key, 6), _keys.DATA_AND_CHARTS_SECTION.key, 7), _keys.BLOCK_TEMPLATES_SECTION.key, 8), _keys.OTHER_SECTION.key, 9);
13
13
  var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.MENTION_MENU_ITEM.key, 500), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.WARNING_PANEL_MENU_ITEM.key, 1200), _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400), _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), _keys.SYNCED_BLOCK_MENU_ITEM.key, 2300), _keys.RULE_MENU_ITEM.key, 2400), _keys.DECISION_MENU_ITEM.key, 2800));
14
14
  var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MEDIA_INSERT_MENU_ITEM.key, 100), _keys.HYPERLINK_MENU_ITEM.key, 200), _keys.EMOJI_MENU_ITEM.key, 300), _keys.AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
15
- var CREATE_SECTION_RANK = exports.CREATE_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_ISSUE_MENU_ITEM.key, 100), _keys.CONFLUENCE_PAGE_MENU_ITEM.key, 200), _keys.WHITEBOARD_MENU_ITEM.key, 500), _keys.DIAGRAM_MENU_ITEM.key, 600), _keys.FLOWCHART_MENU_ITEM.key, 700), _keys.BRAINSTORMING_MENU_ITEM.key, 800), _keys.RETROSPECTIVE_MENU_ITEM.key, 900), _keys.ROADMAP_MENU_ITEM.key, 1000), _keys.DATABASE_MENU_ITEM.key, 1100), _keys.LOOM_MENU_ITEM.key, 1200);
15
+ var CREATE_SECTION_RANK = exports.CREATE_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_ISSUE_MENU_ITEM.key, 100), _keys.LOOM_MENU_ITEM.key, 200), _keys.CONFLUENCE_PAGE_MENU_ITEM.key, 300), _keys.DATABASE_MENU_ITEM.key, 400), _keys.WHITEBOARD_MENU_ITEM.key, 500), _keys.DIAGRAM_MENU_ITEM.key, 600), _keys.FLOWCHART_MENU_ITEM.key, 700), _keys.BRAINSTORMING_MENU_ITEM.key, 800), _keys.RETROSPECTIVE_MENU_ITEM.key, 900), _keys.ROADMAP_MENU_ITEM.key, 1000);
16
16
  var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNORDERED_LIST_MENU_ITEM.key, 100), _keys.ORDERED_LIST_MENU_ITEM.key, 200), _keys.HEADING_1_MENU_ITEM.key, 300), _keys.HEADING_2_MENU_ITEM.key, 400), _keys.HEADING_3_MENU_ITEM.key, 500), _keys.HEADING_4_MENU_ITEM.key, 600), _keys.HEADING_5_MENU_ITEM.key, 700), _keys.HEADING_6_MENU_ITEM.key, 800), _keys.BLOCKQUOTE_MENU_ITEM.key, 900), _keys.PLACEHOLDER_TEXT_MENU_ITEM.key, 1000);
17
17
  var ROVO_SECTION_RANK = exports.ROVO_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.ASK_ROVO_MENU_ITEM.key, 100);
18
18
  var DATA_AND_CHARTS_SECTION_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_WORK_ITEMS_MENU_ITEM.key, 300), _keys.CONFLUENCE_LIST_MENU_ITEM.key, 400), _keys.ASSETS_MENU_ITEM.key, 500);
@@ -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 = "127.2.0";
27
+ var packageVersion = "128.0.0";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
@@ -1,7 +1,7 @@
1
1
  ._10i01bym [data-native-embed-card-wrapper=true]{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
2
2
  ._10t9kb7n:has(.extension-label:hover) .extension-edit-toggle-container{opacity:1}
3
3
  ._114yglyw [data-testid$="--loading-overlay"]{display:none}
4
- ._147ai9qs [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-medium,.2s)}
4
+ ._147a1ign [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-short,.15s)}
5
5
  ._15k3glyw:has(.extension-edit-toggle-container:hover) .extension-label{box-shadow:none}
6
6
  ._17sh1wug:has(.extension-edit-toggle-container:hover) .extension-label.always-hide-label{cursor:auto}
7
7
  ._17w9indk iframe:not([data-native-embed-card-wrapper=true] iframe){animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
@@ -11,10 +11,10 @@
11
11
  ._1fdfidpf .extension-label:hover.always-hide-label{opacity:0}
12
12
  ._1ghxysee:has(.extension-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
13
13
  ._1i8c1j9a:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{background-color:var(--ds-background-input,#fff)}
14
- ._1jbo15uc iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-xlong,.4s)}
14
+ ._1jbo1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-short,.15s)}
15
15
  ._1kr5kb7n:has(.extension-container:hover) .extension-edit-toggle-container{opacity:1}
16
16
  ._1nuetlke:has(.extension-container:hover) .extension-label{cursor:pointer}
17
- ._1p7l15uc [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-xlong,.4s)}
17
+ ._1p7l1ign [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-short,.15s)}
18
18
  ._1pfgidpf:has(.extension-container:hover) .extension-label.always-hide-label{opacity:0}
19
19
  ._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
20
20
  ._1qac1nu9:has(.extension-container:hover) .extension-icon{display:inline}
@@ -26,7 +26,7 @@
26
26
  ._2z44kb7n:has(.extension-edit-toggle-container:hover) .extension-label{opacity:1}
27
27
  ._4t3iidpf{height:0}
28
28
  ._54r11nu9:has(.extension-edit-toggle-container:hover) .extension-icon{display:inline}
29
- ._5sag15uc{animation-duration:var(--ds-duration-xlong,.4s)}
29
+ ._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
30
30
  ._9sz11bym iframe:not([data-native-embed-card-wrapper=true] iframe){animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
31
31
  ._bcikkb7n:has(.extension-container:hover) .extension-label{opacity:1}
32
32
  ._d1oeglyw:has(.extension-container:hover) .extension-label{box-shadow:none}
@@ -37,7 +37,7 @@
37
37
  ._kqswh2mm{position:relative}
38
38
  ._ks721tsb:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}
39
39
  ._lbjpindk [data-native-embed-card-wrapper=true]{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
40
- ._lwlpi9qs iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-medium,.2s)}
40
+ ._lwlp1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-short,.15s)}
41
41
  ._mi5m1wug .extension-label:hover.always-hide-label{cursor:auto}
42
42
  ._okd3ysee:has(.extension-edit-toggle-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
43
43
  ._pjh31hrf [data-native-embed-card-wrapper=true]{animation-fill-mode:both}
@@ -10,8 +10,8 @@ import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsPr
10
10
  * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
11
11
  * unseen, with its own loading overlay hidden.
12
12
  * 2. The extension reports its content ready through `contentReady`.
13
- * 3. `revealing` — the node animates open to its content height (400ms).
14
- * 4. The embed fades in (200ms), delayed so it follows the opening instead of overlapping it.
13
+ * 3. `revealing` — the node animates open to its content height (150ms).
14
+ * 4. The embed fades in (150ms), delayed so it follows the opening instead of overlapping it.
15
15
  * 5. `open` — on `animationend`, when the content first becomes visible, `inert` is dropped.
16
16
  *
17
17
  * Failure paths: never settles → `READY_TIMEOUT_MS` opens it and the embed's overlay reappears;
@@ -98,7 +98,7 @@ export const GeneratedContentReveal = ({
98
98
  ref: setWrapperElement
99
99
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- the block controls and the SSR cleanup find the wrapper by `span.relative`
100
100
  ,
101
- className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
101
+ className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag1ign _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147a1ign _lwlp1ign _lbjpindk _17w9indk _1p7l1ign _1jbo1ign _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
102
102
  onAnimationEnd: onAnimationEnd
103
103
  }, children));
104
104
  };
@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
13
13
  const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
14
14
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
15
15
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
16
- const packageVersion = "127.2.0";
16
+ const packageVersion = "128.0.0";
17
17
  const sanitiseSentryEvents = (data, _hint) => {
18
18
  // Remove URL as it has UGC
19
19
  // Ignored via go/ees007
@@ -43,15 +43,15 @@ export const MEDIA_SECTION_RANK = {
43
43
  };
44
44
  export const CREATE_SECTION_RANK = {
45
45
  [JIRA_ISSUE_MENU_ITEM.key]: 100,
46
- [CONFLUENCE_PAGE_MENU_ITEM.key]: 200,
46
+ [LOOM_MENU_ITEM.key]: 200,
47
+ [CONFLUENCE_PAGE_MENU_ITEM.key]: 300,
48
+ [DATABASE_MENU_ITEM.key]: 400,
47
49
  [WHITEBOARD_MENU_ITEM.key]: 500,
48
50
  [DIAGRAM_MENU_ITEM.key]: 600,
49
51
  [FLOWCHART_MENU_ITEM.key]: 700,
50
52
  [BRAINSTORMING_MENU_ITEM.key]: 800,
51
53
  [RETROSPECTIVE_MENU_ITEM.key]: 900,
52
- [ROADMAP_MENU_ITEM.key]: 1000,
53
- [DATABASE_MENU_ITEM.key]: 1100,
54
- [LOOM_MENU_ITEM.key]: 1200
54
+ [ROADMAP_MENU_ITEM.key]: 1000
55
55
  };
56
56
  export const TEXT_FORMATTING_SECTION_RANK = {
57
57
  [UNORDERED_LIST_MENU_ITEM.key]: 100,
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags/fg';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "127.2.0";
17
+ const packageVersion = "128.0.0";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
@@ -1,7 +1,7 @@
1
1
  ._10i01bym [data-native-embed-card-wrapper=true]{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
2
2
  ._10t9kb7n:has(.extension-label:hover) .extension-edit-toggle-container{opacity:1}
3
3
  ._114yglyw [data-testid$="--loading-overlay"]{display:none}
4
- ._147ai9qs [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-medium,.2s)}
4
+ ._147a1ign [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-short,.15s)}
5
5
  ._15k3glyw:has(.extension-edit-toggle-container:hover) .extension-label{box-shadow:none}
6
6
  ._17sh1wug:has(.extension-edit-toggle-container:hover) .extension-label.always-hide-label{cursor:auto}
7
7
  ._17w9indk iframe:not([data-native-embed-card-wrapper=true] iframe){animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
@@ -11,10 +11,10 @@
11
11
  ._1fdfidpf .extension-label:hover.always-hide-label{opacity:0}
12
12
  ._1ghxysee:has(.extension-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
13
13
  ._1i8c1j9a:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{background-color:var(--ds-background-input,#fff)}
14
- ._1jbo15uc iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-xlong,.4s)}
14
+ ._1jbo1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-short,.15s)}
15
15
  ._1kr5kb7n:has(.extension-container:hover) .extension-edit-toggle-container{opacity:1}
16
16
  ._1nuetlke:has(.extension-container:hover) .extension-label{cursor:pointer}
17
- ._1p7l15uc [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-xlong,.4s)}
17
+ ._1p7l1ign [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-short,.15s)}
18
18
  ._1pfgidpf:has(.extension-container:hover) .extension-label.always-hide-label{opacity:0}
19
19
  ._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
20
20
  ._1qac1nu9:has(.extension-container:hover) .extension-icon{display:inline}
@@ -26,7 +26,7 @@
26
26
  ._2z44kb7n:has(.extension-edit-toggle-container:hover) .extension-label{opacity:1}
27
27
  ._4t3iidpf{height:0}
28
28
  ._54r11nu9:has(.extension-edit-toggle-container:hover) .extension-icon{display:inline}
29
- ._5sag15uc{animation-duration:var(--ds-duration-xlong,.4s)}
29
+ ._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
30
30
  ._9sz11bym iframe:not([data-native-embed-card-wrapper=true] iframe){animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
31
31
  ._bcikkb7n:has(.extension-container:hover) .extension-label{opacity:1}
32
32
  ._d1oeglyw:has(.extension-container:hover) .extension-label{box-shadow:none}
@@ -37,7 +37,7 @@
37
37
  ._kqswh2mm{position:relative}
38
38
  ._ks721tsb:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}
39
39
  ._lbjpindk [data-native-embed-card-wrapper=true]{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
40
- ._lwlpi9qs iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-medium,.2s)}
40
+ ._lwlp1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-short,.15s)}
41
41
  ._mi5m1wug .extension-label:hover.always-hide-label{cursor:auto}
42
42
  ._okd3ysee:has(.extension-edit-toggle-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
43
43
  ._pjh31hrf [data-native-embed-card-wrapper=true]{animation-fill-mode:both}
@@ -11,8 +11,8 @@ import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsPr
11
11
  * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
12
12
  * unseen, with its own loading overlay hidden.
13
13
  * 2. The extension reports its content ready through `contentReady`.
14
- * 3. `revealing` — the node animates open to its content height (400ms).
15
- * 4. The embed fades in (200ms), delayed so it follows the opening instead of overlapping it.
14
+ * 3. `revealing` — the node animates open to its content height (150ms).
15
+ * 4. The embed fades in (150ms), delayed so it follows the opening instead of overlapping it.
16
16
  * 5. `open` — on `animationend`, when the content first becomes visible, `inert` is dropped.
17
17
  *
18
18
  * Failure paths: never settles → `READY_TIMEOUT_MS` opens it and the embed's overlay reappears;
@@ -115,7 +115,7 @@ export var GeneratedContentReveal = function GeneratedContentReveal(_ref) {
115
115
  ref: setWrapperElement
116
116
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- the block controls and the SSR cleanup find the wrapper by `span.relative`
117
117
  ,
118
- className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
118
+ className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag1ign _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147a1ign _lwlp1ign _lbjpindk _17w9indk _1p7l1ign _1jbo1ign _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
119
119
  onAnimationEnd: onAnimationEnd
120
120
  }, children));
121
121
  };
@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
19
19
  var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
20
20
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
21
21
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
22
- var packageVersion = "127.2.0";
22
+ var packageVersion = "128.0.0";
23
23
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
24
24
  // Remove URL as it has UGC
25
25
  // Ignored via go/ees007
@@ -6,7 +6,7 @@ import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, AS
6
6
  export var QUICK_INSERT_MENU_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RECOMMENDED_SECTION.key, 0), STRUCTURE_SECTION.key, 1), MEDIA_SECTION.key, 2), CREATE_SECTION.key, 3), EMBED_SECTION.key, 4), TEXT_FORMATTING_SECTION.key, 5), ROVO_SECTION.key, 6), DATA_AND_CHARTS_SECTION.key, 7), BLOCK_TEMPLATES_SECTION.key, 8), OTHER_SECTION.key, 9);
7
7
  export var STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ACTION_MENU_ITEM.key, 100), TABLE_MENU_ITEM.key, 200), STATUS_MENU_ITEM.key, 300), DATE_MENU_ITEM.key, 400), MENTION_MENU_ITEM.key, 500), EXPAND_MENU_ITEM.key, 700), CODE_BLOCK_MENU_ITEM.key, 800), INFO_PANEL_MENU_ITEM.key, 900), NOTE_PANEL_MENU_ITEM.key, 1000), SUCCESS_PANEL_MENU_ITEM.key, 1100), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, WARNING_PANEL_MENU_ITEM.key, 1200), ERROR_PANEL_MENU_ITEM.key, 1300), CUSTOM_PANEL_MENU_ITEM.key, 1400), TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), SYNCED_BLOCK_MENU_ITEM.key, 2300), RULE_MENU_ITEM.key, 2400), DECISION_MENU_ITEM.key, 2800));
8
8
  export var MEDIA_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MEDIA_INSERT_MENU_ITEM.key, 100), HYPERLINK_MENU_ITEM.key, 200), EMOJI_MENU_ITEM.key, 300), AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
9
- export var CREATE_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, JIRA_ISSUE_MENU_ITEM.key, 100), CONFLUENCE_PAGE_MENU_ITEM.key, 200), WHITEBOARD_MENU_ITEM.key, 500), DIAGRAM_MENU_ITEM.key, 600), FLOWCHART_MENU_ITEM.key, 700), BRAINSTORMING_MENU_ITEM.key, 800), RETROSPECTIVE_MENU_ITEM.key, 900), ROADMAP_MENU_ITEM.key, 1000), DATABASE_MENU_ITEM.key, 1100), LOOM_MENU_ITEM.key, 1200);
9
+ export var CREATE_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, JIRA_ISSUE_MENU_ITEM.key, 100), LOOM_MENU_ITEM.key, 200), CONFLUENCE_PAGE_MENU_ITEM.key, 300), DATABASE_MENU_ITEM.key, 400), WHITEBOARD_MENU_ITEM.key, 500), DIAGRAM_MENU_ITEM.key, 600), FLOWCHART_MENU_ITEM.key, 700), BRAINSTORMING_MENU_ITEM.key, 800), RETROSPECTIVE_MENU_ITEM.key, 900), ROADMAP_MENU_ITEM.key, 1000);
10
10
  export var TEXT_FORMATTING_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNORDERED_LIST_MENU_ITEM.key, 100), ORDERED_LIST_MENU_ITEM.key, 200), HEADING_1_MENU_ITEM.key, 300), HEADING_2_MENU_ITEM.key, 400), HEADING_3_MENU_ITEM.key, 500), HEADING_4_MENU_ITEM.key, 600), HEADING_5_MENU_ITEM.key, 700), HEADING_6_MENU_ITEM.key, 800), BLOCKQUOTE_MENU_ITEM.key, 900), PLACEHOLDER_TEXT_MENU_ITEM.key, 1000);
11
11
  export var ROVO_SECTION_RANK = _defineProperty({}, ASK_ROVO_MENU_ITEM.key, 100);
12
12
  export var DATA_AND_CHARTS_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty({}, JIRA_WORK_ITEMS_MENU_ITEM.key, 300), CONFLUENCE_LIST_MENU_ITEM.key, 400), ASSETS_MENU_ITEM.key, 500);
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import { fg } from '@atlaskit/platform-feature-flags/fg';
22
22
  import Layer from '../Layer';
23
23
  var packageName = "@atlaskit/editor-common";
24
- var packageVersion = "127.2.0";
24
+ var packageVersion = "128.0.0";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "128.0.0",
3
+ "version": "128.0.1",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"