@jetbrains/ring-ui 5.0.128 → 5.0.129

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 (11) hide show
  1. package/components/table/row.d.ts +1 -0
  2. package/components/table/row.js +3 -2
  3. package/components/table/smart-table.d.ts +1 -0
  4. package/components/table/table.d.ts +2 -0
  5. package/components/table/table.js +4 -2
  6. package/dist/table/row.d.ts +1 -0
  7. package/dist/table/row.js +3 -1
  8. package/dist/table/smart-table.d.ts +1 -0
  9. package/dist/table/table.d.ts +2 -0
  10. package/dist/table/table.js +4 -0
  11. package/package.json +3 -3
package/components/table/row.d.ts CHANGED
@@ -25,6 +25,7 @@ export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<H
25
25
  checkboxTooltip?: string | undefined;
26
26
  autofocus?: boolean | null | undefined;
27
27
  'data-test'?: string | null | undefined;
28
+ metaColumnClassName?: string | null | undefined;
28
29
  }
29
30
  export default class Row<T extends SelectionItem> extends PureComponent<RowProps<T>> {
30
31
  static defaultProps: {
package/components/table/row.js CHANGED
@@ -73,7 +73,7 @@ class Row extends PureComponent {
73
73
  this.row = el;
74
74
  };
75
75
  render() {
76
- const { item, columns, selectable, selected, showFocus, draggable, alwaysShowDragHandle, dragHandleTitle, level, collapsible, parentCollapsible, collapsed, onCollapse, onExpand, showDisabledSelection, onSelect, checkboxTooltip, innerRef, focused, autofocus, onFocusReset, onFocusRestore, onHover, className, 'data-test': dataTest, ...restProps } = this.props;
76
+ const { item, columns, selectable, selected, showFocus, draggable, alwaysShowDragHandle, dragHandleTitle, level, collapsible, parentCollapsible, collapsed, onCollapse, onExpand, showDisabledSelection, onSelect, checkboxTooltip, innerRef, focused, autofocus, onFocusReset, onFocusRestore, onHover, className, metaColumnClassName, 'data-test': dataTest, ...restProps } = this.props;
77
77
  const classes = classNames(className, {
78
78
  [style.row]: true,
79
79
  [style.rowFocused]: showFocus,
@@ -83,7 +83,7 @@ class Row extends PureComponent {
83
83
  'data-test-focused': showFocus || undefined,
84
84
  'data-test-selected': selected || undefined
85
85
  };
86
- const metaColumnClasses = style.metaColumn;
86
+ const metaColumnClasses = classNames(metaColumnClassName, style.metaColumn);
87
87
  const SUBITEM_OFFSET = 30;
88
88
  const COLLAPSIBLE_PARENT_OFFSET = 20;
89
89
  const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
@@ -126,6 +126,7 @@ class Row extends PureComponent {
126
126
  export default Row;
127
127
  Row.propTypes = {
128
128
  className: PropTypes.string,
129
+ metaColumnClassName: PropTypes.string,
129
130
  item: PropTypes.object.isRequired,
130
131
  columns: PropTypes.array.isRequired,
131
132
  selectable: PropTypes.bool,
package/components/table/smart-table.d.ts CHANGED
@@ -33,6 +33,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
33
33
  stickyHeader?: React.Validator<boolean | null | undefined> | undefined;
34
34
  getItemLevel?: React.Validator<((item: SelectionItem) => number) | null | undefined> | undefined;
35
35
  getItemClassName?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
36
+ getMetaColumnClassName?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
36
37
  getItemDataTest?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
37
38
  isItemCollapsible?: React.Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
38
39
  isParentCollapsible?: React.Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
package/components/table/table.d.ts CHANGED
@@ -29,6 +29,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
29
29
  stickyHeader: boolean;
30
30
  getItemLevel: (item: T) => number;
31
31
  getItemClassName: (item: T) => string | null | undefined;
32
+ getMetaColumnClassName: (item: T) => string | null | undefined;
32
33
  getItemDataTest: (item: T) => string | null | undefined;
33
34
  isItemCollapsible: (item: T) => boolean;
34
35
  isParentCollapsible: (item: T) => boolean;
@@ -63,6 +64,7 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
63
64
  stickyHeader: boolean;
64
65
  getItemLevel: () => number;
65
66
  getItemClassName: () => null;
67
+ getMetaColumnClassName: () => null;
66
68
  getItemDataTest: () => null;
67
69
  isItemCollapsible: () => boolean;
68
70
  isParentCollapsible: () => boolean;
package/components/table/table.js CHANGED
@@ -32,6 +32,7 @@ class Table extends PureComponent {
32
32
  stickyHeader: true,
33
33
  getItemLevel: () => 0,
34
34
  getItemClassName: () => null,
35
+ getMetaColumnClassName: () => null,
35
36
  getItemDataTest: () => null,
36
37
  isItemCollapsible: () => false,
37
38
  isParentCollapsible: () => false,
@@ -106,7 +107,7 @@ class Table extends PureComponent {
106
107
  window.scrollTo(scrollX, scrollY);
107
108
  };
108
109
  render() {
109
- const { data, selection, columns, caption, getItemKey, selectable, focused, isItemSelectable, getItemLevel, getItemClassName, getItemDataTest, draggable, alwaysShowDragHandle, dragHandleTitle, loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader, stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed, onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip, onItemDoubleClick, onItemClick, renderEmpty } = this.props;
110
+ const { data, selection, columns, caption, getItemKey, selectable, focused, isItemSelectable, getItemLevel, getItemClassName, getMetaColumnClassName, getItemDataTest, draggable, alwaysShowDragHandle, dragHandleTitle, loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader, stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed, onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip, onItemDoubleClick, onItemClick, renderEmpty } = this.props;
110
111
  // NOTE: Do not construct new object per render because it causes all rows rerendering
111
112
  const headerProps = {
112
113
  caption, selectable, draggable,
@@ -150,7 +151,7 @@ class Table extends PureComponent {
150
151
  return null;
151
152
  }
152
153
  const { ref, ...restProps } = props;
153
- const row = (<Row innerRef={ref} key={getItemKey(value)} level={getItemLevel(value)} item={value} showFocus={selection.isFocused(value)} autofocus={selection.isFocused(value)} focused={selection.isFocused(value)} selectable={selectable && isItemSelectable(value)} selected={selectable && selection.isSelected(value)} onFocus={this.onRowFocus} onSelect={this.onRowSelect} onDoubleClick={onItemDoubleClick} onClick={onItemClick} collapsible={isItemCollapsible(value)} parentCollapsible={isParentCollapsible(value)} collapsed={isItemCollapsed(value)} onCollapse={onItemCollapse} onExpand={onItemExpand} showDisabledSelection={isDisabledSelectionVisible(value)} checkboxTooltip={getCheckboxTooltip(value)} className={classNames(getItemClassName(value), { [style.draggingRow]: isDragged })} draggable={draggable} alwaysShowDragHandle={alwaysShowDragHandle} dragHandleTitle={dragHandleTitle} columns={columns} data-test={getItemDataTest(value)} {...restProps}/>);
154
+ const row = (<Row innerRef={ref} key={getItemKey(value)} level={getItemLevel(value)} item={value} showFocus={selection.isFocused(value)} autofocus={selection.isFocused(value)} focused={selection.isFocused(value)} selectable={selectable && isItemSelectable(value)} selected={selectable && selection.isSelected(value)} onFocus={this.onRowFocus} onSelect={this.onRowSelect} onDoubleClick={onItemDoubleClick} onClick={onItemClick} collapsible={isItemCollapsible(value)} parentCollapsible={isParentCollapsible(value)} collapsed={isItemCollapsed(value)} onCollapse={onItemCollapse} onExpand={onItemExpand} showDisabledSelection={isDisabledSelectionVisible(value)} checkboxTooltip={getCheckboxTooltip(value)} className={classNames(getItemClassName(value), { [style.draggingRow]: isDragged })} metaColumnClassName={getMetaColumnClassName(value)} draggable={draggable} alwaysShowDragHandle={alwaysShowDragHandle} dragHandleTitle={dragHandleTitle} columns={columns} data-test={getItemDataTest(value)} {...restProps}/>);
154
155
  return isDragged
155
156
  ? (<table style={{ ...props.style }} className={style.draggingTable}>
156
157
  <tbody>{row}</tbody>
@@ -187,6 +188,7 @@ Table.propTypes = {
187
188
  loading: PropTypes.bool,
188
189
  getItemKey: PropTypes.func,
189
190
  getItemClassName: PropTypes.func,
191
+ getMetaColumnClassName: PropTypes.func,
190
192
  getItemDataTest: PropTypes.func,
191
193
  onSort: PropTypes.func,
192
194
  onReorder: PropTypes.func,
package/dist/table/row.d.ts CHANGED
@@ -25,6 +25,7 @@ export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<H
25
25
  checkboxTooltip?: string | undefined;
26
26
  autofocus?: boolean | null | undefined;
27
27
  'data-test'?: string | null | undefined;
28
+ metaColumnClassName?: string | null | undefined;
28
29
  }
29
30
  export default class Row<T extends SelectionItem> extends PureComponent<RowProps<T>> {
30
31
  static defaultProps: {
package/dist/table/row.js CHANGED
@@ -149,6 +149,7 @@ class Row extends PureComponent {
149
149
  onFocusRestore,
150
150
  onHover,
151
151
  className,
152
+ metaColumnClassName,
152
153
  'data-test': dataTest,
153
154
  ...restProps
154
155
  } = this.props;
@@ -161,7 +162,7 @@ class Row extends PureComponent {
161
162
  'data-test-focused': showFocus || undefined,
162
163
  'data-test-selected': selected || undefined
163
164
  };
164
- const metaColumnClasses = modules_1db4bbca.metaColumn;
165
+ const metaColumnClasses = classNames(metaColumnClassName, modules_1db4bbca.metaColumn);
165
166
  const SUBITEM_OFFSET = 30;
166
167
  const COLLAPSIBLE_PARENT_OFFSET = 20;
167
168
  const gap = level * SUBITEM_OFFSET + (parentCollapsible ? COLLAPSIBLE_PARENT_OFFSET : 0);
@@ -227,6 +228,7 @@ class Row extends PureComponent {
227
228
  }
228
229
  Row.propTypes = {
229
230
  className: PropTypes.string,
231
+ metaColumnClassName: PropTypes.string,
230
232
  item: PropTypes.object.isRequired,
231
233
  columns: PropTypes.array.isRequired,
232
234
  selectable: PropTypes.bool,
package/dist/table/smart-table.d.ts CHANGED
@@ -33,6 +33,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
33
33
  stickyHeader?: React.Validator<boolean | null | undefined> | undefined;
34
34
  getItemLevel?: React.Validator<((item: SelectionItem) => number) | null | undefined> | undefined;
35
35
  getItemClassName?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
36
+ getMetaColumnClassName?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
36
37
  getItemDataTest?: React.Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
37
38
  isItemCollapsible?: React.Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
38
39
  isParentCollapsible?: React.Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
package/dist/table/table.d.ts CHANGED
@@ -29,6 +29,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
29
29
  stickyHeader: boolean;
30
30
  getItemLevel: (item: T) => number;
31
31
  getItemClassName: (item: T) => string | null | undefined;
32
+ getMetaColumnClassName: (item: T) => string | null | undefined;
32
33
  getItemDataTest: (item: T) => string | null | undefined;
33
34
  isItemCollapsible: (item: T) => boolean;
34
35
  isParentCollapsible: (item: T) => boolean;
@@ -63,6 +64,7 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
63
64
  stickyHeader: boolean;
64
65
  getItemLevel: () => number;
65
66
  getItemClassName: () => null;
67
+ getMetaColumnClassName: () => null;
66
68
  getItemDataTest: () => null;
67
69
  isItemCollapsible: () => boolean;
68
70
  isParentCollapsible: () => boolean;
package/dist/table/table.js CHANGED
@@ -72,6 +72,7 @@ class Table extends PureComponent {
72
72
  stickyHeader: true,
73
73
  getItemLevel: () => 0,
74
74
  getItemClassName: () => null,
75
+ getMetaColumnClassName: () => null,
75
76
  getItemDataTest: () => null,
76
77
  isItemCollapsible: () => false,
77
78
  isParentCollapsible: () => false,
@@ -190,6 +191,7 @@ class Table extends PureComponent {
190
191
  isItemSelectable,
191
192
  getItemLevel,
192
193
  getItemClassName,
194
+ getMetaColumnClassName,
193
195
  getItemDataTest,
194
196
  draggable,
195
197
  alwaysShowDragHandle,
@@ -293,6 +295,7 @@ class Table extends PureComponent {
293
295
  className: classNames(getItemClassName(value), {
294
296
  [modules_1db4bbca.draggingRow]: isDragged
295
297
  }),
298
+ metaColumnClassName: getMetaColumnClassName(value),
296
299
  draggable: draggable,
297
300
  alwaysShowDragHandle: alwaysShowDragHandle,
298
301
  dragHandleTitle: dragHandleTitle,
@@ -345,6 +348,7 @@ Table.propTypes = {
345
348
  loading: PropTypes.bool,
346
349
  getItemKey: PropTypes.func,
347
350
  getItemClassName: PropTypes.func,
351
+ getMetaColumnClassName: PropTypes.func,
348
352
  getItemDataTest: PropTypes.func,
349
353
  onSort: PropTypes.func,
350
354
  onReorder: PropTypes.func,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetbrains/ring-ui",
3
- "version": "5.0.128",
3
+ "version": "5.0.129",
4
4
  "description": "JetBrains UI library",
5
5
  "author": "JetBrains",
6
6
  "license": "Apache-2.0",
@@ -80,14 +80,14 @@
80
80
  "@jetbrains/stylelint-config": "^4.0.1",
81
81
  "@primer/octicons": "^18.3.0",
82
82
  "@rollup/plugin-babel": "^6.0.3",
83
- "@rollup/plugin-node-resolve": "^15.0.1",
83
+ "@rollup/plugin-node-resolve": "^15.0.2",
84
84
  "@rollup/plugin-replace": "^5.0.2",
85
85
  "@storybook/addon-a11y": "6.5.16",
86
86
  "@storybook/addon-docs": "6.5.16",
87
87
  "@storybook/addon-essentials": "6.5.16",
88
88
  "@storybook/addon-storyshots": "6.5.16",
89
89
  "@storybook/addon-storyshots-puppeteer": "6.5.16",
90
- "@storybook/addon-storysource": "6.5.16",
90
+ "@storybook/addon-storysource": "7.0.2",
91
91
  "@storybook/addons": "6.5.16",
92
92
  "@storybook/builder-webpack5": "6.5.16",
93
93
  "@storybook/client-api": "6.5.16",