@atlaskit/renderer 126.2.0 → 126.2.2
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/react/index.js +3 -1
- package/dist/cjs/react/nodes/extension.js +7 -5
- package/dist/cjs/react/nodes/table/colgroup.js +3 -1
- package/dist/cjs/react/nodes/table/sticky.js +4 -2
- package/dist/cjs/react/nodes/table/table.js +5 -2
- package/dist/cjs/react/nodes/table.js +8 -4
- package/dist/cjs/react/nodes/tableNew.js +6 -3
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +5 -36
- package/dist/cjs/ui/Renderer/index.js +2 -1
- package/dist/es2019/react/index.js +3 -1
- package/dist/es2019/react/nodes/extension.js +7 -6
- package/dist/es2019/react/nodes/table/colgroup.js +3 -1
- package/dist/es2019/react/nodes/table/sticky.js +4 -2
- package/dist/es2019/react/nodes/table/table.js +4 -2
- package/dist/es2019/react/nodes/table.js +8 -4
- package/dist/es2019/react/nodes/tableNew.js +6 -3
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -34
- package/dist/es2019/ui/Renderer/index.js +2 -1
- package/dist/esm/react/index.js +3 -1
- package/dist/esm/react/nodes/extension.js +7 -5
- package/dist/esm/react/nodes/table/colgroup.js +3 -1
- package/dist/esm/react/nodes/table/sticky.js +4 -2
- package/dist/esm/react/nodes/table/table.js +5 -2
- package/dist/esm/react/nodes/table.js +8 -4
- package/dist/esm/react/nodes/tableNew.js +6 -3
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +5 -36
- package/dist/esm/ui/Renderer/index.js +2 -1
- package/dist/types/react/index.d.ts +2 -0
- package/dist/types/react/nodes/extension.d.ts +2 -1
- package/dist/types/react/nodes/table/sticky.d.ts +2 -1
- package/dist/types/react/nodes/table/table.d.ts +1 -1
- package/dist/types/react/nodes/table/types.d.ts +1 -0
- package/dist/types/ui/renderer-props.d.ts +1 -0
- package/dist/types-ts4.5/react/index.d.ts +2 -0
- package/dist/types-ts4.5/react/nodes/extension.d.ts +2 -1
- package/dist/types-ts4.5/react/nodes/table/sticky.d.ts +2 -1
- package/dist/types-ts4.5/react/nodes/table/table.d.ts +1 -1
- package/dist/types-ts4.5/react/nodes/table/types.d.ts +1 -0
- package/dist/types-ts4.5/ui/renderer-props.d.ts +1 -0
- package/package.json +10 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 126.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a90e1c030d692`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a90e1c030d692) -
|
|
8
|
+
Fix display of inline insert excerpt macro width in Confluence
|
|
9
|
+
- [`5c3f8d87c2290`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5c3f8d87c2290) -
|
|
10
|
+
Cleanup general AIFC bug fix feature gate
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 126.2.1
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`a218bead9e6a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a218bead9e6a7) -
|
|
18
|
+
EDITOR-4542 Make isTableWithFixedColumnWidthsOptionEnabled an editor prop instead of using FG
|
|
19
|
+
value
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 126.2.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -219,6 +219,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
|
|
|
219
219
|
this.textHighlighter = init.textHighlighter;
|
|
220
220
|
this.allowTableAlignment = init.allowTableAlignment;
|
|
221
221
|
this.allowTableResizing = init.allowTableResizing;
|
|
222
|
+
this.allowFixedColumnWidthOption = init.allowFixedColumnWidthOption;
|
|
222
223
|
this.isPresentational = init.isPresentational;
|
|
223
224
|
this.disableTableOverflowShadow = init.disableTableOverflowShadow;
|
|
224
225
|
this.onSetLinkTarget = init.onSetLinkTarget;
|
|
@@ -449,7 +450,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
|
|
|
449
450
|
allowTableAlignment: this.allowTableAlignment,
|
|
450
451
|
allowTableResizing: this.allowTableResizing,
|
|
451
452
|
isPresentational: (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') ? this.isPresentational : false,
|
|
452
|
-
disableTableOverflowShadow: this.disableTableOverflowShadow
|
|
453
|
+
disableTableOverflowShadow: this.disableTableOverflowShadow,
|
|
454
|
+
allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
|
|
453
455
|
});
|
|
454
456
|
}
|
|
455
457
|
}, {
|
|
@@ -55,6 +55,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
|
|
|
55
55
|
var localId = arguments.length > 7 ? arguments[7] : undefined;
|
|
56
56
|
var shouldDisplayExtensionAsInline = arguments.length > 8 ? arguments[8] : undefined;
|
|
57
57
|
var node = arguments.length > 9 ? arguments[9] : undefined;
|
|
58
|
+
var isInsideOfInlineExtension = arguments.length > 10 ? arguments[10] : undefined;
|
|
58
59
|
var overflowContainerClass = !removeOverflow ? _consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
|
|
59
60
|
|
|
60
61
|
// by default, we assume the extension is at top level, (direct child of doc node)
|
|
@@ -94,7 +95,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
|
|
|
94
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
95
96
|
,
|
|
96
97
|
className: overflowContainerClass,
|
|
97
|
-
css: [(0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
98
|
+
css: [!(isInsideOfInlineExtension && (0, _expValEquals.expValEquals)('confluence_inline_insert_excerpt_width_bugfix', 'isEnabled', true)) && (0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
98
99
|
}, content));
|
|
99
100
|
}
|
|
100
101
|
return (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref2) {
|
|
@@ -117,7 +118,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
|
|
|
117
118
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
118
119
|
,
|
|
119
120
|
className: overflowContainerClass,
|
|
120
|
-
css: [(0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
121
|
+
css: [!(isInsideOfInlineExtension && (0, _expValEquals.expValEquals)('confluence_inline_insert_excerpt_width_bugfix', 'isEnabled', true)) && (0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
121
122
|
}, content));
|
|
122
123
|
});
|
|
123
124
|
};
|
|
@@ -132,7 +133,8 @@ var Extension = function Extension(props) {
|
|
|
132
133
|
extensionViewportSizes = props.extensionViewportSizes,
|
|
133
134
|
parameters = props.parameters,
|
|
134
135
|
nodeHeight = props.nodeHeight,
|
|
135
|
-
localId = props.localId
|
|
136
|
+
localId = props.localId,
|
|
137
|
+
isInsideOfInlineExtension = props.isInsideOfInlineExtension;
|
|
136
138
|
return (0, _react.jsx)(_ExtensionRenderer.default
|
|
137
139
|
// Ignored via go/ees005
|
|
138
140
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -148,7 +150,7 @@ var Extension = function Extension(props) {
|
|
|
148
150
|
handleRef: handleRef,
|
|
149
151
|
shadowClassNames: shadowClassNames,
|
|
150
152
|
tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined
|
|
151
|
-
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined);
|
|
153
|
+
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
|
|
152
154
|
}
|
|
153
155
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
154
156
|
} catch (e) {
|
|
@@ -161,7 +163,7 @@ var Extension = function Extension(props) {
|
|
|
161
163
|
handleRef: handleRef,
|
|
162
164
|
shadowClassNames: shadowClassNames,
|
|
163
165
|
tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined
|
|
164
|
-
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined);
|
|
166
|
+
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
|
|
165
167
|
});
|
|
166
168
|
};
|
|
167
169
|
var _default_1 = (0, _ui.overflowShadow)(Extension, {
|
|
@@ -224,6 +224,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
224
224
|
});
|
|
225
225
|
};
|
|
226
226
|
var Colgroup = exports.Colgroup = function Colgroup(props) {
|
|
227
|
+
var _ref3;
|
|
227
228
|
var _useRendererContext = (0, _rendererContext.useRendererContext)(),
|
|
228
229
|
isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
|
|
229
230
|
var columnWidths = props.columnWidths,
|
|
@@ -232,6 +233,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
|
|
|
232
233
|
if (!columnWidths) {
|
|
233
234
|
return null;
|
|
234
235
|
}
|
|
236
|
+
var isTableFixedColumnWidthsOptionEnabled = (_ref3 = (0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? props.allowFixedColumnWidthOption : flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) !== null && _ref3 !== void 0 ? _ref3 : false;
|
|
235
237
|
var colStyles = renderScaleDownColgroup(_objectSpread(_objectSpread({}, props), {}, {
|
|
236
238
|
isTopLevelRenderer: isTopLevelRenderer,
|
|
237
239
|
isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
|
|
@@ -239,7 +241,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
|
|
|
239
241
|
}) || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment_jira', true, {
|
|
240
242
|
exposure: true
|
|
241
243
|
}),
|
|
242
|
-
isTableFixedColumnWidthsOptionEnabled:
|
|
244
|
+
isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)))
|
|
243
245
|
}));
|
|
244
246
|
if (!colStyles) {
|
|
245
247
|
return null;
|
|
@@ -103,7 +103,8 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
|
|
|
103
103
|
rendererAppearance = _ref.rendererAppearance,
|
|
104
104
|
allowTableResizing = _ref.allowTableResizing,
|
|
105
105
|
_ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
|
|
106
|
-
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz
|
|
106
|
+
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
|
|
107
|
+
allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
|
|
107
108
|
var styles;
|
|
108
109
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
109
110
|
if (allowTableResizing) {
|
|
@@ -156,7 +157,8 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
|
|
|
156
157
|
renderWidth: renderWidth,
|
|
157
158
|
tableNode: tableNode,
|
|
158
159
|
rendererAppearance: rendererAppearance,
|
|
159
|
-
fixTableSSRResizing: fixTableSSRResizing
|
|
160
|
+
fixTableSSRResizing: fixTableSSRResizing,
|
|
161
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
160
162
|
},
|
|
161
163
|
/**
|
|
162
164
|
* @see https://product-fabric.atlassian.net/browse/ED-10235
|
|
@@ -27,7 +27,9 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
27
27
|
allowTableResizing = _ref.allowTableResizing,
|
|
28
28
|
isPresentational = _ref.isPresentational,
|
|
29
29
|
_ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
|
|
30
|
-
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz
|
|
30
|
+
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
|
|
31
|
+
_ref$allowFixedColumn = _ref.allowFixedColumnWidthOption,
|
|
32
|
+
allowFixedColumnWidthOption = _ref$allowFixedColumn === void 0 ? false : _ref$allowFixedColumn;
|
|
31
33
|
var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _editorSharedStyles.akEditorDefaultLayoutWidth;
|
|
32
34
|
var tableColumnWidths = columnWidths;
|
|
33
35
|
if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
|
|
@@ -73,6 +75,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
73
75
|
isInsideOfBlockNode: isInsideOfBlockNode,
|
|
74
76
|
isInsideOfTable: isInsideOfTable,
|
|
75
77
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
76
|
-
allowTableResizing: allowTableResizing
|
|
78
|
+
allowTableResizing: allowTableResizing,
|
|
79
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
77
80
|
}), /*#__PURE__*/_react.default.createElement("tbody", null, children));
|
|
78
81
|
});
|
|
@@ -417,7 +417,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
417
417
|
isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
|
|
418
418
|
allowTableAlignment = _this$props.allowTableAlignment,
|
|
419
419
|
allowTableResizing = _this$props.allowTableResizing,
|
|
420
|
-
isPresentational = _this$props.isPresentational
|
|
420
|
+
isPresentational = _this$props.isPresentational,
|
|
421
|
+
allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
|
|
421
422
|
var stickyMode = this.state.stickyMode;
|
|
422
423
|
var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
|
|
423
424
|
var left;
|
|
@@ -560,7 +561,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
560
561
|
rowHeight: this.state.headerRowHeight,
|
|
561
562
|
tableNode: tableNode,
|
|
562
563
|
rendererAppearance: rendererAppearance,
|
|
563
|
-
allowTableResizing: allowTableResizing
|
|
564
|
+
allowTableResizing: allowTableResizing,
|
|
565
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
564
566
|
}, [children && children[0]]), (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/_react.default.createElement(TableWrapper, {
|
|
565
567
|
wrapperRef: this.wrapperRef,
|
|
566
568
|
onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
|
|
@@ -578,7 +580,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
578
580
|
isInsideOfTable: isInsideOfTable,
|
|
579
581
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
580
582
|
allowTableResizing: allowTableResizing,
|
|
581
|
-
isPresentational: isPresentational
|
|
583
|
+
isPresentational: isPresentational,
|
|
584
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
582
585
|
}, this.grabFirstRowRef(children))) : /*#__PURE__*/_react.default.createElement("div", {
|
|
583
586
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
584
587
|
className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
|
|
@@ -596,7 +599,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
596
599
|
isInsideOfTable: isInsideOfTable,
|
|
597
600
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
598
601
|
allowTableResizing: allowTableResizing,
|
|
599
|
-
isPresentational: isPresentational
|
|
602
|
+
isPresentational: isPresentational,
|
|
603
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
600
604
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
|
|
601
605
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
602
606
|
className: _styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
|
|
@@ -400,7 +400,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
400
400
|
isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
|
|
401
401
|
allowTableAlignment = _this$props.allowTableAlignment,
|
|
402
402
|
allowTableResizing = _this$props.allowTableResizing,
|
|
403
|
-
isPresentational = _this$props.isPresentational
|
|
403
|
+
isPresentational = _this$props.isPresentational,
|
|
404
|
+
allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
|
|
404
405
|
var stickyMode = this.state.stickyMode;
|
|
405
406
|
var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
|
|
406
407
|
var updatedLayout;
|
|
@@ -511,7 +512,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
511
512
|
tableNode: tableNode,
|
|
512
513
|
rendererAppearance: rendererAppearance,
|
|
513
514
|
allowTableResizing: allowTableResizing,
|
|
514
|
-
fixTableSSRResizing: true
|
|
515
|
+
fixTableSSRResizing: true,
|
|
516
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
515
517
|
}, [children && children[0]]), /*#__PURE__*/_react.default.createElement("div", {
|
|
516
518
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
517
519
|
className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
|
|
@@ -535,7 +537,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
|
|
|
535
537
|
isInsideOfTable: isInsideOfTable,
|
|
536
538
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
537
539
|
allowTableResizing: allowTableResizing,
|
|
538
|
-
isPresentational: isPresentational
|
|
540
|
+
isPresentational: isPresentational,
|
|
541
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
539
542
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
|
|
540
543
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
541
544
|
className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat((0, _platformFeatureFlags.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),
|
|
@@ -29,7 +29,7 @@ var _getBaseFontSize = require("./get-base-font-size");
|
|
|
29
29
|
var _emoji = require("@atlaskit/editor-common/emoji");
|
|
30
30
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
31
31
|
var _syncBlock = require("@atlaskit/editor-common/sync-block");
|
|
32
|
-
var _css,
|
|
32
|
+
var _css, _css7;
|
|
33
33
|
/* eslint-disable @atlaskit/ui-styling-standard/no-important-styles */
|
|
34
34
|
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
35
35
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
@@ -222,37 +222,6 @@ var rendererFullWidthStylesForTableResizing = (0, _react.css)({
|
|
|
222
222
|
width: '100% !important'
|
|
223
223
|
}
|
|
224
224
|
});
|
|
225
|
-
|
|
226
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
227
|
-
var telepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".concat(TELEPOINTER_ID), {
|
|
228
|
-
display: 'inline-block',
|
|
229
|
-
position: 'relative',
|
|
230
|
-
width: '1.5px',
|
|
231
|
-
height: '25px',
|
|
232
|
-
backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
|
|
233
|
-
marginLeft: "var(--ds-space-025, 2px)",
|
|
234
|
-
'&::after': {
|
|
235
|
-
content: '"AI"',
|
|
236
|
-
position: 'absolute',
|
|
237
|
-
display: 'block',
|
|
238
|
-
top: 0,
|
|
239
|
-
left: 0,
|
|
240
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
241
|
-
fontSize: '10px',
|
|
242
|
-
fontWeight: "var(--ds-font-weight-bold, 653)",
|
|
243
|
-
width: '12.5px',
|
|
244
|
-
height: '13px',
|
|
245
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
246
|
-
paddingTop: '1px',
|
|
247
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
248
|
-
paddingLeft: '1.5px',
|
|
249
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
250
|
-
lineHeight: 'initial',
|
|
251
|
-
borderRadius: "0px ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0px"),
|
|
252
|
-
color: "var(--ds-text-inverse, white)",
|
|
253
|
-
backgroundColor: "var(--ds-background-brand-bold, #1868DB)"
|
|
254
|
-
}
|
|
255
|
-
}));
|
|
256
225
|
var rovoTelepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".concat(TELEPOINTER_ID), {
|
|
257
226
|
display: 'inline-block',
|
|
258
227
|
position: 'relative',
|
|
@@ -590,13 +559,13 @@ var paragraphSharedStyleScaledMargin = (0, _react.css)({
|
|
|
590
559
|
letterSpacing: '-0.005em'
|
|
591
560
|
}
|
|
592
561
|
});
|
|
593
|
-
var listsSharedStyles = (0, _react.css)((
|
|
562
|
+
var listsSharedStyles = (0, _react.css)((_css7 = {
|
|
594
563
|
/* =============== INDENTATION SPACING ========= */
|
|
595
564
|
'ul, ol': {
|
|
596
565
|
boxSizing: 'border-box',
|
|
597
566
|
paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_styles.listItemCounterPadding, "px)")
|
|
598
567
|
}
|
|
599
|
-
}, (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)(
|
|
568
|
+
}, (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)(_css7, "".concat(_adfSchema.orderedListSelector, ", ").concat(_adfSchema.bulletListSelector), {
|
|
600
569
|
/*
|
|
601
570
|
Ensures list item content adheres to the list's margin instead
|
|
602
571
|
of filling the entire block row. This is important to allow
|
|
@@ -628,7 +597,7 @@ var listsSharedStyles = (0, _react.css)((_css8 = {
|
|
|
628
597
|
listStyleType: 'lower-alpha'
|
|
629
598
|
}), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
|
|
630
599
|
listStyleType: 'lower-roman'
|
|
631
|
-
}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(
|
|
600
|
+
}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css7, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
|
|
632
601
|
listStyleType: 'disc'
|
|
633
602
|
}), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
|
|
634
603
|
listStyleType: 'circle'
|
|
@@ -1700,7 +1669,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
|
|
|
1700
1669
|
'--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
|
|
1701
1670
|
'--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
|
|
1702
1671
|
},
|
|
1703
|
-
css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && rendererMaxWidthStyles,
|
|
1672
|
+
css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && rendererMaxWidthStyles, rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1704
1673
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
1705
1674
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
|
|
1706
1675
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -70,7 +70,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
70
70
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
71
71
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
72
72
|
var packageName = "@atlaskit/renderer";
|
|
73
|
-
var packageVersion = "
|
|
73
|
+
var packageVersion = "126.2.1";
|
|
74
74
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
75
75
|
containerName: 'ak-renderer-wrapper',
|
|
76
76
|
containerType: 'inline-size'
|
|
@@ -269,6 +269,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
|
|
|
269
269
|
allowTableAlignment: props.UNSTABLE_allowTableAlignment,
|
|
270
270
|
allowTableResizing: props.UNSTABLE_allowTableResizing,
|
|
271
271
|
disableTableOverflowShadow: props.disableTableOverflowShadow,
|
|
272
|
+
allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
|
|
272
273
|
shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
|
|
273
274
|
};
|
|
274
275
|
}, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
|
|
@@ -206,6 +206,7 @@ export default class ReactSerializer {
|
|
|
206
206
|
this.textHighlighter = init.textHighlighter;
|
|
207
207
|
this.allowTableAlignment = init.allowTableAlignment;
|
|
208
208
|
this.allowTableResizing = init.allowTableResizing;
|
|
209
|
+
this.allowFixedColumnWidthOption = init.allowFixedColumnWidthOption;
|
|
209
210
|
this.isPresentational = init.isPresentational;
|
|
210
211
|
this.disableTableOverflowShadow = init.disableTableOverflowShadow;
|
|
211
212
|
this.onSetLinkTarget = init.onSetLinkTarget;
|
|
@@ -416,7 +417,8 @@ export default class ReactSerializer {
|
|
|
416
417
|
allowTableAlignment: this.allowTableAlignment,
|
|
417
418
|
allowTableResizing: this.allowTableResizing,
|
|
418
419
|
isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false,
|
|
419
|
-
disableTableOverflowShadow: this.disableTableOverflowShadow
|
|
420
|
+
disableTableOverflowShadow: this.disableTableOverflowShadow,
|
|
421
|
+
allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
|
|
420
422
|
};
|
|
421
423
|
}
|
|
422
424
|
getDateProps(node, parentInfo, path = []) {
|
|
@@ -36,7 +36,7 @@ const getViewportSize = (extensionId, extensionViewportSizes) => {
|
|
|
36
36
|
const containerStyle = css({
|
|
37
37
|
containerType: 'inline-size'
|
|
38
38
|
});
|
|
39
|
-
export const renderExtension = (content, layout, options = {}, removeOverflow, extensionId, extensionViewportSizes, nodeHeight, localId, shouldDisplayExtensionAsInline, node) => {
|
|
39
|
+
export const renderExtension = (content, layout, options = {}, removeOverflow, extensionId, extensionViewportSizes, nodeHeight, localId, shouldDisplayExtensionAsInline, node, isInsideOfInlineExtension) => {
|
|
40
40
|
const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
|
|
41
41
|
|
|
42
42
|
// by default, we assume the extension is at top level, (direct child of doc node)
|
|
@@ -76,7 +76,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
|
|
|
76
76
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
77
77
|
,
|
|
78
78
|
className: overflowContainerClass,
|
|
79
|
-
css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
79
|
+
css: [!(isInsideOfInlineExtension && expValEquals('confluence_inline_insert_excerpt_width_bugfix', 'isEnabled', true)) && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
80
80
|
}, content));
|
|
81
81
|
}
|
|
82
82
|
return jsx(WidthConsumer, null, ({
|
|
@@ -99,7 +99,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
|
|
|
99
99
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
100
100
|
,
|
|
101
101
|
className: overflowContainerClass,
|
|
102
|
-
css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
102
|
+
css: [!(isInsideOfInlineExtension && expValEquals('confluence_inline_insert_excerpt_width_bugfix', 'isEnabled', true)) && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
103
103
|
}, content)));
|
|
104
104
|
};
|
|
105
105
|
const Extension = props => {
|
|
@@ -112,7 +112,8 @@ const Extension = props => {
|
|
|
112
112
|
extensionViewportSizes,
|
|
113
113
|
parameters,
|
|
114
114
|
nodeHeight,
|
|
115
|
-
localId
|
|
115
|
+
localId,
|
|
116
|
+
isInsideOfInlineExtension
|
|
116
117
|
} = props;
|
|
117
118
|
return jsx(ExtensionRenderer
|
|
118
119
|
// Ignored via go/ees005
|
|
@@ -130,7 +131,7 @@ const Extension = props => {
|
|
|
130
131
|
handleRef,
|
|
131
132
|
shadowClassNames,
|
|
132
133
|
tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined
|
|
133
|
-
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined);
|
|
134
|
+
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
|
|
134
135
|
}
|
|
135
136
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
136
137
|
} catch (e) {
|
|
@@ -143,7 +144,7 @@ const Extension = props => {
|
|
|
143
144
|
handleRef,
|
|
144
145
|
shadowClassNames,
|
|
145
146
|
tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined
|
|
146
|
-
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined);
|
|
147
|
+
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
|
|
147
148
|
});
|
|
148
149
|
};
|
|
149
150
|
const _default_1 = overflowShadow(Extension, {
|
|
@@ -209,6 +209,7 @@ const renderScaleDownColgroup = props => {
|
|
|
209
209
|
});
|
|
210
210
|
};
|
|
211
211
|
export const Colgroup = props => {
|
|
212
|
+
var _ref;
|
|
212
213
|
const {
|
|
213
214
|
isTopLevelRenderer
|
|
214
215
|
} = useRendererContext();
|
|
@@ -220,6 +221,7 @@ export const Colgroup = props => {
|
|
|
220
221
|
if (!columnWidths) {
|
|
221
222
|
return null;
|
|
222
223
|
}
|
|
224
|
+
const isTableFixedColumnWidthsOptionEnabled = (_ref = fg('platform_editor_table_fixed_column_width_prop') ? props.allowFixedColumnWidthOption : flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) !== null && _ref !== void 0 ? _ref : false;
|
|
223
225
|
const colStyles = renderScaleDownColgroup({
|
|
224
226
|
...props,
|
|
225
227
|
isTopLevelRenderer,
|
|
@@ -228,7 +230,7 @@ export const Colgroup = props => {
|
|
|
228
230
|
}) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment_jira', true, {
|
|
229
231
|
exposure: true
|
|
230
232
|
}),
|
|
231
|
-
isTableFixedColumnWidthsOptionEnabled:
|
|
233
|
+
isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)))
|
|
232
234
|
});
|
|
233
235
|
if (!colStyles) {
|
|
234
236
|
return null;
|
|
@@ -103,7 +103,8 @@ export const StickyTable = ({
|
|
|
103
103
|
tableNode,
|
|
104
104
|
rendererAppearance,
|
|
105
105
|
allowTableResizing,
|
|
106
|
-
fixTableSSRResizing = false
|
|
106
|
+
fixTableSSRResizing = false,
|
|
107
|
+
allowFixedColumnWidthOption
|
|
107
108
|
}) => {
|
|
108
109
|
let styles;
|
|
109
110
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -157,7 +158,8 @@ export const StickyTable = ({
|
|
|
157
158
|
renderWidth: renderWidth,
|
|
158
159
|
tableNode: tableNode,
|
|
159
160
|
rendererAppearance: rendererAppearance,
|
|
160
|
-
fixTableSSRResizing: fixTableSSRResizing
|
|
161
|
+
fixTableSSRResizing: fixTableSSRResizing,
|
|
162
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
161
163
|
},
|
|
162
164
|
/**
|
|
163
165
|
* @see https://product-fabric.atlassian.net/browse/ED-10235
|
|
@@ -18,7 +18,8 @@ export const Table = /*#__PURE__*/React.memo(({
|
|
|
18
18
|
isinsideMultiBodiedExtension,
|
|
19
19
|
allowTableResizing,
|
|
20
20
|
isPresentational,
|
|
21
|
-
fixTableSSRResizing = false
|
|
21
|
+
fixTableSSRResizing = false,
|
|
22
|
+
allowFixedColumnWidthOption = false
|
|
22
23
|
}) => {
|
|
23
24
|
var _tableNode$attrs;
|
|
24
25
|
let tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
|
|
@@ -66,6 +67,7 @@ export const Table = /*#__PURE__*/React.memo(({
|
|
|
66
67
|
isInsideOfBlockNode: isInsideOfBlockNode,
|
|
67
68
|
isInsideOfTable: isInsideOfTable,
|
|
68
69
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
69
|
-
allowTableResizing: allowTableResizing
|
|
70
|
+
allowTableResizing: allowTableResizing,
|
|
71
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
70
72
|
}), /*#__PURE__*/React.createElement("tbody", null, children));
|
|
71
73
|
});
|
|
@@ -360,7 +360,8 @@ export class TableContainer extends React.Component {
|
|
|
360
360
|
isinsideMultiBodiedExtension,
|
|
361
361
|
allowTableAlignment,
|
|
362
362
|
allowTableResizing,
|
|
363
|
-
isPresentational
|
|
363
|
+
isPresentational,
|
|
364
|
+
allowFixedColumnWidthOption
|
|
364
365
|
} = this.props;
|
|
365
366
|
const {
|
|
366
367
|
stickyMode
|
|
@@ -503,7 +504,8 @@ export class TableContainer extends React.Component {
|
|
|
503
504
|
rowHeight: this.state.headerRowHeight,
|
|
504
505
|
tableNode: tableNode,
|
|
505
506
|
rendererAppearance: rendererAppearance,
|
|
506
|
-
allowTableResizing: allowTableResizing
|
|
507
|
+
allowTableResizing: allowTableResizing,
|
|
508
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
507
509
|
}, [children && children[0]]), fg('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/React.createElement(TableWrapper, {
|
|
508
510
|
wrapperRef: this.wrapperRef,
|
|
509
511
|
onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
|
|
@@ -521,7 +523,8 @@ export class TableContainer extends React.Component {
|
|
|
521
523
|
isInsideOfTable: isInsideOfTable,
|
|
522
524
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
523
525
|
allowTableResizing: allowTableResizing,
|
|
524
|
-
isPresentational: isPresentational
|
|
526
|
+
isPresentational: isPresentational,
|
|
527
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
525
528
|
}, this.grabFirstRowRef(children))) : /*#__PURE__*/React.createElement("div", {
|
|
526
529
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
527
530
|
className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
|
|
@@ -539,7 +542,8 @@ export class TableContainer extends React.Component {
|
|
|
539
542
|
isInsideOfTable: isInsideOfTable,
|
|
540
543
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
541
544
|
allowTableResizing: allowTableResizing,
|
|
542
|
-
isPresentational: isPresentational
|
|
545
|
+
isPresentational: isPresentational,
|
|
546
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
543
547
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
|
|
544
548
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
545
549
|
className: TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
|
|
@@ -341,7 +341,8 @@ export class TableContainer extends React.Component {
|
|
|
341
341
|
isinsideMultiBodiedExtension,
|
|
342
342
|
allowTableAlignment,
|
|
343
343
|
allowTableResizing,
|
|
344
|
-
isPresentational
|
|
344
|
+
isPresentational,
|
|
345
|
+
allowFixedColumnWidthOption
|
|
345
346
|
} = this.props;
|
|
346
347
|
const {
|
|
347
348
|
stickyMode
|
|
@@ -455,7 +456,8 @@ export class TableContainer extends React.Component {
|
|
|
455
456
|
tableNode: tableNode,
|
|
456
457
|
rendererAppearance: rendererAppearance,
|
|
457
458
|
allowTableResizing: allowTableResizing,
|
|
458
|
-
fixTableSSRResizing: true
|
|
459
|
+
fixTableSSRResizing: true,
|
|
460
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
459
461
|
}, [children && children[0]]), /*#__PURE__*/React.createElement("div", {
|
|
460
462
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
461
463
|
className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
|
|
@@ -479,7 +481,8 @@ export class TableContainer extends React.Component {
|
|
|
479
481
|
isInsideOfTable: isInsideOfTable,
|
|
480
482
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
481
483
|
allowTableResizing: allowTableResizing,
|
|
482
|
-
isPresentational: isPresentational
|
|
484
|
+
isPresentational: isPresentational,
|
|
485
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
483
486
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
|
|
484
487
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
485
488
|
className: `${TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER}${fg('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''}`,
|
|
@@ -296,39 +296,6 @@ const rendererFullWidthStylesForTableResizing = css({
|
|
|
296
296
|
width: '100% !important'
|
|
297
297
|
}
|
|
298
298
|
});
|
|
299
|
-
|
|
300
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
301
|
-
const telepointerStyles = css({
|
|
302
|
-
[`#${TELEPOINTER_ID}`]: {
|
|
303
|
-
display: 'inline-block',
|
|
304
|
-
position: 'relative',
|
|
305
|
-
width: '1.5px',
|
|
306
|
-
height: '25px',
|
|
307
|
-
backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
|
|
308
|
-
marginLeft: "var(--ds-space-025, 2px)",
|
|
309
|
-
'&::after': {
|
|
310
|
-
content: '"AI"',
|
|
311
|
-
position: 'absolute',
|
|
312
|
-
display: 'block',
|
|
313
|
-
top: 0,
|
|
314
|
-
left: 0,
|
|
315
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
316
|
-
fontSize: '10px',
|
|
317
|
-
fontWeight: "var(--ds-font-weight-bold, 653)",
|
|
318
|
-
width: '12.5px',
|
|
319
|
-
height: '13px',
|
|
320
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
321
|
-
paddingTop: '1px',
|
|
322
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
323
|
-
paddingLeft: '1.5px',
|
|
324
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
325
|
-
lineHeight: 'initial',
|
|
326
|
-
borderRadius: `0px ${"var(--ds-radius-xsmall, 2px)"} ${"var(--ds-radius-xsmall, 2px)"} 0px`,
|
|
327
|
-
color: "var(--ds-text-inverse, white)",
|
|
328
|
-
backgroundColor: "var(--ds-background-brand-bold, #1868DB)"
|
|
329
|
-
}
|
|
330
|
-
}
|
|
331
|
-
});
|
|
332
299
|
const rovoTelepointerStyles = css({
|
|
333
300
|
[`#${TELEPOINTER_ID}`]: {
|
|
334
301
|
display: 'inline-block',
|
|
@@ -2131,7 +2098,7 @@ export const RendererStyleContainer = props => {
|
|
|
2131
2098
|
'--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
|
|
2132
2099
|
'--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
|
|
2133
2100
|
},
|
|
2134
|
-
css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && rendererMaxWidthStyles,
|
|
2101
|
+
css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && rendererMaxWidthStyles, rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
2135
2102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
2136
2103
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
|
|
2137
2104
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
56
56
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
57
57
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
58
58
|
const packageName = "@atlaskit/renderer";
|
|
59
|
-
const packageVersion = "
|
|
59
|
+
const packageVersion = "126.2.1";
|
|
60
60
|
const setAsQueryContainerStyles = css({
|
|
61
61
|
containerName: 'ak-renderer-wrapper',
|
|
62
62
|
containerType: 'inline-size'
|
|
@@ -263,6 +263,7 @@ export const RendererFunctionalComponent = props => {
|
|
|
263
263
|
allowTableAlignment: props.UNSTABLE_allowTableAlignment,
|
|
264
264
|
allowTableResizing: props.UNSTABLE_allowTableResizing,
|
|
265
265
|
disableTableOverflowShadow: props.disableTableOverflowShadow,
|
|
266
|
+
allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
|
|
266
267
|
shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
|
|
267
268
|
};
|
|
268
269
|
}, [createRendererContext, providerFactory, fireAnalyticsEvent]);
|
package/dist/esm/react/index.js
CHANGED
|
@@ -212,6 +212,7 @@ var ReactSerializer = /*#__PURE__*/function () {
|
|
|
212
212
|
this.textHighlighter = init.textHighlighter;
|
|
213
213
|
this.allowTableAlignment = init.allowTableAlignment;
|
|
214
214
|
this.allowTableResizing = init.allowTableResizing;
|
|
215
|
+
this.allowFixedColumnWidthOption = init.allowFixedColumnWidthOption;
|
|
215
216
|
this.isPresentational = init.isPresentational;
|
|
216
217
|
this.disableTableOverflowShadow = init.disableTableOverflowShadow;
|
|
217
218
|
this.onSetLinkTarget = init.onSetLinkTarget;
|
|
@@ -442,7 +443,8 @@ var ReactSerializer = /*#__PURE__*/function () {
|
|
|
442
443
|
allowTableAlignment: this.allowTableAlignment,
|
|
443
444
|
allowTableResizing: this.allowTableResizing,
|
|
444
445
|
isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false,
|
|
445
|
-
disableTableOverflowShadow: this.disableTableOverflowShadow
|
|
446
|
+
disableTableOverflowShadow: this.disableTableOverflowShadow,
|
|
447
|
+
allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
|
|
446
448
|
});
|
|
447
449
|
}
|
|
448
450
|
}, {
|
|
@@ -47,6 +47,7 @@ export var renderExtension = function renderExtension(content, layout) {
|
|
|
47
47
|
var localId = arguments.length > 7 ? arguments[7] : undefined;
|
|
48
48
|
var shouldDisplayExtensionAsInline = arguments.length > 8 ? arguments[8] : undefined;
|
|
49
49
|
var node = arguments.length > 9 ? arguments[9] : undefined;
|
|
50
|
+
var isInsideOfInlineExtension = arguments.length > 10 ? arguments[10] : undefined;
|
|
50
51
|
var overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
|
|
51
52
|
|
|
52
53
|
// by default, we assume the extension is at top level, (direct child of doc node)
|
|
@@ -86,7 +87,7 @@ export var renderExtension = function renderExtension(content, layout) {
|
|
|
86
87
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
87
88
|
,
|
|
88
89
|
className: overflowContainerClass,
|
|
89
|
-
css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
90
|
+
css: [!(isInsideOfInlineExtension && expValEquals('confluence_inline_insert_excerpt_width_bugfix', 'isEnabled', true)) && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
90
91
|
}, content));
|
|
91
92
|
}
|
|
92
93
|
return jsx(WidthConsumer, null, function (_ref2) {
|
|
@@ -109,7 +110,7 @@ export var renderExtension = function renderExtension(content, layout) {
|
|
|
109
110
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
110
111
|
,
|
|
111
112
|
className: overflowContainerClass,
|
|
112
|
-
css: [fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
113
|
+
css: [!(isInsideOfInlineExtension && expValEquals('confluence_inline_insert_excerpt_width_bugfix', 'isEnabled', true)) && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
|
|
113
114
|
}, content));
|
|
114
115
|
});
|
|
115
116
|
};
|
|
@@ -124,7 +125,8 @@ var Extension = function Extension(props) {
|
|
|
124
125
|
extensionViewportSizes = props.extensionViewportSizes,
|
|
125
126
|
parameters = props.parameters,
|
|
126
127
|
nodeHeight = props.nodeHeight,
|
|
127
|
-
localId = props.localId
|
|
128
|
+
localId = props.localId,
|
|
129
|
+
isInsideOfInlineExtension = props.isInsideOfInlineExtension;
|
|
128
130
|
return jsx(ExtensionRenderer
|
|
129
131
|
// Ignored via go/ees005
|
|
130
132
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -140,7 +142,7 @@ var Extension = function Extension(props) {
|
|
|
140
142
|
handleRef: handleRef,
|
|
141
143
|
shadowClassNames: shadowClassNames,
|
|
142
144
|
tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined
|
|
143
|
-
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined);
|
|
145
|
+
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
|
|
144
146
|
}
|
|
145
147
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
146
148
|
} catch (e) {
|
|
@@ -153,7 +155,7 @@ var Extension = function Extension(props) {
|
|
|
153
155
|
handleRef: handleRef,
|
|
154
156
|
shadowClassNames: shadowClassNames,
|
|
155
157
|
tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined
|
|
156
|
-
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined);
|
|
158
|
+
}, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
|
|
157
159
|
});
|
|
158
160
|
};
|
|
159
161
|
var _default_1 = overflowShadow(Extension, {
|
|
@@ -218,6 +218,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
|
|
|
218
218
|
});
|
|
219
219
|
};
|
|
220
220
|
export var Colgroup = function Colgroup(props) {
|
|
221
|
+
var _ref3;
|
|
221
222
|
var _useRendererContext = useRendererContext(),
|
|
222
223
|
isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
|
|
223
224
|
var columnWidths = props.columnWidths,
|
|
@@ -226,6 +227,7 @@ export var Colgroup = function Colgroup(props) {
|
|
|
226
227
|
if (!columnWidths) {
|
|
227
228
|
return null;
|
|
228
229
|
}
|
|
230
|
+
var isTableFixedColumnWidthsOptionEnabled = (_ref3 = fg('platform_editor_table_fixed_column_width_prop') ? props.allowFixedColumnWidthOption : flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) !== null && _ref3 !== void 0 ? _ref3 : false;
|
|
229
231
|
var colStyles = renderScaleDownColgroup(_objectSpread(_objectSpread({}, props), {}, {
|
|
230
232
|
isTopLevelRenderer: isTopLevelRenderer,
|
|
231
233
|
isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment', true, {
|
|
@@ -233,7 +235,7 @@ export var Colgroup = function Colgroup(props) {
|
|
|
233
235
|
}) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment_jira', true, {
|
|
234
236
|
exposure: true
|
|
235
237
|
}),
|
|
236
|
-
isTableFixedColumnWidthsOptionEnabled:
|
|
238
|
+
isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)))
|
|
237
239
|
}));
|
|
238
240
|
if (!colStyles) {
|
|
239
241
|
return null;
|
|
@@ -94,7 +94,8 @@ export var StickyTable = function StickyTable(_ref) {
|
|
|
94
94
|
rendererAppearance = _ref.rendererAppearance,
|
|
95
95
|
allowTableResizing = _ref.allowTableResizing,
|
|
96
96
|
_ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
|
|
97
|
-
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz
|
|
97
|
+
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
|
|
98
|
+
allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
|
|
98
99
|
var styles;
|
|
99
100
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
100
101
|
if (allowTableResizing) {
|
|
@@ -147,7 +148,8 @@ export var StickyTable = function StickyTable(_ref) {
|
|
|
147
148
|
renderWidth: renderWidth,
|
|
148
149
|
tableNode: tableNode,
|
|
149
150
|
rendererAppearance: rendererAppearance,
|
|
150
|
-
fixTableSSRResizing: fixTableSSRResizing
|
|
151
|
+
fixTableSSRResizing: fixTableSSRResizing,
|
|
152
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
151
153
|
},
|
|
152
154
|
/**
|
|
153
155
|
* @see https://product-fabric.atlassian.net/browse/ED-10235
|
|
@@ -20,7 +20,9 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
20
20
|
allowTableResizing = _ref.allowTableResizing,
|
|
21
21
|
isPresentational = _ref.isPresentational,
|
|
22
22
|
_ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
|
|
23
|
-
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz
|
|
23
|
+
fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
|
|
24
|
+
_ref$allowFixedColumn = _ref.allowFixedColumnWidthOption,
|
|
25
|
+
allowFixedColumnWidthOption = _ref$allowFixedColumn === void 0 ? false : _ref$allowFixedColumn;
|
|
24
26
|
var tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
|
|
25
27
|
var tableColumnWidths = columnWidths;
|
|
26
28
|
if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
|
|
@@ -66,6 +68,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
66
68
|
isInsideOfBlockNode: isInsideOfBlockNode,
|
|
67
69
|
isInsideOfTable: isInsideOfTable,
|
|
68
70
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
69
|
-
allowTableResizing: allowTableResizing
|
|
71
|
+
allowTableResizing: allowTableResizing,
|
|
72
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
70
73
|
}), /*#__PURE__*/React.createElement("tbody", null, children));
|
|
71
74
|
});
|
|
@@ -410,7 +410,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
410
410
|
isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
|
|
411
411
|
allowTableAlignment = _this$props.allowTableAlignment,
|
|
412
412
|
allowTableResizing = _this$props.allowTableResizing,
|
|
413
|
-
isPresentational = _this$props.isPresentational
|
|
413
|
+
isPresentational = _this$props.isPresentational,
|
|
414
|
+
allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
|
|
414
415
|
var stickyMode = this.state.stickyMode;
|
|
415
416
|
var lineLengthFixedWidth = akEditorDefaultLayoutWidth;
|
|
416
417
|
var left;
|
|
@@ -553,7 +554,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
553
554
|
rowHeight: this.state.headerRowHeight,
|
|
554
555
|
tableNode: tableNode,
|
|
555
556
|
rendererAppearance: rendererAppearance,
|
|
556
|
-
allowTableResizing: allowTableResizing
|
|
557
|
+
allowTableResizing: allowTableResizing,
|
|
558
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
557
559
|
}, [children && children[0]]), fg('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/React.createElement(TableWrapper, {
|
|
558
560
|
wrapperRef: this.wrapperRef,
|
|
559
561
|
onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
|
|
@@ -571,7 +573,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
571
573
|
isInsideOfTable: isInsideOfTable,
|
|
572
574
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
573
575
|
allowTableResizing: allowTableResizing,
|
|
574
|
-
isPresentational: isPresentational
|
|
576
|
+
isPresentational: isPresentational,
|
|
577
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
575
578
|
}, this.grabFirstRowRef(children))) : /*#__PURE__*/React.createElement("div", {
|
|
576
579
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
577
580
|
className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
|
|
@@ -589,7 +592,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
589
592
|
isInsideOfTable: isInsideOfTable,
|
|
590
593
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
591
594
|
allowTableResizing: allowTableResizing,
|
|
592
|
-
isPresentational: isPresentational
|
|
595
|
+
isPresentational: isPresentational,
|
|
596
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
593
597
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
|
|
594
598
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
595
599
|
className: TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
|
|
@@ -394,7 +394,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
394
394
|
isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
|
|
395
395
|
allowTableAlignment = _this$props.allowTableAlignment,
|
|
396
396
|
allowTableResizing = _this$props.allowTableResizing,
|
|
397
|
-
isPresentational = _this$props.isPresentational
|
|
397
|
+
isPresentational = _this$props.isPresentational,
|
|
398
|
+
allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
|
|
398
399
|
var stickyMode = this.state.stickyMode;
|
|
399
400
|
var lineLengthFixedWidth = akEditorDefaultLayoutWidth;
|
|
400
401
|
var updatedLayout;
|
|
@@ -505,7 +506,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
505
506
|
tableNode: tableNode,
|
|
506
507
|
rendererAppearance: rendererAppearance,
|
|
507
508
|
allowTableResizing: allowTableResizing,
|
|
508
|
-
fixTableSSRResizing: true
|
|
509
|
+
fixTableSSRResizing: true,
|
|
510
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
509
511
|
}, [children && children[0]]), /*#__PURE__*/React.createElement("div", {
|
|
510
512
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
511
513
|
className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
|
|
@@ -529,7 +531,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
529
531
|
isInsideOfTable: isInsideOfTable,
|
|
530
532
|
isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
|
|
531
533
|
allowTableResizing: allowTableResizing,
|
|
532
|
-
isPresentational: isPresentational
|
|
534
|
+
isPresentational: isPresentational,
|
|
535
|
+
allowFixedColumnWidthOption: allowFixedColumnWidthOption
|
|
533
536
|
}, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
|
|
534
537
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
535
538
|
className: "".concat(TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat(fg('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
var _css,
|
|
2
|
+
var _css, _css7;
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/no-important-styles */
|
|
4
4
|
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
5
5
|
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
@@ -215,37 +215,6 @@ var rendererFullWidthStylesForTableResizing = css({
|
|
|
215
215
|
width: '100% !important'
|
|
216
216
|
}
|
|
217
217
|
});
|
|
218
|
-
|
|
219
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
220
|
-
var telepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
|
|
221
|
-
display: 'inline-block',
|
|
222
|
-
position: 'relative',
|
|
223
|
-
width: '1.5px',
|
|
224
|
-
height: '25px',
|
|
225
|
-
backgroundColor: "var(--ds-background-brand-bold, #1868DB)",
|
|
226
|
-
marginLeft: "var(--ds-space-025, 2px)",
|
|
227
|
-
'&::after': {
|
|
228
|
-
content: '"AI"',
|
|
229
|
-
position: 'absolute',
|
|
230
|
-
display: 'block',
|
|
231
|
-
top: 0,
|
|
232
|
-
left: 0,
|
|
233
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
234
|
-
fontSize: '10px',
|
|
235
|
-
fontWeight: "var(--ds-font-weight-bold, 653)",
|
|
236
|
-
width: '12.5px',
|
|
237
|
-
height: '13px',
|
|
238
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
239
|
-
paddingTop: '1px',
|
|
240
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
241
|
-
paddingLeft: '1.5px',
|
|
242
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
243
|
-
lineHeight: 'initial',
|
|
244
|
-
borderRadius: "0px ".concat("var(--ds-radius-xsmall, 2px)", " ", "var(--ds-radius-xsmall, 2px)", " 0px"),
|
|
245
|
-
color: "var(--ds-text-inverse, white)",
|
|
246
|
-
backgroundColor: "var(--ds-background-brand-bold, #1868DB)"
|
|
247
|
-
}
|
|
248
|
-
}));
|
|
249
218
|
var rovoTelepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
|
|
250
219
|
display: 'inline-block',
|
|
251
220
|
position: 'relative',
|
|
@@ -583,13 +552,13 @@ var paragraphSharedStyleScaledMargin = css({
|
|
|
583
552
|
letterSpacing: '-0.005em'
|
|
584
553
|
}
|
|
585
554
|
});
|
|
586
|
-
var listsSharedStyles = css((
|
|
555
|
+
var listsSharedStyles = css((_css7 = {
|
|
587
556
|
/* =============== INDENTATION SPACING ========= */
|
|
588
557
|
'ul, ol': {
|
|
589
558
|
boxSizing: 'border-box',
|
|
590
559
|
paddingLeft: "var(--ed--list--item-counter--padding, ".concat(listItemCounterPadding, "px)")
|
|
591
560
|
}
|
|
592
|
-
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
|
561
|
+
}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css7, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
|
|
593
562
|
/*
|
|
594
563
|
Ensures list item content adheres to the list's margin instead
|
|
595
564
|
of filling the entire block row. This is important to allow
|
|
@@ -621,7 +590,7 @@ var listsSharedStyles = css((_css8 = {
|
|
|
621
590
|
listStyleType: 'lower-alpha'
|
|
622
591
|
}), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
|
|
623
592
|
listStyleType: 'lower-roman'
|
|
624
|
-
}), _defineProperty(_defineProperty(_defineProperty(
|
|
593
|
+
}), _defineProperty(_defineProperty(_defineProperty(_css7, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
|
|
625
594
|
listStyleType: 'disc'
|
|
626
595
|
}), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
|
|
627
596
|
listStyleType: 'circle'
|
|
@@ -1693,7 +1662,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
|
|
|
1693
1662
|
'--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
|
|
1694
1663
|
'--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
|
|
1695
1664
|
},
|
|
1696
|
-
css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && rendererMaxWidthStyles,
|
|
1665
|
+
css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && rendererMaxWidthStyles, rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
|
|
1697
1666
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
1698
1667
|
textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
|
|
1699
1668
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
61
61
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
62
62
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
63
63
|
var packageName = "@atlaskit/renderer";
|
|
64
|
-
var packageVersion = "
|
|
64
|
+
var packageVersion = "126.2.1";
|
|
65
65
|
var setAsQueryContainerStyles = css({
|
|
66
66
|
containerName: 'ak-renderer-wrapper',
|
|
67
67
|
containerType: 'inline-size'
|
|
@@ -260,6 +260,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
|
|
|
260
260
|
allowTableAlignment: props.UNSTABLE_allowTableAlignment,
|
|
261
261
|
allowTableResizing: props.UNSTABLE_allowTableResizing,
|
|
262
262
|
disableTableOverflowShadow: props.disableTableOverflowShadow,
|
|
263
|
+
allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
|
|
263
264
|
shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
|
|
264
265
|
};
|
|
265
266
|
}, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
|
|
@@ -16,6 +16,7 @@ export interface ReactSerializerInit {
|
|
|
16
16
|
allowColumnSorting?: boolean;
|
|
17
17
|
allowCopyToClipboard?: boolean;
|
|
18
18
|
allowCustomPanels?: boolean;
|
|
19
|
+
allowFixedColumnWidthOption?: boolean;
|
|
19
20
|
allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
|
|
20
21
|
allowMediaLinking?: boolean;
|
|
21
22
|
allowPlaceholderText?: boolean;
|
|
@@ -108,6 +109,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
|
|
|
108
109
|
private textHighlighter?;
|
|
109
110
|
private allowTableAlignment?;
|
|
110
111
|
private allowTableResizing?;
|
|
112
|
+
private allowFixedColumnWidthOption?;
|
|
111
113
|
private isPresentational?;
|
|
112
114
|
private disableTableOverflowShadow?;
|
|
113
115
|
private standaloneBackgroundColorMarks;
|
|
@@ -14,6 +14,7 @@ interface Props {
|
|
|
14
14
|
extensionKey: string;
|
|
15
15
|
extensionType: string;
|
|
16
16
|
extensionViewportSizes?: ExtensionViewportSize[];
|
|
17
|
+
isInsideOfInlineExtension?: boolean;
|
|
17
18
|
layout?: ExtensionLayout;
|
|
18
19
|
localId?: string;
|
|
19
20
|
marks?: PMMark[];
|
|
@@ -31,7 +32,7 @@ type AllOrNone<T> = T | {
|
|
|
31
32
|
type RenderExtensionOptions = {
|
|
32
33
|
isTopLevel?: boolean;
|
|
33
34
|
} & AllOrNone<OverflowShadowProps>;
|
|
34
|
-
export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[], nodeHeight?: string, localId?: string, shouldDisplayExtensionAsInline?: (extensionParams?: ExtensionParams<Parameters>) => boolean, node?: ExtensionParams<Parameters
|
|
35
|
+
export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[], nodeHeight?: string, localId?: string, shouldDisplayExtensionAsInline?: (extensionParams?: ExtensionParams<Parameters>) => boolean, node?: ExtensionParams<Parameters>, isInsideOfInlineExtension?: boolean) => React.JSX.Element;
|
|
35
36
|
declare const _default_1: {
|
|
36
37
|
new (props: Props & OverflowShadowProps): {
|
|
37
38
|
calcOverflowDiff: () => number;
|
|
@@ -11,6 +11,7 @@ import type { RendererAppearance } from '../../../ui/Renderer/types';
|
|
|
11
11
|
export type StickyMode = 'none' | 'stick' | 'pin-bottom';
|
|
12
12
|
export declare const tableStickyPadding = 8;
|
|
13
13
|
type StickyTableProps = {
|
|
14
|
+
allowFixedColumnWidthOption?: boolean;
|
|
14
15
|
allowTableResizing?: boolean;
|
|
15
16
|
children: React.ReactNode[];
|
|
16
17
|
columnWidths?: number[];
|
|
@@ -28,7 +29,7 @@ type StickyTableProps = {
|
|
|
28
29
|
top?: number;
|
|
29
30
|
wrapperWidth: number;
|
|
30
31
|
} & OverflowShadowProps;
|
|
31
|
-
export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, }: StickyTableProps) => jsx.JSX.Element;
|
|
32
|
+
export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, allowFixedColumnWidthOption, }: StickyTableProps) => jsx.JSX.Element;
|
|
32
33
|
/**
|
|
33
34
|
*
|
|
34
35
|
*/
|
|
@@ -6,5 +6,5 @@ type TableProps = SharedTableProps & {
|
|
|
6
6
|
innerRef?: React.RefObject<HTMLTableElement>;
|
|
7
7
|
isPresentational?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, }: TableProps) => React.JSX.Element>;
|
|
9
|
+
export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, allowFixedColumnWidthOption, }: TableProps) => React.JSX.Element>;
|
|
10
10
|
export {};
|
|
@@ -2,6 +2,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
|
|
|
2
2
|
import type { TableLayout } from '@atlaskit/adf-schema';
|
|
3
3
|
import type { RendererAppearance } from '../../../ui/Renderer/types';
|
|
4
4
|
export type SharedTableProps = {
|
|
5
|
+
allowFixedColumnWidthOption?: boolean;
|
|
5
6
|
allowTableResizing?: boolean;
|
|
6
7
|
columnWidths?: Array<number>;
|
|
7
8
|
isinsideMultiBodiedExtension?: boolean;
|
|
@@ -35,6 +35,7 @@ export interface RendererProps {
|
|
|
35
35
|
allowColumnSorting?: boolean;
|
|
36
36
|
allowCopyToClipboard?: boolean;
|
|
37
37
|
allowCustomPanels?: boolean;
|
|
38
|
+
allowFixedColumnWidthOption?: boolean;
|
|
38
39
|
allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
|
|
39
40
|
allowPlaceholderText?: boolean;
|
|
40
41
|
allowRendererContainerStyles?: boolean;
|
|
@@ -16,6 +16,7 @@ export interface ReactSerializerInit {
|
|
|
16
16
|
allowColumnSorting?: boolean;
|
|
17
17
|
allowCopyToClipboard?: boolean;
|
|
18
18
|
allowCustomPanels?: boolean;
|
|
19
|
+
allowFixedColumnWidthOption?: boolean;
|
|
19
20
|
allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
|
|
20
21
|
allowMediaLinking?: boolean;
|
|
21
22
|
allowPlaceholderText?: boolean;
|
|
@@ -108,6 +109,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
|
|
|
108
109
|
private textHighlighter?;
|
|
109
110
|
private allowTableAlignment?;
|
|
110
111
|
private allowTableResizing?;
|
|
112
|
+
private allowFixedColumnWidthOption?;
|
|
111
113
|
private isPresentational?;
|
|
112
114
|
private disableTableOverflowShadow?;
|
|
113
115
|
private standaloneBackgroundColorMarks;
|
|
@@ -14,6 +14,7 @@ interface Props {
|
|
|
14
14
|
extensionKey: string;
|
|
15
15
|
extensionType: string;
|
|
16
16
|
extensionViewportSizes?: ExtensionViewportSize[];
|
|
17
|
+
isInsideOfInlineExtension?: boolean;
|
|
17
18
|
layout?: ExtensionLayout;
|
|
18
19
|
localId?: string;
|
|
19
20
|
marks?: PMMark[];
|
|
@@ -31,7 +32,7 @@ type AllOrNone<T> = T | {
|
|
|
31
32
|
type RenderExtensionOptions = {
|
|
32
33
|
isTopLevel?: boolean;
|
|
33
34
|
} & AllOrNone<OverflowShadowProps>;
|
|
34
|
-
export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[], nodeHeight?: string, localId?: string, shouldDisplayExtensionAsInline?: (extensionParams?: ExtensionParams<Parameters>) => boolean, node?: ExtensionParams<Parameters
|
|
35
|
+
export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean, extensionId?: string, extensionViewportSizes?: ExtensionViewportSize[], nodeHeight?: string, localId?: string, shouldDisplayExtensionAsInline?: (extensionParams?: ExtensionParams<Parameters>) => boolean, node?: ExtensionParams<Parameters>, isInsideOfInlineExtension?: boolean) => React.JSX.Element;
|
|
35
36
|
declare const _default_1: {
|
|
36
37
|
new (props: Props & OverflowShadowProps): {
|
|
37
38
|
calcOverflowDiff: () => number;
|
|
@@ -11,6 +11,7 @@ import type { RendererAppearance } from '../../../ui/Renderer/types';
|
|
|
11
11
|
export type StickyMode = 'none' | 'stick' | 'pin-bottom';
|
|
12
12
|
export declare const tableStickyPadding = 8;
|
|
13
13
|
type StickyTableProps = {
|
|
14
|
+
allowFixedColumnWidthOption?: boolean;
|
|
14
15
|
allowTableResizing?: boolean;
|
|
15
16
|
children: React.ReactNode[];
|
|
16
17
|
columnWidths?: number[];
|
|
@@ -28,7 +29,7 @@ type StickyTableProps = {
|
|
|
28
29
|
top?: number;
|
|
29
30
|
wrapperWidth: number;
|
|
30
31
|
} & OverflowShadowProps;
|
|
31
|
-
export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, }: StickyTableProps) => jsx.JSX.Element;
|
|
32
|
+
export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, allowFixedColumnWidthOption, }: StickyTableProps) => jsx.JSX.Element;
|
|
32
33
|
/**
|
|
33
34
|
*
|
|
34
35
|
*/
|
|
@@ -6,5 +6,5 @@ type TableProps = SharedTableProps & {
|
|
|
6
6
|
innerRef?: React.RefObject<HTMLTableElement>;
|
|
7
7
|
isPresentational?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, }: TableProps) => React.JSX.Element>;
|
|
9
|
+
export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, allowFixedColumnWidthOption, }: TableProps) => React.JSX.Element>;
|
|
10
10
|
export {};
|
|
@@ -2,6 +2,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
|
|
|
2
2
|
import type { TableLayout } from '@atlaskit/adf-schema';
|
|
3
3
|
import type { RendererAppearance } from '../../../ui/Renderer/types';
|
|
4
4
|
export type SharedTableProps = {
|
|
5
|
+
allowFixedColumnWidthOption?: boolean;
|
|
5
6
|
allowTableResizing?: boolean;
|
|
6
7
|
columnWidths?: Array<number>;
|
|
7
8
|
isinsideMultiBodiedExtension?: boolean;
|
|
@@ -35,6 +35,7 @@ export interface RendererProps {
|
|
|
35
35
|
allowColumnSorting?: boolean;
|
|
36
36
|
allowCopyToClipboard?: boolean;
|
|
37
37
|
allowCustomPanels?: boolean;
|
|
38
|
+
allowFixedColumnWidthOption?: boolean;
|
|
38
39
|
allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
|
|
39
40
|
allowPlaceholderText?: boolean;
|
|
40
41
|
allowRendererContainerStyles?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "126.2.
|
|
3
|
+
"version": "126.2.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@atlaskit/status": "^3.1.0",
|
|
58
58
|
"@atlaskit/task-decision": "^19.2.0",
|
|
59
59
|
"@atlaskit/theme": "^21.0.0",
|
|
60
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
60
|
+
"@atlaskit/tmp-editor-statsig": "^16.35.0",
|
|
61
61
|
"@atlaskit/tokens": "^10.1.0",
|
|
62
62
|
"@atlaskit/tooltip": "^20.14.0",
|
|
63
63
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
"@atlaskit/mention": "^24.4.0",
|
|
91
91
|
"@atlaskit/modal-dialog": "^14.10.0",
|
|
92
92
|
"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
|
|
93
|
-
"@atlaskit/profilecard": "^24.
|
|
94
|
-
"@atlaskit/util-data-test": "^18.
|
|
93
|
+
"@atlaskit/profilecard": "^24.33.0",
|
|
94
|
+
"@atlaskit/util-data-test": "^18.5.0",
|
|
95
95
|
"@atlassian/a11y-jest-testing": "^0.8.0",
|
|
96
96
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
97
97
|
"@testing-library/react": "^16.3.0",
|
|
@@ -132,9 +132,6 @@
|
|
|
132
132
|
"platform-ssr-table-resize": {
|
|
133
133
|
"type": "boolean"
|
|
134
134
|
},
|
|
135
|
-
"platform_editor_ai_generic_prep_for_aifc_2": {
|
|
136
|
-
"type": "boolean"
|
|
137
|
-
},
|
|
138
135
|
"platform_fix_nested_num_column_scaling": {
|
|
139
136
|
"type": "boolean"
|
|
140
137
|
},
|
|
@@ -245,6 +242,12 @@
|
|
|
245
242
|
},
|
|
246
243
|
"platform_editor_fix_missing_task_id": {
|
|
247
244
|
"type": "boolean"
|
|
245
|
+
},
|
|
246
|
+
"platform_editor_table_fixed_column_width_prop": {
|
|
247
|
+
"type": "boolean"
|
|
248
|
+
},
|
|
249
|
+
"confluence_inline_insert_excerpt_width_bugfix": {
|
|
250
|
+
"type": "boolean"
|
|
248
251
|
}
|
|
249
252
|
}
|
|
250
253
|
}
|