@atlaskit/editor-common 72.3.0 → 72.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/analytics/index.js +12 -0
- package/dist/cjs/analytics/types/enums.js +2 -2
- package/dist/cjs/analytics/types/index.js +12 -0
- package/dist/cjs/analytics/types/list-events.js +14 -2
- package/dist/cjs/styles/index.js +7 -0
- package/dist/cjs/styles/shared/dropdown-menu.js +12 -0
- package/dist/cjs/ui/BaseTheme/index.js +1 -2
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui-menu/DropdownMenu/index.js +18 -7
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/analytics/types/enums.js +2 -2
- package/dist/es2019/analytics/types/index.js +1 -1
- package/dist/es2019/analytics/types/list-events.js +11 -1
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/styles/index.js +1 -0
- package/dist/es2019/styles/shared/dropdown-menu.js +4 -0
- package/dist/es2019/ui/BaseTheme/index.js +1 -2
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui-menu/DropdownMenu/index.js +43 -35
- package/dist/es2019/version.json +1 -1
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/analytics/types/enums.js +2 -2
- package/dist/esm/analytics/types/index.js +1 -1
- package/dist/esm/analytics/types/list-events.js +11 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/styles/index.js +1 -0
- package/dist/esm/styles/shared/dropdown-menu.js +4 -0
- package/dist/esm/ui/BaseTheme/index.js +1 -2
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui-menu/DropdownMenu/index.js +18 -7
- package/dist/esm/version.json +1 -1
- package/dist/types/analytics/index.d.ts +2 -2
- package/dist/types/analytics/types/enums.d.ts +2 -2
- package/dist/types/analytics/types/general-events.d.ts +2 -2
- package/dist/types/analytics/types/index.d.ts +3 -2
- package/dist/types/analytics/types/list-events.d.ts +15 -1
- package/dist/types/collab/types.d.ts +5 -0
- package/dist/types/collab.d.ts +1 -1
- package/dist/types/styles/index.d.ts +1 -0
- package/dist/types/styles/shared/dropdown-menu.d.ts +4 -0
- package/dist/types/ui/BaseTheme/index.d.ts +1 -1
- package/dist/types/ui/index.d.ts +1 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 72.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`7fc33ec3f67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fc33ec3f67) - updating payload types for collab provider connected event payload
|
|
8
|
+
- [`ef0beaafa36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ef0beaafa36) - [ux] ED-15862: Add analytics for restartNumberedLists custom list start numbers
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [`3efca940231`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3efca940231) - [ux] ED-16417 fix cell background menu item becomes blue when clicking on color palette from table contextual menu
|
|
13
|
+
- [`a2ebf475e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2ebf475e82) - ED-16197 Updating DOCUMENT_PROCESSING_ERROR event action to map to new event "documentProcessingErrorV2" and moving its errorStack attribute to nonPrivacySafeAttributes.
|
|
14
|
+
- [`84efbb82ccb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/84efbb82ccb) - [ux] ED-16512 Remove table scroll when a column is resized and new column is added or table width is resized
|
|
15
|
+
- [`336f7dab111`](https://bitbucket.org/atlassian/atlassian-frontend/commits/336f7dab111) - ED-16200 Updating CRASHED event action to map to new event "unhandledErrorCaughtV2 and moving its errorStack attribute to nonPrivacySafeAttributes"
|
|
16
|
+
- [`2666aafd7d1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2666aafd7d1) - ED-15498 Export WithOutsideClickProps type from editor-common to prevent deep importing.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 72.3.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -81,6 +81,12 @@ Object.defineProperty(exports, "INPUT_METHOD", {
|
|
|
81
81
|
return _types.INPUT_METHOD;
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
|
+
Object.defineProperty(exports, "JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _types.JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
84
90
|
Object.defineProperty(exports, "LAYOUT_TYPE", {
|
|
85
91
|
enumerable: true,
|
|
86
92
|
get: function get() {
|
|
@@ -117,6 +123,12 @@ Object.defineProperty(exports, "MODE", {
|
|
|
117
123
|
return _types.MODE;
|
|
118
124
|
}
|
|
119
125
|
});
|
|
126
|
+
Object.defineProperty(exports, "OUTDENT_SCENARIOS", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _types.OUTDENT_SCENARIOS;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
120
132
|
Object.defineProperty(exports, "PLATFORMS", {
|
|
121
133
|
enumerable: true,
|
|
122
134
|
get: function get() {
|
|
@@ -120,9 +120,9 @@ exports.ACTION = ACTION;
|
|
|
120
120
|
ACTION["REMOVE_ICON"] = "removedIcon";
|
|
121
121
|
ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
|
|
122
122
|
ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
|
|
123
|
-
ACTION["DOCUMENT_PROCESSING_ERROR"] = "
|
|
123
|
+
ACTION["DOCUMENT_PROCESSING_ERROR"] = "documentProcessingErrorV2";
|
|
124
124
|
ACTION["RENDERER_TTI"] = "tti";
|
|
125
|
-
ACTION["CRASHED"] = "
|
|
125
|
+
ACTION["CRASHED"] = "unhandledErrorCaughtV2";
|
|
126
126
|
ACTION["SELECT_ALL_CAUGHT"] = "selectAllCaught";
|
|
127
127
|
ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
|
|
128
128
|
ACTION["SORT_COLUMN"] = "sortedColumn";
|
|
@@ -81,6 +81,12 @@ Object.defineProperty(exports, "INPUT_METHOD", {
|
|
|
81
81
|
return _enums.INPUT_METHOD;
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
|
+
Object.defineProperty(exports, "JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _listEvents.JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
84
90
|
Object.defineProperty(exports, "LAYOUT_TYPE", {
|
|
85
91
|
enumerable: true,
|
|
86
92
|
get: function get() {
|
|
@@ -117,6 +123,12 @@ Object.defineProperty(exports, "MODE", {
|
|
|
117
123
|
return _generalEvents.MODE;
|
|
118
124
|
}
|
|
119
125
|
});
|
|
126
|
+
Object.defineProperty(exports, "OUTDENT_SCENARIOS", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _listEvents.OUTDENT_SCENARIOS;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
120
132
|
Object.defineProperty(exports, "PLATFORMS", {
|
|
121
133
|
enumerable: true,
|
|
122
134
|
get: function get() {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.LIST_TEXT_SCENARIOS = exports.DELETE_DIRECTION = void 0;
|
|
6
|
+
exports.OUTDENT_SCENARIOS = exports.LIST_TEXT_SCENARIOS = exports.JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST = exports.DELETE_DIRECTION = void 0;
|
|
7
7
|
var DELETE_DIRECTION;
|
|
8
8
|
exports.DELETE_DIRECTION = DELETE_DIRECTION;
|
|
9
9
|
(function (DELETE_DIRECTION) {
|
|
@@ -19,4 +19,16 @@ exports.LIST_TEXT_SCENARIOS = LIST_TEXT_SCENARIOS;
|
|
|
19
19
|
LIST_TEXT_SCENARIOS["JOIN_PARAGRAPH_WITH_LIST"] = "joinParagraphWithList";
|
|
20
20
|
LIST_TEXT_SCENARIOS["JOIN_PARENT_SIBLING_TO_PARENT_CHILD"] = "joinParentSiblingToParentChild";
|
|
21
21
|
LIST_TEXT_SCENARIOS["JOIN_LIST_ITEM_WITH_PARAGRAPH"] = "joinListItemWithParagraph";
|
|
22
|
-
})(LIST_TEXT_SCENARIOS || (exports.LIST_TEXT_SCENARIOS = LIST_TEXT_SCENARIOS = {}));
|
|
22
|
+
})(LIST_TEXT_SCENARIOS || (exports.LIST_TEXT_SCENARIOS = LIST_TEXT_SCENARIOS = {}));
|
|
23
|
+
var JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
24
|
+
exports.JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST = JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
25
|
+
(function (JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST) {
|
|
26
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["NO_JOIN"] = "noJoin";
|
|
27
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["JOINED_TO_LIST_ABOVE"] = "joinedToListAbove";
|
|
28
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["JOINED_TO_LIST_BELOW"] = "joinedToListBelow";
|
|
29
|
+
})(JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST || (exports.JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST = JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST = {}));
|
|
30
|
+
var OUTDENT_SCENARIOS;
|
|
31
|
+
exports.OUTDENT_SCENARIOS = OUTDENT_SCENARIOS;
|
|
32
|
+
(function (OUTDENT_SCENARIOS) {
|
|
33
|
+
OUTDENT_SCENARIOS["SPLIT_LIST"] = "splitList";
|
|
34
|
+
})(OUTDENT_SCENARIOS || (exports.OUTDENT_SCENARIOS = OUTDENT_SCENARIOS = {}));
|
package/dist/cjs/styles/index.js
CHANGED
|
@@ -33,6 +33,12 @@ Object.defineProperty(exports, "DateSharedCssClassName", {
|
|
|
33
33
|
return _date.DateSharedCssClassName;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "DropdownMenuSharedCssClassName", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _dropdownMenu.DropdownMenuSharedCssClassName;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
36
42
|
Object.defineProperty(exports, "EXTENSION_PADDING", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function get() {
|
|
@@ -293,6 +299,7 @@ var _date = require("./shared/date");
|
|
|
293
299
|
var _taskDecision = require("./shared/task-decision");
|
|
294
300
|
var _status = require("./shared/status");
|
|
295
301
|
var _smartCard = require("./shared/smart-card");
|
|
302
|
+
var _dropdownMenu = require("./shared/dropdown-menu");
|
|
296
303
|
var _codeBlock = require("./shared/code-block");
|
|
297
304
|
var _layout = require("./shared/layout");
|
|
298
305
|
var _extension = require("./shared/extension");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.dropdownPrefixSelector = exports.DropdownMenuSharedCssClassName = void 0;
|
|
7
|
+
var dropdownPrefixSelector = 'pm-dropdown';
|
|
8
|
+
exports.dropdownPrefixSelector = dropdownPrefixSelector;
|
|
9
|
+
var DropdownMenuSharedCssClassName = {
|
|
10
|
+
SUBMENU: "".concat(dropdownPrefixSelector, "-submenu")
|
|
11
|
+
};
|
|
12
|
+
exports.DropdownMenuSharedCssClassName = DropdownMenuSharedCssClassName;
|
|
@@ -20,9 +20,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
20
20
|
function mapBreakpointToLayoutMaxWidth(breakpoint) {
|
|
21
21
|
switch (breakpoint) {
|
|
22
22
|
case 'M':
|
|
23
|
-
return 760;
|
|
24
23
|
case 'L':
|
|
25
|
-
return
|
|
24
|
+
return 760;
|
|
26
25
|
default:
|
|
27
26
|
return 680;
|
|
28
27
|
}
|
|
@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
|
|
|
24
24
|
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); }; }
|
|
25
25
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "72.
|
|
27
|
+
var packageVersion = "72.4.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = "0, ".concat((0, _constants.gridSize)(), "px");
|
|
30
30
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
@@ -23,6 +24,7 @@ var _menu = require("@atlaskit/menu");
|
|
|
23
24
|
var _colors = require("@atlaskit/theme/colors");
|
|
24
25
|
var _components = require("@atlaskit/theme/components");
|
|
25
26
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
27
|
+
var _styles = require("../../styles");
|
|
26
28
|
var _uiReact = require("../../ui-react");
|
|
27
29
|
var _DropList = _interopRequireDefault(require("../../ui/DropList"));
|
|
28
30
|
var _Popup = _interopRequireDefault(require("../../ui/Popup"));
|
|
@@ -35,24 +37,24 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
35
37
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
36
38
|
var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n /* tooltip in ToolbarButton is display:block */\n & > div > div {\n display: flex;\n }\n"])));
|
|
37
39
|
var focusedMenuItemStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 0px 0px 0px 2px ", ";\n outline: none;\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
|
|
38
|
-
var buttonStyles = function buttonStyles(isActive) {
|
|
40
|
+
var buttonStyles = function buttonStyles(isActive, submenuActive) {
|
|
39
41
|
return function (theme) {
|
|
40
42
|
if (isActive) {
|
|
41
43
|
/**
|
|
42
44
|
* Hack for item to imitate old dropdown-menu selected styles
|
|
43
45
|
*/
|
|
44
|
-
return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n
|
|
46
|
+
return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n > span,\n > span:hover,\n > span:active {\n background: ", ";\n color: ", ";\n }\n :focus > span[aria-disabled='false'] {\n ", ";\n }\n :focus-visible,\n :focus-visible > span[aria-disabled='false'] {\n outline: none;\n }\n "])), "var(--ds-background-selected, #6c798f)", "var(--ds-text, #fff)", focusedMenuItemStyle);
|
|
45
47
|
} else {
|
|
46
|
-
return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n
|
|
48
|
+
return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n > span:hover[aria-disabled='false'] {\n color: ", ";\n background-color: ", ";\n }\n ", "\n > span[aria-disabled='true'] {\n color: ", ";\n }\n :focus > span[aria-disabled='false'] {\n ", ";\n }\n :focus-visible,\n :focus-visible > span[aria-disabled='false'] {\n outline: none;\n }\n "])), (0, _components.themed)({
|
|
47
49
|
light: "var(--ds-text, ".concat(_colors.N900, ")"),
|
|
48
50
|
dark: "var(--ds-text, ".concat(_colors.DN600, ")")
|
|
49
51
|
})(theme), (0, _components.themed)({
|
|
50
52
|
light: "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))",
|
|
51
53
|
dark: "var(--ds-background-neutral-subtle-hovered, rgb(59, 71, 92))"
|
|
52
|
-
})(theme), (0, _components.themed)({
|
|
54
|
+
})(theme), !submenuActive && "\n > span:active[aria-disabled='false'] {\n background-color: ".concat((0, _components.themed)({
|
|
53
55
|
light: "var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))",
|
|
54
56
|
dark: "var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))"
|
|
55
|
-
})(theme), (0, _components.themed)({
|
|
57
|
+
})(theme), ";\n }"), (0, _components.themed)({
|
|
56
58
|
light: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
|
|
57
59
|
dark: "var(--ds-text-disabled, ".concat(_colors.DN80, ")")
|
|
58
60
|
})(theme), focusedMenuItemStyle); // The deafut focus-visible style is removed to ensure consistency across browsers
|
|
@@ -219,6 +221,11 @@ function DropdownMenuItem(_ref) {
|
|
|
219
221
|
shouldUseDefaultRole = _ref.shouldUseDefaultRole,
|
|
220
222
|
_onMouseEnter = _ref.onMouseEnter,
|
|
221
223
|
_onMouseLeave = _ref.onMouseLeave;
|
|
224
|
+
var _React$useState = _react.default.useState(false),
|
|
225
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
226
|
+
submenuActive = _React$useState2[0],
|
|
227
|
+
setSubmenuActive = _React$useState2[1];
|
|
228
|
+
|
|
222
229
|
// onClick and value.name are the action indicators in the handlers
|
|
223
230
|
// If neither are present, don't wrap in an Item.
|
|
224
231
|
if (!item.onClick && !(item.value && item.value.name)) {
|
|
@@ -226,14 +233,18 @@ function DropdownMenuItem(_ref) {
|
|
|
226
233
|
key: String(item.content)
|
|
227
234
|
}, item.content);
|
|
228
235
|
}
|
|
236
|
+
var _handleSubmenuActive = function _handleSubmenuActive(event) {
|
|
237
|
+
setSubmenuActive(!!event.target.closest(".".concat(_styles.DropdownMenuSharedCssClassName.SUBMENU)));
|
|
238
|
+
};
|
|
229
239
|
var dropListItem = (0, _react2.jsx)("div", {
|
|
230
240
|
css: function css(theme) {
|
|
231
|
-
return buttonStyles(item.isActive)({
|
|
241
|
+
return buttonStyles(item.isActive, submenuActive)({
|
|
232
242
|
theme: theme
|
|
233
243
|
});
|
|
234
244
|
},
|
|
235
245
|
tabIndex: -1,
|
|
236
|
-
"aria-disabled": item.isDisabled ? 'true' : 'false'
|
|
246
|
+
"aria-disabled": item.isDisabled ? 'true' : 'false',
|
|
247
|
+
onMouseDown: _handleSubmenuActive
|
|
237
248
|
}, (0, _react2.jsx)(_menu.CustomItem, {
|
|
238
249
|
item: item,
|
|
239
250
|
key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
|
package/dist/cjs/version.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT } from './types';
|
|
1
|
+
export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT } from './types';
|
|
@@ -112,9 +112,9 @@ export let ACTION;
|
|
|
112
112
|
ACTION["REMOVE_ICON"] = "removedIcon";
|
|
113
113
|
ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
|
|
114
114
|
ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
|
|
115
|
-
ACTION["DOCUMENT_PROCESSING_ERROR"] = "
|
|
115
|
+
ACTION["DOCUMENT_PROCESSING_ERROR"] = "documentProcessingErrorV2";
|
|
116
116
|
ACTION["RENDERER_TTI"] = "tti";
|
|
117
|
-
ACTION["CRASHED"] = "
|
|
117
|
+
ACTION["CRASHED"] = "unhandledErrorCaughtV2";
|
|
118
118
|
ACTION["SELECT_ALL_CAUGHT"] = "selectAllCaught";
|
|
119
119
|
ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
|
|
120
120
|
ACTION["SORT_COLUMN"] = "sortedColumn";
|
|
@@ -5,7 +5,7 @@ export { BROWSER_FREEZE_INTERACTION_TYPE, FULL_WIDTH_MODE, MODE, PLATFORMS } fro
|
|
|
5
5
|
export { LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, USER_CONTEXT } from './insert-events';
|
|
6
6
|
export { TABLE_ACTION, TABLE_BREAKOUT } from './table-events';
|
|
7
7
|
export { PasteContents, PasteSources, PasteTypes } from './paste-events';
|
|
8
|
-
export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS } from './list-events';
|
|
8
|
+
export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS } from './list-events';
|
|
9
9
|
export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE } from './extension-events';
|
|
10
10
|
export { RESOLVE_METHOD } from './inline-comment-events';
|
|
11
11
|
export { LAYOUT_TYPE, SMART_LINK_TYPE } from './node-events';
|
|
@@ -11,4 +11,14 @@ export let LIST_TEXT_SCENARIOS;
|
|
|
11
11
|
LIST_TEXT_SCENARIOS["JOIN_PARAGRAPH_WITH_LIST"] = "joinParagraphWithList";
|
|
12
12
|
LIST_TEXT_SCENARIOS["JOIN_PARENT_SIBLING_TO_PARENT_CHILD"] = "joinParentSiblingToParentChild";
|
|
13
13
|
LIST_TEXT_SCENARIOS["JOIN_LIST_ITEM_WITH_PARAGRAPH"] = "joinListItemWithParagraph";
|
|
14
|
-
})(LIST_TEXT_SCENARIOS || (LIST_TEXT_SCENARIOS = {}));
|
|
14
|
+
})(LIST_TEXT_SCENARIOS || (LIST_TEXT_SCENARIOS = {}));
|
|
15
|
+
export let JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
16
|
+
(function (JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST) {
|
|
17
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["NO_JOIN"] = "noJoin";
|
|
18
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["JOINED_TO_LIST_ABOVE"] = "joinedToListAbove";
|
|
19
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["JOINED_TO_LIST_BELOW"] = "joinedToListBelow";
|
|
20
|
+
})(JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST || (JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST = {}));
|
|
21
|
+
export let OUTDENT_SCENARIOS;
|
|
22
|
+
(function (OUTDENT_SCENARIOS) {
|
|
23
|
+
OUTDENT_SCENARIOS["SPLIT_LIST"] = "splitList";
|
|
24
|
+
})(OUTDENT_SCENARIOS || (OUTDENT_SCENARIOS = {}));
|
package/dist/es2019/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS
|
|
1
|
+
// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS
|
|
2
2
|
export {};
|
|
@@ -18,6 +18,7 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
|
|
|
18
18
|
export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
|
|
19
19
|
export { StatusSharedCssClassName } from './shared/status';
|
|
20
20
|
export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
|
|
21
|
+
export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
21
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
|
|
22
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
23
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
|
|
|
8
8
|
import { borderRadius, gridSize } from '@atlaskit/theme/constants';
|
|
9
9
|
import Layer from '../Layer';
|
|
10
10
|
const packageName = "@atlaskit/editor-common";
|
|
11
|
-
const packageVersion = "72.
|
|
11
|
+
const packageVersion = "72.4.0";
|
|
12
12
|
const halfFocusRing = 1;
|
|
13
13
|
const dropOffset = `0, ${gridSize()}px`;
|
|
14
14
|
class DropList extends Component {
|
|
@@ -8,6 +8,7 @@ import { CustomItem, MenuGroup } from '@atlaskit/menu';
|
|
|
8
8
|
import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
|
|
9
9
|
import { themed } from '@atlaskit/theme/components';
|
|
10
10
|
import Tooltip from '@atlaskit/tooltip';
|
|
11
|
+
import { DropdownMenuSharedCssClassName } from '../../styles';
|
|
11
12
|
import { withReactEditorViewOuterListeners } from '../../ui-react';
|
|
12
13
|
import DropList from '../../ui/DropList';
|
|
13
14
|
import Popup from '../../ui/Popup';
|
|
@@ -22,58 +23,59 @@ const focusedMenuItemStyle = css`
|
|
|
22
23
|
box-shadow: inset 0px 0px 0px 2px ${`var(--ds-border-focused, ${B100})`};
|
|
23
24
|
outline: none;
|
|
24
25
|
`;
|
|
25
|
-
const buttonStyles = isActive => theme => {
|
|
26
|
+
const buttonStyles = (isActive, submenuActive) => theme => {
|
|
26
27
|
if (isActive) {
|
|
27
28
|
/**
|
|
28
29
|
* Hack for item to imitate old dropdown-menu selected styles
|
|
29
30
|
*/
|
|
30
31
|
return css`
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
32
|
+
> span,
|
|
33
|
+
> span:hover,
|
|
34
|
+
> span:active {
|
|
35
|
+
background: ${"var(--ds-background-selected, #6c798f)"};
|
|
36
|
+
color: ${"var(--ds-text, #fff)"};
|
|
37
|
+
}
|
|
38
|
+
:focus > span[aria-disabled='false'] {
|
|
39
|
+
${focusedMenuItemStyle};
|
|
40
|
+
}
|
|
41
|
+
:focus-visible,
|
|
42
|
+
:focus-visible > span[aria-disabled='false'] {
|
|
43
|
+
outline: none;
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
45
46
|
} else {
|
|
46
47
|
return css`
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
> span:hover[aria-disabled='false'] {
|
|
49
|
+
color: ${themed({
|
|
49
50
|
light: `var(--ds-text, ${N900})`,
|
|
50
51
|
dark: `var(--ds-text, ${DN600})`
|
|
51
52
|
})(theme)};
|
|
52
|
-
|
|
53
|
+
background-color: ${themed({
|
|
53
54
|
light: "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))",
|
|
54
55
|
dark: "var(--ds-background-neutral-subtle-hovered, rgb(59, 71, 92))"
|
|
55
56
|
})(theme)};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
}
|
|
58
|
+
${!submenuActive && `
|
|
59
|
+
> span:active[aria-disabled='false'] {
|
|
60
|
+
background-color: ${themed({
|
|
59
61
|
light: "var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))",
|
|
60
62
|
dark: "var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))"
|
|
61
63
|
})(theme)};
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
}`}
|
|
65
|
+
> span[aria-disabled='true'] {
|
|
66
|
+
color: ${themed({
|
|
65
67
|
light: `var(--ds-text-disabled, ${N70})`,
|
|
66
68
|
dark: `var(--ds-text-disabled, ${DN80})`
|
|
67
69
|
})(theme)};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
70
|
+
}
|
|
71
|
+
:focus > span[aria-disabled='false'] {
|
|
72
|
+
${focusedMenuItemStyle};
|
|
73
|
+
}
|
|
74
|
+
:focus-visible,
|
|
75
|
+
:focus-visible > span[aria-disabled='false'] {
|
|
76
|
+
outline: none;
|
|
77
|
+
}
|
|
78
|
+
`; // The deafut focus-visible style is removed to ensure consistency across browsers
|
|
77
79
|
}
|
|
78
80
|
};
|
|
79
81
|
|
|
@@ -226,6 +228,8 @@ function DropdownMenuItem({
|
|
|
226
228
|
onMouseLeave
|
|
227
229
|
}) {
|
|
228
230
|
var _item$key2;
|
|
231
|
+
const [submenuActive, setSubmenuActive] = React.useState(false);
|
|
232
|
+
|
|
229
233
|
// onClick and value.name are the action indicators in the handlers
|
|
230
234
|
// If neither are present, don't wrap in an Item.
|
|
231
235
|
if (!item.onClick && !(item.value && item.value.name)) {
|
|
@@ -233,12 +237,16 @@ function DropdownMenuItem({
|
|
|
233
237
|
key: String(item.content)
|
|
234
238
|
}, item.content);
|
|
235
239
|
}
|
|
240
|
+
const _handleSubmenuActive = event => {
|
|
241
|
+
setSubmenuActive(!!event.target.closest(`.${DropdownMenuSharedCssClassName.SUBMENU}`));
|
|
242
|
+
};
|
|
236
243
|
const dropListItem = jsx("div", {
|
|
237
|
-
css: theme => buttonStyles(item.isActive)({
|
|
244
|
+
css: theme => buttonStyles(item.isActive, submenuActive)({
|
|
238
245
|
theme
|
|
239
246
|
}),
|
|
240
247
|
tabIndex: -1,
|
|
241
|
-
"aria-disabled": item.isDisabled ? 'true' : 'false'
|
|
248
|
+
"aria-disabled": item.isDisabled ? 'true' : 'false',
|
|
249
|
+
onMouseDown: _handleSubmenuActive
|
|
242
250
|
}, jsx(CustomItem, {
|
|
243
251
|
item: item,
|
|
244
252
|
key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
|
package/dist/es2019/version.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT } from './types';
|
|
1
|
+
export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT } from './types';
|
|
@@ -112,9 +112,9 @@ export var ACTION;
|
|
|
112
112
|
ACTION["REMOVE_ICON"] = "removedIcon";
|
|
113
113
|
ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
|
|
114
114
|
ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
|
|
115
|
-
ACTION["DOCUMENT_PROCESSING_ERROR"] = "
|
|
115
|
+
ACTION["DOCUMENT_PROCESSING_ERROR"] = "documentProcessingErrorV2";
|
|
116
116
|
ACTION["RENDERER_TTI"] = "tti";
|
|
117
|
-
ACTION["CRASHED"] = "
|
|
117
|
+
ACTION["CRASHED"] = "unhandledErrorCaughtV2";
|
|
118
118
|
ACTION["SELECT_ALL_CAUGHT"] = "selectAllCaught";
|
|
119
119
|
ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
|
|
120
120
|
ACTION["SORT_COLUMN"] = "sortedColumn";
|
|
@@ -5,7 +5,7 @@ export { BROWSER_FREEZE_INTERACTION_TYPE, FULL_WIDTH_MODE, MODE, PLATFORMS } fro
|
|
|
5
5
|
export { LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, USER_CONTEXT } from './insert-events';
|
|
6
6
|
export { TABLE_ACTION, TABLE_BREAKOUT } from './table-events';
|
|
7
7
|
export { PasteContents, PasteSources, PasteTypes } from './paste-events';
|
|
8
|
-
export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS } from './list-events';
|
|
8
|
+
export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS } from './list-events';
|
|
9
9
|
export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE } from './extension-events';
|
|
10
10
|
export { RESOLVE_METHOD } from './inline-comment-events';
|
|
11
11
|
export { LAYOUT_TYPE, SMART_LINK_TYPE } from './node-events';
|
|
@@ -11,4 +11,14 @@ export var LIST_TEXT_SCENARIOS;
|
|
|
11
11
|
LIST_TEXT_SCENARIOS["JOIN_PARAGRAPH_WITH_LIST"] = "joinParagraphWithList";
|
|
12
12
|
LIST_TEXT_SCENARIOS["JOIN_PARENT_SIBLING_TO_PARENT_CHILD"] = "joinParentSiblingToParentChild";
|
|
13
13
|
LIST_TEXT_SCENARIOS["JOIN_LIST_ITEM_WITH_PARAGRAPH"] = "joinListItemWithParagraph";
|
|
14
|
-
})(LIST_TEXT_SCENARIOS || (LIST_TEXT_SCENARIOS = {}));
|
|
14
|
+
})(LIST_TEXT_SCENARIOS || (LIST_TEXT_SCENARIOS = {}));
|
|
15
|
+
export var JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
16
|
+
(function (JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST) {
|
|
17
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["NO_JOIN"] = "noJoin";
|
|
18
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["JOINED_TO_LIST_ABOVE"] = "joinedToListAbove";
|
|
19
|
+
JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST["JOINED_TO_LIST_BELOW"] = "joinedToListBelow";
|
|
20
|
+
})(JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST || (JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST = {}));
|
|
21
|
+
export var OUTDENT_SCENARIOS;
|
|
22
|
+
(function (OUTDENT_SCENARIOS) {
|
|
23
|
+
OUTDENT_SCENARIOS["SPLIT_LIST"] = "splitList";
|
|
24
|
+
})(OUTDENT_SCENARIOS || (OUTDENT_SCENARIOS = {}));
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS
|
|
1
|
+
// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS
|
|
2
2
|
export {};
|
package/dist/esm/styles/index.js
CHANGED
|
@@ -18,6 +18,7 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
|
|
|
18
18
|
export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
|
|
19
19
|
export { StatusSharedCssClassName } from './shared/status';
|
|
20
20
|
export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
|
|
21
|
+
export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
21
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
|
|
22
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
23
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
|
|
|
18
18
|
import { borderRadius, gridSize } from '@atlaskit/theme/constants';
|
|
19
19
|
import Layer from '../Layer';
|
|
20
20
|
var packageName = "@atlaskit/editor-common";
|
|
21
|
-
var packageVersion = "72.
|
|
21
|
+
var packageVersion = "72.4.0";
|
|
22
22
|
var halfFocusRing = 1;
|
|
23
23
|
var dropOffset = "0, ".concat(gridSize(), "px");
|
|
24
24
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
1
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
@@ -20,30 +21,31 @@ import { CustomItem, MenuGroup } from '@atlaskit/menu';
|
|
|
20
21
|
import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
|
|
21
22
|
import { themed } from '@atlaskit/theme/components';
|
|
22
23
|
import Tooltip from '@atlaskit/tooltip';
|
|
24
|
+
import { DropdownMenuSharedCssClassName } from '../../styles';
|
|
23
25
|
import { withReactEditorViewOuterListeners } from '../../ui-react';
|
|
24
26
|
import DropList from '../../ui/DropList';
|
|
25
27
|
import Popup from '../../ui/Popup';
|
|
26
28
|
import { MenuArrowKeyNavigationProvider } from '../MenuArrowKeyNavigationProvider';
|
|
27
29
|
var wrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n /* tooltip in ToolbarButton is display:block */\n & > div > div {\n display: flex;\n }\n"])));
|
|
28
30
|
var focusedMenuItemStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n box-shadow: inset 0px 0px 0px 2px ", ";\n outline: none;\n"])), "var(--ds-border-focused, ".concat(B100, ")"));
|
|
29
|
-
var buttonStyles = function buttonStyles(isActive) {
|
|
31
|
+
var buttonStyles = function buttonStyles(isActive, submenuActive) {
|
|
30
32
|
return function (theme) {
|
|
31
33
|
if (isActive) {
|
|
32
34
|
/**
|
|
33
35
|
* Hack for item to imitate old dropdown-menu selected styles
|
|
34
36
|
*/
|
|
35
|
-
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
|
37
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n > span,\n > span:hover,\n > span:active {\n background: ", ";\n color: ", ";\n }\n :focus > span[aria-disabled='false'] {\n ", ";\n }\n :focus-visible,\n :focus-visible > span[aria-disabled='false'] {\n outline: none;\n }\n "])), "var(--ds-background-selected, #6c798f)", "var(--ds-text, #fff)", focusedMenuItemStyle);
|
|
36
38
|
} else {
|
|
37
|
-
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n
|
|
39
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n > span:hover[aria-disabled='false'] {\n color: ", ";\n background-color: ", ";\n }\n ", "\n > span[aria-disabled='true'] {\n color: ", ";\n }\n :focus > span[aria-disabled='false'] {\n ", ";\n }\n :focus-visible,\n :focus-visible > span[aria-disabled='false'] {\n outline: none;\n }\n "])), themed({
|
|
38
40
|
light: "var(--ds-text, ".concat(N900, ")"),
|
|
39
41
|
dark: "var(--ds-text, ".concat(DN600, ")")
|
|
40
42
|
})(theme), themed({
|
|
41
43
|
light: "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))",
|
|
42
44
|
dark: "var(--ds-background-neutral-subtle-hovered, rgb(59, 71, 92))"
|
|
43
|
-
})(theme), themed({
|
|
45
|
+
})(theme), !submenuActive && "\n > span:active[aria-disabled='false'] {\n background-color: ".concat(themed({
|
|
44
46
|
light: "var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))",
|
|
45
47
|
dark: "var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))"
|
|
46
|
-
})(theme), themed({
|
|
48
|
+
})(theme), ";\n }"), themed({
|
|
47
49
|
light: "var(--ds-text-disabled, ".concat(N70, ")"),
|
|
48
50
|
dark: "var(--ds-text-disabled, ".concat(DN80, ")")
|
|
49
51
|
})(theme), focusedMenuItemStyle); // The deafut focus-visible style is removed to ensure consistency across browsers
|
|
@@ -210,6 +212,11 @@ function DropdownMenuItem(_ref) {
|
|
|
210
212
|
shouldUseDefaultRole = _ref.shouldUseDefaultRole,
|
|
211
213
|
_onMouseEnter = _ref.onMouseEnter,
|
|
212
214
|
_onMouseLeave = _ref.onMouseLeave;
|
|
215
|
+
var _React$useState = React.useState(false),
|
|
216
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
217
|
+
submenuActive = _React$useState2[0],
|
|
218
|
+
setSubmenuActive = _React$useState2[1];
|
|
219
|
+
|
|
213
220
|
// onClick and value.name are the action indicators in the handlers
|
|
214
221
|
// If neither are present, don't wrap in an Item.
|
|
215
222
|
if (!item.onClick && !(item.value && item.value.name)) {
|
|
@@ -217,14 +224,18 @@ function DropdownMenuItem(_ref) {
|
|
|
217
224
|
key: String(item.content)
|
|
218
225
|
}, item.content);
|
|
219
226
|
}
|
|
227
|
+
var _handleSubmenuActive = function _handleSubmenuActive(event) {
|
|
228
|
+
setSubmenuActive(!!event.target.closest(".".concat(DropdownMenuSharedCssClassName.SUBMENU)));
|
|
229
|
+
};
|
|
220
230
|
var dropListItem = jsx("div", {
|
|
221
231
|
css: function css(theme) {
|
|
222
|
-
return buttonStyles(item.isActive)({
|
|
232
|
+
return buttonStyles(item.isActive, submenuActive)({
|
|
223
233
|
theme: theme
|
|
224
234
|
});
|
|
225
235
|
},
|
|
226
236
|
tabIndex: -1,
|
|
227
|
-
"aria-disabled": item.isDisabled ? 'true' : 'false'
|
|
237
|
+
"aria-disabled": item.isDisabled ? 'true' : 'false',
|
|
238
|
+
onMouseDown: _handleSubmenuActive
|
|
228
239
|
}, jsx(CustomItem, {
|
|
229
240
|
item: item,
|
|
230
241
|
key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
|
package/dist/esm/version.json
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, } from './types';
|
|
2
|
-
export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, NodeCount, NodeEventPayload, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types';
|
|
1
|
+
export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, } from './types';
|
|
2
|
+
export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types';
|
|
3
3
|
export type { EditorAnalyticsAPI } from './api';
|
|
@@ -118,9 +118,9 @@ export declare enum ACTION {
|
|
|
118
118
|
REMOVE_ICON = "removedIcon",
|
|
119
119
|
UFO_SESSION_COMPLETE = "ufoSessionComplete",
|
|
120
120
|
INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",
|
|
121
|
-
DOCUMENT_PROCESSING_ERROR = "
|
|
121
|
+
DOCUMENT_PROCESSING_ERROR = "documentProcessingErrorV2",
|
|
122
122
|
RENDERER_TTI = "tti",
|
|
123
|
-
CRASHED = "
|
|
123
|
+
CRASHED = "unhandledErrorCaughtV2",
|
|
124
124
|
SELECT_ALL_CAUGHT = "selectAllCaught",
|
|
125
125
|
SELECT_ALL_ESCAPED = "selectAllEscaped",
|
|
126
126
|
SORT_COLUMN = "sortedColumn",
|
|
@@ -115,9 +115,9 @@ declare type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAI
|
|
|
115
115
|
declare type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, {
|
|
116
116
|
errorStack?: string;
|
|
117
117
|
}, undefined>;
|
|
118
|
-
declare type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, {
|
|
118
|
+
declare type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, undefined, {
|
|
119
119
|
errorStack?: string;
|
|
120
|
-
}
|
|
120
|
+
}>;
|
|
121
121
|
declare type EditorStopAEP = UIAEP<ACTION.STOPPED, ACTION_SUBJECT.EDITOR, ACTION_SUBJECT_ID.SAVE | ACTION_SUBJECT_ID.CANCEL, {
|
|
122
122
|
inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
|
|
123
123
|
documentSize: number;
|
|
@@ -14,8 +14,8 @@ export { PasteContents, PasteSources, PasteTypes } from './paste-events';
|
|
|
14
14
|
export type { PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, } from './paste-events';
|
|
15
15
|
export type { MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, CaptionTrackAction, } from './media-events';
|
|
16
16
|
export type { DispatchAnalyticsEvent } from './dispatch-analytics-event';
|
|
17
|
-
export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS } from './list-events';
|
|
18
|
-
export type { ListEventPayload, CommonListAnalyticsAttributes, } from './list-events';
|
|
17
|
+
export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, } from './list-events';
|
|
18
|
+
export type { ListEventPayload, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, } from './list-events';
|
|
19
19
|
export type { CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, RecentActivitiesPerfAEP, QuickSearchPerfAEP, ViewedCreateLinkInlineDialogAEP, DismissedCreateLinkInlineDialogAEP, EnteredTextLinkSearchInputAEP, ShownPreQuerySearchResultsAEP, ShownPostQuerySearchResultsAEP, HighlightedSearchResultsAEP, SelectedSearchResultsAEP, EditLinkToolbarAEP, UnlinkToolbarAEP, } from './link-tool-bar-events';
|
|
20
20
|
export type { TextColorSelectedAttr, TextColorSelectedAEP, TextColorShowPaletteToggleAttr, TextColorShowPaletteToggleAEP, ExperimentalEventPayload, } from './experimental-events';
|
|
21
21
|
export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE, } from './extension-events';
|
|
@@ -31,5 +31,6 @@ export { TOOLBAR_ACTION_SUBJECT_ID } from './toolbar-button';
|
|
|
31
31
|
export type { ToolbarEventPayload } from './toolbar-button';
|
|
32
32
|
export type { TypeAheadPayload } from './type-ahead';
|
|
33
33
|
export { SELECTION_POSITION, SELECTION_TYPE } from './utils';
|
|
34
|
+
export type { OperationalAEP } from './utils';
|
|
34
35
|
export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './performance-report';
|
|
35
36
|
export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './referentiality-events';
|
|
@@ -12,6 +12,14 @@ export declare enum LIST_TEXT_SCENARIOS {
|
|
|
12
12
|
JOIN_PARENT_SIBLING_TO_PARENT_CHILD = "joinParentSiblingToParentChild",
|
|
13
13
|
JOIN_LIST_ITEM_WITH_PARAGRAPH = "joinListItemWithParagraph"
|
|
14
14
|
}
|
|
15
|
+
export declare enum JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST {
|
|
16
|
+
NO_JOIN = "noJoin",
|
|
17
|
+
JOINED_TO_LIST_ABOVE = "joinedToListAbove",
|
|
18
|
+
JOINED_TO_LIST_BELOW = "joinedToListBelow"
|
|
19
|
+
}
|
|
20
|
+
export declare enum OUTDENT_SCENARIOS {
|
|
21
|
+
SPLIT_LIST = "splitList"
|
|
22
|
+
}
|
|
15
23
|
export declare type CommonListAnalyticsAttributes = {
|
|
16
24
|
itemIndexAtSelectionStart: number;
|
|
17
25
|
itemIndexAtSelectionEnd: number;
|
|
@@ -19,6 +27,10 @@ export declare type CommonListAnalyticsAttributes = {
|
|
|
19
27
|
indentLevelAtSelectionEnd: number;
|
|
20
28
|
itemsInSelection: number;
|
|
21
29
|
};
|
|
30
|
+
export declare type RestartListsAttributesForListOutdented = {
|
|
31
|
+
outdentScenario?: OUTDENT_SCENARIOS;
|
|
32
|
+
splitListStartNumber?: number;
|
|
33
|
+
};
|
|
22
34
|
declare type ListItemJoinedFormatAEP<Attributes> = TrackAEP<ACTION.LIST_ITEM_JOINED, ACTION_SUBJECT.LIST, ACTION_SUBJECT_ID.FORMAT_LIST_BULLET | ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER, Attributes, undefined>;
|
|
23
35
|
declare type ListItemJoinedForwardAEP = ListItemJoinedFormatAEP<{
|
|
24
36
|
inputMethod: INPUT_METHOD.KEYBOARD;
|
|
@@ -39,9 +51,11 @@ declare type ListIndentedAEP = TrackAEP<ACTION.INDENTED, ACTION_SUBJECT.LIST, AC
|
|
|
39
51
|
} & CommonListAnalyticsAttributes, undefined>;
|
|
40
52
|
declare type ListOutdentedAEP = TrackAEP<ACTION.OUTDENTED, ACTION_SUBJECT.LIST, ACTION_SUBJECT_ID.FORMAT_LIST_BULLET | ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER, {
|
|
41
53
|
inputMethod: INPUT_METHOD;
|
|
42
|
-
} & CommonListAnalyticsAttributes, undefined>;
|
|
54
|
+
} & CommonListAnalyticsAttributes & RestartListsAttributesForListOutdented, undefined>;
|
|
43
55
|
declare type ListInsertedAEP = TrackAEP<ACTION.INSERTED, ACTION_SUBJECT.LIST, ACTION_SUBJECT_ID.FORMAT_LIST_BULLET | ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER, {
|
|
44
56
|
inputMethod: INPUT_METHOD.FORMATTING | INPUT_METHOD.KEYBOARD | INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT;
|
|
57
|
+
listStartNumber?: number;
|
|
58
|
+
joinScenario?: JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST;
|
|
45
59
|
}, undefined>;
|
|
46
60
|
declare type ListContentSanitizedAEP = TrackAEP<ACTION.NODE_CONTENT_SANITIZED, ACTION_SUBJECT.LIST, ACTION_SUBJECT_ID.FORMAT_LIST_BULLET | ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER, {
|
|
47
61
|
inputMethod: INPUT_METHOD.FORMATTING;
|
|
@@ -24,6 +24,10 @@ export interface CollabEventRemoteData {
|
|
|
24
24
|
}
|
|
25
25
|
export interface CollabEventConnectionData {
|
|
26
26
|
sid: string;
|
|
27
|
+
initial: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface CollabEventConnectingData {
|
|
30
|
+
initial: boolean;
|
|
27
31
|
}
|
|
28
32
|
export interface CollabEventDisconnectedData {
|
|
29
33
|
sid: string;
|
|
@@ -59,6 +63,7 @@ export interface CollabEventData {
|
|
|
59
63
|
error: any;
|
|
60
64
|
'local-steps': any;
|
|
61
65
|
entity: any;
|
|
66
|
+
connecting: CollabEventConnectingData;
|
|
62
67
|
}
|
|
63
68
|
export declare type ResolvedEditorState<T = any> = {
|
|
64
69
|
content: JSONDocNode | T;
|
package/dist/types/collab.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export type { CollabEditProvider, CollabEventPresenceData, CollabEvent, CollabEventConnectionData, CollabEventData, CollabEventInitData, CollabEventRemoteData, CollabEventTelepointerData, CollabParticipant, CollabSendableSelection, CollabEventLocalStepData, ResolvedEditorState, } from './collab/types';
|
|
1
|
+
export type { CollabEditProvider, CollabEventPresenceData, CollabEvent, CollabEventConnectionData, CollabEventData, CollabEventInitData, CollabEventRemoteData, CollabEventTelepointerData, CollabParticipant, CollabSendableSelection, CollabEventLocalStepData, ResolvedEditorState, CollabEventConnectingData, } from './collab/types';
|
|
@@ -18,6 +18,7 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
|
|
|
18
18
|
export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, } from './shared/task-decision';
|
|
19
19
|
export { StatusSharedCssClassName } from './shared/status';
|
|
20
20
|
export { smartCardSharedStyles, SmartCardSharedCssClassName, } from './shared/smart-card';
|
|
21
|
+
export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
|
|
21
22
|
export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
|
|
22
23
|
export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
|
|
23
24
|
export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Breakpoints } from '../WidthProvider';
|
|
3
|
-
export declare function mapBreakpointToLayoutMaxWidth(breakpoint: Breakpoints): 760 |
|
|
3
|
+
export declare function mapBreakpointToLayoutMaxWidth(breakpoint: Breakpoints): 760 | 680;
|
|
4
4
|
declare type BaseThemeWrapperProps = {
|
|
5
5
|
breakpoint: Breakpoints;
|
|
6
6
|
children: React.ReactNode;
|
package/dist/types/ui/index.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ export { default as UnsupportedBlock } from './UnsupportedBlock';
|
|
|
11
11
|
export { default as UnsupportedInline } from './UnsupportedInline';
|
|
12
12
|
export { BaseTheme, mapBreakpointToLayoutMaxWidth } from './BaseTheme';
|
|
13
13
|
export { default as withOuterListeners } from './with-outer-listeners';
|
|
14
|
+
export type { WithOutsideClickProps } from './with-outer-listeners';
|
|
14
15
|
export type { CardEventClickHandler, CardSurroundings, EventHandlers, LinkEventClickHandler, MentionEventHandler, MentionEventHandlers, SmartCardEventClickHandler, } from './EventHandlers';
|
|
15
16
|
export { WidthConsumer, WidthProvider, getBreakpoint } from './WidthProvider';
|
|
16
17
|
export type { WidthConsumerContext, Breakpoints } from './WidthProvider';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "72.
|
|
3
|
+
"version": "72.4.0",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@atlaskit/activity-provider": "^2.3.0",
|
|
60
|
-
"@atlaskit/adf-schema": "^25.
|
|
60
|
+
"@atlaskit/adf-schema": "^25.2.0",
|
|
61
61
|
"@atlaskit/adf-utils": "^18.0.0",
|
|
62
62
|
"@atlaskit/analytics-listeners": "^8.5.0",
|
|
63
63
|
"@atlaskit/analytics-namespaced-context": "^6.6.0",
|
|
64
|
-
"@atlaskit/analytics-next": "^
|
|
64
|
+
"@atlaskit/analytics-next": "^9.0.0",
|
|
65
65
|
"@atlaskit/analytics-next-stable-react-context": "1.0.1",
|
|
66
66
|
"@atlaskit/button": "^16.5.0",
|
|
67
67
|
"@atlaskit/code": "^14.4.0",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@atlaskit/emoji": "^67.0.0",
|
|
73
73
|
"@atlaskit/icon": "^21.11.0",
|
|
74
74
|
"@atlaskit/in-product-testing": "^0.1.0",
|
|
75
|
-
"@atlaskit/media-card": "^74.
|
|
75
|
+
"@atlaskit/media-card": "^74.6.0",
|
|
76
76
|
"@atlaskit/media-client": "^20.0.0",
|
|
77
77
|
"@atlaskit/media-picker": "^64.2.0",
|
|
78
78
|
"@atlaskit/mention": "^21.0.0",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"@atlaskit/smart-user-picker": "^6.0.0",
|
|
83
83
|
"@atlaskit/task-decision": "^17.5.0",
|
|
84
84
|
"@atlaskit/theme": "^12.2.0",
|
|
85
|
-
"@atlaskit/tokens": "^1.
|
|
85
|
+
"@atlaskit/tokens": "^1.2.0",
|
|
86
86
|
"@atlaskit/tooltip": "^17.6.0",
|
|
87
87
|
"@atlaskit/ufo": "^0.1.0",
|
|
88
88
|
"@atlaskit/width-detector": "^4.0.0",
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
115
115
|
},
|
|
116
116
|
"devDependencies": {
|
|
117
|
-
"@atlaskit/editor-core": "^179.
|
|
117
|
+
"@atlaskit/editor-core": "^179.1.0",
|
|
118
118
|
"@atlaskit/editor-json-transformer": "^8.8.0",
|
|
119
119
|
"@atlaskit/editor-plugin-table": "^1.1.0",
|
|
120
120
|
"@atlaskit/editor-test-helpers": "^18.0.0",
|