@atlaskit/renderer 124.16.2 → 124.16.4

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 (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/react/nodes/tableCell.js +52 -43
  3. package/dist/cjs/ui/Renderer/index.js +5 -0
  4. package/dist/es2019/react/nodes/tableCell.js +52 -43
  5. package/dist/es2019/ui/Renderer/index.js +5 -0
  6. package/dist/esm/react/nodes/tableCell.js +52 -43
  7. package/dist/esm/ui/Renderer/index.js +5 -0
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.16.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`4d676bbdb3ce6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d676bbdb3ce6) -
8
+ ts-ignore added temporarily to unblock local consumption for help-center, will be removed once
9
+ project refs are setup
10
+ - Updated dependencies
11
+
12
+ ## 124.16.3
13
+
14
+ ### Patch Changes
15
+
16
+ - [`be08843fca604`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be08843fca604) -
17
+ [EDITOR-3389] Make sure that renderer falls back to 'full-width' if the appearance is 'max' and
18
+ the experiment is off
19
+ - Updated dependencies
20
+
3
21
  ## 124.16.2
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/react/nodes/tableCell.js CHANGED
@@ -152,31 +152,35 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
152
152
  // This is used to set the background color of the cell
153
153
  // to a dark mode color in mobile dark mode
154
154
  var colorName = background ? _adfSchema.tableBackgroundColorPalette.get(background) : '';
155
- return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({
156
- rowSpan: rowspan,
157
- colSpan: colspan
158
- // Note: When content from a renderer is pasted into an editor
159
- // the background color is not taken from the inline style.
160
- // Instead it is taken from the data-cell-background attribute
161
- // (added via getDataAttributes below).
162
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
163
- ,
164
- style: getStyle({
165
- background: background,
166
- colGroupWidth: colGroupWidth,
167
- offsetTop: offsetTop,
168
- colorMode: colorMode
169
- }),
170
- colorname: colorName,
171
- onClick: onClick
172
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
173
- ,
174
- className: className
175
- // Ignored via go/ees005
176
- // eslint-disable-next-line react/jsx-props-no-spreading
177
- }, getDataAttributes(colwidth, background), {
178
- "aria-sort": ariaSort
179
- }), children);
155
+ return (
156
+ /*#__PURE__*/
157
+ // @ts-ignore - Workaround for help-center local consumption
158
+ _react.default.createElement(WrapperComponent, (0, _extends2.default)({
159
+ rowSpan: rowspan,
160
+ colSpan: colspan
161
+ // Note: When content from a renderer is pasted into an editor
162
+ // the background color is not taken from the inline style.
163
+ // Instead it is taken from the data-cell-background attribute
164
+ // (added via getDataAttributes below).
165
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
166
+ ,
167
+ style: getStyle({
168
+ background: background,
169
+ colGroupWidth: colGroupWidth,
170
+ offsetTop: offsetTop,
171
+ colorMode: colorMode
172
+ }),
173
+ colorname: colorName,
174
+ onClick: onClick
175
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
176
+ ,
177
+ className: className
178
+ // Ignored via go/ees005
179
+ // eslint-disable-next-line react/jsx-props-no-spreading
180
+ }, getDataAttributes(colwidth, background), {
181
+ "aria-sort": ariaSort
182
+ }), children)
183
+ );
180
184
  };
181
185
  };
182
186
  var TH = getWithCellProps('th');
@@ -191,27 +195,32 @@ var withSortableColumn = exports.withSortableColumn = function withSortableColum
191
195
  var sortOrderedClassName = sortOrdered === _types.SortOrder.NO_ORDER ? _consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
192
196
  if (!allowColumnSorting || !isHeaderRow) {
193
197
  // Ignored via go/ees005
198
+ // @ts-ignore - Workaround for help-center local consumption
194
199
  // eslint-disable-next-line react/jsx-props-no-spreading
195
200
  return /*#__PURE__*/_react.default.createElement(WrapperComponent, props);
196
201
  }
197
- return /*#__PURE__*/_react.default.createElement(WrapperComponent
198
- // Ignored via go/ees005
199
- // eslint-disable-next-line react/jsx-props-no-spreading
200
- , (0, _extends2.default)({}, props, {
201
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
202
- className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
203
- ariaSort: getSortOrderLabel(intl, sortOrdered)
204
- }), /*#__PURE__*/_react.default.createElement("div", {
205
- className: _consts.RendererCssClassName.SORTABLE_COLUMN
206
- }, children, /*#__PURE__*/_react.default.createElement("figure", {
207
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
208
- className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
209
- }, /*#__PURE__*/_react.default.createElement(_table.SortingIcon, {
210
- isSortingAllowed: !!onSorting,
211
- sortOrdered: sortOrdered,
212
- onClick: sort,
213
- onKeyDown: onKeyPress
214
- }))));
202
+ return (
203
+ /*#__PURE__*/
204
+ // @ts-ignore - Workaround for help-center local consumption
205
+ _react.default.createElement(WrapperComponent
206
+ // Ignored via go/ees005
207
+ // eslint-disable-next-line react/jsx-props-no-spreading
208
+ , (0, _extends2.default)({}, props, {
209
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
210
+ className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
211
+ ariaSort: getSortOrderLabel(intl, sortOrdered)
212
+ }), /*#__PURE__*/_react.default.createElement("div", {
213
+ className: _consts.RendererCssClassName.SORTABLE_COLUMN
214
+ }, children, /*#__PURE__*/_react.default.createElement("figure", {
215
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
216
+ className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
217
+ }, /*#__PURE__*/_react.default.createElement(_table.SortingIcon, {
218
+ isSortingAllowed: !!onSorting,
219
+ sortOrdered: sortOrdered,
220
+ onClick: sort,
221
+ onKeyDown: onKeyPress
222
+ }))))
223
+ );
215
224
  function onKeyPress(event) {
216
225
  var keys = [' ', 'Enter', 'Spacebar'];
217
226
  // Ignored via go/ees005
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -780,6 +780,11 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
780
780
  adfDocument = props.document;
781
781
  var localRef = _react.default.useRef(null);
782
782
  var innerRef = props.innerRef || localRef;
783
+
784
+ // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
785
+ if (props.appearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', false)) {
786
+ props.appearance = 'full-width';
787
+ }
783
788
  if (!allowAnnotations) {
784
789
  // Ignored via go/ees005
785
790
  // eslint-disable-next-line react/jsx-props-no-spreading
package/dist/es2019/react/nodes/tableCell.js CHANGED
@@ -151,31 +151,35 @@ const getWithCellProps = WrapperComponent => {
151
151
  // This is used to set the background color of the cell
152
152
  // to a dark mode color in mobile dark mode
153
153
  const colorName = background ? tableBackgroundColorPalette.get(background) : '';
154
- return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
155
- rowSpan: rowspan,
156
- colSpan: colspan
157
- // Note: When content from a renderer is pasted into an editor
158
- // the background color is not taken from the inline style.
159
- // Instead it is taken from the data-cell-background attribute
160
- // (added via getDataAttributes below).
161
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
162
- ,
163
- style: getStyle({
164
- background,
165
- colGroupWidth,
166
- offsetTop,
167
- colorMode
168
- }),
169
- colorname: colorName,
170
- onClick: onClick
171
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
172
- ,
173
- className: className
174
- // Ignored via go/ees005
175
- // eslint-disable-next-line react/jsx-props-no-spreading
176
- }, getDataAttributes(colwidth, background), {
177
- "aria-sort": ariaSort
178
- }), children);
154
+ return (
155
+ /*#__PURE__*/
156
+ // @ts-ignore - Workaround for help-center local consumption
157
+ React.createElement(WrapperComponent, _extends({
158
+ rowSpan: rowspan,
159
+ colSpan: colspan
160
+ // Note: When content from a renderer is pasted into an editor
161
+ // the background color is not taken from the inline style.
162
+ // Instead it is taken from the data-cell-background attribute
163
+ // (added via getDataAttributes below).
164
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
165
+ ,
166
+ style: getStyle({
167
+ background,
168
+ colGroupWidth,
169
+ offsetTop,
170
+ colorMode
171
+ }),
172
+ colorname: colorName,
173
+ onClick: onClick
174
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
175
+ ,
176
+ className: className
177
+ // Ignored via go/ees005
178
+ // eslint-disable-next-line react/jsx-props-no-spreading
179
+ }, getDataAttributes(colwidth, background), {
180
+ "aria-sort": ariaSort
181
+ }), children)
182
+ );
179
183
  };
180
184
  };
181
185
  const TH = getWithCellProps('th');
@@ -192,27 +196,32 @@ export const withSortableColumn = WrapperComponent => {
192
196
  const sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
193
197
  if (!allowColumnSorting || !isHeaderRow) {
194
198
  // Ignored via go/ees005
199
+ // @ts-ignore - Workaround for help-center local consumption
195
200
  // eslint-disable-next-line react/jsx-props-no-spreading
196
201
  return /*#__PURE__*/React.createElement(WrapperComponent, props);
197
202
  }
198
- return /*#__PURE__*/React.createElement(WrapperComponent
199
- // Ignored via go/ees005
200
- // eslint-disable-next-line react/jsx-props-no-spreading
201
- , _extends({}, props, {
202
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
203
- className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
204
- ariaSort: getSortOrderLabel(intl, sortOrdered)
205
- }), /*#__PURE__*/React.createElement("div", {
206
- className: RendererCssClassName.SORTABLE_COLUMN
207
- }, children, /*#__PURE__*/React.createElement("figure", {
208
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
209
- className: `${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} ${sortOrderedClassName}`
210
- }, /*#__PURE__*/React.createElement(SortingIcon, {
211
- isSortingAllowed: !!onSorting,
212
- sortOrdered: sortOrdered,
213
- onClick: sort,
214
- onKeyDown: onKeyPress
215
- }))));
203
+ return (
204
+ /*#__PURE__*/
205
+ // @ts-ignore - Workaround for help-center local consumption
206
+ React.createElement(WrapperComponent
207
+ // Ignored via go/ees005
208
+ // eslint-disable-next-line react/jsx-props-no-spreading
209
+ , _extends({}, props, {
210
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
211
+ className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
212
+ ariaSort: getSortOrderLabel(intl, sortOrdered)
213
+ }), /*#__PURE__*/React.createElement("div", {
214
+ className: RendererCssClassName.SORTABLE_COLUMN
215
+ }, children, /*#__PURE__*/React.createElement("figure", {
216
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
217
+ className: `${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} ${sortOrderedClassName}`
218
+ }, /*#__PURE__*/React.createElement(SortingIcon, {
219
+ isSortingAllowed: !!onSorting,
220
+ sortOrdered: sortOrdered,
221
+ onClick: sort,
222
+ onKeyDown: onKeyPress
223
+ }))))
224
+ );
216
225
  function onKeyPress(event) {
217
226
  const keys = [' ', 'Enter', 'Spacebar'];
218
227
  // Ignored via go/ees005
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -767,6 +767,11 @@ const RendererWithAnnotationSelection = props => {
767
767
  } = props;
768
768
  const localRef = React.useRef(null);
769
769
  const innerRef = props.innerRef || localRef;
770
+
771
+ // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
772
+ if (props.appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
773
+ props.appearance = 'full-width';
774
+ }
770
775
  if (!allowAnnotations) {
771
776
  // Ignored via go/ees005
772
777
  // eslint-disable-next-line react/jsx-props-no-spreading
package/dist/esm/react/nodes/tableCell.js CHANGED
@@ -145,31 +145,35 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
145
145
  // This is used to set the background color of the cell
146
146
  // to a dark mode color in mobile dark mode
147
147
  var colorName = background ? tableBackgroundColorPalette.get(background) : '';
148
- return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
149
- rowSpan: rowspan,
150
- colSpan: colspan
151
- // Note: When content from a renderer is pasted into an editor
152
- // the background color is not taken from the inline style.
153
- // Instead it is taken from the data-cell-background attribute
154
- // (added via getDataAttributes below).
155
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
156
- ,
157
- style: getStyle({
158
- background: background,
159
- colGroupWidth: colGroupWidth,
160
- offsetTop: offsetTop,
161
- colorMode: colorMode
162
- }),
163
- colorname: colorName,
164
- onClick: onClick
165
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
166
- ,
167
- className: className
168
- // Ignored via go/ees005
169
- // eslint-disable-next-line react/jsx-props-no-spreading
170
- }, getDataAttributes(colwidth, background), {
171
- "aria-sort": ariaSort
172
- }), children);
148
+ return (
149
+ /*#__PURE__*/
150
+ // @ts-ignore - Workaround for help-center local consumption
151
+ React.createElement(WrapperComponent, _extends({
152
+ rowSpan: rowspan,
153
+ colSpan: colspan
154
+ // Note: When content from a renderer is pasted into an editor
155
+ // the background color is not taken from the inline style.
156
+ // Instead it is taken from the data-cell-background attribute
157
+ // (added via getDataAttributes below).
158
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
159
+ ,
160
+ style: getStyle({
161
+ background: background,
162
+ colGroupWidth: colGroupWidth,
163
+ offsetTop: offsetTop,
164
+ colorMode: colorMode
165
+ }),
166
+ colorname: colorName,
167
+ onClick: onClick
168
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
169
+ ,
170
+ className: className
171
+ // Ignored via go/ees005
172
+ // eslint-disable-next-line react/jsx-props-no-spreading
173
+ }, getDataAttributes(colwidth, background), {
174
+ "aria-sort": ariaSort
175
+ }), children)
176
+ );
173
177
  };
174
178
  };
175
179
  var TH = getWithCellProps('th');
@@ -184,27 +188,32 @@ export var withSortableColumn = function withSortableColumn(WrapperComponent) {
184
188
  var sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
185
189
  if (!allowColumnSorting || !isHeaderRow) {
186
190
  // Ignored via go/ees005
191
+ // @ts-ignore - Workaround for help-center local consumption
187
192
  // eslint-disable-next-line react/jsx-props-no-spreading
188
193
  return /*#__PURE__*/React.createElement(WrapperComponent, props);
189
194
  }
190
- return /*#__PURE__*/React.createElement(WrapperComponent
191
- // Ignored via go/ees005
192
- // eslint-disable-next-line react/jsx-props-no-spreading
193
- , _extends({}, props, {
194
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
195
- className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
196
- ariaSort: getSortOrderLabel(intl, sortOrdered)
197
- }), /*#__PURE__*/React.createElement("div", {
198
- className: RendererCssClassName.SORTABLE_COLUMN
199
- }, children, /*#__PURE__*/React.createElement("figure", {
200
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
201
- className: "".concat(RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
202
- }, /*#__PURE__*/React.createElement(SortingIcon, {
203
- isSortingAllowed: !!onSorting,
204
- sortOrdered: sortOrdered,
205
- onClick: sort,
206
- onKeyDown: onKeyPress
207
- }))));
195
+ return (
196
+ /*#__PURE__*/
197
+ // @ts-ignore - Workaround for help-center local consumption
198
+ React.createElement(WrapperComponent
199
+ // Ignored via go/ees005
200
+ // eslint-disable-next-line react/jsx-props-no-spreading
201
+ , _extends({}, props, {
202
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
203
+ className: RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
204
+ ariaSort: getSortOrderLabel(intl, sortOrdered)
205
+ }), /*#__PURE__*/React.createElement("div", {
206
+ className: RendererCssClassName.SORTABLE_COLUMN
207
+ }, children, /*#__PURE__*/React.createElement("figure", {
208
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
209
+ className: "".concat(RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
210
+ }, /*#__PURE__*/React.createElement(SortingIcon, {
211
+ isSortingAllowed: !!onSorting,
212
+ sortOrdered: sortOrdered,
213
+ onClick: sort,
214
+ onKeyDown: onKeyPress
215
+ }))))
216
+ );
208
217
  function onKeyPress(event) {
209
218
  var keys = [' ', 'Enter', 'Spacebar'];
210
219
  // Ignored via go/ees005
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -771,6 +771,11 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
771
771
  adfDocument = props.document;
772
772
  var localRef = React.useRef(null);
773
773
  var innerRef = props.innerRef || localRef;
774
+
775
+ // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
776
+ if (props.appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
777
+ props.appearance = 'full-width';
778
+ }
774
779
  if (!allowAnnotations) {
775
780
  // Ignored via go/ees005
776
781
  // eslint-disable-next-line react/jsx-props-no-spreading
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.16.2",
3
+ "version": "124.16.4",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -54,12 +54,12 @@
54
54
  "@atlaskit/platform-feature-flags": "^1.1.0",
55
55
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
56
56
  "@atlaskit/react-ufo": "^4.15.0",
57
- "@atlaskit/smart-card": "^43.9.0",
57
+ "@atlaskit/smart-card": "^43.10.0",
58
58
  "@atlaskit/status": "^3.0.0",
59
59
  "@atlaskit/task-decision": "^19.2.0",
60
60
  "@atlaskit/theme": "^21.0.0",
61
- "@atlaskit/tmp-editor-statsig": "^13.40.0",
62
- "@atlaskit/tokens": "^8.1.0",
61
+ "@atlaskit/tmp-editor-statsig": "^13.42.0",
62
+ "@atlaskit/tokens": "^8.3.0",
63
63
  "@atlaskit/tooltip": "^20.10.0",
64
64
  "@atlaskit/visually-hidden": "^3.0.0",
65
65
  "@babel/runtime": "^7.0.0",
@@ -72,7 +72,7 @@
72
72
  "uuid": "^3.1.0"
73
73
  },
74
74
  "peerDependencies": {
75
- "@atlaskit/editor-common": "^110.33.0",
75
+ "@atlaskit/editor-common": "^110.34.0",
76
76
  "@atlaskit/link-provider": "^4.0.0",
77
77
  "@atlaskit/media-core": "^37.0.0",
78
78
  "react": "^18.2.0",