@ansible/ansible-ui-framework 0.0.683 → 0.0.685
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/PageColumnModal.d.ts +1 -1
- package/framework/PageDetails/PageDetailsFromColumns.d.ts +1 -1
- package/framework/PageDialogs/BulkActionDialog.d.ts +1 -1
- package/framework/PageDialogs/BulkConfirmationDialog.d.ts +1 -1
- package/framework/PageDialogs/MultiSelectDialog.d.ts +1 -1
- package/framework/PageDialogs/SelectSingleDialog.d.ts +1 -1
- package/framework/PageDialogs/useSelectDialog.d.ts +1 -1
- package/framework/PageTable/PageTable.d.ts +1 -51
- package/framework/PageTable/PageTableCard.d.ts +2 -2
- package/framework/PageTable/PageTableColumn.d.ts +52 -0
- package/framework/PageTable/PageTableList.d.ts +2 -1
- package/framework/components/ErrorBoundary.d.ts +1 -1
- package/framework/components/pfcolors.d.ts +1 -1
- package/framework/index.d.ts +10 -8
- package/framework/useInMemoryView.d.ts +1 -1
- package/index.js +3726 -3725
- package/index.umd.cjs +62 -62
- package/package.json +1 -1
- package/style.css +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from './PageTable/
|
2
|
+
import { ITableColumn } from './PageTable/PageTableColumn';
|
3
3
|
export declare function useColumnModal<T extends object>(columns: ITableColumn<T>[]): {
|
4
4
|
openColumnModal: () => void;
|
5
5
|
columnModal: JSX.Element;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from '../PageTable/
|
2
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
3
3
|
export declare function PageDetailsFromColumns<T extends object>(props: {
|
4
4
|
item: T | undefined;
|
5
5
|
columns: ITableColumn<T>[];
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from '../PageTable/
|
2
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
3
3
|
import { BulkActionDialogProps } from './BulkActionDialog';
|
4
4
|
export interface BulkConfirmationDialog<T extends object> {
|
5
5
|
title: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from '../PageTable/
|
2
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
3
3
|
import { IToolbarFilter } from '../PageTable/PageToolbar';
|
4
4
|
import { ISelected } from '../PageTable/useTableItems';
|
5
5
|
import { IView } from '../useView';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from '../PageTable/
|
2
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
3
3
|
import { IToolbarFilter } from '../PageTable/PageToolbar';
|
4
4
|
import { ISelected } from '../PageTable/useTableItems';
|
5
5
|
import { IView } from '../useView';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ITableColumn } from '../PageTable/
|
2
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
3
3
|
import { IToolbarFilter } from '../PageTable/PageToolbar';
|
4
4
|
import { ISelected } from '../PageTable/useTableItems';
|
5
5
|
import { IView } from '../useView';
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
2
2
|
import { IPageAction } from '../PageActions/PageAction';
|
3
|
+
import { ITableColumn } from './PageTableColumn';
|
3
4
|
import { PageTableViewType } from './PageTableViewType';
|
4
5
|
import { IToolbarFilter } from './PageToolbar';
|
5
6
|
export type PageTableProps<T extends object> = {
|
@@ -52,54 +53,3 @@ export type PageTableProps<T extends object> = {
|
|
52
53
|
expandedRow?: (item: T) => ReactNode;
|
53
54
|
};
|
54
55
|
export declare function PageTable<T extends object>(props: PageTableProps<T>): JSX.Element;
|
55
|
-
type CellFn<T extends object, R> = (item: T) => R;
|
56
|
-
export interface ITableColumnCommon<T extends object> {
|
57
|
-
id?: string;
|
58
|
-
header: string;
|
59
|
-
minWidth?: number;
|
60
|
-
maxWidth?: number;
|
61
|
-
enabled?: boolean;
|
62
|
-
isIdColumn?: boolean;
|
63
|
-
sort?: string;
|
64
|
-
defaultSortDirection?: 'asc' | 'desc';
|
65
|
-
defaultSort?: boolean;
|
66
|
-
icon?: (item: T) => ReactNode;
|
67
|
-
card?: 'name' | 'subtitle' | 'description' | 'hidden';
|
68
|
-
list?: 'name' | 'subtitle' | 'description' | 'hidden' | 'primary' | 'secondary';
|
69
|
-
}
|
70
|
-
export declare enum TableColumnCardType {
|
71
|
-
'description' = 0,
|
72
|
-
'hidden' = 1,
|
73
|
-
'count' = 2
|
74
|
-
}
|
75
|
-
export interface ITableColumnTypeReactNode<T extends object> extends ITableColumnCommon<T> {
|
76
|
-
type?: undefined;
|
77
|
-
value?: CellFn<T, string | string[] | number | boolean>;
|
78
|
-
cell: CellFn<T, ReactNode | undefined>;
|
79
|
-
}
|
80
|
-
export interface ITableColumnTypeCount<T extends object> extends ITableColumnCommon<T> {
|
81
|
-
type: 'count';
|
82
|
-
value: CellFn<T, number | undefined>;
|
83
|
-
}
|
84
|
-
export interface ITableColumnTypeLabels<T extends object> extends ITableColumnCommon<T> {
|
85
|
-
type: 'labels';
|
86
|
-
value: CellFn<T, string[] | undefined>;
|
87
|
-
}
|
88
|
-
export interface ITableColumnTypeDateTime<T extends object> extends ITableColumnCommon<T> {
|
89
|
-
type: 'datetime';
|
90
|
-
value: CellFn<T, number | string | undefined>;
|
91
|
-
}
|
92
|
-
export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
|
93
|
-
type: 'description';
|
94
|
-
value: CellFn<T, string | undefined | null>;
|
95
|
-
}
|
96
|
-
export interface ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
|
97
|
-
type: 'text';
|
98
|
-
value: CellFn<T, string | null | undefined>;
|
99
|
-
}
|
100
|
-
export type ITableColumn<T extends object> = ITableColumnTypeReactNode<T> | ITableColumnTypeDateTime<T> | ITableColumnTypeLabels<T> | ITableColumnTypeCount<T> | ITableColumnTypeText<T> | ITableColumnTypeDescription<T>;
|
101
|
-
export declare function TableColumnCell<T extends object>(props: {
|
102
|
-
item: T;
|
103
|
-
column?: ITableColumn<T>;
|
104
|
-
}): JSX.Element;
|
105
|
-
export {};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
import { LabelColor } from '../components/pfcolors';
|
3
2
|
import { IPageAction } from '../PageActions/PageAction';
|
4
|
-
import {
|
3
|
+
import { LabelColor } from '../components/pfcolors';
|
4
|
+
import { ITableColumn } from './PageTableColumn';
|
5
5
|
export interface IPageTableCard {
|
6
6
|
id: string | number;
|
7
7
|
icon?: ReactNode;
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
type CellFn<T extends object, R> = (item: T) => R;
|
3
|
+
export interface ITableColumnCommon<T extends object> {
|
4
|
+
id?: string;
|
5
|
+
header: string;
|
6
|
+
minWidth?: number;
|
7
|
+
maxWidth?: number;
|
8
|
+
enabled?: boolean;
|
9
|
+
isIdColumn?: boolean;
|
10
|
+
sort?: string;
|
11
|
+
defaultSortDirection?: 'asc' | 'desc';
|
12
|
+
defaultSort?: boolean;
|
13
|
+
icon?: (item: T) => ReactNode;
|
14
|
+
card?: 'name' | 'subtitle' | 'description' | 'hidden';
|
15
|
+
list?: 'name' | 'subtitle' | 'description' | 'hidden' | 'primary' | 'secondary';
|
16
|
+
}
|
17
|
+
export declare enum TableColumnCardType {
|
18
|
+
'description' = 0,
|
19
|
+
'hidden' = 1,
|
20
|
+
'count' = 2
|
21
|
+
}
|
22
|
+
export interface ITableColumnTypeReactNode<T extends object> extends ITableColumnCommon<T> {
|
23
|
+
type?: undefined;
|
24
|
+
value?: CellFn<T, string | string[] | number | boolean>;
|
25
|
+
cell: CellFn<T, ReactNode | undefined>;
|
26
|
+
}
|
27
|
+
export interface ITableColumnTypeCount<T extends object> extends ITableColumnCommon<T> {
|
28
|
+
type: 'count';
|
29
|
+
value: CellFn<T, number | undefined>;
|
30
|
+
}
|
31
|
+
export interface ITableColumnTypeLabels<T extends object> extends ITableColumnCommon<T> {
|
32
|
+
type: 'labels';
|
33
|
+
value: CellFn<T, string[] | undefined>;
|
34
|
+
}
|
35
|
+
export interface ITableColumnTypeDateTime<T extends object> extends ITableColumnCommon<T> {
|
36
|
+
type: 'datetime';
|
37
|
+
value: CellFn<T, number | string | undefined>;
|
38
|
+
}
|
39
|
+
export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
|
40
|
+
type: 'description';
|
41
|
+
value: CellFn<T, string | undefined | null>;
|
42
|
+
}
|
43
|
+
export interface ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
|
44
|
+
type: 'text';
|
45
|
+
value: CellFn<T, string | null | undefined>;
|
46
|
+
}
|
47
|
+
export type ITableColumn<T extends object> = ITableColumnTypeReactNode<T> | ITableColumnTypeDateTime<T> | ITableColumnTypeLabels<T> | ITableColumnTypeCount<T> | ITableColumnTypeText<T> | ITableColumnTypeDescription<T>;
|
48
|
+
export declare function TableColumnCell<T extends object>(props: {
|
49
|
+
item: T;
|
50
|
+
column?: ITableColumn<T>;
|
51
|
+
}): JSX.Element;
|
52
|
+
export {};
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
import { IPageAction } from '../PageActions/PageAction';
|
3
|
-
import {
|
3
|
+
import { PageTableProps } from './PageTable';
|
4
|
+
import { ITableColumn } from './PageTableColumn';
|
4
5
|
export type PageTableListProps<T extends object> = PageTableProps<T>;
|
5
6
|
export declare function PageTableList<T extends object>(props: PageTableListProps<T>): JSX.Element;
|
6
7
|
export declare function useColumnsToDataList<T extends object>(tableColumns: ITableColumn<T>[], keyFn: (item: T) => string | number, isSelected?: (item: T) => boolean, selectItem?: (item: T) => void, unselectItem?: (item: T) => void, rowActions?: IPageAction<T>[], defaultCardSubtitle?: ReactNode, showSelect?: boolean): (item: T) => ReactNode;
|
@@ -10,6 +10,6 @@ declare class ErrorBoundary extends Component<Props, State> {
|
|
10
10
|
state: State;
|
11
11
|
static getDerivedStateFromError(_: Error): State;
|
12
12
|
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
13
|
-
render(): string | number | boolean | import("react").ReactFragment |
|
13
|
+
render(): string | number | boolean | JSX.Element | import("react").ReactFragment | null | undefined;
|
14
14
|
}
|
15
15
|
export default ErrorBoundary;
|
@@ -12,7 +12,7 @@ export declare enum PFColorE {
|
|
12
12
|
Disabled = "disabled"
|
13
13
|
}
|
14
14
|
export type PFColor = 'default' | 'green' | 'success' | 'blue' | 'info' | 'red' | 'danger' | 'yellow' | 'warning' | 'grey' | 'disabled';
|
15
|
-
export declare function getPatternflyColor(color: PFColor): "var(--pf-global--
|
15
|
+
export declare function getPatternflyColor(color: PFColor): "var(--pf-global--danger-color--100)" | "var(--pf-global--success-color--100)" | "var(--pf-global--warning-color--100)" | "var(--pf-global--info-color--100)" | "var(--pf-global--disabled-color--100)" | undefined;
|
16
16
|
export declare const pfSuccess = "var(--pf-global--success-color--100)";
|
17
17
|
export declare const pfDanger = "var(--pf-global--danger-color--100)";
|
18
18
|
export declare const pfWarning = "var(--pf-global--warning-color--100)";
|
package/framework/index.d.ts
CHANGED
@@ -1,13 +1,6 @@
|
|
1
|
-
export * from './components/BulkSelector';
|
2
|
-
export * from './components/Collapse';
|
3
|
-
export * from './components/Help';
|
4
|
-
export * from './components/icons/RunningIcon';
|
5
|
-
export * from './components/pfcolors';
|
6
|
-
export * from './components/Scrollable';
|
7
|
-
export * from './components/useBreakPoint';
|
8
1
|
export * from './PageActions/PageAction';
|
9
|
-
export * from './PageActions/PageActions';
|
10
2
|
export * from './PageActions/PageActionType';
|
3
|
+
export * from './PageActions/PageActions';
|
11
4
|
export * from './PageAlertToaster';
|
12
5
|
export * from './PageBody';
|
13
6
|
export * from './PageCells/BytesCell';
|
@@ -43,10 +36,19 @@ export * from './PageHeader';
|
|
43
36
|
export * from './PageLayout';
|
44
37
|
export * from './PageTable/PageTable';
|
45
38
|
export * from './PageTable/PageTableCards';
|
39
|
+
export * from './PageTable/PageTableColumn';
|
46
40
|
export * from './PageTable/PageToolbar';
|
47
41
|
export * from './PageTable/useTableItems';
|
48
42
|
export * from './PageTabs';
|
49
43
|
export * from './Settings';
|
44
|
+
export * from './components/BulkSelector';
|
45
|
+
export * from './components/Collapse';
|
46
|
+
export * from './components/Help';
|
47
|
+
export * from './components/Scrollable';
|
48
|
+
export * from './components/icons/RunningIcon';
|
49
|
+
export * from './components/pfcolors';
|
50
|
+
export * from './components/useBreakPoint';
|
50
51
|
export * from './useFrameworkTranslations';
|
51
52
|
export * from './useInMemoryView';
|
53
|
+
export * from './useView';
|
52
54
|
export * from './utils/compare';
|