@atlaskit/editor-common 88.7.0 → 88.8.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 +23 -0
- package/browser/package.json +15 -0
- package/dist/cjs/icons/index.js +7 -0
- package/dist/cjs/icons/shared/DynamicStrokeIconDecoration.js +46 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/index.js +6 -0
- package/dist/cjs/styles/shared/lists.js +2 -2
- package/dist/cjs/styles/shared/plugins.js +7 -1
- package/dist/cjs/styles/shared/table.js +3 -3
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/utils/analytics.js +7 -27
- package/dist/cjs/utils/browser.js +3 -4
- package/dist/cjs/utils/index.js +20 -5
- package/dist/cjs/utils/unsupportedContent/types.js +5 -0
- package/dist/es2019/icons/index.js +1 -0
- package/dist/es2019/icons/shared/DynamicStrokeIconDecoration.js +40 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/index.js +1 -1
- package/dist/es2019/styles/shared/lists.js +1 -1
- package/dist/es2019/styles/shared/plugins.js +6 -0
- package/dist/es2019/styles/shared/table.js +3 -3
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/utils/analytics.js +1 -2
- package/dist/es2019/utils/browser.js +1 -1
- package/dist/es2019/utils/index.js +47 -3
- package/dist/es2019/utils/unsupportedContent/types.js +1 -0
- package/dist/esm/icons/index.js +1 -0
- package/dist/esm/icons/shared/DynamicStrokeIconDecoration.js +39 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/index.js +1 -1
- package/dist/esm/styles/shared/lists.js +1 -1
- package/dist/esm/styles/shared/plugins.js +6 -0
- package/dist/esm/styles/shared/table.js +3 -3
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/utils/analytics.js +1 -2
- package/dist/esm/utils/browser.js +1 -1
- package/dist/esm/utils/index.js +47 -3
- package/dist/esm/utils/unsupportedContent/types.js +1 -0
- package/dist/types/icons/index.d.ts +1 -0
- package/dist/types/icons/shared/DynamicStrokeIconDecoration.d.ts +13 -0
- package/dist/types/styles/index.d.ts +1 -1
- package/dist/types/styles/shared/plugins.d.ts +1 -0
- package/dist/types/utils/analytics.d.ts +1 -20
- package/dist/types/utils/browser.d.ts +1 -1
- package/dist/types/utils/index.d.ts +48 -4
- package/dist/types/utils/track-unsupported-content.d.ts +1 -1
- package/dist/types/utils/unsupportedContent/types.d.ts +18 -0
- package/dist/types/utils/validate-using-spec.d.ts +1 -1
- package/dist/types-ts4.5/icons/index.d.ts +1 -0
- package/dist/types-ts4.5/icons/shared/DynamicStrokeIconDecoration.d.ts +13 -0
- package/dist/types-ts4.5/styles/index.d.ts +1 -1
- package/dist/types-ts4.5/styles/shared/plugins.d.ts +1 -0
- package/dist/types-ts4.5/utils/analytics.d.ts +1 -20
- package/dist/types-ts4.5/utils/browser.d.ts +1 -1
- package/dist/types-ts4.5/utils/index.d.ts +48 -4
- package/dist/types-ts4.5/utils/track-unsupported-content.d.ts +1 -1
- package/dist/types-ts4.5/utils/unsupportedContent/types.d.ts +18 -0
- package/dist/types-ts4.5/utils/validate-using-spec.d.ts +1 -1
- package/package.json +4 -5
- package/utils/analytics/package.json +15 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 88.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#136410](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136410)
|
|
8
|
+
[`52083ca79b5dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52083ca79b5dc) -
|
|
9
|
+
[ux] ED-24603 Disable dragging nested nodes within table behind FF
|
|
10
|
+
|
|
11
|
+
## 88.8.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [#136348](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136348)
|
|
16
|
+
[`fb4fb56f1da7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb4fb56f1da7c) -
|
|
17
|
+
Add new optimised entry-points for /browser and /utils/analytics.
|
|
18
|
+
- [#136367](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136367)
|
|
19
|
+
[`4d9450a7e1283`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4d9450a7e1283) -
|
|
20
|
+
[ux] Update new icons (text color, highlight, text style) with design change
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- Updated dependencies
|
|
25
|
+
|
|
3
26
|
## 88.7.0
|
|
4
27
|
|
|
5
28
|
### Minor Changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/editor-common/browser",
|
|
3
|
+
"main": "../dist/cjs/utils/browser.js",
|
|
4
|
+
"module": "../dist/esm/utils/browser.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/utils/browser.js",
|
|
6
|
+
"sideEffects": false,
|
|
7
|
+
"types": "../dist/types/utils/browser.d.ts",
|
|
8
|
+
"typesVersions": {
|
|
9
|
+
">=4.5 <5.4": {
|
|
10
|
+
"*": [
|
|
11
|
+
"../dist/types-ts4.5/utils/browser.d.ts"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
package/dist/cjs/icons/index.js
CHANGED
|
@@ -10,6 +10,12 @@ Object.defineProperty(exports, "BorderIcon", {
|
|
|
10
10
|
return _BorderIcon.BorderIcon;
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
|
+
Object.defineProperty(exports, "DynamicStrokeIconDecoration", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _DynamicStrokeIconDecoration.DynamicStrokeIconDecoration;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
13
19
|
exports.IconTable = void 0;
|
|
14
20
|
Object.defineProperty(exports, "PanelErrorIcon", {
|
|
15
21
|
enumerable: true,
|
|
@@ -56,6 +62,7 @@ var _PanelSuccessIcon = require("./shared/PanelSuccessIcon");
|
|
|
56
62
|
var _PanelNoteIcon = require("./shared/PanelNoteIcon");
|
|
57
63
|
var _BorderIcon = require("./shared/BorderIcon");
|
|
58
64
|
var _SteppedRainbowIconDecoration = require("./shared/SteppedRainbowIconDecoration");
|
|
65
|
+
var _DynamicStrokeIconDecoration = require("./shared/DynamicStrokeIconDecoration");
|
|
59
66
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
60
67
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
61
68
|
var IconTable = exports.IconTable = (0, _reactLoadable.default)({
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DynamicStrokeIconDecoration = void 0;
|
|
7
|
+
var _react = require("@emotion/react");
|
|
8
|
+
var _primitives = require("@atlaskit/primitives");
|
|
9
|
+
/**
|
|
10
|
+
* @jsxRuntime classic
|
|
11
|
+
* @jsx jsx
|
|
12
|
+
*/
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
|
+
|
|
15
|
+
var barStyles = (0, _react.css)({
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
left: 0,
|
|
18
|
+
right: 0,
|
|
19
|
+
top: "var(--ds-space-250, 20px)",
|
|
20
|
+
margin: 'auto',
|
|
21
|
+
width: "var(--ds-space-200, 16px)",
|
|
22
|
+
height: '3px'
|
|
23
|
+
});
|
|
24
|
+
var textColorIconWrapper = (0, _primitives.xcss)({
|
|
25
|
+
position: 'relative'
|
|
26
|
+
});
|
|
27
|
+
var getBackground = function getBackground(selectedColor, disabled) {
|
|
28
|
+
if (selectedColor) {
|
|
29
|
+
return selectedColor;
|
|
30
|
+
}
|
|
31
|
+
return disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)";
|
|
32
|
+
};
|
|
33
|
+
var DynamicStrokeIconDecoration = exports.DynamicStrokeIconDecoration = function DynamicStrokeIconDecoration(_ref) {
|
|
34
|
+
var selectedColor = _ref.selectedColor,
|
|
35
|
+
disabled = _ref.disabled,
|
|
36
|
+
icon = _ref.icon;
|
|
37
|
+
return (0, _react.jsx)(_primitives.Box, {
|
|
38
|
+
xcss: textColorIconWrapper
|
|
39
|
+
}, icon, (0, _react.jsx)("div", {
|
|
40
|
+
"data-testid": "toolbar-icon-dynamic-stroke",
|
|
41
|
+
style: {
|
|
42
|
+
background: getBackground(selectedColor, disabled)
|
|
43
|
+
},
|
|
44
|
+
css: barStyles
|
|
45
|
+
}));
|
|
46
|
+
};
|
|
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
19
19
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
20
|
-
var packageVersion = "88.
|
|
20
|
+
var packageVersion = "88.8.1";
|
|
21
21
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
22
22
|
// Remove URL as it has UGC
|
|
23
23
|
// TODO: Sanitise the URL instead of just removing it
|
package/dist/cjs/styles/index.js
CHANGED
|
@@ -429,6 +429,12 @@ Object.defineProperty(exports, "triggerWrapperStyles", {
|
|
|
429
429
|
return _plugins.triggerWrapperStyles;
|
|
430
430
|
}
|
|
431
431
|
});
|
|
432
|
+
Object.defineProperty(exports, "triggerWrapperStylesWithPadding", {
|
|
433
|
+
enumerable: true,
|
|
434
|
+
get: function get() {
|
|
435
|
+
return _plugins.triggerWrapperStylesWithPadding;
|
|
436
|
+
}
|
|
437
|
+
});
|
|
432
438
|
Object.defineProperty(exports, "unsupportedStyles", {
|
|
433
439
|
enumerable: true,
|
|
434
440
|
get: function get() {
|
|
@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
12
|
var _react = require("@emotion/react");
|
|
13
13
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
14
|
-
var _browser =
|
|
14
|
+
var _browser = require("../../utils/browser");
|
|
15
15
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
16
|
var listItemCounterPadding = exports.listItemCounterPadding = 24;
|
|
17
17
|
var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
|
|
@@ -52,4 +52,4 @@ function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
|
|
55
|
-
var listsSharedStyles = exports.listsSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* =============== INDENTATION SPACING ========= */\n\n\tul,\n\tol {\n\t\tbox-sizing: border-box;\n\t\tpadding-left: var(", ", ", "px);\n\n\t\t/*\n Firefox does not handle empty block element inside li tag.\n If there is not block element inside li tag,\n then firefox sets inherited height to li\n However, if there is any block element and if it's empty\n (or has empty inline element) then\n firefox sets li tag height to zero.\n More details at\n https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation\n */\n\t\tli p:empty,\n\t\tli p > span:empty {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", ", ", " {\n\t\t/*\n Ensures list item content adheres to the list's margin instead\n of filling the entire block row. This is important to allow\n clicking interactive elements which are floated next to a list.\n\n For some history and context on this block, see PRs related to tickets.:\n @see ED-6551 - original issue.\n @see ED-7015 - follow up issue.\n @see ED-7447 - flow-root change.\n\n We use 'display: table' (old clear fix / new block formatting context hack)\n for older browsers and 'flow-root' for modern browsers.\n\n @see https://css-tricks.com/display-flow-root/\n */\n\t\t// For older browsers the do not support flow-root.\n\t\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\t\tdisplay: table;\n\t\tdisplay: flow-root;\n\t\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\t}\n\n\t/* =============== INDENTATION AESTHETICS ========= */\n\n\t/**\n We support nested lists up to six levels deep.\n **/\n\n\t/* LEGACY LISTS */\n\n\tul,\n\tul ul ul ul {\n\t\tlist-style-type: disc;\n\t}\n\n\tul ul,\n\tul ul ul ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n\tul ul ul,\n\tul ul ul ul ul ul {\n\t\tlist-style-type: square;\n\t}\n\n\tol,\n\tol ol ol ol {\n\t\tlist-style-type: decimal;\n\t}\n\tol ol,\n\tol ol ol ol ol {\n\t\tlist-style-type: lower-alpha;\n\t}\n\tol ol ol,\n\tol ol ol ol ol ol {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\t/* PREDICTABLE LISTS */\n\n\tol[data-indent-level='1'],\n\tol[data-indent-level='4'] {\n\t\tlist-style-type: decimal;\n\t}\n\n\tol[data-indent-level='2'],\n\tol[data-indent-level='5'] {\n\t\tlist-style-type: lower-alpha;\n\t}\n\n\tol[data-indent-level='3'],\n\tol[data-indent-level='6'] {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\tul[data-indent-level='1'],\n\tul[data-indent-level='4'] {\n\t\tlist-style-type: disc;\n\t}\n\n\tul[data-indent-level='2'],\n\tul[data-indent-level='5'] {\n\t\tlist-style-type: circle;\n\t}\n\n\tul[data-indent-level='3'],\n\tul[data-indent-level='6'] {\n\t\tlist-style-type: square;\n\t}\n"])), CSS_VAR_NAMES.ITEM_COUNTER_PADDING, listItemCounterPadding, _browser.
|
|
55
|
+
var listsSharedStyles = exports.listsSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* =============== INDENTATION SPACING ========= */\n\n\tul,\n\tol {\n\t\tbox-sizing: border-box;\n\t\tpadding-left: var(", ", ", "px);\n\n\t\t/*\n Firefox does not handle empty block element inside li tag.\n If there is not block element inside li tag,\n then firefox sets inherited height to li\n However, if there is any block element and if it's empty\n (or has empty inline element) then\n firefox sets li tag height to zero.\n More details at\n https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation\n */\n\t\tli p:empty,\n\t\tli p > span:empty {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", ", ", " {\n\t\t/*\n Ensures list item content adheres to the list's margin instead\n of filling the entire block row. This is important to allow\n clicking interactive elements which are floated next to a list.\n\n For some history and context on this block, see PRs related to tickets.:\n @see ED-6551 - original issue.\n @see ED-7015 - follow up issue.\n @see ED-7447 - flow-root change.\n\n We use 'display: table' (old clear fix / new block formatting context hack)\n for older browsers and 'flow-root' for modern browsers.\n\n @see https://css-tricks.com/display-flow-root/\n */\n\t\t// For older browsers the do not support flow-root.\n\t\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\t\tdisplay: table;\n\t\tdisplay: flow-root;\n\t\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\t}\n\n\t/* =============== INDENTATION AESTHETICS ========= */\n\n\t/**\n We support nested lists up to six levels deep.\n **/\n\n\t/* LEGACY LISTS */\n\n\tul,\n\tul ul ul ul {\n\t\tlist-style-type: disc;\n\t}\n\n\tul ul,\n\tul ul ul ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n\tul ul ul,\n\tul ul ul ul ul ul {\n\t\tlist-style-type: square;\n\t}\n\n\tol,\n\tol ol ol ol {\n\t\tlist-style-type: decimal;\n\t}\n\tol ol,\n\tol ol ol ol ol {\n\t\tlist-style-type: lower-alpha;\n\t}\n\tol ol ol,\n\tol ol ol ol ol ol {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\t/* PREDICTABLE LISTS */\n\n\tol[data-indent-level='1'],\n\tol[data-indent-level='4'] {\n\t\tlist-style-type: decimal;\n\t}\n\n\tol[data-indent-level='2'],\n\tol[data-indent-level='5'] {\n\t\tlist-style-type: lower-alpha;\n\t}\n\n\tol[data-indent-level='3'],\n\tol[data-indent-level='6'] {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\tul[data-indent-level='1'],\n\tul[data-indent-level='4'] {\n\t\tlist-style-type: disc;\n\t}\n\n\tul[data-indent-level='2'],\n\tul[data-indent-level='5'] {\n\t\tlist-style-type: circle;\n\t}\n\n\tul[data-indent-level='3'],\n\tul[data-indent-level='6'] {\n\t\tlist-style-type: square;\n\t}\n"])), CSS_VAR_NAMES.ITEM_COUNTER_PADDING, listItemCounterPadding, _browser.browser.gecko ? 'display: inline-block;' : '', _adfSchema.orderedListSelector, _adfSchema.bulletListSelector);
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.wrapperStyle = exports.triggerWrapperStyles = exports.separatorStyles = exports.buttonGroupStyle = void 0;
|
|
6
|
+
exports.wrapperStyle = exports.triggerWrapperStylesWithPadding = exports.triggerWrapperStyles = exports.separatorStyles = exports.buttonGroupStyle = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -49,4 +49,10 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
|
|
|
49
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
50
50
|
var triggerWrapperStyles = exports.triggerWrapperStyles = (0, _react.css)({
|
|
51
51
|
display: 'flex'
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
55
|
+
var triggerWrapperStylesWithPadding = exports.triggerWrapperStylesWithPadding = (0, _react.css)({
|
|
56
|
+
display: 'flex',
|
|
57
|
+
paddingRight: "var(--ds-space-025, 2px)"
|
|
52
58
|
});
|
|
@@ -9,8 +9,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
11
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
12
|
-
var
|
|
13
|
-
var _browser =
|
|
12
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
13
|
+
var _browser = require("../../utils/browser");
|
|
14
14
|
var _codeBlock = require("./code-block");
|
|
15
15
|
var _tableCell = require("./tableCell");
|
|
16
16
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -47,7 +47,7 @@ var TableSharedCssClassName = exports.TableSharedCssClassName = {
|
|
|
47
47
|
|
|
48
48
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
|
|
49
49
|
var tableSharedStyle = exports.tableSharedStyle = function tableSharedStyle() {
|
|
50
|
-
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t> :first-child:not(style),\n > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), (0,
|
|
50
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n * Fix block top alignment inside table cells.\n */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t> :first-child:not(style),\n > style:first-child + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t> .ProseMirror-gapcursor:first-child + span + *,\n\t\t\t\t> style:first-child + .ProseMirror-gapcursor + span + * {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _tableCell.tableCellBackgroundStyleOverride)(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableBorder, ")"), (0, _experiments.editorExperiment)('table-nested-dnd', true) ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", _browser.browser.gecko || _browser.browser.ie || _browser.browser.mac && _browser.browser.chrome ? 'background-clip: padding-box;' : '', "var(--ds-space-150, 12px)", "var(--ds-background-accent-gray-subtlest, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"), _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, transparent)", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, (0, _editorSharedStyles.overflowShadow)({
|
|
51
51
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
52
52
|
}), "var(--ds-background-neutral, rgb(235, 237, 240))", _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", (0, _editorSharedStyles.overflowShadow)({
|
|
53
53
|
leftCoverWidth: "var(--ds-space-300, 24px)"
|
|
@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
25
25
|
* @jsx jsx
|
|
26
26
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
27
27
|
var packageName = "@atlaskit/editor-common";
|
|
28
|
-
var packageVersion = "88.
|
|
28
|
+
var packageVersion = "88.8.1";
|
|
29
29
|
var halfFocusRing = 1;
|
|
30
30
|
var dropOffset = '0, 8';
|
|
31
31
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -3,40 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SEVERITY = void 0;
|
|
7
|
-
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function get() {
|
|
10
|
-
return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function get() {
|
|
16
|
-
return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
exports.getAnalyticsEventSeverity = exports.getAnalyticsEditorAppearance = exports.getAnalyticsAppearance = exports.analyticsEventKey = void 0;
|
|
20
|
-
Object.defineProperty(exports, "getUnsupportedContentLevelData", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function get() {
|
|
23
|
-
return _getUnsupportedContentLevelData.getUnsupportedContentLevelData;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
|
|
27
|
-
var _getUnsupportedContentLevelData = require("./unsupportedContent/get-unsupported-content-level-data");
|
|
6
|
+
exports.getAnalyticsEventSeverity = exports.getAnalyticsEditorAppearance = exports.getAnalyticsAppearance = exports.analyticsEventKey = exports.SEVERITY = void 0;
|
|
7
|
+
var _FabricEditorAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext");
|
|
28
8
|
var getAnalyticsAppearance = exports.getAnalyticsAppearance = function getAnalyticsAppearance(appearance) {
|
|
29
9
|
switch (appearance) {
|
|
30
10
|
case 'full-page':
|
|
31
|
-
return
|
|
11
|
+
return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.FIXED_WIDTH;
|
|
32
12
|
case 'full-width':
|
|
33
|
-
return
|
|
13
|
+
return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.FULL_WIDTH;
|
|
34
14
|
case 'comment':
|
|
35
|
-
return
|
|
15
|
+
return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.COMMENT;
|
|
36
16
|
case 'chromeless':
|
|
37
|
-
return
|
|
17
|
+
return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.CHROMELESS;
|
|
38
18
|
case 'mobile':
|
|
39
|
-
return
|
|
19
|
+
return _FabricEditorAnalyticsContext.EDITOR_APPEARANCE_CONTEXT.MOBILE;
|
|
40
20
|
}
|
|
41
21
|
};
|
|
42
22
|
var getAnalyticsEditorAppearance = exports.getAnalyticsEditorAppearance = function getAnalyticsEditorAppearance(editorAppearance) {
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
var result = {
|
|
6
|
+
exports.browser = void 0;
|
|
7
|
+
var result = exports.browser = {
|
|
8
8
|
mac: false,
|
|
9
9
|
windows: false,
|
|
10
10
|
ie: false,
|
|
@@ -41,5 +41,4 @@ if (typeof navigator !== 'undefined') {
|
|
|
41
41
|
result.safari_version = parseInt((navigator.userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10);
|
|
42
42
|
result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
|
|
43
43
|
result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
|
|
44
|
-
}
|
|
45
|
-
var _default = exports.default = result;
|
|
44
|
+
}
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -91,13 +91,13 @@ Object.defineProperty(exports, "TTI_SEVERITY_THRESHOLD_DEFAULTS", {
|
|
|
91
91
|
Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY", {
|
|
92
92
|
enumerable: true,
|
|
93
93
|
get: function get() {
|
|
94
|
-
return
|
|
94
|
+
return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
97
|
Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS", {
|
|
98
98
|
enumerable: true,
|
|
99
99
|
get: function get() {
|
|
100
|
-
return
|
|
100
|
+
return _getUnsupportedContentLevelData.UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS;
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
103
|
Object.defineProperty(exports, "ZERO_WIDTH_JOINER", {
|
|
@@ -151,7 +151,7 @@ Object.defineProperty(exports, "breakoutConsts", {
|
|
|
151
151
|
Object.defineProperty(exports, "browser", {
|
|
152
152
|
enumerable: true,
|
|
153
153
|
get: function get() {
|
|
154
|
-
return _browser.
|
|
154
|
+
return _browser.browser;
|
|
155
155
|
}
|
|
156
156
|
});
|
|
157
157
|
Object.defineProperty(exports, "calcBreakoutWidth", {
|
|
@@ -561,7 +561,7 @@ Object.defineProperty(exports, "getTitle", {
|
|
|
561
561
|
Object.defineProperty(exports, "getUnsupportedContentLevelData", {
|
|
562
562
|
enumerable: true,
|
|
563
563
|
get: function get() {
|
|
564
|
-
return
|
|
564
|
+
return _getUnsupportedContentLevelData.getUnsupportedContentLevelData;
|
|
565
565
|
}
|
|
566
566
|
});
|
|
567
567
|
Object.defineProperty(exports, "getWrappingOptions", {
|
|
@@ -1148,7 +1148,7 @@ var _editorCoreUtils = require("./editor-core-utils");
|
|
|
1148
1148
|
var _shouldAutoLinkifyTld = require("./should-auto-linkify-tld");
|
|
1149
1149
|
var _annotation = require("./annotation");
|
|
1150
1150
|
var _macro = require("./macro");
|
|
1151
|
-
var _browser =
|
|
1151
|
+
var _browser = require("./browser");
|
|
1152
1152
|
var _errorReporter = _interopRequireDefault(require("./error-reporter"));
|
|
1153
1153
|
var _date = require("./date");
|
|
1154
1154
|
var _imageLoader = require("./imageLoader");
|
|
@@ -1159,6 +1159,7 @@ var _slice = require("./slice");
|
|
|
1159
1159
|
var _dom = require("./dom");
|
|
1160
1160
|
var _traversor = _interopRequireDefault(require("./traversor"));
|
|
1161
1161
|
var _analytics = require("./analytics");
|
|
1162
|
+
var _getUnsupportedContentLevelData = require("./unsupportedContent/get-unsupported-content-level-data");
|
|
1162
1163
|
var _trackUnsupportedContent = require("./track-unsupported-content");
|
|
1163
1164
|
var _measureRender = require("./performance/measure-render");
|
|
1164
1165
|
var _measure = require("./performance/measure");
|
|
@@ -1200,10 +1201,24 @@ var _wrapSelectionIn = require("./wrap-selection-in");
|
|
|
1200
1201
|
var _calculateToolbarPosition = require("./calculate-toolbar-position");
|
|
1201
1202
|
var _nodesByLocalIds = require("./nodes-by-localIds");
|
|
1202
1203
|
var _pageElementCounts = require("./page-element-counts");
|
|
1204
|
+
/**
|
|
1205
|
+
* @private
|
|
1206
|
+
* @deprecated
|
|
1207
|
+
*
|
|
1208
|
+
* Use entry-point `@atlaskit/editor-common/utils/analytics` instead
|
|
1209
|
+
*/
|
|
1210
|
+
|
|
1203
1211
|
/**
|
|
1204
1212
|
* @deprecated - [ED-23844] moving to own entry point @atlaskit/editor-common/whitespace
|
|
1205
1213
|
*/
|
|
1206
1214
|
|
|
1215
|
+
/**
|
|
1216
|
+
* @private
|
|
1217
|
+
* @deprecated
|
|
1218
|
+
*
|
|
1219
|
+
* Private API do not use
|
|
1220
|
+
*/
|
|
1221
|
+
|
|
1207
1222
|
// prosemirror-history does not export its plugin key
|
|
1208
1223
|
var pmHistoryPluginKey = exports.pmHistoryPluginKey = 'history$';
|
|
1209
1224
|
function shallowEqual() {
|
|
@@ -6,6 +6,7 @@ export { PanelSuccessIcon } from './shared/PanelSuccessIcon';
|
|
|
6
6
|
export { PanelNoteIcon } from './shared/PanelNoteIcon';
|
|
7
7
|
export { BorderIcon } from './shared/BorderIcon';
|
|
8
8
|
export { SteppedRainbowIconDecoration } from './shared/SteppedRainbowIconDecoration';
|
|
9
|
+
export { DynamicStrokeIconDecoration } from './shared/DynamicStrokeIconDecoration';
|
|
9
10
|
export const IconTable = Loadable({
|
|
10
11
|
loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table').then(module => module.default),
|
|
11
12
|
loading: () => null
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
|
+
import { css, jsx } from '@emotion/react';
|
|
7
|
+
import { Box, xcss } from '@atlaskit/primitives';
|
|
8
|
+
const barStyles = css({
|
|
9
|
+
position: 'absolute',
|
|
10
|
+
left: 0,
|
|
11
|
+
right: 0,
|
|
12
|
+
top: "var(--ds-space-250, 20px)",
|
|
13
|
+
margin: 'auto',
|
|
14
|
+
width: "var(--ds-space-200, 16px)",
|
|
15
|
+
height: '3px'
|
|
16
|
+
});
|
|
17
|
+
const textColorIconWrapper = xcss({
|
|
18
|
+
position: 'relative'
|
|
19
|
+
});
|
|
20
|
+
const getBackground = (selectedColor, disabled) => {
|
|
21
|
+
if (selectedColor) {
|
|
22
|
+
return selectedColor;
|
|
23
|
+
}
|
|
24
|
+
return disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)";
|
|
25
|
+
};
|
|
26
|
+
export const DynamicStrokeIconDecoration = ({
|
|
27
|
+
selectedColor,
|
|
28
|
+
disabled,
|
|
29
|
+
icon
|
|
30
|
+
}) => {
|
|
31
|
+
return jsx(Box, {
|
|
32
|
+
xcss: textColorIconWrapper
|
|
33
|
+
}, icon, jsx("div", {
|
|
34
|
+
"data-testid": "toolbar-icon-dynamic-stroke",
|
|
35
|
+
style: {
|
|
36
|
+
background: getBackground(selectedColor, disabled)
|
|
37
|
+
},
|
|
38
|
+
css: barStyles
|
|
39
|
+
}));
|
|
40
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isFedRamp } from './environment';
|
|
2
2
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
3
3
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
4
|
-
const packageVersion = "88.
|
|
4
|
+
const packageVersion = "88.8.1";
|
|
5
5
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
6
6
|
// Remove URL as it has UGC
|
|
7
7
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -27,7 +27,7 @@ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, res
|
|
|
27
27
|
export { gridStyles, GRID_GUTTER } from './shared/grid';
|
|
28
28
|
export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
|
|
29
29
|
export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
|
|
30
|
-
export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles } from './shared/plugins';
|
|
30
|
+
export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles, triggerWrapperStylesWithPadding } from './shared/plugins';
|
|
31
31
|
export { UnsupportedSharedCssClassName, unsupportedStyles } from './shared/unsupported-content';
|
|
32
32
|
export { expandIconWrapperStyle, expandClassNames, expandIconContainerStyle } from './shared/expand';
|
|
33
33
|
export { sharedExpandStyles } from '../ui/Expand/sharedStyles';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
|
|
4
|
-
import browser from '../../utils/browser';
|
|
4
|
+
import { browser } from '../../utils/browser';
|
|
5
5
|
export const listItemCounterPadding = 24;
|
|
6
6
|
var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
|
|
7
7
|
CSS_VAR_NAMES["ITEM_COUNTER_PADDING"] = "--ed--list--item-counter--padding";
|
|
@@ -42,4 +42,10 @@ export const wrapperStyle = css({
|
|
|
42
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
43
43
|
export const triggerWrapperStyles = css({
|
|
44
44
|
display: 'flex'
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
48
|
+
export const triggerWrapperStylesWithPadding = css({
|
|
49
|
+
display: 'flex',
|
|
50
|
+
paddingRight: "var(--ds-space-025, 2px)"
|
|
45
51
|
});
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
|
|
4
4
|
import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
|
|
5
|
-
import {
|
|
6
|
-
import browser from '../../utils/browser';
|
|
5
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
6
|
+
import { browser } from '../../utils/browser';
|
|
7
7
|
import { CodeBlockSharedCssClassName } from './code-block';
|
|
8
8
|
import { tableCellBackgroundStyleOverride } from './tableCell';
|
|
9
9
|
export const tableMarginTop = 24;
|
|
@@ -112,7 +112,7 @@ const tableSharedStyle = () => css`
|
|
|
112
112
|
border-right-width: 0;
|
|
113
113
|
border-bottom-width: 0;
|
|
114
114
|
|
|
115
|
-
padding: ${
|
|
115
|
+
padding: ${editorExperiment('table-nested-dnd', true) ? `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-250, 20px)"}` : "var(--ds-space-100, 8px)"};
|
|
116
116
|
/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
|
|
117
117
|
${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
|
|
118
118
|
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "88.
|
|
17
|
+
const packageVersion = "88.8.1";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
class DropList extends Component {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EDITOR_APPEARANCE_CONTEXT } from '@atlaskit/analytics-namespaced-context';
|
|
1
|
+
import { EDITOR_APPEARANCE_CONTEXT } from '@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext';
|
|
2
2
|
export const getAnalyticsAppearance = appearance => {
|
|
3
3
|
switch (appearance) {
|
|
4
4
|
case 'full-page':
|
|
@@ -29,5 +29,4 @@ export let SEVERITY = /*#__PURE__*/function (SEVERITY) {
|
|
|
29
29
|
SEVERITY["BLOCKING"] = "blocking";
|
|
30
30
|
return SEVERITY;
|
|
31
31
|
}({});
|
|
32
|
-
export { UNSUPPORTED_CONTENT_LEVEL_SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS } from './unsupportedContent/get-unsupported-content-level-data';
|
|
33
32
|
export const analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';
|
|
@@ -36,4 +36,4 @@ if (typeof navigator !== 'undefined') {
|
|
|
36
36
|
result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
|
|
37
37
|
result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
|
|
38
38
|
}
|
|
39
|
-
export
|
|
39
|
+
export { result as browser };
|
|
@@ -4,18 +4,56 @@ import { isEmptyParagraph } from './editor-core-utils';
|
|
|
4
4
|
export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
|
|
5
5
|
export { getAnnotationMarksForPos, canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, getAnnotationInlineNodeTypes, hasAnnotationMark, getRangeInlineNodeNames } from './annotation';
|
|
6
6
|
export { getExtensionLozengeData } from './macro';
|
|
7
|
-
export {
|
|
7
|
+
export {
|
|
8
|
+
/**
|
|
9
|
+
* @private
|
|
10
|
+
* @deprecated
|
|
11
|
+
*
|
|
12
|
+
* Please use `@atlaskit/editor-common/browser` entry-point instead.
|
|
13
|
+
*/
|
|
14
|
+
browser } from './browser';
|
|
8
15
|
export { default as ErrorReporter } from './error-reporter';
|
|
9
16
|
export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';
|
|
10
17
|
export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, setAllSelection, setCellSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween } from './editor-core-utils';
|
|
11
18
|
export { withImageLoader } from './imageLoader';
|
|
12
19
|
export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle } from './breakout';
|
|
13
|
-
export {
|
|
20
|
+
export {
|
|
21
|
+
/**
|
|
22
|
+
* @private
|
|
23
|
+
* @deprecated
|
|
24
|
+
*
|
|
25
|
+
* This is only used in editor-core and shouldn't be used anywhere else.
|
|
26
|
+
* If you do need it please reach out to #cc-editor-lego
|
|
27
|
+
*/
|
|
28
|
+
findChangedNodesFromTransaction,
|
|
29
|
+
/**
|
|
30
|
+
* @private
|
|
31
|
+
* @deprecated
|
|
32
|
+
*
|
|
33
|
+
* This is only used in editor-core and shouldn't be used anywhere else.
|
|
34
|
+
* If you do need it please reach out to #cc-editor-lego
|
|
35
|
+
*/
|
|
36
|
+
validNode,
|
|
37
|
+
/**
|
|
38
|
+
* @private
|
|
39
|
+
* @deprecated
|
|
40
|
+
*
|
|
41
|
+
* This is only used in editor-core and shouldn't be used anywhere else.
|
|
42
|
+
* If you do need it please reach out to #cc-editor-lego
|
|
43
|
+
*/
|
|
44
|
+
validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, isMediaNode, isNodeBeforeMediaNode } from './nodes';
|
|
14
45
|
export { pluginFactory } from './plugin-state-factory';
|
|
15
46
|
export { getFragmentBackingArray, mapFragment, mapSlice, flatmap, mapChildren } from './slice';
|
|
16
47
|
export { walkUpTreeUntil, unwrap, removeNestedEmptyEls, containsClassName, closest, closestElement, parsePx, mapElem, maphElem } from './dom';
|
|
17
48
|
export { default as ADFTraversor } from './traversor';
|
|
18
|
-
|
|
49
|
+
/**
|
|
50
|
+
* @private
|
|
51
|
+
* @deprecated
|
|
52
|
+
*
|
|
53
|
+
* Use entry-point `@atlaskit/editor-common/utils/analytics` instead
|
|
54
|
+
*/
|
|
55
|
+
export { analyticsEventKey, getAnalyticsAppearance, getAnalyticsEditorAppearance, getAnalyticsEventSeverity, SEVERITY } from './analytics';
|
|
56
|
+
export { getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS } from './unsupportedContent/get-unsupported-content-level-data';
|
|
19
57
|
export { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
|
|
20
58
|
export { getDistortedDurationMonitor, measureRender } from './performance/measure-render';
|
|
21
59
|
export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';
|
|
@@ -39,6 +77,12 @@ export { RenderCountProfiler, PROFILER_KEY } from './profiler/render-count';
|
|
|
39
77
|
export { validateADFEntity, validationErrorHandler } from './validate-using-spec';
|
|
40
78
|
export { getShallowPropsDifference, getPropsDifference } from './compare-props';
|
|
41
79
|
export { useComponentRenderTracking } from './performance/hooks/use-component-render-tracking';
|
|
80
|
+
/**
|
|
81
|
+
* @private
|
|
82
|
+
* @deprecated
|
|
83
|
+
*
|
|
84
|
+
* Private API do not use
|
|
85
|
+
*/
|
|
42
86
|
export { isOutdatedBrowser } from './outdated-browsers';
|
|
43
87
|
export { autoJoinTr } from './prosemirror/autojoin';
|
|
44
88
|
export { isReferencedSource, removeConnectedNodes, getChildrenInfo, getNodeName } from './referentiality';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/esm/icons/index.js
CHANGED
|
@@ -6,6 +6,7 @@ export { PanelSuccessIcon } from './shared/PanelSuccessIcon';
|
|
|
6
6
|
export { PanelNoteIcon } from './shared/PanelNoteIcon';
|
|
7
7
|
export { BorderIcon } from './shared/BorderIcon';
|
|
8
8
|
export { SteppedRainbowIconDecoration } from './shared/SteppedRainbowIconDecoration';
|
|
9
|
+
export { DynamicStrokeIconDecoration } from './shared/DynamicStrokeIconDecoration';
|
|
9
10
|
export var IconTable = Loadable({
|
|
10
11
|
loader: function loader() {
|
|
11
12
|
return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table').then(function (module) {
|