@ansible/ansible-ui-framework 2.4.301 → 2.4.303
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/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