@jetbrains/ring-ui 5.0.59 → 5.0.61
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/alert/container.d.ts +1 -1
- package/components/analytics/analytics.d.ts +1 -1
- package/components/auth/auth__core.d.ts +1 -1
- package/components/auth-dialog-service/auth-dialog-service.d.ts +1 -1
- package/components/avatar/avatar.d.ts +1 -1
- package/components/button/button.d.ts +3 -3
- package/components/button-group/button-group.css +14 -0
- package/components/button-toolbar/button-toolbar.css +1 -0
- package/components/confirm/confirm.d.ts +1 -1
- package/components/confirm-service/confirm-service.d.ts +1 -1
- package/components/contenteditable/contenteditable.d.ts +2 -2
- package/components/data-list/data-list.d.ts +2 -2
- package/components/date-picker/consts.d.ts +1 -1
- package/components/date-picker/date-picker.d.ts +2 -2
- package/components/date-picker/date-popup.d.ts +1 -1
- package/components/dialog/dialog.d.ts +1 -1
- package/components/dropdown/dropdown.d.ts +1 -1
- package/components/editable-heading/editable-heading.css +1 -0
- package/components/editable-heading/editable-heading.d.ts +1 -1
- package/components/error-bubble/error-bubble.d.ts +1 -1
- package/components/footer/footer.d.ts +2 -2
- package/components/global/create-stateful-context.d.ts +1 -1
- package/components/global/data-tests.d.ts +1 -1
- package/components/global/focus-sensor-hoc.d.ts +2 -2
- package/components/global/fuzzy-highlight.d.ts +1 -1
- package/components/global/listeners.d.ts +1 -1
- package/components/grid/row.d.ts +1 -1
- package/components/header/header.d.ts +1 -1
- package/components/header/profile.d.ts +1 -1
- package/components/http/http.d.ts +1 -1
- package/components/hub-source/hub-source.d.ts +1 -1
- package/components/icon/icon.d.ts +2 -2
- package/components/input/input.d.ts +8 -8
- package/components/island/adaptive-island-hoc.d.ts +1 -1
- package/components/link/link.d.ts +2 -2
- package/components/list/consts.d.ts +2 -2
- package/components/list/list.css +6 -0
- package/components/list/list.d.ts +1 -1
- package/components/loader-inline/loader-inline.d.ts +1 -1
- package/components/login-dialog/login-dialog.d.ts +1 -1
- package/components/markdown/markdown.d.ts +1 -1
- package/components/message/message.d.ts +1 -1
- package/components/pager/pager.d.ts +1 -1
- package/components/popup/popup.d.ts +2 -2
- package/components/popup-menu/popup-menu.d.ts +1 -1
- package/components/progress-bar/progress-bar.d.ts +1 -1
- package/components/query-assist/query-assist.d.ts +1 -1
- package/components/select/select-popup.css +18 -3
- package/components/select/select.d.ts +7 -7
- package/components/select/select.js +3 -4
- package/components/select/select__filter.d.ts +1 -1
- package/components/select/select__filter.js +1 -2
- package/components/select/select__popup.d.ts +2 -2
- package/components/select/select__popup.js +4 -3
- package/components/shortcuts/core.d.ts +2 -2
- package/components/table/disable-hover-hoc.d.ts +1 -1
- package/components/table/header.d.ts +1 -1
- package/components/table/row.d.ts +1 -1
- package/components/table/selection-shortcuts-hoc.d.ts +1 -1
- package/components/table/table.d.ts +1 -1
- package/components/tabs/dumb-tabs.d.ts +2 -2
- package/components/tag/tag.d.ts +1 -1
- package/components/tags-input/tags-input.css +6 -0
- package/components/tags-input/tags-input.d.ts +1 -1
- package/components/tags-list/tags-list.d.ts +1 -1
- package/components/toggle/toggle.d.ts +1 -1
- package/components/tooltip/tooltip.d.ts +1 -1
- package/components/user-agreement/user-agreement.d.ts +1 -1
- package/components/user-card/card.d.ts +1 -1
- package/components/user-card/tooltip.d.ts +1 -1
- package/dist/_helpers/button-toolbar.js +1 -1
- package/dist/_helpers/select__filter.js +1 -3
- package/dist/alert/container.d.ts +1 -1
- package/dist/analytics/analytics.d.ts +1 -1
- package/dist/auth/auth__core.d.ts +1 -1
- package/dist/auth-dialog-service/auth-dialog-service.d.ts +1 -1
- package/dist/avatar/avatar.d.ts +1 -1
- package/dist/button/button.d.ts +3 -3
- package/dist/confirm/confirm.d.ts +1 -1
- package/dist/confirm-service/confirm-service.d.ts +1 -1
- package/dist/contenteditable/contenteditable.d.ts +2 -2
- package/dist/data-list/data-list.d.ts +2 -2
- package/dist/date-picker/consts.d.ts +1 -1
- package/dist/date-picker/date-picker.d.ts +2 -2
- package/dist/date-picker/date-popup.d.ts +1 -1
- package/dist/dialog/dialog.d.ts +1 -1
- package/dist/dropdown/dropdown.d.ts +1 -1
- package/dist/editable-heading/editable-heading.d.ts +1 -1
- package/dist/error-bubble/error-bubble.d.ts +1 -1
- package/dist/footer/footer.d.ts +2 -2
- package/dist/global/create-stateful-context.d.ts +1 -1
- package/dist/global/data-tests.d.ts +1 -1
- package/dist/global/focus-sensor-hoc.d.ts +2 -2
- package/dist/global/fuzzy-highlight.d.ts +1 -1
- package/dist/global/listeners.d.ts +1 -1
- package/dist/grid/row.d.ts +1 -1
- package/dist/header/header.d.ts +1 -1
- package/dist/header/profile.d.ts +1 -1
- package/dist/http/http.d.ts +1 -1
- package/dist/hub-source/hub-source.d.ts +1 -1
- package/dist/icon/icon.d.ts +2 -2
- package/dist/input/input.d.ts +8 -8
- package/dist/island/adaptive-island-hoc.d.ts +1 -1
- package/dist/link/link.d.ts +2 -2
- package/dist/list/consts.d.ts +2 -2
- package/dist/list/list.d.ts +1 -1
- package/dist/loader-inline/loader-inline.d.ts +1 -1
- package/dist/login-dialog/login-dialog.d.ts +1 -1
- package/dist/markdown/markdown.d.ts +1 -1
- package/dist/message/message.d.ts +1 -1
- package/dist/pager/pager.d.ts +1 -1
- package/dist/popup/popup.d.ts +2 -2
- package/dist/popup-menu/popup-menu.d.ts +1 -1
- package/dist/progress-bar/progress-bar.d.ts +1 -1
- package/dist/query-assist/query-assist.d.ts +1 -1
- package/dist/select/select.d.ts +7 -7
- package/dist/select/select.js +4 -6
- package/dist/select/select__filter.d.ts +1 -1
- package/dist/select/select__filter.js +1 -1
- package/dist/select/select__popup.d.ts +2 -2
- package/dist/select/select__popup.js +7 -3
- package/dist/shortcuts/core.d.ts +2 -2
- package/dist/style.css +1 -1
- package/dist/table/disable-hover-hoc.d.ts +1 -1
- package/dist/table/header.d.ts +1 -1
- package/dist/table/row.d.ts +1 -1
- package/dist/table/selection-shortcuts-hoc.d.ts +1 -1
- package/dist/table/table.d.ts +1 -1
- package/dist/tabs/dumb-tabs.d.ts +2 -2
- package/dist/tag/tag.d.ts +1 -1
- package/dist/tags-input/tags-input.d.ts +1 -1
- package/dist/tags-list/tags-list.d.ts +1 -1
- package/dist/toggle/toggle.d.ts +1 -1
- package/dist/tooltip/tooltip.d.ts +1 -1
- package/dist/user-agreement/user-agreement.d.ts +1 -1
- package/dist/user-card/card.d.ts +1 -1
- package/dist/user-card/tooltip.d.ts +1 -1
- package/package.json +26 -26
|
@@ -18,7 +18,7 @@ import rerenderHOC from '../global/rerender-hoc';
|
|
|
18
18
|
import fuzzyHighlight from '../global/fuzzy-highlight';
|
|
19
19
|
import memoize from '../global/memoize';
|
|
20
20
|
import { isArray } from '../global/typescript-utils';
|
|
21
|
-
import { ControlsHeightContext } from '../global/controls-height';
|
|
21
|
+
import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
|
|
22
22
|
import SelectPopup from './select__popup';
|
|
23
23
|
import styles from './select.css';
|
|
24
24
|
/**
|
|
@@ -398,7 +398,7 @@ export default class Select extends Component {
|
|
|
398
398
|
separator: reset.separator,
|
|
399
399
|
key: reset.label,
|
|
400
400
|
rgItemType: List.ListProps.Type.CUSTOM,
|
|
401
|
-
template: (<Button text className={styles.button} data-test="ring-select-reset-tags-button">
|
|
401
|
+
template: (<Button text className={styles.button} data-test="ring-select-reset-tags-button" height={ControlsHeight.S}>
|
|
402
402
|
{reset.label}
|
|
403
403
|
</Button>),
|
|
404
404
|
glyph: reset.glyph,
|
|
@@ -407,9 +407,8 @@ export default class Select extends Component {
|
|
|
407
407
|
}
|
|
408
408
|
_prependResetOption(shownData) {
|
|
409
409
|
const resetOption = this._getResetOption();
|
|
410
|
-
const margin = { rgItemType: List.ListProps.Type.MARGIN };
|
|
411
410
|
if (resetOption) {
|
|
412
|
-
const resetItems = [
|
|
411
|
+
const resetItems = [resetOption];
|
|
413
412
|
if (resetOption.separator) {
|
|
414
413
|
resetItems.push({
|
|
415
414
|
rgItemType: List.ListProps.Type.SEPARATOR
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component, RefCallback } from 'react';
|
|
2
2
|
import { InputAttrs } from '../input/input';
|
|
3
3
|
declare function noop(): void;
|
|
4
|
-
|
|
4
|
+
type SelectFilterProps = InputAttrs & {
|
|
5
5
|
inputRef: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
|
|
6
6
|
listId?: string | undefined;
|
|
7
7
|
};
|
|
@@ -4,7 +4,6 @@ import classNames from 'classnames';
|
|
|
4
4
|
import Input from '../input/input';
|
|
5
5
|
import sniffr from '../global/sniffer';
|
|
6
6
|
import { ActiveItemContext } from '../list/list';
|
|
7
|
-
import { ControlsHeight } from '../global/controls-height';
|
|
8
7
|
import styles from './select-popup.css';
|
|
9
8
|
function noop() { }
|
|
10
9
|
export default class SelectFilter extends Component {
|
|
@@ -35,7 +34,7 @@ export default class SelectFilter extends Component {
|
|
|
35
34
|
const { className, listId, ...restProps } = this.props;
|
|
36
35
|
const classes = classNames(styles.filter, className);
|
|
37
36
|
return (<ActiveItemContext.ValueContext.Consumer>
|
|
38
|
-
{activeItemId => (<Input {...restProps} aria-owns={listId} aria-activedescendant={activeItemId} autoComplete="off" autoFocus borderless
|
|
37
|
+
{activeItemId => (<Input {...restProps} aria-owns={listId} aria-activedescendant={activeItemId} autoComplete="off" autoFocus borderless inputRef={this.inputRef} className={classes}/>)}
|
|
39
38
|
</ActiveItemContext.ValueContext.Consumer>);
|
|
40
39
|
}
|
|
41
40
|
}
|
|
@@ -10,7 +10,7 @@ import Caret from '../caret/caret';
|
|
|
10
10
|
import { ListDataItem } from '../list/consts';
|
|
11
11
|
import { ShortcutsMap } from '../shortcuts/core';
|
|
12
12
|
import { SelectItem } from './select';
|
|
13
|
-
export
|
|
13
|
+
export type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
|
|
14
14
|
export interface Filter<T = unknown> {
|
|
15
15
|
fn?: FilterFn<T> | null | undefined;
|
|
16
16
|
fuzzy?: boolean | null | undefined;
|
|
@@ -123,4 +123,4 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
|
|
|
123
123
|
popupFilterShortcutsMap: ShortcutsMap;
|
|
124
124
|
render(): JSX.Element;
|
|
125
125
|
}
|
|
126
|
-
export
|
|
126
|
+
export type SelectPopupAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof SelectPopup, SelectPopupProps<T>>;
|
|
@@ -21,6 +21,7 @@ import Caret from '../caret/caret';
|
|
|
21
21
|
import Shortcuts from '../shortcuts/shortcuts';
|
|
22
22
|
import Button from '../button/button';
|
|
23
23
|
import Text from '../text/text';
|
|
24
|
+
import { ControlsHeight } from '../global/controls-height';
|
|
24
25
|
import { DEFAULT_DIRECTIONS } from '../popup/popup.consts';
|
|
25
26
|
import SelectFilter from './select__filter';
|
|
26
27
|
import styles from './select-popup.css';
|
|
@@ -176,10 +177,10 @@ export default class SelectPopup extends PureComponent {
|
|
|
176
177
|
getFilter() {
|
|
177
178
|
if (this.props.filter || this.props.tags) {
|
|
178
179
|
return (<div className={styles.filterWrapper} data-test="ring-select-popup-filter">
|
|
179
|
-
<Icon glyph={searchIcon} className={styles.filterIcon} data-test-custom="ring-select-popup-filter-icon"/>
|
|
180
|
-
<FilterWithShortcuts rgShortcutsOptions={this.state.popupFilterShortcutsOptions} rgShortcutsMap={this.popupFilterShortcutsMap} value={this.props.filterValue} inputRef={this.filterRef} onBlur={this.popupFilterOnBlur} onFocus={this.onFilterFocus} className="ring-js-shortcuts" placeholder={typeof this.props.filter === 'object'
|
|
180
|
+
{!this.props.tags && (<Icon glyph={searchIcon} className={styles.filterIcon} data-test-custom="ring-select-popup-filter-icon"/>)}
|
|
181
|
+
<FilterWithShortcuts rgShortcutsOptions={this.state.popupFilterShortcutsOptions} rgShortcutsMap={this.popupFilterShortcutsMap} value={this.props.filterValue} inputRef={this.filterRef} onBlur={this.popupFilterOnBlur} onFocus={this.onFilterFocus} className="ring-js-shortcuts" inputClassName={classNames({ [styles.filterWithTagsInput]: this.props.tags })} placeholder={typeof this.props.filter === 'object'
|
|
181
182
|
? this.props.filter.placeholder
|
|
182
|
-
: undefined} onChange={this.props.onFilter} onClick={this.onClickHandler} onClear={this.props.onClear} data-test-custom="ring-select-popup-filter-input" listId={this.props.listId} enableShortcuts={Object.keys(this.popupFilterShortcutsMap)}/>
|
|
183
|
+
: undefined} height={this.props.tags ? ControlsHeight.S : ControlsHeight.L} onChange={this.props.onFilter} onClick={this.onClickHandler} onClear={this.props.tags ? undefined : this.props.onClear} data-test-custom="ring-select-popup-filter-input" listId={this.props.listId} enableShortcuts={Object.keys(this.popupFilterShortcutsMap)}/>
|
|
183
184
|
</div>);
|
|
184
185
|
}
|
|
185
186
|
return null;
|
|
@@ -6,7 +6,7 @@ export interface ShortcutsScope {
|
|
|
6
6
|
scopeId: string;
|
|
7
7
|
options: ShortcutsScopeOptions;
|
|
8
8
|
}
|
|
9
|
-
|
|
9
|
+
type ShortcutsHandler = (e: KeyboardEvent, key: string, scopeId: string) => boolean | null | void;
|
|
10
10
|
export interface ShortcutsOptions {
|
|
11
11
|
scope?: string | null | undefined;
|
|
12
12
|
type?: string | undefined;
|
|
@@ -15,7 +15,7 @@ export interface ShortcutsParams extends ShortcutsOptions {
|
|
|
15
15
|
key: string | string[];
|
|
16
16
|
handler: ShortcutsHandler;
|
|
17
17
|
}
|
|
18
|
-
export
|
|
18
|
+
export type ShortcutsMap = Record<string, ShortcutsHandler>;
|
|
19
19
|
declare class Shortcuts {
|
|
20
20
|
ALLOW_SHORTCUTS_SELECTOR: string;
|
|
21
21
|
ROOT_SCOPE: {
|
|
@@ -2,7 +2,7 @@ import React, { ComponentType } from 'react';
|
|
|
2
2
|
export interface DisableHoverAddProps {
|
|
3
3
|
disabledHover: boolean;
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export type DisableHoverProps<P extends DisableHoverAddProps> = Omit<P, keyof DisableHoverAddProps>;
|
|
6
6
|
export default function disableHoverHOC<P extends DisableHoverAddProps>(ComposedComponent: ComponentType<P>): {
|
|
7
7
|
new (props: DisableHoverProps<P> | Readonly<DisableHoverProps<P>>): {
|
|
8
8
|
state: {
|
|
@@ -64,4 +64,4 @@ export default class Header extends PureComponent<HeaderProps> {
|
|
|
64
64
|
createCells(widths?: never[]): JSX.Element[];
|
|
65
65
|
render(): JSX.Element;
|
|
66
66
|
}
|
|
67
|
-
export
|
|
67
|
+
export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
|
|
@@ -55,4 +55,4 @@ export default class Row<T extends SelectionItem> extends PureComponent<RowProps
|
|
|
55
55
|
rowRef: (el: HTMLElement | null) => void;
|
|
56
56
|
render(): JSX.Element;
|
|
57
57
|
}
|
|
58
|
-
export
|
|
58
|
+
export type RowAttrs<T extends SelectionItem> = JSX.LibraryManagedAttributes<typeof Row, RowProps<T>>;
|
|
@@ -13,5 +13,5 @@ export interface SelectionShortcutsAddProps<T extends SelectionItem> {
|
|
|
13
13
|
onSelect: (selection: Selection<T>) => void;
|
|
14
14
|
shortcutsMap: ShortcutsMap;
|
|
15
15
|
}
|
|
16
|
-
export
|
|
16
|
+
export type SelectionShortcutsProps<T extends SelectionItem, P> = Omit<P, keyof SelectionShortcutsAddProps<T>> & SelectionShortcutsOuterProps<T>;
|
|
17
17
|
export default function selectionShortcutsHOC<T extends SelectionItem, P extends SelectionShortcutsAddProps<T>>(ComposedComponent: ComponentType<P>): ComponentType<SelectionShortcutsProps<T, P>>;
|
|
@@ -91,7 +91,7 @@ export declare class Table<T extends SelectionItem> extends PureComponent<TableP
|
|
|
91
91
|
restoreFocusWithoutScroll: () => void;
|
|
92
92
|
render(): JSX.Element;
|
|
93
93
|
}
|
|
94
|
-
export
|
|
94
|
+
export type TableAttrs<T extends SelectionItem> = DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>;
|
|
95
95
|
export default class TableContainer<T extends SelectionItem> extends Component<TableAttrs<T>> {
|
|
96
96
|
static propTypes: React.WeakValidationMap<SelectionShortcutsProps<SelectionItem, FocusSensorProps<TableProps<SelectionItem>, HTMLTableRowElement, typeof Table>>> | undefined;
|
|
97
97
|
Table: {
|
|
@@ -4,7 +4,7 @@ import { CollapsibleTabsProps } from './collapsible-tabs';
|
|
|
4
4
|
import { CustomItem } from './custom-item';
|
|
5
5
|
import { TabProps } from './tab';
|
|
6
6
|
export { CustomItem };
|
|
7
|
-
export
|
|
7
|
+
export type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
|
|
8
8
|
export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
|
|
9
9
|
children: Children;
|
|
10
10
|
onSelect: (key: string) => void;
|
|
@@ -29,5 +29,5 @@ declare class Tabs extends PureComponent<TabsProps> {
|
|
|
29
29
|
getTabTitle: (child: ReactElement<TabProps>, i: number) => JSX.Element;
|
|
30
30
|
render(): JSX.Element;
|
|
31
31
|
}
|
|
32
|
-
export
|
|
32
|
+
export type TabsAttrs = JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
|
|
33
33
|
export default Tabs;
|
package/components/tag/tag.d.ts
CHANGED
|
@@ -61,4 +61,4 @@ export default class Tag extends PureComponent<TagProps> {
|
|
|
61
61
|
renderRemoveIcon(): JSX.Element | null;
|
|
62
62
|
render(): JSX.Element;
|
|
63
63
|
}
|
|
64
|
-
export
|
|
64
|
+
export type TagAttrs = JSX.LibraryManagedAttributes<typeof Tag, TagProps>;
|
|
@@ -154,5 +154,5 @@ export declare const RerenderableTagsInput: {
|
|
|
154
154
|
UNSAFE_componentWillUpdate?(nextProps: Readonly<TagsInputProps>, nextState: Readonly<TagsInputState>, nextContext: any): void;
|
|
155
155
|
};
|
|
156
156
|
};
|
|
157
|
-
export
|
|
157
|
+
export type TagsInputAttrs = JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
|
|
158
158
|
export {};
|
|
@@ -42,5 +42,5 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
|
|
|
42
42
|
renderTag(tag: T, focusTag: boolean): JSX.Element;
|
|
43
43
|
render(): JSX.Element;
|
|
44
44
|
}
|
|
45
|
-
export
|
|
45
|
+
export type TagsListAttrs<T extends TagType = TagType> = JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
|
|
46
46
|
export {};
|
|
@@ -35,5 +35,5 @@ declare class Toggle extends PureComponent<ToggleProps> {
|
|
|
35
35
|
};
|
|
36
36
|
render(): JSX.Element;
|
|
37
37
|
}
|
|
38
|
-
export
|
|
38
|
+
export type ToggleAttrs = JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
|
|
39
39
|
export default Toggle;
|
|
@@ -61,5 +61,5 @@ export default class Tooltip extends Component<TooltipProps> {
|
|
|
61
61
|
onNestedTooltipHide: () => void;
|
|
62
62
|
render(): JSX.Element;
|
|
63
63
|
}
|
|
64
|
-
export
|
|
64
|
+
export type TooltipAttrs = JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
|
|
65
65
|
export {};
|
|
@@ -65,5 +65,5 @@ export default class UserAgreement extends PureComponent<UserAgreementProps> {
|
|
|
65
65
|
onScrollToBottom: () => void;
|
|
66
66
|
render(): JSX.Element;
|
|
67
67
|
}
|
|
68
|
-
export
|
|
68
|
+
export type UserAgreementAttrs = JSX.LibraryManagedAttributes<typeof UserAgreement, UserAgreementProps>;
|
|
69
69
|
export {};
|
|
@@ -49,4 +49,4 @@ export default class UserCard extends PureComponent<UserCardProps> {
|
|
|
49
49
|
};
|
|
50
50
|
render(): JSX.Element;
|
|
51
51
|
}
|
|
52
|
-
export
|
|
52
|
+
export type UserCardAttrs = JSX.LibraryManagedAttributes<typeof UserCard, UserCardProps>;
|
|
@@ -28,4 +28,4 @@ export default class UserCardTooltip extends Component<UserCardTooltipProps> {
|
|
|
28
28
|
};
|
|
29
29
|
render(): JSX.Element;
|
|
30
30
|
}
|
|
31
|
-
export
|
|
31
|
+
export type UserCardTooltipAttrs = JSX.LibraryManagedAttributes<typeof UserCardTooltip, UserCardTooltipProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var modules_34154ec0 = {"unit":"8px","button":"button_rui_0b90","light":"light_rui_f4fc","buttonToolbar":"buttonToolbar_rui_f4fc","buttonGroup":"buttonGroup_rui_f4fc"};
|
|
1
|
+
var modules_34154ec0 = {"unit":"8px","button":"button_rui_0b90","light":"light_rui_f4fc","buttonToolbar":"buttonToolbar_rui_f4fc","buttonGroup":"buttonGroup_rui_f4fc","split":"split_rui_f4fc"};
|
|
2
2
|
|
|
3
3
|
export { modules_34154ec0 as m };
|
|
@@ -5,9 +5,8 @@ import classNames from 'classnames';
|
|
|
5
5
|
import { Input } from '../input/input.js';
|
|
6
6
|
import sniffr from '../global/sniffer.js';
|
|
7
7
|
import { ActiveItemContext } from '../list/list.js';
|
|
8
|
-
import { ControlsHeight } from '../global/controls-height.js';
|
|
9
8
|
|
|
10
|
-
var modules_b607bec2 = {"unit":"8px","light":"light_rui_531d","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","
|
|
9
|
+
var modules_b607bec2 = {"unit":"8px","filterWithTagsFocused":"filterWithTagsFocused_rui_531d","light":"light_rui_531d","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsInput":"filterWithTagsInput_rui_531d","filter":"filter_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
|
|
11
10
|
|
|
12
11
|
function noop() {}
|
|
13
12
|
class SelectFilter extends Component {
|
|
@@ -48,7 +47,6 @@ class SelectFilter extends Component {
|
|
|
48
47
|
autoComplete: "off",
|
|
49
48
|
autoFocus: true,
|
|
50
49
|
borderless: true,
|
|
51
|
-
height: ControlsHeight.L,
|
|
52
50
|
inputRef: this.inputRef,
|
|
53
51
|
className: classes
|
|
54
52
|
})));
|
|
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
* @description Displays a stack of alerts on top of the page.
|
|
6
6
|
* @extends {PureComponent}
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
8
|
+
export type AlertContainerProps = HTMLAttributes<HTMLDivElement>;
|
|
9
9
|
export default class Alerts extends PureComponent<AlertContainerProps> {
|
|
10
10
|
static propTypes: {
|
|
11
11
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
@@ -81,7 +81,7 @@ export interface AuthConfig extends TokenValidatorConfig {
|
|
|
81
81
|
userParams?: RequestParams | undefined;
|
|
82
82
|
waitForRedirectTimeout: number;
|
|
83
83
|
}
|
|
84
|
-
|
|
84
|
+
type AuthPayloadMap = {
|
|
85
85
|
userChange: [AuthUser | undefined | void, void];
|
|
86
86
|
logout: [void, void];
|
|
87
87
|
logoutPostponed: [void, void];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
|
|
3
|
-
|
|
3
|
+
type AuthDialogAttributes = JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;
|
|
4
4
|
export default function showAuthDialog(props?: AuthDialogAttributes): () => void;
|
|
5
5
|
export {};
|
package/dist/avatar/avatar.d.ts
CHANGED
|
@@ -49,4 +49,4 @@ export default class Avatar extends PureComponent<AvatarProps> {
|
|
|
49
49
|
handleSuccess: () => void;
|
|
50
50
|
render(): JSX.Element;
|
|
51
51
|
}
|
|
52
|
-
export
|
|
52
|
+
export type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;
|
package/dist/button/button.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ export interface ButtonLinkProps extends ClickableLinkProps, ButtonBaseProps {
|
|
|
28
28
|
autoFocus?: never;
|
|
29
29
|
href: string;
|
|
30
30
|
}
|
|
31
|
-
export
|
|
31
|
+
export type ButtonProps = ButtonButtonProps | ButtonLinkProps;
|
|
32
32
|
/**
|
|
33
33
|
* @name Button
|
|
34
34
|
*/
|
|
@@ -63,6 +63,6 @@ export declare class Button extends PureComponent<ButtonProps> {
|
|
|
63
63
|
render(): JSX.Element;
|
|
64
64
|
}
|
|
65
65
|
export { Size as IconSize };
|
|
66
|
-
export
|
|
67
|
-
export
|
|
66
|
+
export type ContainerProps<T extends ButtonProps> = JSX.LibraryManagedAttributes<typeof Button, T>;
|
|
67
|
+
export type ButtonAttrs = ContainerProps<ButtonButtonProps> | ContainerProps<ButtonLinkProps>;
|
|
68
68
|
export default Button;
|
|
@@ -45,4 +45,4 @@ export default class Confirm extends PureComponent<ConfirmProps> {
|
|
|
45
45
|
onEscPress: () => void;
|
|
46
46
|
render(): JSX.Element;
|
|
47
47
|
}
|
|
48
|
-
export
|
|
48
|
+
export type ConfirmAttributes = JSX.LibraryManagedAttributes<typeof Confirm, ConfirmProps>;
|
|
@@ -4,7 +4,7 @@ import { ControlsHeight } from '../global/controls-height';
|
|
|
4
4
|
/**
|
|
5
5
|
* @name Confirm Service
|
|
6
6
|
*/
|
|
7
|
-
export
|
|
7
|
+
export type Props = ConfirmAttributes & {
|
|
8
8
|
buttonsHeight?: ControlsHeight;
|
|
9
9
|
};
|
|
10
10
|
export declare const containerElement: HTMLDivElement;
|
|
@@ -30,8 +30,8 @@ declare class ContentEditableBase extends Component<ContentEditableBaseProps> {
|
|
|
30
30
|
componentDidUpdate(prevProps: ContentEditableBaseProps): void;
|
|
31
31
|
render(): JSX.Element;
|
|
32
32
|
}
|
|
33
|
-
|
|
34
|
-
export
|
|
33
|
+
type ContentEditableBaseAttrs = JSX.LibraryManagedAttributes<typeof ContentEditableBase, ContentEditableBaseProps>;
|
|
34
|
+
export type ContentEditableProps = Omit<ContentEditableBaseAttrs, '__html'>;
|
|
35
35
|
declare const ContentEditable: {
|
|
36
36
|
({ children, ...props }: ContentEditableProps): JSX.Element;
|
|
37
37
|
propTypes: {
|
|
@@ -17,8 +17,8 @@ export interface DataListBaseProps<T extends SelectionItem> {
|
|
|
17
17
|
className?: string | null | undefined;
|
|
18
18
|
disabledHover?: boolean | null | undefined;
|
|
19
19
|
}
|
|
20
|
-
|
|
21
|
-
export
|
|
20
|
+
type FocusableProps<T extends SelectionItem> = DataListBaseProps<T> & DisableHoverAddProps & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsAddProps<T>;
|
|
21
|
+
export type DataListContainerProps<T extends SelectionItem> = DataListBaseProps<T> & FocusSensorOuterProps<HTMLDivElement> & SelectionShortcutsOuterProps<T>;
|
|
22
22
|
export default class DataListContainer<T extends SelectionItem> extends Component<DataListContainerProps<T>> {
|
|
23
23
|
static propTypes: React.WeakValidationMap<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<SelectionItem, FocusableProps<SelectionItem>>> | undefined;
|
|
24
24
|
DataList: {
|
|
@@ -10,7 +10,7 @@ export interface DatePickerTranslations extends Partial<DateInputTranslations> {
|
|
|
10
10
|
setDateTime: string;
|
|
11
11
|
setPeriod: string;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type DatePickerProps = Omit<DatePopupProps, 'translations' | 'parseDateInput' | 'onComplete' | 'hidden'> & {
|
|
14
14
|
className: string;
|
|
15
15
|
clear: boolean;
|
|
16
16
|
inline: boolean;
|
|
@@ -69,4 +69,4 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
|
|
|
69
69
|
getAnchorText: () => string;
|
|
70
70
|
render(): JSX.Element;
|
|
71
71
|
}
|
|
72
|
-
export
|
|
72
|
+
export type DatePickerAttrs = JSX.LibraryManagedAttributes<typeof DatePicker, DatePickerProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { DatePickerChange, DatePopupBaseProps, DateSpecificPopupProps, DatePopupState, RangeSpecificPopupProps, TimeSpecificPopupProps, Field } from './consts';
|
|
4
|
-
export
|
|
4
|
+
export type DatePopupProps = DatePopupBaseProps & (DateSpecificPopupProps | TimeSpecificPopupProps | RangeSpecificPopupProps);
|
|
5
5
|
export default class DatePopup extends Component<DatePopupProps, DatePopupState> {
|
|
6
6
|
static sameDay(next: Date | number | null, prev: Date | number | null): boolean;
|
|
7
7
|
static propTypes: {
|
package/dist/dialog/dialog.d.ts
CHANGED
|
@@ -72,5 +72,5 @@ export default class Dialog extends PureComponent<DialogProps> {
|
|
|
72
72
|
dialogRef: (tabTrap: TabTrap | null) => void;
|
|
73
73
|
render(): false | React.ReactPortal;
|
|
74
74
|
}
|
|
75
|
-
export
|
|
75
|
+
export type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;
|
|
76
76
|
export {};
|
|
@@ -73,5 +73,5 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
|
|
|
73
73
|
_clearTimer(): void;
|
|
74
74
|
render(): JSX.Element;
|
|
75
75
|
}
|
|
76
|
-
export
|
|
76
|
+
export type DropdownAttrs = JSX.LibraryManagedAttributes<typeof Dropdown, DropdownProps>;
|
|
77
77
|
export { Anchor };
|
|
@@ -7,7 +7,7 @@ export interface EditableHeadingTranslations {
|
|
|
7
7
|
save: string;
|
|
8
8
|
cancel: string;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
10
|
+
export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'> & {
|
|
11
11
|
level?: Levels;
|
|
12
12
|
headingClassName?: string | null;
|
|
13
13
|
inputClassName?: string | null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PureComponent, ReactElement } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
export
|
|
3
|
+
export type ErrorBubbleProps<P> = Partial<P> & {
|
|
4
4
|
className?: string | null | undefined;
|
|
5
5
|
children: ReactElement<P> | ReactElement<P>[];
|
|
6
6
|
error?: string | null | undefined;
|
package/dist/footer/footer.d.ts
CHANGED
|
@@ -15,8 +15,8 @@ export interface FooterLinkItem {
|
|
|
15
15
|
target?: HTMLAttributeAnchorTarget | undefined;
|
|
16
16
|
title?: string | undefined;
|
|
17
17
|
}
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
type FooterItem = FooterLinkItem | ReactChild;
|
|
19
|
+
type FooterItems = readonly (FooterItem | readonly FooterItem[])[];
|
|
20
20
|
export interface FooterProps {
|
|
21
21
|
className?: string | null | undefined;
|
|
22
22
|
floating?: boolean | null | undefined;
|
|
@@ -12,7 +12,7 @@ export interface FocusSensorAddProps<T extends HTMLElement> {
|
|
|
12
12
|
onFocusReset: () => void;
|
|
13
13
|
onFocusRestore: () => void;
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
export
|
|
15
|
+
type RestProps<P, T extends HTMLElement> = Omit<P, keyof FocusSensorAddProps<T>>;
|
|
16
|
+
export type FocusSensorProps<P extends FocusSensorAddProps<T>, T extends HTMLElement, C extends ComponentType<P>> = RestProps<JSX.LibraryManagedAttributes<C, P>, T> & FocusSensorOuterProps<T>;
|
|
17
17
|
export default function focusSensorHOC<T extends HTMLElement, P extends FocusSensorAddProps<T>, C extends ComponentType<P>>(ComposedComponent: C): ComponentType<FocusSensorProps<P, T, typeof ComposedComponent>>;
|
|
18
18
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type Handler<PM extends Record<string, [unknown, unknown]>, E extends keyof PM> = (data: PM[E][0]) => PM[E][1] | Promise<PM[E][1]>;
|
|
2
2
|
export default class Listeners<PM extends Record<string, [unknown, unknown]> = Record<string, [void, unknown]>> {
|
|
3
3
|
_all: Map<keyof PM, Set<Handler<PM, keyof PM>>>;
|
|
4
4
|
trigger<E extends keyof PM>(...[event, data]: PM[E][0] extends void ? [E] : [E, PM[E][0]]): Promise<PM[E][1][]>;
|
package/dist/grid/row.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component, ReactNode } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
declare const ModifierType: PropTypes.Requireable<string>;
|
|
4
|
-
|
|
4
|
+
type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
|
|
5
5
|
export interface RowProps {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
reverse?: boolean | null | undefined;
|
package/dist/header/header.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ declare class Header extends Component<HeaderProps> {
|
|
|
23
23
|
};
|
|
24
24
|
render(): JSX.Element;
|
|
25
25
|
}
|
|
26
|
-
export
|
|
26
|
+
export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
|
|
27
27
|
export default Header;
|
|
28
28
|
export { default as Logo } from './logo';
|
|
29
29
|
export { default as Tray } from './tray';
|
package/dist/header/profile.d.ts
CHANGED
|
@@ -70,4 +70,4 @@ export default class Profile extends PureComponent<ProfileProps> {
|
|
|
70
70
|
static Size: typeof Size;
|
|
71
71
|
render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
|
|
72
72
|
}
|
|
73
|
-
export
|
|
73
|
+
export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;
|
package/dist/http/http.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export interface FetchParams<T = unknown> extends Omit<RequestInit, 'body' | 'he
|
|
|
19
19
|
export interface RequestParams<RawBody extends boolean = true | false> extends FetchParams<RawBody extends true ? (BodyInit | null) : unknown> {
|
|
20
20
|
sendRawBody?: RawBody;
|
|
21
21
|
}
|
|
22
|
-
export
|
|
22
|
+
export type RequestParamsWithoutMethod<RawBody extends boolean = boolean> = Omit<RequestParams<RawBody>, 'method'>;
|
|
23
23
|
export interface HTTPAuth {
|
|
24
24
|
requestToken(): Promise<string | null> | string | null;
|
|
25
25
|
forceTokenUpdate(): Promise<string | null>;
|
|
@@ -3,7 +3,7 @@ import HTTP from '../http/http';
|
|
|
3
3
|
export interface Item {
|
|
4
4
|
name: string;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export type Response<I extends Item, U extends string> = Partial<Record<U, I[]>> & {
|
|
7
7
|
total: number;
|
|
8
8
|
};
|
|
9
9
|
export interface HubSourceOptions {
|
package/dist/icon/icon.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { PureComponent, ComponentType, SVGAttributes, HTMLAttributes } from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { Color, Size } from './icon__constants';
|
|
7
|
-
export
|
|
7
|
+
export type IconType = ComponentType<SVGAttributes<SVGSVGElement>>;
|
|
8
8
|
export interface IconProps extends HTMLAttributes<HTMLElement> {
|
|
9
9
|
color: Color;
|
|
10
10
|
glyph: string | IconType | null;
|
|
@@ -39,5 +39,5 @@ export default class Icon extends PureComponent<IconProps> {
|
|
|
39
39
|
} | undefined;
|
|
40
40
|
render(): JSX.Element | null;
|
|
41
41
|
}
|
|
42
|
-
export
|
|
42
|
+
export type IconAttrs = JSX.LibraryManagedAttributes<typeof Icon, IconProps>;
|
|
43
43
|
export { Color, Size };
|
package/dist/input/input.d.ts
CHANGED
|
@@ -26,16 +26,16 @@ export interface InputBaseProps {
|
|
|
26
26
|
height?: ControlsHeight | undefined;
|
|
27
27
|
afterInput?: ReactNode;
|
|
28
28
|
}
|
|
29
|
-
|
|
30
|
-
export
|
|
29
|
+
type Override<D, S> = Omit<D, keyof S> & S;
|
|
30
|
+
export type InputSpecificProps = Override<InputHTMLAttributes<HTMLInputElement>, InputBaseProps> & {
|
|
31
31
|
multiline?: false | undefined;
|
|
32
32
|
inputRef: Ref<HTMLInputElement>;
|
|
33
33
|
};
|
|
34
|
-
|
|
34
|
+
type TextAreaSpecificProps = Override<TextareaHTMLAttributes<HTMLTextAreaElement>, InputBaseProps> & {
|
|
35
35
|
multiline: true;
|
|
36
36
|
inputRef: Ref<HTMLTextAreaElement>;
|
|
37
37
|
};
|
|
38
|
-
export
|
|
38
|
+
export type InputProps = InputSpecificProps | TextAreaSpecificProps;
|
|
39
39
|
export declare class Input extends PureComponent<InputProps> {
|
|
40
40
|
static defaultProps: {
|
|
41
41
|
size: Size;
|
|
@@ -63,9 +63,9 @@ export declare class Input extends PureComponent<InputProps> {
|
|
|
63
63
|
handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
64
64
|
render(): JSX.Element;
|
|
65
65
|
}
|
|
66
|
-
export
|
|
67
|
-
export
|
|
68
|
-
export
|
|
69
|
-
export
|
|
66
|
+
export type ContainerProps<P extends InputProps> = JSX.LibraryManagedAttributes<typeof Input, P>;
|
|
67
|
+
export type InputSpecificAttrs = ContainerProps<InputSpecificProps>;
|
|
68
|
+
export type TextAreaSpecificAttrs = ContainerProps<TextAreaSpecificProps>;
|
|
69
|
+
export type InputAttrs = InputSpecificAttrs | TextAreaSpecificAttrs;
|
|
70
70
|
export default Input;
|
|
71
71
|
export { Size };
|