@atlaskit/renderer 124.16.8 → 124.16.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/react/nodes/tableCell.js +43 -52
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/es2019/react/nodes/tableCell.js +43 -52
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/esm/react/nodes/tableCell.js +43 -52
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 124.16.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`55920a92e882a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55920a92e882a) -
|
|
8
|
+
tsignores added for help-center local consumpton removed
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 124.16.8
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -152,35 +152,31 @@ 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 (
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}, getDataAttributes(colwidth, background), {
|
|
181
|
-
"aria-sort": ariaSort
|
|
182
|
-
}), children)
|
|
183
|
-
);
|
|
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);
|
|
184
180
|
};
|
|
185
181
|
};
|
|
186
182
|
var TH = getWithCellProps('th');
|
|
@@ -195,32 +191,27 @@ var withSortableColumn = exports.withSortableColumn = function withSortableColum
|
|
|
195
191
|
var sortOrderedClassName = sortOrdered === _types.SortOrder.NO_ORDER ? _consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
|
|
196
192
|
if (!allowColumnSorting || !isHeaderRow) {
|
|
197
193
|
// Ignored via go/ees005
|
|
198
|
-
// @ts-ignore - Workaround for help-center local consumption
|
|
199
194
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
200
195
|
return /*#__PURE__*/_react.default.createElement(WrapperComponent, props);
|
|
201
196
|
}
|
|
202
|
-
return (
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
// Ignored via go/
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
onClick: sort,
|
|
221
|
-
onKeyDown: onKeyPress
|
|
222
|
-
}))))
|
|
223
|
-
);
|
|
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
|
+
}))));
|
|
224
215
|
function onKeyPress(event) {
|
|
225
216
|
var keys = [' ', 'Enter', 'Spacebar'];
|
|
226
217
|
// Ignored via go/ees005
|
|
@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
69
69
|
// we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
|
|
70
70
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
71
71
|
var packageName = "@atlaskit/renderer";
|
|
72
|
-
var packageVersion = "
|
|
72
|
+
var packageVersion = "0.0.0-development";
|
|
73
73
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
74
74
|
containerName: 'ak-renderer-wrapper',
|
|
75
75
|
containerType: 'inline-size'
|
|
@@ -151,35 +151,31 @@ 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 (
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}, getDataAttributes(colwidth, background), {
|
|
180
|
-
"aria-sort": ariaSort
|
|
181
|
-
}), children)
|
|
182
|
-
);
|
|
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);
|
|
183
179
|
};
|
|
184
180
|
};
|
|
185
181
|
const TH = getWithCellProps('th');
|
|
@@ -196,32 +192,27 @@ export const withSortableColumn = WrapperComponent => {
|
|
|
196
192
|
const sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
|
|
197
193
|
if (!allowColumnSorting || !isHeaderRow) {
|
|
198
194
|
// Ignored via go/ees005
|
|
199
|
-
// @ts-ignore - Workaround for help-center local consumption
|
|
200
195
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
201
196
|
return /*#__PURE__*/React.createElement(WrapperComponent, props);
|
|
202
197
|
}
|
|
203
|
-
return (
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
// Ignored via go/
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
onClick: sort,
|
|
222
|
-
onKeyDown: onKeyPress
|
|
223
|
-
}))))
|
|
224
|
-
);
|
|
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
|
+
}))));
|
|
225
216
|
function onKeyPress(event) {
|
|
226
217
|
const keys = [' ', 'Enter', 'Spacebar'];
|
|
227
218
|
// Ignored via go/ees005
|
|
@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
55
55
|
// we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
|
|
56
56
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
57
57
|
const packageName = "@atlaskit/renderer";
|
|
58
|
-
const packageVersion = "
|
|
58
|
+
const packageVersion = "0.0.0-development";
|
|
59
59
|
const setAsQueryContainerStyles = css({
|
|
60
60
|
containerName: 'ak-renderer-wrapper',
|
|
61
61
|
containerType: 'inline-size'
|
|
@@ -145,35 +145,31 @@ 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 (
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}, getDataAttributes(colwidth, background), {
|
|
174
|
-
"aria-sort": ariaSort
|
|
175
|
-
}), children)
|
|
176
|
-
);
|
|
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);
|
|
177
173
|
};
|
|
178
174
|
};
|
|
179
175
|
var TH = getWithCellProps('th');
|
|
@@ -188,32 +184,27 @@ export var withSortableColumn = function withSortableColumn(WrapperComponent) {
|
|
|
188
184
|
var sortOrderedClassName = sortOrdered === SortOrder.NO_ORDER ? RendererCssClassName.SORTABLE_COLUMN_NO_ORDER : '';
|
|
189
185
|
if (!allowColumnSorting || !isHeaderRow) {
|
|
190
186
|
// Ignored via go/ees005
|
|
191
|
-
// @ts-ignore - Workaround for help-center local consumption
|
|
192
187
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
193
188
|
return /*#__PURE__*/React.createElement(WrapperComponent, props);
|
|
194
189
|
}
|
|
195
|
-
return (
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
// Ignored via go/
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
onClick: sort,
|
|
214
|
-
onKeyDown: onKeyPress
|
|
215
|
-
}))))
|
|
216
|
-
);
|
|
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
|
+
}))));
|
|
217
208
|
function onKeyPress(event) {
|
|
218
209
|
var keys = [' ', 'Enter', 'Spacebar'];
|
|
219
210
|
// Ignored via go/ees005
|
|
@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
60
60
|
// we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
|
|
61
61
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
62
62
|
var packageName = "@atlaskit/renderer";
|
|
63
|
-
var packageVersion = "
|
|
63
|
+
var packageVersion = "0.0.0-development";
|
|
64
64
|
var setAsQueryContainerStyles = css({
|
|
65
65
|
containerName: 'ak-renderer-wrapper',
|
|
66
66
|
containerType: 'inline-size'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "124.16.
|
|
3
|
+
"version": "124.16.9",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@atlaskit/status": "^3.0.0",
|
|
58
58
|
"@atlaskit/task-decision": "^19.2.0",
|
|
59
59
|
"@atlaskit/theme": "^21.0.0",
|
|
60
|
-
"@atlaskit/tmp-editor-statsig": "^14.
|
|
60
|
+
"@atlaskit/tmp-editor-statsig": "^14.2.0",
|
|
61
61
|
"@atlaskit/tokens": "^8.4.0",
|
|
62
62
|
"@atlaskit/tooltip": "^20.10.0",
|
|
63
63
|
"@atlaskit/visually-hidden": "^3.0.0",
|