@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 +13 -0
- package/dist/cjs/extensibility/GeneratedContentReveal.compiled.css +5 -5
- package/dist/cjs/extensibility/GeneratedContentReveal.js +3 -3
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/quick-insert/rank.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/extensibility/GeneratedContentReveal.compiled.css +5 -5
- package/dist/es2019/extensibility/GeneratedContentReveal.js +3 -3
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/quick-insert/rank.js +4 -4
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/extensibility/GeneratedContentReveal.compiled.css +5 -5
- package/dist/esm/extensibility/GeneratedContentReveal.js +3 -3
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/quick-insert/rank.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/package.json +1 -1
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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 (
|
|
23
|
-
* 4. The embed fades in (
|
|
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
|
|
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 = "
|
|
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.
|
|
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 = "
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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 (
|
|
14
|
-
* 4. The embed fades in (
|
|
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
|
|
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 = "
|
|
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
|
-
[
|
|
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 = "
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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 (
|
|
15
|
-
* 4. The embed fades in (
|
|
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
|
|
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 = "
|
|
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),
|
|
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 = "
|
|
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