@ansible/ansible-ui-framework 2.4.301 → 2.4.303
Sign up to get free protection for your applications and to get access to all the features.
- 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/PageInputs/PageAsyncMultiSelect.d.ts +2 -2
- package/framework/PageInputs/PageAsyncSingleSelect.d.ts +2 -2
- package/framework/PageInputs/PageSelectOption.d.ts +1 -3
- package/framework/PageInputs/PageSingleSelect.d.ts +1 -0
- package/framework/PageTable/PageTable.d.ts +2 -2
- package/framework/PageTable/PageTableColumn.d.ts +1 -1
- package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbar.d.ts +3 -3
- package/framework/PageToolbar/PageToolbarFilter.d.ts +19 -0
- package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarDateRangeFilter.d.ts +2 -2
- package/framework/PageToolbar/PageToolbarFilters/ToolbarMultiSelectFilter.d.ts +15 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarSingleSelectFilter.d.ts +17 -0
- package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbarSort.d.ts +1 -1
- package/framework/index.d.ts +2 -2
- package/framework/useInMemoryView.d.ts +1 -1
- package/framework/useView.d.ts +1 -1
- package/index.js +13454 -13412
- package/index.umd.cjs +249 -249
- package/package.json +1 -1
- package/style.css +1 -1
- package/framework/PageTable/PageToolbar/PageToolbarFilter.d.ts +0 -18
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/Date.d.ts +0 -9
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarDateFilter.d.ts +0 -8
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarDateFilterWithOptions.d.ts +0 -21
- package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarSelectFilter.d.ts +0 -41
- /package/framework/{PageTable/PageToolbar → PageToolbar}/PageTableViewType.d.ts +0 -0
- /package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarFilterCommon.d.ts +0 -0
- /package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarFilters.cy.d.ts +0 -0
- /package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarTextFilter.d.ts +0 -0
- /package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbarView.d.ts +0 -0
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
|
3
2
|
import { ISelected } from '../PageTable/useTableItems';
|
3
|
+
import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
|
4
4
|
import { IView } from '../useView';
|
5
5
|
export type MultiSelectDialogProps<T extends object> = {
|
6
6
|
title: string;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
|
3
2
|
import { ISelected } from '../PageTable/useTableItems';
|
3
|
+
import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
|
4
4
|
import { IView } from '../useView';
|
5
5
|
export type SelectSingleDialogProps<T extends object> = {
|
6
6
|
title: string;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
|
3
2
|
import { ISelected } from '../PageTable/useTableItems';
|
3
|
+
import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
|
4
4
|
import { IView } from '../useView';
|
5
5
|
interface ISelectDialogOptions<T extends object, TMultiple> {
|
6
6
|
view: IView & ISelected<T> & {
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { PageMultiSelectProps } from './PageMultiSelect';
|
2
|
-
import {
|
2
|
+
import { PageSelectOption } from './PageSelectOption';
|
3
3
|
export interface PageAsyncMultiSelectQueryResult<ValueT> {
|
4
4
|
total: number;
|
5
|
-
options:
|
5
|
+
options: PageSelectOption<ValueT>[];
|
6
6
|
}
|
7
7
|
export interface PageAsyncMultiSelectProps<ValueT> extends Omit<PageMultiSelectProps<ValueT>, 'options'> {
|
8
8
|
queryOptions: (page: number, signal: AbortSignal) => Promise<PageAsyncMultiSelectQueryResult<ValueT>>;
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { PageSelectOption } from './PageSelectOption';
|
2
2
|
import { PageSingleSelectProps } from './PageSingleSelect';
|
3
3
|
export interface PageAsyncSingleSelectQueryResult<ValueT> {
|
4
4
|
total: number;
|
5
|
-
options:
|
5
|
+
options: PageSelectOption<ValueT>[];
|
6
6
|
}
|
7
7
|
export interface PageAsyncSingleSelectProps<ValueT> extends Omit<PageSingleSelectProps<ValueT>, 'options'> {
|
8
8
|
queryOptions: (page: number, signal: AbortSignal) => Promise<PageAsyncSingleSelectQueryResult<ValueT>>;
|
@@ -1,8 +1,6 @@
|
|
1
|
-
export interface
|
1
|
+
export interface PageSelectOption<ValueT> {
|
2
2
|
key?: string | number;
|
3
3
|
value: ValueT;
|
4
4
|
label: string;
|
5
5
|
description?: string;
|
6
6
|
}
|
7
|
-
export type PageSelectOption<ValueT = unknown> = string | number | IPageSelectOption<ValueT>;
|
8
|
-
export declare function getPageSelectOptions<ValueT>(options: PageSelectOption<ValueT>[]): IPageSelectOption<ValueT>[];
|
@@ -10,5 +10,6 @@ export interface PageSingleSelectProps<ValueT> {
|
|
10
10
|
onSelect: (value: ValueT) => void;
|
11
11
|
options: PageSelectOption<ValueT>[];
|
12
12
|
footer?: ReactNode;
|
13
|
+
isRequired?: boolean;
|
13
14
|
}
|
14
15
|
export declare function PageSingleSelect<ValueT>(props: PageSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
2
2
|
import { IPageAction } from '../PageActions/PageAction';
|
3
|
+
import { PageTableViewType } from '../PageToolbar/PageTableViewType';
|
4
|
+
import { IFilterState, IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
|
3
5
|
import './PageTable.css';
|
4
6
|
import { ITableColumn } from './PageTableColumn';
|
5
|
-
import { PageTableViewType } from './PageToolbar/PageTableViewType';
|
6
|
-
import { IFilterState, IToolbarFilter } from './PageToolbar/PageToolbarFilter';
|
7
7
|
export type IPaginationRelatedProps = {
|
8
8
|
page: number;
|
9
9
|
perPage: number;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
import { PageTableViewTypeE } from '
|
2
|
+
import { PageTableViewTypeE } from '../PageToolbar/PageTableViewType';
|
3
3
|
export declare enum ColumnTableOption {
|
4
4
|
Description = "description",
|
5
5
|
Expanded = "expanded",
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
2
|
-
import { IPageAction } from '
|
2
|
+
import { IPageAction } from '../PageActions/PageAction';
|
3
3
|
import { PageTableViewType } from './PageTableViewType';
|
4
4
|
import './PageToolbar.css';
|
5
5
|
import { IFilterState, IToolbarFilter } from './PageToolbarFilter';
|
6
6
|
import { PageTableSortOption } from './PageToolbarSort';
|
7
|
-
export type
|
7
|
+
export type PageToolbarProps<T extends object> = {
|
8
8
|
localStorageKey?: string;
|
9
9
|
openColumnModal?: () => void;
|
10
10
|
keyFn: (item: T) => string | number;
|
@@ -39,4 +39,4 @@ export type PageTableToolbarProps<T extends object> = {
|
|
39
39
|
bottomBorder?: boolean;
|
40
40
|
sortOptions?: PageTableSortOption[];
|
41
41
|
};
|
42
|
-
export declare function
|
42
|
+
export declare function PageToolbar<T extends object>(props: PageToolbarProps<T>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
2
|
+
import { IToolbarDateRangeFilter } from './PageToolbarFilters/ToolbarDateRangeFilter';
|
3
|
+
import { IToolbarMultiSelectFilter } from './PageToolbarFilters/ToolbarMultiSelectFilter';
|
4
|
+
import { IToolbarSingleSelectFilter } from './PageToolbarFilters/ToolbarSingleSelectFilter';
|
5
|
+
import { IToolbarTextFilter } from './PageToolbarFilters/ToolbarTextFilter';
|
6
|
+
export declare enum ToolbarFilterType {
|
7
|
+
Text = 0,
|
8
|
+
SingleSelect = 1,
|
9
|
+
MultiSelect = 2,
|
10
|
+
DateRange = 3
|
11
|
+
}
|
12
|
+
export type IToolbarFilter = IToolbarTextFilter | IToolbarDateRangeFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter;
|
13
|
+
export type IFilterState = Record<string, string[] | undefined>;
|
14
|
+
export type PageToolbarFiltersProps = {
|
15
|
+
toolbarFilters?: IToolbarFilter[];
|
16
|
+
filterState: IFilterState;
|
17
|
+
setFilterState: Dispatch<SetStateAction<IFilterState>>;
|
18
|
+
};
|
19
|
+
export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;
|
@@ -17,8 +17,8 @@ export interface IToolbarDateRangeFilterProps {
|
|
17
17
|
id?: string;
|
18
18
|
label?: string;
|
19
19
|
placeholder: string;
|
20
|
-
|
21
|
-
|
20
|
+
filterValues?: string[] | undefined;
|
21
|
+
setFilterValues: (setter: (prevValues: string[] | undefined) => string[]) => void;
|
22
22
|
options: IToolbarDateFilterOption[];
|
23
23
|
isRequired?: boolean;
|
24
24
|
defaultValue?: string;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { PageSelectOption } from '../../PageInputs/PageSelectOption';
|
2
|
+
import { ToolbarFilterType } from '../PageToolbarFilter';
|
3
|
+
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
4
|
+
export interface IToolbarMultiSelectFilter extends ToolbarFilterCommon {
|
5
|
+
type: ToolbarFilterType.MultiSelect;
|
6
|
+
options: PageSelectOption<string>[];
|
7
|
+
placeholder: string;
|
8
|
+
}
|
9
|
+
export declare function ToolbarMultiSelectFilter(props: {
|
10
|
+
id?: string;
|
11
|
+
placeholder: string;
|
12
|
+
filterValues: string[] | undefined;
|
13
|
+
setFilterValues: (setter: (prevValues: string[] | undefined) => string[] | undefined) => void;
|
14
|
+
options: PageSelectOption<string>[];
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { PageSelectOption } from '../../PageInputs/PageSelectOption';
|
2
|
+
import { ToolbarFilterType } from '../PageToolbarFilter';
|
3
|
+
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
4
|
+
export interface IToolbarSingleSelectFilter extends ToolbarFilterCommon {
|
5
|
+
type: ToolbarFilterType.SingleSelect;
|
6
|
+
options: PageSelectOption<string>[];
|
7
|
+
isRequired?: boolean;
|
8
|
+
placeholder: string;
|
9
|
+
}
|
10
|
+
export declare function ToolbarSingleSelectFilter(props: {
|
11
|
+
id?: string;
|
12
|
+
placeholder: string;
|
13
|
+
filterValues: string[] | undefined;
|
14
|
+
setFilterValues: (setter: (prevValues: string[] | undefined) => string[] | undefined) => void;
|
15
|
+
options: PageSelectOption<string>[];
|
16
|
+
isRequired?: boolean;
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
package/framework/index.d.ts
CHANGED
@@ -43,10 +43,10 @@ export * from './PageNav/PageNavSidebar';
|
|
43
43
|
export * from './PageTable/PageTable';
|
44
44
|
export * from './PageTable/PageTableCards';
|
45
45
|
export * from './PageTable/PageTableColumn';
|
46
|
-
export * from './PageTable/PageToolbar/PageToolbar';
|
47
|
-
export * from './PageTable/PageToolbar/PageToolbarFilter';
|
48
46
|
export * from './PageTable/useTableItems';
|
49
47
|
export * from './PageTabs';
|
48
|
+
export * from './PageToolbar/PageToolbar';
|
49
|
+
export * from './PageToolbar/PageToolbarFilter';
|
50
50
|
export * from './Settings';
|
51
51
|
export * from './components/BulkSelector';
|
52
52
|
export * from './components/Collapse';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ITableColumn } from './PageTable/PageTableColumn';
|
2
|
-
import { IToolbarFilter } from './PageTable/PageToolbar/PageToolbarFilter';
|
3
2
|
import { ISelected } from './PageTable/useTableItems';
|
3
|
+
import { IToolbarFilter } from './PageToolbar/PageToolbarFilter';
|
4
4
|
import { IView } from './useView';
|
5
5
|
export type IInMemoryView<T extends object> = IView & ISelected<T> & {
|
6
6
|
itemCount: number | undefined;
|
package/framework/useView.d.ts
CHANGED