@atlaskit/renderer 108.10.1 → 108.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/Renderer/index.js +5 -9
- package/dist/cjs/ui/Renderer/style.js +5 -8
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/ui/Renderer/index.js +5 -9
- package/dist/es2019/ui/Renderer/style.js +9 -19
- package/dist/es2019/version.json +1 -1
- package/dist/esm/ui/Renderer/index.js +5 -9
- package/dist/esm/ui/Renderer/style.js +5 -8
- package/dist/esm/version.json +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/ui/Renderer/style.d.ts +0 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/Renderer/style.d.ts +0 -1
- package/package.json +2 -2
- package/report.api.md +1 -1
- package/tmp/api-report-tmp.d.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 108.11.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`39099193642`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39099193642) - Cleanup breakout styling when table has fragment mark ff
|
|
8
|
+
|
|
9
|
+
## 108.11.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`0ea10bbad32`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ea10bbad32) - Export type StickyHeaderProps for usages in CFE
|
|
14
|
+
|
|
3
15
|
## 108.10.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
|
|
|
55
55
|
var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
56
56
|
exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
|
|
57
57
|
var packageName = "@atlaskit/renderer";
|
|
58
|
-
var packageVersion = "108.
|
|
58
|
+
var packageVersion = "108.11.1";
|
|
59
59
|
var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
60
60
|
(0, _inherits2.default)(Renderer, _PureComponent);
|
|
61
61
|
var _super = _createSuper(Renderer);
|
|
@@ -351,7 +351,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
351
351
|
}
|
|
352
352
|
};
|
|
353
353
|
try {
|
|
354
|
-
var _featureFlags$feature,
|
|
354
|
+
var _featureFlags$feature, _this$featureFlags2, _this$featureFlags2$f, _this$featureFlags2$f2;
|
|
355
355
|
var schema = this.getSchema(this.props.schema, this.props.adfStage);
|
|
356
356
|
var _renderDocument = (0, _.renderDocument)(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
|
|
357
357
|
result = _renderDocument.result,
|
|
@@ -378,8 +378,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
378
378
|
allowWrapCodeBlock: allowWrapCodeBlock,
|
|
379
379
|
allowCustomPanels: allowCustomPanels,
|
|
380
380
|
allowPlaceholderText: allowPlaceholderText,
|
|
381
|
-
|
|
382
|
-
useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
|
|
381
|
+
useBlockRenderForCodeBlock: (_featureFlags$feature = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature !== void 0 ? _featureFlags$feature : true,
|
|
383
382
|
innerRef: this.editorRef,
|
|
384
383
|
onClick: handleWrapperOnClick,
|
|
385
384
|
onMouseDown: this.onMouseDownEditView
|
|
@@ -402,7 +401,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
402
401
|
});
|
|
403
402
|
return (0, _react2.jsx)(_react.Fragment, null, reRenderTracking, rendererResult);
|
|
404
403
|
} catch (e) {
|
|
405
|
-
var _featureFlags$
|
|
404
|
+
var _featureFlags$feature2;
|
|
406
405
|
if (onError) {
|
|
407
406
|
onError(e);
|
|
408
407
|
}
|
|
@@ -413,8 +412,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
413
412
|
allowPlaceholderText: allowPlaceholderText,
|
|
414
413
|
allowColumnSorting: allowColumnSorting,
|
|
415
414
|
allowNestedHeaderLinks: allowNestedHeaderLinks,
|
|
416
|
-
|
|
417
|
-
useBlockRenderForCodeBlock: (_featureFlags$feature4 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature4 !== void 0 ? _featureFlags$feature4 : true,
|
|
415
|
+
useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
|
|
418
416
|
onClick: handleWrapperOnClick
|
|
419
417
|
}, (0, _react2.jsx)(_ui.UnsupportedBlock, null));
|
|
420
418
|
}
|
|
@@ -468,7 +466,6 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
468
466
|
children = props.children,
|
|
469
467
|
onClick = props.onClick,
|
|
470
468
|
onMouseDown = props.onMouseDown,
|
|
471
|
-
useFragmentMarkBreakoutWidthStylingFix = props.useFragmentMarkBreakoutWidthStylingFix,
|
|
472
469
|
useBlockRenderForCodeBlock = props.useBlockRenderForCodeBlock;
|
|
473
470
|
return (0, _react2.jsx)(_ui.WidthProvider, {
|
|
474
471
|
className: "ak-renderer-wrapper"
|
|
@@ -482,7 +479,6 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
482
479
|
appearance: appearance,
|
|
483
480
|
allowNestedHeaderLinks: allowNestedHeaderLinks,
|
|
484
481
|
allowColumnSorting: !!allowColumnSorting,
|
|
485
|
-
useFragmentMarkBreakoutWidthStylingFix: useFragmentMarkBreakoutWidthStylingFix,
|
|
486
482
|
useBlockRenderForCodeBlock: useBlockRenderForCodeBlock
|
|
487
483
|
})
|
|
488
484
|
}, children)));
|
|
@@ -20,7 +20,7 @@ var _consts = require("../../consts");
|
|
|
20
20
|
var _headingAnchor = require("../../react/nodes/heading-anchor");
|
|
21
21
|
var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
|
|
22
22
|
var _table = require("../../react/nodes/table");
|
|
23
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7
|
|
23
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
24
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
26
|
var FullPagePadding = 32;
|
|
@@ -89,11 +89,8 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
|
|
|
89
89
|
}
|
|
90
90
|
return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n max-width: ", "px;\n margin: 0 auto;\n\n .fabric-editor-breakout-mark,\n .ak-renderer-extension {\n width: 100% !important;\n }\n\n ", "\n "])), _editorSharedStyles.akEditorFullWidthLayoutWidth, (0, _table.isTableResizingEnabled)(appearance) ? '' : "\n .pm-table-container {\n width: 100% !important;\n }\n ");
|
|
91
91
|
};
|
|
92
|
-
var breakoutWidthStyle = function breakoutWidthStyle(
|
|
93
|
-
|
|
94
|
-
return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n *:not([data-mark-type='fragment'])\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment']\n *\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
|
|
95
|
-
}
|
|
96
|
-
return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n * .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), _styles.TableSharedCssClassName.TABLE_CONTAINER);
|
|
92
|
+
var breakoutWidthStyle = function breakoutWidthStyle() {
|
|
93
|
+
return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n *:not([data-mark-type='fragment'])\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment'] * .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), _styles.TableSharedCssClassName.TABLE_CONTAINER, _styles.TableSharedCssClassName.TABLE_CONTAINER);
|
|
97
94
|
};
|
|
98
95
|
var rendererStyles = function rendererStyles(wrapperProps) {
|
|
99
96
|
return function (theme) {
|
|
@@ -102,7 +99,7 @@ var rendererStyles = function rendererStyles(wrapperProps) {
|
|
|
102
99
|
theme: theme
|
|
103
100
|
};
|
|
104
101
|
var useBlockRenderForCodeBlock = wrapperProps.useBlockRenderForCodeBlock;
|
|
105
|
-
return (0, _react.css)(
|
|
102
|
+
return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", "px;\n line-height: 1.5rem;\n color: ", ";\n\n .", "::after {\n // we add a clearfix after ak-renderer-document in order to\n // contain internal floats (such as media images that are \"wrap-left\")\n // to just the renderer (and not spill outside of it)\n content: '';\n visibility: hidden;\n display: block;\n height: 0;\n clear: both;\n }\n\n ", "\n ", "\n\n & h1 {\n ", "\n }\n\n & h2 {\n ", "\n }\n\n & h3 {\n ", "\n }\n\n & h4 {\n ", "\n }\n\n & h5 {\n ", "\n }\n\n & h6 {\n ", "\n }\n\n & span.akActionMark {\n color: ", ";\n text-decoration: none;\n\n &:hover {\n color: ", ";\n text-decoration: underline;\n }\n\n &:active {\n color: ", ";\n }\n }\n\n & span.akActionMark {\n cursor: pointer;\n }\n\n & span[data-placeholder] {\n color: ", ";\n }\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n\n & .UnknownBlock {\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n\n & span.date-node {\n background: ", ";\n border-radius: ", ";\n color: ", ";\n padding: 2px 4px;\n margin: 0 1px;\n transition: background 0.3s;\n }\n\n & span.date-node-highlighted {\n background: ", ";\n color: ", ";\n }\n\n & .renderer-image {\n max-width: 100%;\n display: block;\n margin: ", " 0;\n }\n\n .", ".rich-media-wrapped\n + .", ":not(.rich-media-wrapped) {\n clear: both;\n }\n\n & .code-block,\n & blockquote,\n & hr,\n & > div > div:not(.rich-media-wrapped),\n .", ".rich-media-wrapped\n + .rich-media-wrapped\n + *:not(.rich-media-wrapped),\n .", ".rich-media-wrapped + div:not(.rich-media-wrapped),\n .", ".image-align-start,\n .", ".image-center,\n .", ".image-align-end {\n clear: both;\n }\n\n & .rich-media-wrapped {\n & + h1,\n & + h2,\n & + h3,\n & + h4,\n & + h5,\n & + h6 {\n margin-top: 8px;\n }\n }\n\n ", "\n /* plugin styles */\n ", " &\n div[class^='image-wrap-'] + div[class^='image-wrap-'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n /* Breakout for tables and extensions */\n .", " > {\n ", "\n\n * .", " {\n overflow-x: auto;\n }\n\n & .", ":first-child {\n margin-top: 0;\n }\n }\n\n .", " {\n .", " {\n margin-top: ", ";\n }\n\n .", " {\n margin-left: 50%;\n transform: translateX(-50%);\n }\n\n .", " {\n overflow-x: auto;\n }\n\n .", "\n .", " {\n display: flex;\n }\n }\n\n ", "\n\n .", " .", " {\n z-index: 0;\n transition: all 0.1s linear;\n display: flex; /* needed to avoid position: fixed jumpiness in Chrome */\n\n /** Shadow overrides */\n &.", "::after,\n &.", "::before {\n top: ", "px;\n height: calc(100% - ", "px);\n z-index: ", ";\n }\n\n &\n .", ",\n &\n .", " {\n height: calc(100% - ", "px);\n }\n\n /**\n * A hack for making all the <th /> heights equal in case some have shorter\n * content than others.\n *\n * This is done to make sort buttons fill entire <th />.\n */\n table {\n height: 1px; /* will be ignored */\n ", ";\n margin-left: 0;\n margin-right: 0;\n }\n\n table tr:first-of-type {\n height: 100%;\n\n td,\n th {\n position: relative;\n }\n }\n\n table[data-number-column='true'] {\n .", " {\n background-color: ", ";\n border-right: 1px solid\n ", ";\n width: ", "px;\n text-align: center;\n color: ", ";\n font-size: ", ";\n }\n\n .fixed .", " {\n border-right: 0px none;\n }\n }\n }\n\n tr[data-header-row].fixed {\n position: fixed !important;\n display: flex;\n overflow: hidden;\n z-index: ", ";\n\n border-right: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n\n /* this is to compensate for the table border */\n transform: translateX(-1px);\n }\n\n .sticky > th {\n z-index: ", ";\n position: sticky !important;\n top: 0;\n }\n\n /* Make the number column header sticky */\n .sticky > td {\n position: sticky !important;\n top: 0;\n }\n\n /* add border for position: sticky\n and work around background-clip: padding-box\n bug for FF causing box-shadow bug in Chrome */\n .sticky th,\n .sticky td {\n box-shadow: 0px 1px\n ", ",\n 0px -0.5px ", ",\n inset -1px 0px ", ",\n 0px -1px ", ";\n }\n\n /* this will remove jumpiness caused in Chrome for sticky headers */\n .fixed + tr {\n min-height: 0px;\n }\n\n /*\n * We wrap CodeBlock in a grid to prevent it from overflowing the container of the renderer.\n * See ED-4159.\n */\n & .code-block {\n max-width: 100%;\n /* -ms- properties are necessary until MS supports the latest version of the grid spec */\n /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties */\n display: block;\n /* stylelint-enable */\n\n position: relative;\n border-radius: ", ";\n\n /*\n * The overall renderer has word-wrap: break; which causes issues with\n * code block line numbers in Safari / iOS.\n */\n word-wrap: normal;\n }\n\n & .MediaGroup,\n & .code-block {\n margin-top: ", ";\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n ", "\n\n ", "\n\n ", ";\n & [data-layout-section] {\n margin-top: ", ";\n & > div + div {\n margin-left: ", ";\n }\n\n @media screen and (max-width: ", "px) {\n & > div + div {\n margin-left: 0;\n }\n }\n\n & .MediaGroup,\n & .code-block {\n margin-top: ", ";\n\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n & li {\n > .code-block {\n margin: ", " 0 0 0;\n }\n > .code-block:first-child {\n margin-top: 0;\n }\n\n > div:last-of-type.code-block {\n margin-bottom: ", ";\n }\n }\n\n & :not([data-node-type='decisionList']) > li {\n ", "\n }\n "])), (0, _editorSharedStyles.editorFontSize)(themeProps), (0, _components.themed)({
|
|
106
103
|
light: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
107
104
|
dark: "var(--ds-text, #B8C7E0)"
|
|
108
105
|
})(themeProps), _consts.RendererCssClassName.DOCUMENT, fullPageStyles(wrapperProps, themeProps), fullWidthStyles(wrapperProps), headingAnchorStyle('h1'), headingAnchorStyle('h2'), headingAnchorStyle('h3'), headingAnchorStyle('h4'), headingAnchorStyle('h5'), headingAnchorStyle('h6'), "var(--ds-link, ".concat(colors.B400, ")"), "var(--ds-link, ".concat(colors.B300, ")"), "var(--ds-link-pressed, ".concat(colors.B500, ")"), (0, _components.themed)({
|
|
@@ -114,7 +111,7 @@ var rendererStyles = function rendererStyles(wrapperProps) {
|
|
|
114
111
|
})(themeProps), "var(--ds-border-radius-100, 3px)", (0, _components.themed)({
|
|
115
112
|
light: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
116
113
|
dark: "var(--ds-text, ".concat(colors.DN600, ")")
|
|
117
|
-
})(themeProps), "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-text-danger, ".concat(colors.R500, ")"), "var(--ds-space-300, 24px)", _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), _styles.mediaSingleSharedStyle, _consts.RendererCssClassName.DOCUMENT, breakoutWidthStyle(
|
|
114
|
+
})(themeProps), "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-text-danger, ".concat(colors.R500, ")"), "var(--ds-space-300, 24px)", _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), _styles.mediaSingleSharedStyle, _consts.RendererCssClassName.DOCUMENT, breakoutWidthStyle(), _consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER, _consts.RendererCssClassName.EXTENSION, _consts.RendererCssClassName.DOCUMENT, _consts.RendererCssClassName.EXTENSION, _editorSharedStyles.blockNodesVerticalMargin, _consts.RendererCssClassName.EXTENSION_CENTER_ALIGN, _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, _ui.shadowObserverClassNames.SHADOW_CONTAINER, _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, (0, _styles.tableSharedStyle)(themeProps), _consts.RendererCssClassName.DOCUMENT, _styles.TableSharedCssClassName.TABLE_CONTAINER, _ui.shadowClassNames.RIGHT_SHADOW, _ui.shadowClassNames.LEFT_SHADOW, _styles.tableMarginTop - 1, _styles.tableMarginTop, _editorSharedStyles.akEditorStickyHeaderZIndex, _ui.shadowObserverClassNames.SENTINEL_LEFT, _ui.shadowObserverClassNames.SENTINEL_RIGHT, _styles.tableMarginTop, tableSortableColumnStyle(wrapperProps), _consts.RendererCssClassName.NUMBER_COLUMN, (0, _components.themed)({
|
|
118
115
|
light: "var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
|
|
119
116
|
dark: "var(--ds-background-neutral, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
|
|
120
117
|
})(themeProps), (0, _components.themed)({
|
package/dist/cjs/version.json
CHANGED
|
@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
|
|
|
35
35
|
export const NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
36
36
|
export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
37
37
|
const packageName = "@atlaskit/renderer";
|
|
38
|
-
const packageVersion = "108.
|
|
38
|
+
const packageVersion = "108.11.1";
|
|
39
39
|
export class Renderer extends PureComponent {
|
|
40
40
|
constructor(props) {
|
|
41
41
|
super(props);
|
|
@@ -327,7 +327,7 @@ export class Renderer extends PureComponent {
|
|
|
327
327
|
}
|
|
328
328
|
};
|
|
329
329
|
try {
|
|
330
|
-
var _featureFlags$feature,
|
|
330
|
+
var _featureFlags$feature, _this$featureFlags, _this$featureFlags$fe, _this$featureFlags$fe2;
|
|
331
331
|
const schema = this.getSchema(this.props.schema, this.props.adfStage);
|
|
332
332
|
const {
|
|
333
333
|
result,
|
|
@@ -353,8 +353,7 @@ export class Renderer extends PureComponent {
|
|
|
353
353
|
allowWrapCodeBlock: allowWrapCodeBlock,
|
|
354
354
|
allowCustomPanels: allowCustomPanels,
|
|
355
355
|
allowPlaceholderText: allowPlaceholderText,
|
|
356
|
-
|
|
357
|
-
useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
|
|
356
|
+
useBlockRenderForCodeBlock: (_featureFlags$feature = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature !== void 0 ? _featureFlags$feature : true,
|
|
358
357
|
innerRef: this.editorRef,
|
|
359
358
|
onClick: handleWrapperOnClick,
|
|
360
359
|
onMouseDown: this.onMouseDownEditView
|
|
@@ -377,7 +376,7 @@ export class Renderer extends PureComponent {
|
|
|
377
376
|
});
|
|
378
377
|
return jsx(Fragment, null, reRenderTracking, rendererResult);
|
|
379
378
|
} catch (e) {
|
|
380
|
-
var _featureFlags$
|
|
379
|
+
var _featureFlags$feature2;
|
|
381
380
|
if (onError) {
|
|
382
381
|
onError(e);
|
|
383
382
|
}
|
|
@@ -388,8 +387,7 @@ export class Renderer extends PureComponent {
|
|
|
388
387
|
allowPlaceholderText: allowPlaceholderText,
|
|
389
388
|
allowColumnSorting: allowColumnSorting,
|
|
390
389
|
allowNestedHeaderLinks: allowNestedHeaderLinks,
|
|
391
|
-
|
|
392
|
-
useBlockRenderForCodeBlock: (_featureFlags$feature4 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature4 !== void 0 ? _featureFlags$feature4 : true,
|
|
390
|
+
useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
|
|
393
391
|
onClick: handleWrapperOnClick
|
|
394
392
|
}, jsx(UnsupportedBlock, null));
|
|
395
393
|
}
|
|
@@ -439,7 +437,6 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
|
|
|
439
437
|
children,
|
|
440
438
|
onClick,
|
|
441
439
|
onMouseDown,
|
|
442
|
-
useFragmentMarkBreakoutWidthStylingFix,
|
|
443
440
|
useBlockRenderForCodeBlock
|
|
444
441
|
} = props;
|
|
445
442
|
return jsx(WidthProvider, {
|
|
@@ -454,7 +451,6 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
|
|
|
454
451
|
appearance,
|
|
455
452
|
allowNestedHeaderLinks,
|
|
456
453
|
allowColumnSorting: !!allowColumnSorting,
|
|
457
|
-
useFragmentMarkBreakoutWidthStylingFix,
|
|
458
454
|
useBlockRenderForCodeBlock
|
|
459
455
|
})
|
|
460
456
|
}, children)));
|
|
@@ -282,25 +282,15 @@ const fullWidthStyles = ({
|
|
|
282
282
|
`}
|
|
283
283
|
`;
|
|
284
284
|
};
|
|
285
|
-
const breakoutWidthStyle =
|
|
286
|
-
if (useFragmentMarkBreakoutWidthStylingFix) {
|
|
287
|
-
return css`
|
|
288
|
-
*:not([data-mark-type='fragment'])
|
|
289
|
-
.${TableSharedCssClassName.TABLE_CONTAINER} {
|
|
290
|
-
width: 100% !important;
|
|
291
|
-
left: 0 !important;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
[data-mark-type='fragment']
|
|
295
|
-
*
|
|
296
|
-
.${TableSharedCssClassName.TABLE_CONTAINER} {
|
|
297
|
-
width: 100% !important;
|
|
298
|
-
left: 0 !important;
|
|
299
|
-
}
|
|
300
|
-
`;
|
|
301
|
-
}
|
|
285
|
+
const breakoutWidthStyle = () => {
|
|
302
286
|
return css`
|
|
303
|
-
|
|
287
|
+
*:not([data-mark-type='fragment'])
|
|
288
|
+
.${TableSharedCssClassName.TABLE_CONTAINER} {
|
|
289
|
+
width: 100% !important;
|
|
290
|
+
left: 0 !important;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
[data-mark-type='fragment'] * .${TableSharedCssClassName.TABLE_CONTAINER} {
|
|
304
294
|
width: 100% !important;
|
|
305
295
|
left: 0 !important;
|
|
306
296
|
}
|
|
@@ -474,7 +464,7 @@ export const rendererStyles = wrapperProps => theme => {
|
|
|
474
464
|
|
|
475
465
|
/* Breakout for tables and extensions */
|
|
476
466
|
.${RendererCssClassName.DOCUMENT} > {
|
|
477
|
-
${breakoutWidthStyle(
|
|
467
|
+
${breakoutWidthStyle()}
|
|
478
468
|
|
|
479
469
|
* .${RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER} {
|
|
480
470
|
overflow-x: auto;
|
package/dist/es2019/version.json
CHANGED
|
@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
|
|
|
45
45
|
export var NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
46
46
|
export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
47
47
|
var packageName = "@atlaskit/renderer";
|
|
48
|
-
var packageVersion = "108.
|
|
48
|
+
var packageVersion = "108.11.1";
|
|
49
49
|
export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
50
50
|
_inherits(Renderer, _PureComponent);
|
|
51
51
|
var _super = _createSuper(Renderer);
|
|
@@ -341,7 +341,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
341
341
|
}
|
|
342
342
|
};
|
|
343
343
|
try {
|
|
344
|
-
var _featureFlags$feature,
|
|
344
|
+
var _featureFlags$feature, _this$featureFlags2, _this$featureFlags2$f, _this$featureFlags2$f2;
|
|
345
345
|
var schema = this.getSchema(this.props.schema, this.props.adfStage);
|
|
346
346
|
var _renderDocument = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
|
|
347
347
|
result = _renderDocument.result,
|
|
@@ -368,8 +368,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
368
368
|
allowWrapCodeBlock: allowWrapCodeBlock,
|
|
369
369
|
allowCustomPanels: allowCustomPanels,
|
|
370
370
|
allowPlaceholderText: allowPlaceholderText,
|
|
371
|
-
|
|
372
|
-
useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
|
|
371
|
+
useBlockRenderForCodeBlock: (_featureFlags$feature = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature !== void 0 ? _featureFlags$feature : true,
|
|
373
372
|
innerRef: this.editorRef,
|
|
374
373
|
onClick: handleWrapperOnClick,
|
|
375
374
|
onMouseDown: this.onMouseDownEditView
|
|
@@ -392,7 +391,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
392
391
|
});
|
|
393
392
|
return jsx(Fragment, null, reRenderTracking, rendererResult);
|
|
394
393
|
} catch (e) {
|
|
395
|
-
var _featureFlags$
|
|
394
|
+
var _featureFlags$feature2;
|
|
396
395
|
if (onError) {
|
|
397
396
|
onError(e);
|
|
398
397
|
}
|
|
@@ -403,8 +402,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
|
403
402
|
allowPlaceholderText: allowPlaceholderText,
|
|
404
403
|
allowColumnSorting: allowColumnSorting,
|
|
405
404
|
allowNestedHeaderLinks: allowNestedHeaderLinks,
|
|
406
|
-
|
|
407
|
-
useBlockRenderForCodeBlock: (_featureFlags$feature4 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature4 !== void 0 ? _featureFlags$feature4 : true,
|
|
405
|
+
useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
|
|
408
406
|
onClick: handleWrapperOnClick
|
|
409
407
|
}, jsx(UnsupportedBlock, null));
|
|
410
408
|
}
|
|
@@ -457,7 +455,6 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
|
|
|
457
455
|
children = props.children,
|
|
458
456
|
onClick = props.onClick,
|
|
459
457
|
onMouseDown = props.onMouseDown,
|
|
460
|
-
useFragmentMarkBreakoutWidthStylingFix = props.useFragmentMarkBreakoutWidthStylingFix,
|
|
461
458
|
useBlockRenderForCodeBlock = props.useBlockRenderForCodeBlock;
|
|
462
459
|
return jsx(WidthProvider, {
|
|
463
460
|
className: "ak-renderer-wrapper"
|
|
@@ -471,7 +468,6 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
|
|
|
471
468
|
appearance: appearance,
|
|
472
469
|
allowNestedHeaderLinks: allowNestedHeaderLinks,
|
|
473
470
|
allowColumnSorting: !!allowColumnSorting,
|
|
474
|
-
useFragmentMarkBreakoutWidthStylingFix: useFragmentMarkBreakoutWidthStylingFix,
|
|
475
471
|
useBlockRenderForCodeBlock: useBlockRenderForCodeBlock
|
|
476
472
|
})
|
|
477
473
|
}, children)));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import { themed } from '@atlaskit/theme/components';
|
|
5
5
|
import { fontFamily, fontSize } from '@atlaskit/theme/constants';
|
|
@@ -78,11 +78,8 @@ var fullWidthStyles = function fullWidthStyles(_ref5) {
|
|
|
78
78
|
}
|
|
79
79
|
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n max-width: ", "px;\n margin: 0 auto;\n\n .fabric-editor-breakout-mark,\n .ak-renderer-extension {\n width: 100% !important;\n }\n\n ", "\n "])), akEditorFullWidthLayoutWidth, isTableResizingEnabled(appearance) ? '' : "\n .pm-table-container {\n width: 100% !important;\n }\n ");
|
|
80
80
|
};
|
|
81
|
-
var breakoutWidthStyle = function breakoutWidthStyle(
|
|
82
|
-
|
|
83
|
-
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n *:not([data-mark-type='fragment'])\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment']\n *\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
|
|
84
|
-
}
|
|
85
|
-
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n * .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), TableSharedCssClassName.TABLE_CONTAINER);
|
|
81
|
+
var breakoutWidthStyle = function breakoutWidthStyle() {
|
|
82
|
+
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n *:not([data-mark-type='fragment'])\n .", " {\n width: 100% !important;\n left: 0 !important;\n }\n\n [data-mark-type='fragment'] * .", " {\n width: 100% !important;\n left: 0 !important;\n }\n "])), TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_CONTAINER);
|
|
86
83
|
};
|
|
87
84
|
export var rendererStyles = function rendererStyles(wrapperProps) {
|
|
88
85
|
return function (theme) {
|
|
@@ -91,7 +88,7 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
|
|
|
91
88
|
theme: theme
|
|
92
89
|
};
|
|
93
90
|
var useBlockRenderForCodeBlock = wrapperProps.useBlockRenderForCodeBlock;
|
|
94
|
-
return css(
|
|
91
|
+
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: ", "px;\n line-height: 1.5rem;\n color: ", ";\n\n .", "::after {\n // we add a clearfix after ak-renderer-document in order to\n // contain internal floats (such as media images that are \"wrap-left\")\n // to just the renderer (and not spill outside of it)\n content: '';\n visibility: hidden;\n display: block;\n height: 0;\n clear: both;\n }\n\n ", "\n ", "\n\n & h1 {\n ", "\n }\n\n & h2 {\n ", "\n }\n\n & h3 {\n ", "\n }\n\n & h4 {\n ", "\n }\n\n & h5 {\n ", "\n }\n\n & h6 {\n ", "\n }\n\n & span.akActionMark {\n color: ", ";\n text-decoration: none;\n\n &:hover {\n color: ", ";\n text-decoration: underline;\n }\n\n &:active {\n color: ", ";\n }\n }\n\n & span.akActionMark {\n cursor: pointer;\n }\n\n & span[data-placeholder] {\n color: ", ";\n }\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n\n & .UnknownBlock {\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n\n & span.date-node {\n background: ", ";\n border-radius: ", ";\n color: ", ";\n padding: 2px 4px;\n margin: 0 1px;\n transition: background 0.3s;\n }\n\n & span.date-node-highlighted {\n background: ", ";\n color: ", ";\n }\n\n & .renderer-image {\n max-width: 100%;\n display: block;\n margin: ", " 0;\n }\n\n .", ".rich-media-wrapped\n + .", ":not(.rich-media-wrapped) {\n clear: both;\n }\n\n & .code-block,\n & blockquote,\n & hr,\n & > div > div:not(.rich-media-wrapped),\n .", ".rich-media-wrapped\n + .rich-media-wrapped\n + *:not(.rich-media-wrapped),\n .", ".rich-media-wrapped + div:not(.rich-media-wrapped),\n .", ".image-align-start,\n .", ".image-center,\n .", ".image-align-end {\n clear: both;\n }\n\n & .rich-media-wrapped {\n & + h1,\n & + h2,\n & + h3,\n & + h4,\n & + h5,\n & + h6 {\n margin-top: 8px;\n }\n }\n\n ", "\n /* plugin styles */\n ", " &\n div[class^='image-wrap-'] + div[class^='image-wrap-'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n /* Breakout for tables and extensions */\n .", " > {\n ", "\n\n * .", " {\n overflow-x: auto;\n }\n\n & .", ":first-child {\n margin-top: 0;\n }\n }\n\n .", " {\n .", " {\n margin-top: ", ";\n }\n\n .", " {\n margin-left: 50%;\n transform: translateX(-50%);\n }\n\n .", " {\n overflow-x: auto;\n }\n\n .", "\n .", " {\n display: flex;\n }\n }\n\n ", "\n\n .", " .", " {\n z-index: 0;\n transition: all 0.1s linear;\n display: flex; /* needed to avoid position: fixed jumpiness in Chrome */\n\n /** Shadow overrides */\n &.", "::after,\n &.", "::before {\n top: ", "px;\n height: calc(100% - ", "px);\n z-index: ", ";\n }\n\n &\n .", ",\n &\n .", " {\n height: calc(100% - ", "px);\n }\n\n /**\n * A hack for making all the <th /> heights equal in case some have shorter\n * content than others.\n *\n * This is done to make sort buttons fill entire <th />.\n */\n table {\n height: 1px; /* will be ignored */\n ", ";\n margin-left: 0;\n margin-right: 0;\n }\n\n table tr:first-of-type {\n height: 100%;\n\n td,\n th {\n position: relative;\n }\n }\n\n table[data-number-column='true'] {\n .", " {\n background-color: ", ";\n border-right: 1px solid\n ", ";\n width: ", "px;\n text-align: center;\n color: ", ";\n font-size: ", ";\n }\n\n .fixed .", " {\n border-right: 0px none;\n }\n }\n }\n\n tr[data-header-row].fixed {\n position: fixed !important;\n display: flex;\n overflow: hidden;\n z-index: ", ";\n\n border-right: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n\n /* this is to compensate for the table border */\n transform: translateX(-1px);\n }\n\n .sticky > th {\n z-index: ", ";\n position: sticky !important;\n top: 0;\n }\n\n /* Make the number column header sticky */\n .sticky > td {\n position: sticky !important;\n top: 0;\n }\n\n /* add border for position: sticky\n and work around background-clip: padding-box\n bug for FF causing box-shadow bug in Chrome */\n .sticky th,\n .sticky td {\n box-shadow: 0px 1px\n ", ",\n 0px -0.5px ", ",\n inset -1px 0px ", ",\n 0px -1px ", ";\n }\n\n /* this will remove jumpiness caused in Chrome for sticky headers */\n .fixed + tr {\n min-height: 0px;\n }\n\n /*\n * We wrap CodeBlock in a grid to prevent it from overflowing the container of the renderer.\n * See ED-4159.\n */\n & .code-block {\n max-width: 100%;\n /* -ms- properties are necessary until MS supports the latest version of the grid spec */\n /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties */\n display: block;\n /* stylelint-enable */\n\n position: relative;\n border-radius: ", ";\n\n /*\n * The overall renderer has word-wrap: break; which causes issues with\n * code block line numbers in Safari / iOS.\n */\n word-wrap: normal;\n }\n\n & .MediaGroup,\n & .code-block {\n margin-top: ", ";\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n ", "\n\n ", "\n\n ", ";\n & [data-layout-section] {\n margin-top: ", ";\n & > div + div {\n margin-left: ", ";\n }\n\n @media screen and (max-width: ", "px) {\n & > div + div {\n margin-left: 0;\n }\n }\n\n & .MediaGroup,\n & .code-block {\n margin-top: ", ";\n\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n & li {\n > .code-block {\n margin: ", " 0 0 0;\n }\n > .code-block:first-child {\n margin-top: 0;\n }\n\n > div:last-of-type.code-block {\n margin-bottom: ", ";\n }\n }\n\n & :not([data-node-type='decisionList']) > li {\n ", "\n }\n "])), editorFontSize(themeProps), themed({
|
|
95
92
|
light: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
96
93
|
dark: "var(--ds-text, #B8C7E0)"
|
|
97
94
|
})(themeProps), RendererCssClassName.DOCUMENT, fullPageStyles(wrapperProps, themeProps), fullWidthStyles(wrapperProps), headingAnchorStyle('h1'), headingAnchorStyle('h2'), headingAnchorStyle('h3'), headingAnchorStyle('h4'), headingAnchorStyle('h5'), headingAnchorStyle('h6'), "var(--ds-link, ".concat(colors.B400, ")"), "var(--ds-link, ".concat(colors.B300, ")"), "var(--ds-link-pressed, ".concat(colors.B500, ")"), themed({
|
|
@@ -103,7 +100,7 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
|
|
|
103
100
|
})(themeProps), "var(--ds-border-radius-100, 3px)", themed({
|
|
104
101
|
light: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
105
102
|
dark: "var(--ds-text, ".concat(colors.DN600, ")")
|
|
106
|
-
})(themeProps), "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-text-danger, ".concat(colors.R500, ")"), "var(--ds-space-300, 24px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), mediaSingleSharedStyle, RendererCssClassName.DOCUMENT, breakoutWidthStyle(
|
|
103
|
+
})(themeProps), "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-text-danger, ".concat(colors.R500, ")"), "var(--ds-space-300, 24px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), mediaSingleSharedStyle, RendererCssClassName.DOCUMENT, breakoutWidthStyle(), RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER, RendererCssClassName.EXTENSION, RendererCssClassName.DOCUMENT, RendererCssClassName.EXTENSION, blockNodesVerticalMargin, RendererCssClassName.EXTENSION_CENTER_ALIGN, TableSharedCssClassName.TABLE_NODE_WRAPPER, shadowObserverClassNames.SHADOW_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableSharedStyle(themeProps), RendererCssClassName.DOCUMENT, TableSharedCssClassName.TABLE_CONTAINER, shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableMarginTop - 1, tableMarginTop, akEditorStickyHeaderZIndex, shadowObserverClassNames.SENTINEL_LEFT, shadowObserverClassNames.SENTINEL_RIGHT, tableMarginTop, tableSortableColumnStyle(wrapperProps), RendererCssClassName.NUMBER_COLUMN, themed({
|
|
107
104
|
light: "var(--ds-background-neutral, ".concat(akEditorTableToolbar, ")"),
|
|
108
105
|
dark: "var(--ds-background-neutral, ".concat(akEditorTableToolbarDark, ")")
|
|
109
106
|
})(themeProps), themed({
|
package/dist/esm/version.json
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export type { Serializer } from './serializer';
|
|
|
2
2
|
export { default as ReactSerializer } from './react';
|
|
3
3
|
export { default as TextSerializer } from './text';
|
|
4
4
|
export { default as ReactRenderer } from './ui/Renderer';
|
|
5
|
-
export type { HeadingAnchorLinksProps, RendererAppearance, } from './ui/Renderer/types';
|
|
5
|
+
export type { HeadingAnchorLinksProps, RendererAppearance, StickyHeaderProps, } from './ui/Renderer/types';
|
|
6
6
|
export type { RendererProps } from './ui/renderer-props';
|
|
7
7
|
export type { RendererContext } from './react/types';
|
|
8
8
|
export { ADFEncoder } from './utils';
|
|
@@ -5,7 +5,6 @@ export type RendererWrapperProps = {
|
|
|
5
5
|
appearance?: RendererAppearance;
|
|
6
6
|
allowNestedHeaderLinks: boolean;
|
|
7
7
|
allowColumnSorting: boolean;
|
|
8
|
-
useFragmentMarkBreakoutWidthStylingFix: boolean;
|
|
9
8
|
useBlockRenderForCodeBlock: boolean;
|
|
10
9
|
};
|
|
11
10
|
export declare const headingSizes: {
|
|
@@ -2,7 +2,7 @@ export type { Serializer } from './serializer';
|
|
|
2
2
|
export { default as ReactSerializer } from './react';
|
|
3
3
|
export { default as TextSerializer } from './text';
|
|
4
4
|
export { default as ReactRenderer } from './ui/Renderer';
|
|
5
|
-
export type { HeadingAnchorLinksProps, RendererAppearance, } from './ui/Renderer/types';
|
|
5
|
+
export type { HeadingAnchorLinksProps, RendererAppearance, StickyHeaderProps, } from './ui/Renderer/types';
|
|
6
6
|
export type { RendererProps } from './ui/renderer-props';
|
|
7
7
|
export type { RendererContext } from './react/types';
|
|
8
8
|
export { ADFEncoder } from './utils';
|
|
@@ -5,7 +5,6 @@ export type RendererWrapperProps = {
|
|
|
5
5
|
appearance?: RendererAppearance;
|
|
6
6
|
allowNestedHeaderLinks: boolean;
|
|
7
7
|
allowColumnSorting: boolean;
|
|
8
|
-
useFragmentMarkBreakoutWidthStylingFix: boolean;
|
|
9
8
|
useBlockRenderForCodeBlock: boolean;
|
|
10
9
|
};
|
|
11
10
|
export declare const headingSizes: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "108.
|
|
3
|
+
"version": "108.11.1",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
32
32
|
"@atlaskit/button": "^16.8.0",
|
|
33
33
|
"@atlaskit/code": "^14.6.0",
|
|
34
|
-
"@atlaskit/editor-common": "^74.
|
|
34
|
+
"@atlaskit/editor-common": "^74.40.0",
|
|
35
35
|
"@atlaskit/editor-json-transformer": "^8.10.0",
|
|
36
36
|
"@atlaskit/editor-palette": "1.5.1",
|
|
37
37
|
"@atlaskit/editor-prosemirror": "1.0.2",
|
package/report.api.md
CHANGED