@atlaskit/renderer 137.2.5 → 137.2.7
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 +19 -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/link.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/layoutColumn.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 +9 -9
- package/dist/cjs/react/nodes/tableCell.js +2 -2
- package/dist/cjs/react/utils/EditorMediaClientProvider.js +5 -5
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +3 -2
- package/dist/cjs/ui/Renderer/index.js +5 -5
- 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/link.js +2 -2
- 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/layoutColumn.js +2 -2
- 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 +3 -3
- package/dist/es2019/react/nodes/tableCell.js +1 -1
- package/dist/es2019/react/utils/EditorMediaClientProvider.js +5 -5
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +2 -1
- package/dist/es2019/ui/Renderer/index.js +5 -5
- 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/link.js +2 -2
- 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/layoutColumn.js +2 -2
- 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 +3 -3
- package/dist/esm/react/nodes/tableCell.js +1 -1
- package/dist/esm/react/utils/EditorMediaClientProvider.js +5 -5
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +2 -1
- package/dist/esm/ui/Renderer/index.js +5 -5
- 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 +5 -6
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 137.2.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`43740d342ffe7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/43740d342ffe7) -
|
|
8
|
+
Clean up feature gate `platform_renderer_sample_high_volume_events`. This means the "started" and
|
|
9
|
+
"rendered" analytics events will only be fired 10% of the time. This is designed to reduce running
|
|
10
|
+
costs. If you need to hook into the rendered lifecycle then you should use the `onRendered` hook.
|
|
11
|
+
- [`a6c26b16402ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a6c26b16402ca) -
|
|
12
|
+
Migrate nine dogfooding editor experiments from `@atlaskit/tmp-editor-statsig` to the Platform
|
|
13
|
+
experiment API and move their tests to Platform experiment mocks.
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
16
|
+
## 137.2.6
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 137.2.5
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -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;
|
|
@@ -8,17 +8,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = Link;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
11
12
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
12
13
|
var _utils = require("../../utils");
|
|
13
14
|
var _events = require("../../analytics/events");
|
|
14
15
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
15
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
16
|
var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
|
|
17
17
|
var _linkCompiled = require("./link-compiled");
|
|
18
18
|
var _linkEmotion = require("./link-emotion");
|
|
19
19
|
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); }
|
|
20
20
|
var LinkUrlMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
21
|
-
return (0,
|
|
21
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_renderer_static_css');
|
|
22
22
|
}, _linkCompiled.LinkUrlCompiled, _linkEmotion.LinkUrlEmotion);
|
|
23
23
|
/**
|
|
24
24
|
* Render an ADF link mark in renderer.
|
|
@@ -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
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = LayoutSection;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
9
10
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
10
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
11
11
|
var _layoutColumnCompiled = require("./layoutColumn-compiled");
|
|
12
12
|
var _layoutColumnEmotion = require("./layoutColumn-emotion");
|
|
13
13
|
var LayoutSectionMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
14
|
-
return (0,
|
|
14
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_renderer_static_css');
|
|
15
15
|
}, _layoutColumnCompiled.LayoutSectionCompiled, _layoutColumnEmotion.LayoutSectionEmotion);
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -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,13 +6,13 @@ 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
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
15
|
var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
|
|
15
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
16
|
var _emoji2 = _interopRequireDefault(require("./emoji"));
|
|
17
17
|
var _panelCompiled = require("./panel-compiled");
|
|
18
18
|
var _panelEmotion = require("./panel-emotion");
|
|
@@ -26,7 +26,7 @@ var panelIcons = {
|
|
|
26
26
|
custom: _emoji.default
|
|
27
27
|
};
|
|
28
28
|
var PanelStyledMigration = (0, _componentWithCondition.componentWithCondition)(function () {
|
|
29
|
-
return (0,
|
|
29
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_renderer_static_css');
|
|
30
30
|
}, _panelCompiled.PanelStyledCompiled, _panelEmotion.PanelStyledEmotion);
|
|
31
31
|
var Panel = function Panel(props) {
|
|
32
32
|
var allowCustomPanels = props.allowCustomPanels,
|
|
@@ -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;
|
|
@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
12
12
|
var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
|
|
13
13
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
14
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
15
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
16
|
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); }
|
|
17
17
|
var getMediaClientConfigForRenderer = function getMediaClientConfigForRenderer(provider) {
|
|
18
18
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -22,7 +22,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
22
22
|
var children = _ref.children,
|
|
23
23
|
ssr = _ref.ssr;
|
|
24
24
|
var _useState = (0, _react.useState)(function () {
|
|
25
|
-
return (0,
|
|
25
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements') ? ssr === null || ssr === void 0 ? void 0 : ssr.config : undefined;
|
|
26
26
|
}),
|
|
27
27
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
28
28
|
mediaClientConfig = _useState2[0],
|
|
@@ -44,7 +44,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
44
44
|
*
|
|
45
45
|
* hasProvider() is synchronous and correct from render 1, closing that window.
|
|
46
46
|
*/
|
|
47
|
-
var shouldSkipContext = (0,
|
|
47
|
+
var shouldSkipContext = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements') ? Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || providerFactory.hasProvider('mediaProvider') || mediaProvider) : Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
|
|
48
48
|
var contextMediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
|
|
49
49
|
|
|
50
50
|
// MediaClientProvider currently requires a mediaClientConfig
|
|
@@ -70,7 +70,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
70
70
|
// The two hooks below are mutually exclusive — only one runs per render — so there is no
|
|
71
71
|
// actual chaining of state updates at runtime. The lint rule cannot statically prove this.
|
|
72
72
|
(0, _react.useEffect)(function () {
|
|
73
|
-
if (!(0,
|
|
73
|
+
if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements')) {
|
|
74
74
|
return;
|
|
75
75
|
}
|
|
76
76
|
if (ssr !== null && ssr !== void 0 && ssr.config) {
|
|
@@ -96,7 +96,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
|
|
|
96
96
|
// Legacy path (experiment off): keep useLayoutEffect to preserve existing behaviour.
|
|
97
97
|
// remove this when clean up platform_editor_media_reliability_enhancements
|
|
98
98
|
(0, _react.useLayoutEffect)(function () {
|
|
99
|
-
if ((0,
|
|
99
|
+
if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_media_reliability_enhancements')) {
|
|
100
100
|
return;
|
|
101
101
|
}
|
|
102
102
|
if (ssr !== null && ssr !== void 0 && ssr.config) {
|
|
@@ -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.6";
|
|
78
78
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
79
79
|
containerName: 'ak-renderer-wrapper',
|
|
80
80
|
containerType: 'inline-size'
|
|
@@ -351,13 +351,13 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
351
351
|
var heightWidthAnalyticsRicID;
|
|
352
352
|
var heightWidthAnalyticsRafID;
|
|
353
353
|
var handleAnalytics = function handleAnalytics() {
|
|
354
|
-
if (
|
|
354
|
+
if (Math.random() < RENDER_EVENT_SAMPLE_RATE) {
|
|
355
355
|
_fireAnalyticsEvent({
|
|
356
356
|
action: _analytics.ACTION.STARTED,
|
|
357
357
|
actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
|
|
358
358
|
attributes: {
|
|
359
359
|
platform: _events.PLATFORM.WEB,
|
|
360
|
-
sampleRate:
|
|
360
|
+
sampleRate: RENDER_EVENT_SAMPLE_RATE
|
|
361
361
|
},
|
|
362
362
|
eventType: _analytics.EVENT_TYPE.UI
|
|
363
363
|
});
|
|
@@ -399,11 +399,11 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
399
399
|
nodes: nodes,
|
|
400
400
|
nestedRendererType: nestedRendererType,
|
|
401
401
|
severity: severity,
|
|
402
|
-
sampleRate:
|
|
402
|
+
sampleRate: RENDER_EVENT_SAMPLE_RATE
|
|
403
403
|
},
|
|
404
404
|
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
405
405
|
};
|
|
406
|
-
if (
|
|
406
|
+
if (Math.random() < RENDER_EVENT_SAMPLE_RATE) {
|
|
407
407
|
_fireAnalyticsEvent(event);
|
|
408
408
|
}
|
|
409
409
|
}
|
|
@@ -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, {
|