@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.
Files changed (41) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/react/index.js +3 -1
  3. package/dist/cjs/react/nodes/extension.js +7 -5
  4. package/dist/cjs/react/nodes/table/colgroup.js +3 -1
  5. package/dist/cjs/react/nodes/table/sticky.js +4 -2
  6. package/dist/cjs/react/nodes/table/table.js +5 -2
  7. package/dist/cjs/react/nodes/table.js +8 -4
  8. package/dist/cjs/react/nodes/tableNew.js +6 -3
  9. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +5 -36
  10. package/dist/cjs/ui/Renderer/index.js +2 -1
  11. package/dist/es2019/react/index.js +3 -1
  12. package/dist/es2019/react/nodes/extension.js +7 -6
  13. package/dist/es2019/react/nodes/table/colgroup.js +3 -1
  14. package/dist/es2019/react/nodes/table/sticky.js +4 -2
  15. package/dist/es2019/react/nodes/table/table.js +4 -2
  16. package/dist/es2019/react/nodes/table.js +8 -4
  17. package/dist/es2019/react/nodes/tableNew.js +6 -3
  18. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +1 -34
  19. package/dist/es2019/ui/Renderer/index.js +2 -1
  20. package/dist/esm/react/index.js +3 -1
  21. package/dist/esm/react/nodes/extension.js +7 -5
  22. package/dist/esm/react/nodes/table/colgroup.js +3 -1
  23. package/dist/esm/react/nodes/table/sticky.js +4 -2
  24. package/dist/esm/react/nodes/table/table.js +5 -2
  25. package/dist/esm/react/nodes/table.js +8 -4
  26. package/dist/esm/react/nodes/tableNew.js +6 -3
  27. package/dist/esm/ui/Renderer/RendererStyleContainer.js +5 -36
  28. package/dist/esm/ui/Renderer/index.js +2 -1
  29. package/dist/types/react/index.d.ts +2 -0
  30. package/dist/types/react/nodes/extension.d.ts +2 -1
  31. package/dist/types/react/nodes/table/sticky.d.ts +2 -1
  32. package/dist/types/react/nodes/table/table.d.ts +1 -1
  33. package/dist/types/react/nodes/table/types.d.ts +1 -0
  34. package/dist/types/ui/renderer-props.d.ts +1 -0
  35. package/dist/types-ts4.5/react/index.d.ts +2 -0
  36. package/dist/types-ts4.5/react/nodes/extension.d.ts +2 -1
  37. package/dist/types-ts4.5/react/nodes/table/sticky.d.ts +2 -1
  38. package/dist/types-ts4.5/react/nodes/table/table.d.ts +1 -1
  39. package/dist/types-ts4.5/react/nodes/table/types.d.ts +1 -0
  40. package/dist/types-ts4.5/ui/renderer-props.d.ts +1 -0
  41. 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
@@ -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: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (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)))
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, _css8;
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)((_css8 = {
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)(_css8, "".concat(_adfSchema.orderedListSelector, ", ").concat(_adfSchema.bulletListSelector), {
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)(_css8, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
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, !(0, _platformFeatureFlags.fg)('platform_editor_ai_generic_prep_for_aifc_2') && telepointerStyles, (0, _platformFeatureFlags.fg)('platform_editor_ai_generic_prep_for_aifc_2') && 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) &&
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 = "0.0.0-development";
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: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (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)))
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, !fg('platform_editor_ai_generic_prep_for_aifc_2') && telepointerStyles, fg('platform_editor_ai_generic_prep_for_aifc_2') && 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) &&
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 = "0.0.0-development";
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]);
@@ -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: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (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)))
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, _css8;
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((_css8 = {
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(_css8, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
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(_css8, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
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, !fg('platform_editor_ai_generic_prep_for_aifc_2') && telepointerStyles, fg('platform_editor_ai_generic_prep_for_aifc_2') && 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) &&
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 = "0.0.0-development";
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>) => React.JSX.Element;
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>) => React.JSX.Element;
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.0",
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.34.0",
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.32.0",
94
- "@atlaskit/util-data-test": "^18.4.0",
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
  }