@atlaskit/renderer 137.2.5 → 137.2.6
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 +6 -0
- package/dist/cjs/actions/index.js +2 -2
- package/dist/cjs/react/marks/alignment.js +2 -2
- package/dist/cjs/react/marks/annotation.js +2 -2
- package/dist/cjs/react/marks/backgroundColor.js +2 -2
- package/dist/cjs/react/marks/textColor.js +2 -2
- package/dist/cjs/react/nodes/bulletList.js +2 -2
- package/dist/cjs/react/nodes/fallback.js +2 -2
- package/dist/cjs/react/nodes/media/index.js +4 -4
- package/dist/cjs/react/nodes/orderedList.js +2 -2
- package/dist/cjs/react/nodes/panel-compiled.js +2 -2
- package/dist/cjs/react/nodes/panel-emotion.js +2 -2
- package/dist/cjs/react/nodes/panel.js +7 -7
- package/dist/cjs/react/nodes/tableCell.js +2 -2
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +3 -2
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/cjs/ui/annotations/contexts/AnnotationManagerContext.js +8 -8
- package/dist/cjs/ui/annotations/element/index.js +2 -2
- package/dist/cjs/ui/annotations/element/mark.js +8 -8
- package/dist/cjs/ui/annotations/hooks/use-events.js +3 -3
- package/dist/cjs/ui/annotations/hover/mounter.js +3 -3
- package/dist/cjs/ui/annotations/index.js +2 -2
- package/dist/cjs/ui/annotations/selection/mounter.js +4 -4
- package/dist/es2019/actions/index.js +1 -1
- package/dist/es2019/react/marks/alignment.js +1 -1
- package/dist/es2019/react/marks/annotation.js +1 -1
- package/dist/es2019/react/marks/backgroundColor.js +1 -1
- package/dist/es2019/react/marks/textColor.js +1 -1
- package/dist/es2019/react/nodes/bulletList.js +1 -1
- package/dist/es2019/react/nodes/fallback.js +1 -1
- package/dist/es2019/react/nodes/media/index.js +1 -1
- package/dist/es2019/react/nodes/orderedList.js +1 -1
- package/dist/es2019/react/nodes/panel-compiled.js +1 -1
- package/dist/es2019/react/nodes/panel-emotion.js +1 -1
- package/dist/es2019/react/nodes/panel.js +1 -1
- package/dist/es2019/react/nodes/tableCell.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +2 -1
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/annotations/contexts/AnnotationManagerContext.js +1 -1
- package/dist/es2019/ui/annotations/element/index.js +1 -1
- package/dist/es2019/ui/annotations/element/mark.js +1 -1
- package/dist/es2019/ui/annotations/hooks/use-events.js +1 -1
- package/dist/es2019/ui/annotations/hover/mounter.js +1 -1
- package/dist/es2019/ui/annotations/index.js +1 -1
- package/dist/es2019/ui/annotations/selection/mounter.js +1 -1
- package/dist/esm/actions/index.js +1 -1
- package/dist/esm/react/marks/alignment.js +1 -1
- package/dist/esm/react/marks/annotation.js +1 -1
- package/dist/esm/react/marks/backgroundColor.js +1 -1
- package/dist/esm/react/marks/textColor.js +1 -1
- package/dist/esm/react/nodes/bulletList.js +1 -1
- package/dist/esm/react/nodes/fallback.js +1 -1
- package/dist/esm/react/nodes/media/index.js +1 -1
- package/dist/esm/react/nodes/orderedList.js +1 -1
- package/dist/esm/react/nodes/panel-compiled.js +1 -1
- package/dist/esm/react/nodes/panel-emotion.js +1 -1
- package/dist/esm/react/nodes/panel.js +1 -1
- package/dist/esm/react/nodes/tableCell.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +2 -1
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/annotations/contexts/AnnotationManagerContext.js +1 -1
- package/dist/esm/ui/annotations/element/index.js +1 -1
- package/dist/esm/ui/annotations/element/mark.js +1 -1
- package/dist/esm/ui/annotations/hooks/use-events.js +1 -1
- package/dist/esm/ui/annotations/hover/mounter.js +1 -1
- package/dist/esm/ui/annotations/index.js +1 -1
- package/dist/esm/ui/annotations/selection/mounter.js +1 -1
- package/dist/types/actions/index.d.ts +1 -1
- package/dist/types/react/marks/alignment.d.ts +1 -1
- package/dist/types/react/marks/backgroundColor.d.ts +1 -1
- package/dist/types/react/marks/border.d.ts +1 -1
- package/dist/types/react/marks/breakout.d.ts +1 -1
- package/dist/types/react/marks/data-consumer.d.ts +1 -1
- package/dist/types/react/marks/fontSize.d.ts +1 -1
- package/dist/types/react/marks/fragment.d.ts +1 -1
- package/dist/types/react/marks/indentation.d.ts +1 -1
- package/dist/types/react/marks/link.d.ts +1 -1
- package/dist/types/react/marks/subsup.d.ts +1 -1
- package/dist/types/react/marks/textColor.d.ts +1 -1
- package/dist/types/react/nodes/blockCard.d.ts +1 -1
- package/dist/types/react/nodes/bodiedExtension.d.ts +1 -1
- package/dist/types/react/nodes/embedCard.d.ts +1 -1
- package/dist/types/react/nodes/emoji.d.ts +1 -1
- package/dist/types/react/nodes/extension.d.ts +1 -1
- package/dist/types/react/nodes/extensionFrame.d.ts +1 -1
- package/dist/types/react/nodes/index.d.ts +2 -1
- package/dist/types/react/nodes/layoutColumn-compiled.d.ts +1 -1
- package/dist/types/react/nodes/layoutColumn-emotion.d.ts +1 -1
- package/dist/types/react/nodes/layoutColumn.d.ts +1 -1
- package/dist/types/react/nodes/media/index.d.ts +4 -1
- package/dist/types/react/nodes/mediaSingle/index.d.ts +1 -1
- package/dist/types/react/nodes/mention.d.ts +1 -1
- package/dist/types/react/nodes/multiBodiedExtension.d.ts +1 -1
- package/dist/types/react/nodes/panel-compiled.d.ts +1 -1
- package/dist/types/react/nodes/panel-emotion.d.ts +1 -1
- package/dist/types/react/nodes/panel.d.ts +1 -1
- package/dist/types/react/nodes/table/sticky.d.ts +1 -1
- package/dist/types/react/nodes/table/types.d.ts +1 -1
- package/dist/types/react/nodes/tableCell.d.ts +1 -1
- package/dist/types/react/types.d.ts +1 -1
- package/dist/types/ui/ExtensionRenderer.d.ts +1 -1
- package/dist/types/ui/MediaCard.d.ts +1 -1
- package/dist/types/ui/annotations/context.d.ts +1 -1
- package/dist/types/ui/annotations/contexts/AnnotationManagerContext.d.ts +2 -2
- package/dist/types/ui/annotations/element/index.d.ts +1 -1
- package/dist/types/ui/annotations/element/mark.d.ts +2 -2
- package/dist/types/ui/annotations/hooks/use-events.d.ts +2 -2
- package/dist/types/ui/annotations/hooks/use-inline-comments-filter.d.ts +1 -1
- package/dist/types/ui/hooks/useScrollToBlock.d.ts +1 -1
- package/dist/types/ui/renderer-props.d.ts +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -9,7 +9,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
-
var
|
|
12
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
13
13
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
14
14
|
var _JSONTransformer = require("@atlaskit/editor-json-transformer/JSONTransformer-2");
|
|
15
15
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
@@ -167,7 +167,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
|
|
|
167
167
|
}
|
|
168
168
|
return this.applyAnnotation(pos, {
|
|
169
169
|
annotationId: annotationId,
|
|
170
|
-
annotationType:
|
|
170
|
+
annotationType: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
171
171
|
});
|
|
172
172
|
}
|
|
173
173
|
}, {
|
|
@@ -8,7 +8,7 @@ exports.default = Alignment;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
var
|
|
11
|
+
var _alignment = require("@atlaskit/adf-schema/alignment");
|
|
12
12
|
/**
|
|
13
13
|
* @jsxRuntime classic
|
|
14
14
|
* @jsx jsx
|
|
@@ -17,7 +17,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
|
|
|
17
17
|
/* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
|
|
18
18
|
|
|
19
19
|
var MarkWrapper = function MarkWrapper(props) {
|
|
20
|
-
var dataAlign = props['data-align'] ?
|
|
20
|
+
var dataAlign = props['data-align'] ? _alignment.alignmentPositionMap[props['data-align']] : undefined;
|
|
21
21
|
return (0, _react2.jsx)("div", (0, _extends2.default)({
|
|
22
22
|
style: {
|
|
23
23
|
textAlign: dataAlign
|
|
@@ -8,7 +8,7 @@ exports.isAnnotationMark = exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var
|
|
11
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
12
12
|
var _element = require("../../ui/annotations/element");
|
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -25,7 +25,7 @@ var AnnotationComponent = function AnnotationComponent(_ref) {
|
|
|
25
25
|
allowAnnotations = _ref.allowAnnotations,
|
|
26
26
|
useBlockLevel = _ref.useBlockLevel,
|
|
27
27
|
isMediaInline = _ref.isMediaInline;
|
|
28
|
-
var data = _objectSpread(_objectSpread({}, dataAttributes), (0,
|
|
28
|
+
var data = _objectSpread(_objectSpread({}, dataAttributes), (0, _annotation.buildDataAttributes)({
|
|
29
29
|
id: id,
|
|
30
30
|
annotationType: annotationType
|
|
31
31
|
}));
|
|
@@ -9,7 +9,7 @@ exports.default = BackgroundColor;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var
|
|
12
|
+
var _getDarkModeLchColor = require("@atlaskit/adf-schema/get-dark-mode-lch-color");
|
|
13
13
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
14
14
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -40,7 +40,7 @@ function BackgroundColor(props) {
|
|
|
40
40
|
} else {
|
|
41
41
|
if (colorMode === 'dark') {
|
|
42
42
|
// if we have a custom color, we need to check if we are in dark mode
|
|
43
|
-
paletteColorValue = (0,
|
|
43
|
+
paletteColorValue = (0, _getDarkModeLchColor.getDarkModeLCHColor)(props.color);
|
|
44
44
|
} else {
|
|
45
45
|
// if we are in light mode, we can just set the color
|
|
46
46
|
paletteColorValue = props.color;
|
|
@@ -9,7 +9,7 @@ exports.default = TextColor;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var
|
|
12
|
+
var _getDarkModeLchColor = require("@atlaskit/adf-schema/get-dark-mode-lch-color");
|
|
13
13
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
14
14
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -44,7 +44,7 @@ function TextColor(props) {
|
|
|
44
44
|
} else {
|
|
45
45
|
if (colorMode === 'dark') {
|
|
46
46
|
// if we have a custom color, we need to check if we are in dark mode
|
|
47
|
-
paletteColorValue = (0,
|
|
47
|
+
paletteColorValue = (0, _getDarkModeLchColor.getDarkModeLCHColor)(props.color);
|
|
48
48
|
} else {
|
|
49
49
|
// if we are in light mode, we can just set the color
|
|
50
50
|
paletteColorValue = props.color;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = BulletList;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _bulletList = require("@atlaskit/adf-schema/bullet-list");
|
|
10
10
|
var _lists = require("../utils/lists");
|
|
11
11
|
function BulletList(props) {
|
|
12
12
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
13
13
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
14
|
-
className:
|
|
14
|
+
className: _bulletList.bulletListSelector.substr(1),
|
|
15
15
|
"data-local-id": props.localId,
|
|
16
16
|
"data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1
|
|
17
17
|
}, props.children);
|
|
@@ -11,7 +11,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
11
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var
|
|
14
|
+
var _isSafeUrl = require("@atlaskit/adf-schema/is-safe-url");
|
|
15
15
|
var _link = _interopRequireDefault(require("@atlaskit/link/link"));
|
|
16
16
|
var _linkDatasource = require("@atlaskit/link-datasource");
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -79,7 +79,7 @@ var CardErrorBoundary = exports.CardErrorBoundary = /*#__PURE__*/function (_Reac
|
|
|
79
79
|
rel: linkProps.rel
|
|
80
80
|
}, url);
|
|
81
81
|
if (isDatasource) {
|
|
82
|
-
if ((0,
|
|
82
|
+
if ((0, _isSafeUrl.isSafeUrl)(url)) {
|
|
83
83
|
return /*#__PURE__*/_react.default.createElement(_linkDatasource.LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
|
|
84
84
|
datasourceId: datasourceId,
|
|
85
85
|
error: this.state.error
|
|
@@ -23,12 +23,12 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
|
23
23
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
24
24
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
25
25
|
var _MediaCard = require("../../../ui/MediaCard");
|
|
26
|
-
var
|
|
26
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
27
27
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
28
28
|
var _utils = require("../../../utils");
|
|
29
29
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
30
30
|
var _events = require("../../../analytics/events");
|
|
31
|
-
var
|
|
31
|
+
var _annotation2 = _interopRequireDefault(require("../../marks/annotation"));
|
|
32
32
|
var _mediaSingle = require("@atlaskit/editor-common/media-single");
|
|
33
33
|
var _useInlineCommentsFilter = require("../../../ui/annotations/hooks/use-inline-comments-filter");
|
|
34
34
|
var _useInlineCommentSubscriber = require("../../../ui/annotations/hooks/use-inline-comment-subscriber");
|
|
@@ -120,7 +120,7 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
|
|
|
120
120
|
if (!mark) {
|
|
121
121
|
return (0, _react2.jsx)(_react.Fragment, null, children);
|
|
122
122
|
}
|
|
123
|
-
return (0, _react2.jsx)(
|
|
123
|
+
return (0, _react2.jsx)(_annotation2.default, {
|
|
124
124
|
id: mark.attrs.id,
|
|
125
125
|
annotationType: mark.attrs.annotationType
|
|
126
126
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
@@ -177,7 +177,7 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
|
|
|
177
177
|
return mark.attrs.id;
|
|
178
178
|
})) !== null && _marks$map !== void 0 ? _marks$map : [''],
|
|
179
179
|
filter: {
|
|
180
|
-
state:
|
|
180
|
+
state: _annotation.AnnotationMarkStates.ACTIVE
|
|
181
181
|
}
|
|
182
182
|
});
|
|
183
183
|
(0, _react.useEffect)(function () {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = OrderedList;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var _orderedList = require("@atlaskit/adf-schema/ordered-list");
|
|
11
11
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
12
12
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
13
13
|
var _lists = require("../utils/lists");
|
|
@@ -29,7 +29,7 @@ function OrderedList(props) {
|
|
|
29
29
|
}
|
|
30
30
|
return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
|
|
31
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
32
|
-
className:
|
|
32
|
+
className: _orderedList.orderedListSelector.substr(1),
|
|
33
33
|
"data-local-id": props.localId,
|
|
34
34
|
"data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1,
|
|
35
35
|
start: props.start
|
|
@@ -12,7 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
12
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
13
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
var
|
|
15
|
+
var _panel = require("@atlaskit/adf-schema/panel");
|
|
16
16
|
var _consts = require("@atlaskit/editor-shared-styles/consts");
|
|
17
17
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
18
18
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
@@ -48,7 +48,7 @@ var PanelStyledCompiled = exports.PanelStyledCompiled = function PanelStyledComp
|
|
|
48
48
|
var customBackgroundColor = backgroundColor ? (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
|
|
49
49
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
|
|
50
50
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
|
|
51
|
-
className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] ===
|
|
51
|
+
className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
|
|
52
52
|
style: _objectSpread(_objectSpread({}, {
|
|
53
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
|
|
54
54
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
var
|
|
12
|
+
var _panel = require("@atlaskit/adf-schema/panel");
|
|
13
13
|
var _consts = require("@atlaskit/editor-shared-styles/consts");
|
|
14
14
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
15
15
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
@@ -213,7 +213,7 @@ var PanelStyledEmotion = exports.PanelStyledEmotion = function PanelStyledEmotio
|
|
|
213
213
|
{
|
|
214
214
|
'--ak-renderer-panel-custom-bg-color': customBackgroundColor
|
|
215
215
|
},
|
|
216
|
-
css: [panelBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] ===
|
|
216
|
+
css: [panelBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_2') && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
|
|
217
217
|
// Ignored via go/ees005
|
|
218
218
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
219
219
|
}, props), props.children);
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _panel = require("@atlaskit/adf-schema/panel");
|
|
10
10
|
var _icons = require("@atlaskit/editor-common/icons");
|
|
11
|
-
var
|
|
11
|
+
var _panel2 = require("@atlaskit/editor-common/panel");
|
|
12
12
|
var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
|
|
13
13
|
var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
|
|
14
14
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
@@ -40,9 +40,9 @@ var Panel = function Panel(props) {
|
|
|
40
40
|
localId = props.localId;
|
|
41
41
|
// only allow custom panel type if flag is set
|
|
42
42
|
// otherwise fall back to info if custom panel is given
|
|
43
|
-
var panelType = allowCustomPanels ? type : type ===
|
|
43
|
+
var panelType = allowCustomPanels ? type : type === _panel.PanelType.CUSTOM ? _panel.PanelType.INFO : type;
|
|
44
44
|
var getIcon = function getIcon() {
|
|
45
|
-
if (panelType ===
|
|
45
|
+
if (panelType === _panel.PanelType.CUSTOM) {
|
|
46
46
|
if (panelIcon && providers) {
|
|
47
47
|
return /*#__PURE__*/_react.default.createElement(_emoji2.default, {
|
|
48
48
|
id: panelIconId,
|
|
@@ -63,14 +63,14 @@ var Panel = function Panel(props) {
|
|
|
63
63
|
if (icon) {
|
|
64
64
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
65
65
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
66
|
-
className:
|
|
66
|
+
className: _panel2.PanelSharedCssClassName.icon
|
|
67
67
|
}, icon);
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
return /*#__PURE__*/_react.default.createElement(PanelStyledMigration
|
|
71
71
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
72
72
|
, {
|
|
73
|
-
className:
|
|
73
|
+
className: _panel2.PanelSharedCssClassName.prefix,
|
|
74
74
|
"data-local-id": localId,
|
|
75
75
|
"data-panel-type": panelType,
|
|
76
76
|
"data-panel-color": panelColor,
|
|
@@ -80,7 +80,7 @@ var Panel = function Panel(props) {
|
|
|
80
80
|
backgroundColor: panelColor,
|
|
81
81
|
hasIcon: Boolean(icon)
|
|
82
82
|
}, renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
|
|
83
|
-
className:
|
|
83
|
+
className: _panel2.PanelSharedCssClassName.content
|
|
84
84
|
}, children));
|
|
85
85
|
};
|
|
86
86
|
var _default = exports.default = Panel;
|
|
@@ -8,7 +8,7 @@ exports.withSortableColumn = exports.TableHeader = exports.TableCell = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
11
|
-
var
|
|
11
|
+
var _getDarkModeLchColor = require("@atlaskit/adf-schema/get-dark-mode-lch-color");
|
|
12
12
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
13
13
|
var _types = require("@atlaskit/editor-common/types");
|
|
14
14
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
@@ -135,7 +135,7 @@ var getStyle = function getStyle(_ref) {
|
|
|
135
135
|
// if we have a custom color, we need to check if we are in dark mode
|
|
136
136
|
if (colorMode === 'dark') {
|
|
137
137
|
// if we are in dark mode, we need to invert the color
|
|
138
|
-
style.backgroundColor = (0,
|
|
138
|
+
style.backgroundColor = (0, _getDarkModeLchColor.getDarkModeLCHColor)(background);
|
|
139
139
|
} else {
|
|
140
140
|
// if we are in light mode, we can just set the color
|
|
141
141
|
style.backgroundColor = background;
|
|
@@ -15,7 +15,8 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
15
15
|
var _mediaInline = require("@atlaskit/editor-common/media-inline");
|
|
16
16
|
var _headingAnchor = require("../../react/nodes/heading-anchor");
|
|
17
17
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
18
|
-
var
|
|
18
|
+
var _bulletList = require("@atlaskit/adf-schema/bullet-list");
|
|
19
|
+
var _orderedList = require("@atlaskit/adf-schema/ordered-list");
|
|
19
20
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
20
21
|
var _browser = require("@atlaskit/editor-common/browser");
|
|
21
22
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
@@ -651,7 +652,7 @@ var listsSharedStyles = (0, _react.css)((_css9 = {
|
|
|
651
652
|
boxSizing: 'border-box',
|
|
652
653
|
paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_styles.listItemCounterPadding, "px)")
|
|
653
654
|
}
|
|
654
|
-
}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css9, "".concat(
|
|
655
|
+
}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css9, "".concat(_orderedList.orderedListSelector, ", ").concat(_bulletList.bulletListSelector), {
|
|
655
656
|
/*
|
|
656
657
|
Ensures list item content adheres to the list's margin instead
|
|
657
658
|
of filling the entire block row. This is important to allow
|
|
@@ -74,7 +74,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
74
74
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
75
75
|
var RENDER_EVENT_SAMPLE_RATE = 0.1;
|
|
76
76
|
var packageName = "@atlaskit/renderer";
|
|
77
|
-
var packageVersion = "137.2.
|
|
77
|
+
var packageVersion = "137.2.5";
|
|
78
78
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
79
79
|
containerName: 'ak-renderer-wrapper',
|
|
80
80
|
containerType: 'inline-size'
|
|
@@ -9,7 +9,7 @@ exports.useAnnotationManagerState = exports.useAnnotationManagerDispatch = expor
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var
|
|
12
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
13
13
|
var _types = require("@atlaskit/editor-common/types");
|
|
14
14
|
var _RendererActionsContext = require("../../../ui/RendererActionsContext");
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -49,13 +49,13 @@ function reducer(state, action) {
|
|
|
49
49
|
var loadedAnnotation = action.data.find(function (a) {
|
|
50
50
|
return a.id === id;
|
|
51
51
|
});
|
|
52
|
-
if (!loadedAnnotation && ((_state$annotations$id = state.annotations[id]) === null || _state$annotations$id === void 0 ? void 0 : _state$annotations$id.markState) ===
|
|
52
|
+
if (!loadedAnnotation && ((_state$annotations$id = state.annotations[id]) === null || _state$annotations$id === void 0 ? void 0 : _state$annotations$id.markState) === _annotation.AnnotationMarkStates.ACTIVE) {
|
|
53
53
|
// If the annotation is not in the loaded data, we need to remove it from the state. However,
|
|
54
54
|
// rather then removing it, we will set the mark state to resolved. This is to align it better with
|
|
55
55
|
// how the editor works.
|
|
56
56
|
updates.push({
|
|
57
57
|
id: id,
|
|
58
|
-
markState:
|
|
58
|
+
markState: _annotation.AnnotationMarkStates.RESOLVED
|
|
59
59
|
});
|
|
60
60
|
return 0; // continue
|
|
61
61
|
}
|
|
@@ -96,7 +96,7 @@ function reducer(state, action) {
|
|
|
96
96
|
if (!current) {
|
|
97
97
|
_updates.push({
|
|
98
98
|
id: id,
|
|
99
|
-
markState: markState !== null && markState !== void 0 ? markState :
|
|
99
|
+
markState: markState !== null && markState !== void 0 ? markState : _annotation.AnnotationMarkStates.ACTIVE
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
102
|
|
|
@@ -124,12 +124,12 @@ function reducer(state, action) {
|
|
|
124
124
|
if ((current === null || current === void 0 ? void 0 : current.markState) !== markState) {
|
|
125
125
|
_updates.push({
|
|
126
126
|
id: id,
|
|
127
|
-
markState: markState !== null && markState !== void 0 ? markState :
|
|
127
|
+
markState: markState !== null && markState !== void 0 ? markState : _annotation.AnnotationMarkStates.ACTIVE
|
|
128
128
|
});
|
|
129
129
|
|
|
130
130
|
// If the annotation is currently selected and it's being resolved, then we need to remove it from the
|
|
131
131
|
// current selected annotation id also.
|
|
132
|
-
if (markState ===
|
|
132
|
+
if (markState === _annotation.AnnotationMarkStates.RESOLVED && nextSelectedId === id) {
|
|
133
133
|
nextSelectedId = undefined;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
@@ -375,7 +375,7 @@ var AnnotationManagerProvider = exports.AnnotationManagerProvider = function Ann
|
|
|
375
375
|
reason: 'id-not-valid'
|
|
376
376
|
};
|
|
377
377
|
}
|
|
378
|
-
var result = actionContext.deleteAnnotation(id,
|
|
378
|
+
var result = actionContext.deleteAnnotation(id, _annotation.AnnotationTypes.INLINE_COMMENT);
|
|
379
379
|
if (!result) {
|
|
380
380
|
return {
|
|
381
381
|
success: false,
|
|
@@ -409,7 +409,7 @@ var AnnotationManagerProvider = exports.AnnotationManagerProvider = function Ann
|
|
|
409
409
|
return;
|
|
410
410
|
}
|
|
411
411
|
Object.values(payload).forEach(function (annotation) {
|
|
412
|
-
if (annotation.id && annotation.annotationType ===
|
|
412
|
+
if (annotation.id && annotation.annotationType === _annotation.AnnotationTypes.INLINE_COMMENT) {
|
|
413
413
|
var _annotation$state;
|
|
414
414
|
dispatch({
|
|
415
415
|
type: 'updateAnnotation',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.MarkElement = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
10
10
|
var _types = require("@atlaskit/editor-common/types");
|
|
11
11
|
var _mark = require("./mark");
|
|
12
12
|
var _useInlineCommentsFilter = require("../hooks/use-inline-comments-filter");
|
|
@@ -87,7 +87,7 @@ var MarkElement = exports.MarkElement = function MarkElement(_ref) {
|
|
|
87
87
|
var activeParentIds = (0, _useInlineCommentsFilter.useInlineCommentsFilter)({
|
|
88
88
|
annotationIds: annotationParentIds,
|
|
89
89
|
filter: {
|
|
90
|
-
state:
|
|
90
|
+
state: _annotation.AnnotationMarkStates.ACTIVE
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
93
|
return /*#__PURE__*/_react.default.createElement(_mark.MarkComponent, {
|
|
@@ -9,7 +9,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
-
var
|
|
12
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
13
13
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
14
14
|
var _reactIntl = require("react-intl");
|
|
15
15
|
var _messages = require("../../../messages");
|
|
@@ -23,7 +23,7 @@ var markStyles = (0, _react2.css)((0, _defineProperty2.default)({
|
|
|
23
23
|
color: 'inherit',
|
|
24
24
|
backgroundColor: 'unset',
|
|
25
25
|
WebkitTapHighlightColor: 'transparent'
|
|
26
|
-
}, "&[data-mark-annotation-state='".concat(
|
|
26
|
+
}, "&[data-mark-annotation-state='".concat(_annotation.AnnotationMarkStates.ACTIVE, "']"), {
|
|
27
27
|
// was from blur in AnnotationSharedCSSByState().blur
|
|
28
28
|
background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
|
|
29
29
|
borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, #B38600)"),
|
|
@@ -36,7 +36,7 @@ var markStyles = (0, _react2.css)((0, _defineProperty2.default)({
|
|
|
36
36
|
cursor: 'pointer'
|
|
37
37
|
}
|
|
38
38
|
}));
|
|
39
|
-
var markStylesLayeringFix = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(
|
|
39
|
+
var markStylesLayeringFix = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_annotation.AnnotationMarkStates.ACTIVE, "']"), {
|
|
40
40
|
// Only apply transparency to nested marks when parent is focused
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
42
42
|
'&[data-has-focus="true"] mark': {
|
|
@@ -49,7 +49,7 @@ var markStylesLayeringFix = (0, _react2.css)((0, _defineProperty2.default)({}, "
|
|
|
49
49
|
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
|
|
50
50
|
}
|
|
51
51
|
}));
|
|
52
|
-
var markStylesWithUpdatedShadow = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(
|
|
52
|
+
var markStylesWithUpdatedShadow = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_annotation.AnnotationMarkStates.ACTIVE, "']"), {
|
|
53
53
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
54
54
|
'&[data-has-focus="true"]': {
|
|
55
55
|
background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
|
|
@@ -57,7 +57,7 @@ var markStylesWithUpdatedShadow = (0, _react2.css)((0, _defineProperty2.default)
|
|
|
57
57
|
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
|
|
58
58
|
}
|
|
59
59
|
}));
|
|
60
|
-
var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(
|
|
60
|
+
var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_annotation.AnnotationMarkStates.ACTIVE, "']"), {
|
|
61
61
|
// was from common in AnnotationSharedCSSByState().common
|
|
62
62
|
borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid transparent"),
|
|
63
63
|
cursor: 'pointer',
|
|
@@ -80,7 +80,7 @@ var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default
|
|
|
80
80
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
|
|
81
81
|
}
|
|
82
82
|
}));
|
|
83
|
-
var markStylesWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(
|
|
83
|
+
var markStylesWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_annotation.AnnotationMarkStates.ACTIVE, "']"), {
|
|
84
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
85
85
|
'&[data-is-hovered="true"]:not([data-has-focus="true"])': {
|
|
86
86
|
background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
|
|
@@ -153,7 +153,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
// prevents multiple callback on overlapping annotations
|
|
156
|
-
if (event.defaultPrevented || state !==
|
|
156
|
+
if (event.defaultPrevented || state !== _annotation.AnnotationMarkStates.ACTIVE) {
|
|
157
157
|
return;
|
|
158
158
|
}
|
|
159
159
|
if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
|
|
@@ -208,7 +208,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
|
|
|
208
208
|
onKeyDown: onMarkEnter,
|
|
209
209
|
'aria-expanded': hasFocus
|
|
210
210
|
};
|
|
211
|
-
var accessibility = state !==
|
|
211
|
+
var accessibility = state !== _annotation.AnnotationMarkStates.ACTIVE ? {
|
|
212
212
|
'aria-disabled': true
|
|
213
213
|
} : _objectSpread({
|
|
214
214
|
'aria-details': annotationIds.join(', ')
|
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _types = require("@atlaskit/editor-common/types");
|
|
12
|
-
var
|
|
12
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
13
13
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
14
14
|
var _types2 = require("@atlaskit/analytics-listeners/types");
|
|
15
15
|
var _AnnotationManagerContext = require("../contexts/AnnotationManagerContext");
|
|
@@ -144,7 +144,7 @@ var useAnnotationClickEvent = exports.useAnnotationClickEvent = function useAnno
|
|
|
144
144
|
return currentSelectedAnnotationId && currentSelectedMarkRef && currentSelectedMarkRef.id === currentSelectedAnnotationId ? {
|
|
145
145
|
annotations: [{
|
|
146
146
|
id: currentSelectedAnnotationId,
|
|
147
|
-
type:
|
|
147
|
+
type: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
148
148
|
}],
|
|
149
149
|
clickElementTarget: currentSelectedMarkRef
|
|
150
150
|
} :
|
|
@@ -167,7 +167,7 @@ var useAnnotationClickEvent = exports.useAnnotationClickEvent = function useAnno
|
|
|
167
167
|
}).map(function (id) {
|
|
168
168
|
return {
|
|
169
169
|
id: id,
|
|
170
|
-
type:
|
|
170
|
+
type: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
171
171
|
};
|
|
172
172
|
});
|
|
173
173
|
if (createAnalyticsEvent) {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Mounter = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
10
|
-
var
|
|
10
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
11
11
|
var _dom = require("../draft/dom");
|
|
12
12
|
var _types = require("@atlaskit/analytics-listeners/types");
|
|
13
13
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
@@ -40,7 +40,7 @@ var Mounter = exports.Mounter = /*#__PURE__*/_react.default.memo(function (props
|
|
|
40
40
|
}
|
|
41
41
|
var annotation = {
|
|
42
42
|
annotationId: annotationId,
|
|
43
|
-
annotationType:
|
|
43
|
+
annotationType: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
44
44
|
};
|
|
45
45
|
if (createAnalyticsEvent) {
|
|
46
46
|
createAnalyticsEvent({
|
|
@@ -131,7 +131,7 @@ var Mounter = exports.Mounter = /*#__PURE__*/_react.default.memo(function (props
|
|
|
131
131
|
}
|
|
132
132
|
var annotation = {
|
|
133
133
|
annotationId: options.annotationId,
|
|
134
|
-
annotationType:
|
|
134
|
+
annotationType: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
135
135
|
};
|
|
136
136
|
return applyAnnotation(positionToAnnotate, annotation);
|
|
137
137
|
}, [documentPosition, hoverDraftDocumentPosition, isAnnotationAllowed, createAnalyticsEvent, applyAnnotation, actions, range, promoteHoverToDraft, clearHoverDraft]);
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.AnnotationsWrapperInner = exports.AnnotationsWrapper = exports.AnnotationsPositionContext = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
10
10
|
var _view = require("./view");
|
|
11
11
|
var _wrapper = require("./wrapper");
|
|
12
12
|
var _context = require("./context");
|
|
@@ -46,7 +46,7 @@ var AnnotationsWrapperInner = exports.AnnotationsWrapperInner = function Annotat
|
|
|
46
46
|
var providers = (0, _react.useContext)(_context.ProvidersContext);
|
|
47
47
|
var updateSubscriber = providers && providers.inlineComment && providers.inlineComment.updateSubscriber;
|
|
48
48
|
var inlineCommentAnnotationsState = (0, _useEvents.useAnnotationStateByTypeEvent)({
|
|
49
|
-
type:
|
|
49
|
+
type: _annotation.AnnotationTypes.INLINE_COMMENT,
|
|
50
50
|
updateSubscriber: updateSubscriber || null
|
|
51
51
|
});
|
|
52
52
|
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
|
|
@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
11
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
12
12
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
13
|
-
var
|
|
13
|
+
var _annotation = require("@atlaskit/adf-schema/annotation");
|
|
14
14
|
var _dom = require("../draft/dom");
|
|
15
15
|
var _types = require("@atlaskit/analytics-listeners/types");
|
|
16
16
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
@@ -68,7 +68,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
68
68
|
}
|
|
69
69
|
var annotation = {
|
|
70
70
|
annotationId: annotationId,
|
|
71
|
-
annotationType:
|
|
71
|
+
annotationType: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
72
72
|
};
|
|
73
73
|
if (createAnalyticsEvent) {
|
|
74
74
|
createAnalyticsEvent({
|
|
@@ -163,7 +163,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
163
163
|
}
|
|
164
164
|
var annotation = {
|
|
165
165
|
annotationId: options.annotationId,
|
|
166
|
-
annotationType:
|
|
166
|
+
annotationType: _annotation.AnnotationTypes.INLINE_COMMENT
|
|
167
167
|
};
|
|
168
168
|
return applyAnnotation(positionToAnnotate, annotation);
|
|
169
169
|
}, [documentPosition, isAnnotationAllowed, createAnalyticsEvent, applyAnnotation, actions, range, inlineNodeTypes, promoteSelectionToDraft, clearSelectionDraft, selectionDraftDocumentPosition]);
|
|
@@ -315,7 +315,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
315
315
|
data: {
|
|
316
316
|
id: id,
|
|
317
317
|
selected: true,
|
|
318
|
-
markState:
|
|
318
|
+
markState: _annotation.AnnotationMarkStates.ACTIVE
|
|
319
319
|
}
|
|
320
320
|
});
|
|
321
321
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import { AnnotationTypes } from '@atlaskit/adf-schema';
|
|
2
|
+
import { AnnotationTypes } from '@atlaskit/adf-schema/annotation';
|
|
3
3
|
import { canApplyAnnotationOnRange, getAnnotationIdsFromRange, getAnnotationInlineNodeTypes, isEmptyTextSelectionRenderer } from '@atlaskit/editor-common/utils';
|
|
4
4
|
import { JSONTransformer } from '@atlaskit/editor-json-transformer/JSONTransformer-2';
|
|
5
5
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|