@jetbrains/ring-ui-built 6.0.46-beta.0 → 6.0.47
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/table.js +1 -1
- package/components/form/form.js +1 -1
- package/components/input/input-legacy.js +1 -1
- package/components/input-size/input-size.js +1 -1
- package/components/style.css +1 -1
- package/components/table/simple-table.d.ts +60 -0
- package/components/table/simple-table.js +124 -0
- package/components/table/smart-table.d.ts +1 -0
- package/components/table/table.d.ts +2 -0
- package/components/table/table.js +5 -1
- package/components/toggle/toggle.js +1 -1
- package/components/tooltip/tooltip.js +3 -3
- package/package.json +1 -1
@@ -0,0 +1,60 @@
|
|
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
|
+
shortcuts?: import("react").Validator<import("../shortcuts/core").ShortcutsMap | null | undefined> | undefined;
|
49
|
+
};
|
50
|
+
static defaultProps: {
|
51
|
+
selectable: boolean;
|
52
|
+
wideFirstColumn: boolean;
|
53
|
+
};
|
54
|
+
state: {
|
55
|
+
selection: Selection<T>;
|
56
|
+
};
|
57
|
+
classes: string;
|
58
|
+
render(): import("react").JSX.Element;
|
59
|
+
}
|
60
|
+
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;
|
@@ -29,6 +29,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
|
|
29
29
|
alwaysShowDragHandle: boolean;
|
30
30
|
dragHandleTitle?: string;
|
31
31
|
stickyHeader: boolean;
|
32
|
+
wideFirstColumn: boolean;
|
32
33
|
getItemLevel: (item: T) => number;
|
33
34
|
getItemClassName: (item: T) => string | null | undefined;
|
34
35
|
getMetaColumnClassName: (item: T) => string | null | undefined;
|
@@ -78,6 +79,7 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
|
|
78
79
|
remoteSelection: boolean;
|
79
80
|
isDisabledSelectionVisible: () => boolean;
|
80
81
|
getCheckboxTooltip: () => undefined;
|
82
|
+
wideFirstColumn: boolean;
|
81
83
|
};
|
82
84
|
state: {
|
83
85
|
shortcutsScope: string;
|
@@ -245,6 +245,7 @@ var Table = /*#__PURE__*/function (_PureComponent) {
|
|
245
245
|
});
|
246
246
|
var classes = classNames(this.props.className, {
|
247
247
|
[modules_1db4bbca.table]: true,
|
248
|
+
[modules_1db4bbca.wideFirstColumn]: this.props.wideFirstColumn,
|
248
249
|
[modules_1db4bbca.multiSelection]: selection.getSelected().size > 0,
|
249
250
|
[modules_1db4bbca.userSelectNone]: this.state.userSelectNone,
|
250
251
|
[modules_1db4bbca.disabledHover]: this.props.disabledHover
|
@@ -400,7 +401,9 @@ _defineProperty(Table, "defaultProps", {
|
|
400
401
|
},
|
401
402
|
getCheckboxTooltip: function getCheckboxTooltip() {
|
402
403
|
return undefined;
|
403
|
-
}
|
404
|
+
},
|
405
|
+
//TODO: change to false in 7.0
|
406
|
+
wideFirstColumn: true
|
404
407
|
});
|
405
408
|
Table.propTypes = {
|
406
409
|
className: PropTypes.string,
|
@@ -432,6 +435,7 @@ Table.propTypes = {
|
|
432
435
|
getCheckboxTooltip: PropTypes.func,
|
433
436
|
onItemDoubleClick: PropTypes.func,
|
434
437
|
onItemClick: PropTypes.func,
|
438
|
+
wideFirstColumn: PropTypes.bool,
|
435
439
|
// focusSensorHOC
|
436
440
|
focused: PropTypes.bool,
|
437
441
|
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
|
|