@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.
Files changed (32) hide show
  1. package/framework/PageDialogs/MultiSelectDialog.d.ts +1 -1
  2. package/framework/PageDialogs/SelectSingleDialog.d.ts +1 -1
  3. package/framework/PageDialogs/useSelectDialog.d.ts +1 -1
  4. package/framework/PageInputs/PageAsyncMultiSelect.d.ts +2 -2
  5. package/framework/PageInputs/PageAsyncSingleSelect.d.ts +2 -2
  6. package/framework/PageInputs/PageSelectOption.d.ts +1 -3
  7. package/framework/PageInputs/PageSingleSelect.d.ts +1 -0
  8. package/framework/PageTable/PageTable.d.ts +2 -2
  9. package/framework/PageTable/PageTableColumn.d.ts +1 -1
  10. package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbar.d.ts +3 -3
  11. package/framework/PageToolbar/PageToolbarFilter.d.ts +19 -0
  12. package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarDateRangeFilter.d.ts +2 -2
  13. package/framework/PageToolbar/PageToolbarFilters/ToolbarMultiSelectFilter.d.ts +15 -0
  14. package/framework/PageToolbar/PageToolbarFilters/ToolbarSingleSelectFilter.d.ts +17 -0
  15. package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbarSort.d.ts +1 -1
  16. package/framework/index.d.ts +2 -2
  17. package/framework/useInMemoryView.d.ts +1 -1
  18. package/framework/useView.d.ts +1 -1
  19. package/index.js +13454 -13412
  20. package/index.umd.cjs +249 -249
  21. package/package.json +1 -1
  22. package/style.css +1 -1
  23. package/framework/PageTable/PageToolbar/PageToolbarFilter.d.ts +0 -18
  24. package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/Date.d.ts +0 -9
  25. package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarDateFilter.d.ts +0 -8
  26. package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarDateFilterWithOptions.d.ts +0 -21
  27. package/framework/PageTable/PageToolbar/PageToolbarFilterTypes/ToolbarSelectFilter.d.ts +0 -41
  28. /package/framework/{PageTable/PageToolbar → PageToolbar}/PageTableViewType.d.ts +0 -0
  29. /package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarFilterCommon.d.ts +0 -0
  30. /package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarFilters.cy.d.ts +0 -0
  31. /package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarTextFilter.d.ts +0 -0
  32. /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 { IPageSelectOption } from './PageSelectOption';
2
+ import { PageSelectOption } from './PageSelectOption';
3
3
  export interface PageAsyncMultiSelectQueryResult<ValueT> {
4
4
  total: number;
5
- options: IPageSelectOption<ValueT>[];
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 { IPageSelectOption } from './PageSelectOption';
1
+ import { PageSelectOption } from './PageSelectOption';
2
2
  import { PageSingleSelectProps } from './PageSingleSelect';
3
3
  export interface PageAsyncSingleSelectQueryResult<ValueT> {
4
4
  total: number;
5
- options: IPageSelectOption<ValueT>[];
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 IPageSelectOption<ValueT> {
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 './PageToolbar/PageTableViewType';
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 '../../PageActions/PageAction';
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 PageTableToolbarProps<T extends object> = {
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 PageTableToolbar<T extends object>(props: PageTableToolbarProps<T>): import("react/jsx-runtime").JSX.Element;
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
- values: string[];
21
- setValues: (values: string[]) => void;
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;
@@ -1,4 +1,4 @@
1
- import { ITableColumn } from '../PageTableColumn';
1
+ import { ITableColumn } from '../PageTable/PageTableColumn';
2
2
  export type PageToolbarSortProps = {
3
3
  sort?: string;
4
4
  setSort?: (sort: string) => void;
@@ -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;
@@ -1,5 +1,5 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
- import { IFilterState } from './PageTable/PageToolbar/PageToolbarFilter';
2
+ import { IFilterState } from './PageToolbar/PageToolbarFilter';
3
3
  export interface IView {
4
4
  page: number;
5
5
  setPage: (page: number) => void;