@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/_helpers/_rollupPluginBabelHelpers.js +1 -1
- package/components/_helpers/header.js +1 -1
- package/components/_helpers/table.js +1 -1
- package/components/_helpers/theme.js +33 -20
- package/components/auth/auth__core.d.ts +3 -3
- package/components/auth/auth__core.js +31 -39
- package/components/data-list/data-list.d.ts +4 -4
- package/components/dialog/dialog.js +1 -0
- package/components/form/form.js +1 -1
- package/components/global/theme.d.ts +3 -0
- package/components/global/theme.js +1 -1
- package/components/header/header-icon.d.ts +32 -0
- package/components/header/header-icon.js +56 -0
- package/components/header/header.d.ts +3 -0
- package/components/header/header.js +7 -5
- package/components/header/links.d.ts +2 -0
- package/components/header/links.js +17 -0
- package/components/header/profile.js +2 -1
- package/components/header/services.js +3 -3
- package/components/header/smart-services.js +1 -1
- package/components/header/tray-icon.d.ts +1 -32
- package/components/header/tray-icon.js +8 -38
- package/components/heading/heading.d.ts +1 -4
- package/components/heading/heading.js +9 -21
- package/components/input/input-legacy.js +1 -1
- package/components/input-size/input-size.js +1 -1
- package/components/island/adaptive-island-hoc.d.ts +4 -4
- package/components/island/island.d.ts +4 -4
- package/components/link/link.d.ts +8 -8
- package/components/old-browsers-message/white-list.js +2 -2
- package/components/pager/pager.d.ts +1 -0
- package/components/pager/pager.js +1 -1
- package/components/scrollable-section/scrollable-section.d.ts +2 -0
- package/components/scrollable-section/scrollable-section.js +63 -0
- package/components/select/select.js +22 -17
- package/components/shortcuts/shortcuts-hoc.d.ts +4 -4
- package/components/style.css +1 -1
- package/components/table/disable-hover-hoc.d.ts +4 -4
- package/components/table/simple-table.d.ts +61 -0
- package/components/table/simple-table.js +124 -0
- package/components/table/smart-table.d.ts +2 -0
- package/components/table/table.d.ts +9 -4
- package/components/table/table.js +9 -3
- package/components/toggle/toggle.js +1 -1
- package/components/tooltip/tooltip.js +3 -3
- package/package.json +3 -3
@@ -14,7 +14,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
|
|
14
14
|
onKeyDown: (e: KeyboardEvent) => void;
|
15
15
|
render(): import("react").JSX.Element;
|
16
16
|
context: unknown;
|
17
|
-
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => Pick<{}, K> |
|
17
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
18
18
|
forceUpdate(callback?: (() => void) | undefined): void;
|
19
19
|
readonly props: Readonly<DisableHoverProps<P>>;
|
20
20
|
refs: {
|
@@ -22,7 +22,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
|
|
22
22
|
};
|
23
23
|
shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
|
24
24
|
componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
|
25
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any
|
25
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any;
|
26
26
|
componentDidUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
|
27
27
|
componentWillMount?(): void;
|
28
28
|
UNSAFE_componentWillMount?(): void;
|
@@ -41,7 +41,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
|
|
41
41
|
onKeyDown: (e: KeyboardEvent) => void;
|
42
42
|
render(): import("react").JSX.Element;
|
43
43
|
context: unknown;
|
44
|
-
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => Pick<{}, K> |
|
44
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
45
45
|
forceUpdate(callback?: (() => void) | undefined): void;
|
46
46
|
readonly props: Readonly<DisableHoverProps<P>>;
|
47
47
|
refs: {
|
@@ -49,7 +49,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
|
|
49
49
|
};
|
50
50
|
shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
|
51
51
|
componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
|
52
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any
|
52
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any;
|
53
53
|
componentDidUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
|
54
54
|
componentWillMount?(): void;
|
55
55
|
UNSAFE_componentWillMount?(): void;
|
@@ -0,0 +1,61 @@
|
|
1
|
+
import { PureComponent } from 'react';
|
2
|
+
import { TableAttrs } from './table';
|
3
|
+
import Selection, { SelectionItem } from './selection';
|
4
|
+
export interface SimpleTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect' | 'selectable'> {
|
5
|
+
}
|
6
|
+
declare class SimpleTable<T extends SelectionItem> extends PureComponent<SimpleTableProps<T>> {
|
7
|
+
static propTypes: {
|
8
|
+
className?: import("react").Validator<string | null | undefined> | undefined;
|
9
|
+
onFocus?: import("react").Validator<(() => void) | null | undefined> | undefined;
|
10
|
+
onBlur?: import("react").Validator<(() => void) | null | undefined> | undefined;
|
11
|
+
caption?: import("react").Validator<string | null | undefined> | undefined;
|
12
|
+
data?: import("react").Validator<readonly SelectionItem[]> | undefined;
|
13
|
+
loading?: import("react").Validator<boolean | null | undefined> | undefined;
|
14
|
+
draggable?: import("react").Validator<boolean | null | undefined> | undefined;
|
15
|
+
columns?: import("react").Validator<readonly import("./header-cell").Column<SelectionItem>[] | ((item: SelectionItem | null) => readonly import("./header-cell").Column<SelectionItem>[])> | undefined;
|
16
|
+
focused?: import("react").Validator<boolean | null | undefined> | undefined;
|
17
|
+
isItemSelectable?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
|
18
|
+
innerRef?: import("react").Validator<import("react").Ref<HTMLTableRowElement> | undefined> | undefined;
|
19
|
+
autofocus?: import("react").Validator<boolean | null | undefined> | undefined;
|
20
|
+
scrollOnTableFocus?: import("react").Validator<boolean | null | undefined> | undefined;
|
21
|
+
remoteSelection?: import("react").Validator<boolean | null | undefined> | undefined;
|
22
|
+
onSort?: import("react").Validator<((params: import("./header-cell").SortParams) => void) | null | undefined> | undefined;
|
23
|
+
sortKey?: import("react").Validator<string | null | undefined> | undefined;
|
24
|
+
sortOrder?: import("react").Validator<boolean | null | undefined> | undefined;
|
25
|
+
maxColSpan?: import("react").Validator<number | null | undefined> | undefined;
|
26
|
+
alwaysShowDragHandle?: import("react").Validator<boolean | null | undefined> | undefined;
|
27
|
+
dragHandleTitle?: import("react").Validator<string | null | undefined> | undefined;
|
28
|
+
onReorder?: import("react").Validator<((params: import("./table").ReorderParams<SelectionItem>) => void) | null | undefined> | undefined;
|
29
|
+
getItemKey?: import("react").Validator<((item: SelectionItem) => string | number) | null | undefined> | undefined;
|
30
|
+
stickyHeader?: import("react").Validator<boolean | null | undefined> | undefined;
|
31
|
+
wideFirstColumn?: import("react").Validator<boolean | null | undefined> | undefined;
|
32
|
+
getItemLevel?: import("react").Validator<((item: SelectionItem) => number) | null | undefined> | undefined;
|
33
|
+
getItemClassName?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
|
34
|
+
getMetaColumnClassName?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
|
35
|
+
getItemDataTest?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
|
36
|
+
isItemCollapsible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
|
37
|
+
isParentCollapsible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
|
38
|
+
isItemCollapsed?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
|
39
|
+
onItemCollapse?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
|
40
|
+
onItemExpand?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
|
41
|
+
onItemDoubleClick?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
|
42
|
+
onItemClick?: import("react").Validator<((item: SelectionItem, e: import("react").MouseEvent<HTMLTableRowElement>) => void) | null | undefined> | undefined;
|
43
|
+
isDisabledSelectionVisible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
|
44
|
+
getCheckboxTooltip?: import("react").Validator<((item: SelectionItem) => string | undefined) | null | undefined> | undefined;
|
45
|
+
loaderClassName?: import("react").Validator<string | null | undefined> | undefined;
|
46
|
+
stickyHeaderOffset?: import("react").Validator<string | null | undefined> | undefined;
|
47
|
+
renderEmpty?: import("react").Validator<(() => import("react").ReactNode) | null | undefined> | undefined;
|
48
|
+
RowComponent?: import("react").Validator<typeof import("./row-with-focus-sensor").default | null | undefined> | undefined;
|
49
|
+
shortcuts?: import("react").Validator<import("../shortcuts/core").ShortcutsMap | null | undefined> | undefined;
|
50
|
+
};
|
51
|
+
static defaultProps: {
|
52
|
+
selectable: boolean;
|
53
|
+
wideFirstColumn: boolean;
|
54
|
+
};
|
55
|
+
state: {
|
56
|
+
selection: Selection<T>;
|
57
|
+
};
|
58
|
+
classes: string;
|
59
|
+
render(): import("react").JSX.Element;
|
60
|
+
}
|
61
|
+
export default SimpleTable;
|
@@ -0,0 +1,124 @@
|
|
1
|
+
import { c as _objectWithoutProperties, _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
+
import 'core-js/modules/es.array.concat.js';
|
3
|
+
import { PureComponent } from 'react';
|
4
|
+
import classNames from 'classnames';
|
5
|
+
import { m as modules_1db4bbca } from '../_helpers/table.js';
|
6
|
+
import TableContainer from './table.js';
|
7
|
+
import Selection from './selection.js';
|
8
|
+
import { jsx } from 'react/jsx-runtime';
|
9
|
+
import 'core-js/modules/es.array.map.js';
|
10
|
+
import 'prop-types';
|
11
|
+
import 'react-movable';
|
12
|
+
import '../global/focus-sensor-hoc.js';
|
13
|
+
import '../global/prop-types.js';
|
14
|
+
import '../global/composeRefs.js';
|
15
|
+
import 'core-js/modules/es.object.to-string.js';
|
16
|
+
import 'core-js/modules/web.dom-collections.for-each.js';
|
17
|
+
import 'memoize-one';
|
18
|
+
import 'util-deprecate';
|
19
|
+
import '../global/get-uid.js';
|
20
|
+
import 'core-js/modules/es.regexp.to-string.js';
|
21
|
+
import '../shortcuts/shortcuts.js';
|
22
|
+
import '../shortcuts/core.js';
|
23
|
+
import 'core-js/modules/es.array.find-index.js';
|
24
|
+
import 'core-js/modules/es.array.includes.js';
|
25
|
+
import 'core-js/modules/es.array.slice.js';
|
26
|
+
import 'core-js/modules/es.array.splice.js';
|
27
|
+
import 'core-js/modules/es.object.assign.js';
|
28
|
+
import 'core-js/modules/es.regexp.exec.js';
|
29
|
+
import 'core-js/modules/es.string.includes.js';
|
30
|
+
import 'core-js/modules/es.string.match.js';
|
31
|
+
import 'combokeys';
|
32
|
+
import '../global/sniffer.js';
|
33
|
+
import 'sniffr';
|
34
|
+
import '../loader/loader.js';
|
35
|
+
import '../global/data-tests.js';
|
36
|
+
import 'core-js/modules/es.array.reduce.js';
|
37
|
+
import 'core-js/modules/es.object.entries.js';
|
38
|
+
import '../loader/loader__core.js';
|
39
|
+
import 'core-js/modules/es.array.fill.js';
|
40
|
+
import 'core-js/modules/es.array.filter.js';
|
41
|
+
import '../global/dom.js';
|
42
|
+
import 'core-js/modules/es.array.iterator.js';
|
43
|
+
import 'core-js/modules/es.set.js';
|
44
|
+
import 'core-js/modules/es.string.split.js';
|
45
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
46
|
+
import './header.js';
|
47
|
+
import '../checkbox/checkbox.js';
|
48
|
+
import '@jetbrains/icons/checkmark-12px';
|
49
|
+
import '@jetbrains/icons/remove-12px';
|
50
|
+
import '../icon/icon.js';
|
51
|
+
import '../icon/icon__constants.js';
|
52
|
+
import '../_helpers/icon__svg.js';
|
53
|
+
import 'core-js/modules/es.string.replace.js';
|
54
|
+
import 'core-js/modules/es.string.starts-with.js';
|
55
|
+
import '../global/memoize.js';
|
56
|
+
import 'core-js/modules/es.map.js';
|
57
|
+
import 'core-js/modules/es.weak-map.js';
|
58
|
+
import '../control-help/control-help.js';
|
59
|
+
import './header-cell.js';
|
60
|
+
import '@jetbrains/icons/unsorted-10px';
|
61
|
+
import '@jetbrains/icons/chevron-10px';
|
62
|
+
import './selection-shortcuts-hoc.js';
|
63
|
+
import './disable-hover-hoc.js';
|
64
|
+
import './row-with-focus-sensor.js';
|
65
|
+
import './row.js';
|
66
|
+
import '@jetbrains/icons/chevron-right';
|
67
|
+
import '@jetbrains/icons/chevron-down';
|
68
|
+
import '@jetbrains/icons/drag';
|
69
|
+
import '../button/button.js';
|
70
|
+
import '../link/clickableLink.js';
|
71
|
+
import '../global/controls-height.js';
|
72
|
+
import '../_helpers/button__classes.js';
|
73
|
+
import '../tooltip/tooltip.js';
|
74
|
+
import '../popup/popup.js';
|
75
|
+
import 'react-dom';
|
76
|
+
import '../global/schedule-raf.js';
|
77
|
+
import '../tab-trap/tab-trap.js';
|
78
|
+
import '../popup/position.js';
|
79
|
+
import 'core-js/modules/es.array.sort.js';
|
80
|
+
import '../popup/popup.consts.js';
|
81
|
+
import '../popup/popup.target.js';
|
82
|
+
import './cell.js';
|
83
|
+
import 'core-js/modules/es.array.index-of.js';
|
84
|
+
|
85
|
+
var _Table$propTypes;
|
86
|
+
var _ref = (_Table$propTypes = TableContainer.propTypes) !== null && _Table$propTypes !== void 0 ? _Table$propTypes : {};
|
87
|
+
_ref.selection;
|
88
|
+
_ref.onSelect;
|
89
|
+
_ref.selectable;
|
90
|
+
_ref.disabledHover;
|
91
|
+
var restPropTypes = _objectWithoutProperties(_ref, ["selection", "onSelect", "selectable", "disabledHover"]);
|
92
|
+
var SimpleTable = /*#__PURE__*/function (_PureComponent) {
|
93
|
+
function SimpleTable() {
|
94
|
+
var _this;
|
95
|
+
_classCallCheck(this, SimpleTable);
|
96
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
97
|
+
args[_key] = arguments[_key];
|
98
|
+
}
|
99
|
+
_this = _callSuper(this, SimpleTable, [].concat(args));
|
100
|
+
_defineProperty(_this, "state", {
|
101
|
+
selection: new Selection({
|
102
|
+
data: _this.props.data
|
103
|
+
})
|
104
|
+
});
|
105
|
+
_defineProperty(_this, "classes", classNames(modules_1db4bbca.disabledHover, _this.props.className));
|
106
|
+
return _this;
|
107
|
+
}
|
108
|
+
_inherits(SimpleTable, _PureComponent);
|
109
|
+
return _createClass(SimpleTable, [{
|
110
|
+
key: "render",
|
111
|
+
value: function render() {
|
112
|
+
return /*#__PURE__*/jsx(TableContainer, _objectSpread2(_objectSpread2({}, this.props), {}, {
|
113
|
+
className: this.classes
|
114
|
+
}, this.state));
|
115
|
+
}
|
116
|
+
}]);
|
117
|
+
}(PureComponent);
|
118
|
+
_defineProperty(SimpleTable, "propTypes", _objectSpread2({}, restPropTypes));
|
119
|
+
_defineProperty(SimpleTable, "defaultProps", {
|
120
|
+
selectable: false,
|
121
|
+
wideFirstColumn: false
|
122
|
+
});
|
123
|
+
|
124
|
+
export { SimpleTable as default };
|
@@ -32,6 +32,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
|
|
32
32
|
onReorder?: import("react").Validator<((params: import("./table").ReorderParams<SelectionItem>) => void) | null | undefined> | undefined;
|
33
33
|
getItemKey?: import("react").Validator<((item: SelectionItem) => string | number) | null | undefined> | undefined;
|
34
34
|
stickyHeader?: import("react").Validator<boolean | null | undefined> | undefined;
|
35
|
+
wideFirstColumn?: import("react").Validator<boolean | null | undefined> | undefined;
|
35
36
|
getItemLevel?: import("react").Validator<((item: SelectionItem) => number) | null | undefined> | undefined;
|
36
37
|
getItemClassName?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
|
37
38
|
getMetaColumnClassName?: import("react").Validator<((item: SelectionItem) => string | null | undefined) | null | undefined> | undefined;
|
@@ -48,6 +49,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
|
|
48
49
|
loaderClassName?: import("react").Validator<string | null | undefined> | undefined;
|
49
50
|
stickyHeaderOffset?: import("react").Validator<string | null | undefined> | undefined;
|
50
51
|
renderEmpty?: import("react").Validator<(() => import("react").ReactNode) | null | undefined> | undefined;
|
52
|
+
RowComponent?: import("react").Validator<typeof import("./row-with-focus-sensor").default | null | undefined> | undefined;
|
51
53
|
selectable?: import("react").Validator<boolean | null | undefined> | undefined;
|
52
54
|
shortcuts?: import("react").Validator<import("../shortcuts/core").ShortcutsMap | null | undefined> | undefined;
|
53
55
|
onSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
|
@@ -8,6 +8,7 @@ import { FocusSensorAddProps, FocusSensorProps } from '../global/focus-sensor-ho
|
|
8
8
|
import { SelectionItem } from './selection';
|
9
9
|
import { SelectionShortcutsAddProps, SelectionShortcutsProps } from './selection-shortcuts-hoc';
|
10
10
|
import { DisableHoverAddProps, DisableHoverProps } from './disable-hover-hoc';
|
11
|
+
import Row from './row-with-focus-sensor';
|
11
12
|
import { Column, SortParams } from './header-cell';
|
12
13
|
export interface ReorderParams<T> {
|
13
14
|
data: T[];
|
@@ -29,6 +30,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
|
|
29
30
|
alwaysShowDragHandle: boolean;
|
30
31
|
dragHandleTitle?: string;
|
31
32
|
stickyHeader: boolean;
|
33
|
+
wideFirstColumn: boolean;
|
32
34
|
getItemLevel: (item: T) => number;
|
33
35
|
getItemClassName: (item: T) => string | null | undefined;
|
34
36
|
getMetaColumnClassName: (item: T) => string | null | undefined;
|
@@ -48,6 +50,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
|
|
48
50
|
caption?: string | null | undefined;
|
49
51
|
stickyHeaderOffset?: string | undefined;
|
50
52
|
renderEmpty?: (() => ReactNode) | null | undefined;
|
53
|
+
RowComponent: typeof Row;
|
51
54
|
}
|
52
55
|
/**
|
53
56
|
* Interactive table with selection and keyboard navigation support.
|
@@ -78,6 +81,8 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
|
|
78
81
|
remoteSelection: boolean;
|
79
82
|
isDisabledSelectionVisible: () => boolean;
|
80
83
|
getCheckboxTooltip: () => undefined;
|
84
|
+
RowComponent: typeof Row;
|
85
|
+
wideFirstColumn: boolean;
|
81
86
|
};
|
82
87
|
state: {
|
83
88
|
shortcutsScope: string;
|
@@ -109,7 +114,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
|
|
109
114
|
onKeyDown: (e: KeyboardEvent) => void;
|
110
115
|
render(): React.JSX.Element;
|
111
116
|
context: unknown;
|
112
|
-
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => Pick<{}, K> |
|
117
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
113
118
|
forceUpdate(callback?: (() => void) | undefined): void;
|
114
119
|
readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
|
115
120
|
refs: {
|
@@ -117,7 +122,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
|
|
117
122
|
};
|
118
123
|
shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
|
119
124
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
120
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any
|
125
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any;
|
121
126
|
componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
|
122
127
|
componentWillMount?(): void;
|
123
128
|
UNSAFE_componentWillMount?(): void;
|
@@ -136,7 +141,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
|
|
136
141
|
onKeyDown: (e: KeyboardEvent) => void;
|
137
142
|
render(): React.JSX.Element;
|
138
143
|
context: unknown;
|
139
|
-
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => Pick<{}, K> |
|
144
|
+
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
|
140
145
|
forceUpdate(callback?: (() => void) | undefined): void;
|
141
146
|
readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
|
142
147
|
refs: {
|
@@ -144,7 +149,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
|
|
144
149
|
};
|
145
150
|
shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
|
146
151
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
147
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any
|
152
|
+
getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any;
|
148
153
|
componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
|
149
154
|
componentWillMount?(): void;
|
150
155
|
UNSAFE_componentWillMount?(): void;
|
@@ -220,7 +220,8 @@ var Table = /*#__PURE__*/function (_PureComponent) {
|
|
220
220
|
onItemDoubleClick = _this$props4.onItemDoubleClick,
|
221
221
|
onItemClick = _this$props4.onItemClick,
|
222
222
|
renderEmpty = _this$props4.renderEmpty,
|
223
|
-
maxColSpan = _this$props4.maxColSpan
|
223
|
+
maxColSpan = _this$props4.maxColSpan,
|
224
|
+
RowComponent = _this$props4.RowComponent;
|
224
225
|
// NOTE: Do not construct new object per render because it causes all rows rerendering
|
225
226
|
var headerProps = {
|
226
227
|
caption,
|
@@ -245,6 +246,7 @@ var Table = /*#__PURE__*/function (_PureComponent) {
|
|
245
246
|
});
|
246
247
|
var classes = classNames(this.props.className, {
|
247
248
|
[modules_1db4bbca.table]: true,
|
249
|
+
[modules_1db4bbca.wideFirstColumn]: this.props.wideFirstColumn,
|
248
250
|
[modules_1db4bbca.multiSelection]: selection.getSelected().size > 0,
|
249
251
|
[modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
|
250
252
|
[modules_1db4bbca.disabledHover]: this.props.disabledHover
|
@@ -280,7 +282,7 @@ var Table = /*#__PURE__*/function (_PureComponent) {
|
|
280
282
|
}
|
281
283
|
var ref = props.ref,
|
282
284
|
restProps = _objectWithoutProperties(props, _excluded);
|
283
|
-
var row = /*#__PURE__*/createElement(
|
285
|
+
var row = /*#__PURE__*/createElement(RowComponent, _objectSpread2(_objectSpread2({
|
284
286
|
innerRef: ref,
|
285
287
|
level: getItemLevel(value),
|
286
288
|
item: value,
|
@@ -400,7 +402,10 @@ _defineProperty(Table, "defaultProps", {
|
|
400
402
|
},
|
401
403
|
getCheckboxTooltip: function getCheckboxTooltip() {
|
402
404
|
return undefined;
|
403
|
-
}
|
405
|
+
},
|
406
|
+
RowComponent: RowWithFocusSensorCallbacks,
|
407
|
+
//TODO: change to false in 7.0
|
408
|
+
wideFirstColumn: true
|
404
409
|
});
|
405
410
|
Table.propTypes = {
|
406
411
|
className: PropTypes.string,
|
@@ -432,6 +437,7 @@ Table.propTypes = {
|
|
432
437
|
getCheckboxTooltip: PropTypes.func,
|
433
438
|
onItemDoubleClick: PropTypes.func,
|
434
439
|
onItemClick: PropTypes.func,
|
440
|
+
wideFirstColumn: PropTypes.bool,
|
435
441
|
// focusSensorHOC
|
436
442
|
focused: PropTypes.bool,
|
437
443
|
onFocusRestore: PropTypes.func,
|
@@ -11,7 +11,7 @@ import 'core-js/modules/es.array.reduce.js';
|
|
11
11
|
import 'core-js/modules/es.object.entries.js';
|
12
12
|
import 'core-js/modules/es.object.to-string.js';
|
13
13
|
|
14
|
-
var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
|
14
|
+
var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
|
15
15
|
|
16
16
|
var _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
|
17
17
|
var Size = {
|
@@ -31,13 +31,13 @@ import '../global/sniffer.js';
|
|
31
31
|
import 'sniffr';
|
32
32
|
import '../tab-trap/tab-trap.js';
|
33
33
|
import 'core-js/modules/es.array.filter.js';
|
34
|
-
import '../popup/position.js';
|
35
|
-
import 'core-js/modules/es.array.sort.js';
|
36
|
-
import '../popup/popup.consts.js';
|
37
34
|
import 'core-js/modules/es.array.iterator.js';
|
38
35
|
import 'core-js/modules/es.set.js';
|
39
36
|
import 'core-js/modules/es.string.split.js';
|
40
37
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
38
|
+
import '../popup/position.js';
|
39
|
+
import 'core-js/modules/es.array.sort.js';
|
40
|
+
import '../popup/popup.consts.js';
|
41
41
|
import '../popup/popup.target.js';
|
42
42
|
import 'core-js/modules/es.array.reduce.js';
|
43
43
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@jetbrains/ring-ui-built",
|
3
|
-
"version": "
|
3
|
+
"version": "7.0.0-beta.2",
|
4
4
|
"description": "JetBrains UI library",
|
5
5
|
"author": "JetBrains",
|
6
6
|
"license": "Apache-2.0",
|
@@ -88,7 +88,7 @@
|
|
88
88
|
}
|
89
89
|
},
|
90
90
|
"dependencies": {
|
91
|
-
"@jetbrains/icons": "^4.
|
91
|
+
"@jetbrains/icons": "^4.4.0",
|
92
92
|
"change-case": "^4.1.1",
|
93
93
|
"classnames": "^2.5.1",
|
94
94
|
"combokeys": "^3.0.1",
|
@@ -102,7 +102,7 @@
|
|
102
102
|
"just-debounce-it": "^3.2.0",
|
103
103
|
"memoize-one": "^6.0.0",
|
104
104
|
"prop-types": "^15.8.1",
|
105
|
-
"react-movable": "^3.
|
105
|
+
"react-movable": "^3.3.1",
|
106
106
|
"react-virtualized": "^9.22.5",
|
107
107
|
"react-waypoint": "^10.3.0",
|
108
108
|
"scrollbar-width": "^3.1.1",
|