@ansible/ansible-ui-framework 2.4.301 → 2.4.303

package/framework/PageDialogs/MultiSelectDialog.d.ts

@@ -1,6 +1,6 @@
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
+import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
 import { IView } from '../useView';
 export type MultiSelectDialogProps<T extends object> = {
     title: string;

package/framework/PageDialogs/SelectSingleDialog.d.ts

@@ -1,6 +1,6 @@
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
+import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
 import { IView } from '../useView';
 export type SelectSingleDialogProps<T extends object> = {
     title: string;

package/framework/PageDialogs/useSelectDialog.d.ts

@@ -1,6 +1,6 @@
 import { ITableColumn } from '../PageTable/PageTableColumn';
-import { IToolbarFilter } from '../PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from '../PageTable/useTableItems';
+import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
 import { IView } from '../useView';
 interface ISelectDialogOptions<T extends object, TMultiple> {
     view: IView & ISelected<T> & {

package/framework/PageInputs/PageAsyncMultiSelect.d.ts

@@ -1,8 +1,8 @@
 import { PageMultiSelectProps } from './PageMultiSelect';
-import { IPageSelectOption } from './PageSelectOption';
+import { PageSelectOption } from './PageSelectOption';
 export interface PageAsyncMultiSelectQueryResult<ValueT> {
     total: number;
-    options: IPageSelectOption<ValueT>[];
+    options: PageSelectOption<ValueT>[];
 }
 export interface PageAsyncMultiSelectProps<ValueT> extends Omit<PageMultiSelectProps<ValueT>, 'options'> {
     queryOptions: (page: number, signal: AbortSignal) => Promise<PageAsyncMultiSelectQueryResult<ValueT>>;

package/framework/PageInputs/PageAsyncSingleSelect.d.ts

@@ -1,8 +1,8 @@
-import { IPageSelectOption } from './PageSelectOption';
+import { PageSelectOption } from './PageSelectOption';
 import { PageSingleSelectProps } from './PageSingleSelect';
 export interface PageAsyncSingleSelectQueryResult<ValueT> {
     total: number;
-    options: IPageSelectOption<ValueT>[];
+    options: PageSelectOption<ValueT>[];
 }
 export interface PageAsyncSingleSelectProps<ValueT> extends Omit<PageSingleSelectProps<ValueT>, 'options'> {
     queryOptions: (page: number, signal: AbortSignal) => Promise<PageAsyncSingleSelectQueryResult<ValueT>>;

package/framework/PageInputs/PageSelectOption.d.ts

@@ -1,8 +1,6 @@
-export interface IPageSelectOption<ValueT> {
+export interface PageSelectOption<ValueT> {
     key?: string | number;
     value: ValueT;
     label: string;
     description?: string;
 }
-export type PageSelectOption<ValueT = unknown> = string | number | IPageSelectOption<ValueT>;
-export declare function getPageSelectOptions<ValueT>(options: PageSelectOption<ValueT>[]): IPageSelectOption<ValueT>[];

package/framework/PageInputs/PageSingleSelect.d.ts

@@ -10,5 +10,6 @@ export interface PageSingleSelectProps<ValueT> {
     onSelect: (value: ValueT) => void;
     options: PageSelectOption<ValueT>[];
     footer?: ReactNode;
+    isRequired?: boolean;
 }
 export declare function PageSingleSelect<ValueT>(props: PageSingleSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;

package/framework/PageTable/PageTable.d.ts

@@ -1,9 +1,9 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
+import { PageTableViewType } from '../PageToolbar/PageTableViewType';
+import { IFilterState, IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
 import './PageTable.css';
 import { ITableColumn } from './PageTableColumn';
-import { PageTableViewType } from './PageToolbar/PageTableViewType';
-import { IFilterState, IToolbarFilter } from './PageToolbar/PageToolbarFilter';
 export type IPaginationRelatedProps = {
     page: number;
     perPage: number;

package/framework/PageTable/PageTableColumn.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { PageTableViewTypeE } from './PageToolbar/PageTableViewType';
+import { PageTableViewTypeE } from '../PageToolbar/PageTableViewType';
 export declare enum ColumnTableOption {
     Description = "description",
     Expanded = "expanded",

package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbar.d.ts

@@ -1,10 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
-import { IPageAction } from '../../PageActions/PageAction';
+import { IPageAction } from '../PageActions/PageAction';
 import { PageTableViewType } from './PageTableViewType';
 import './PageToolbar.css';
 import { IFilterState, IToolbarFilter } from './PageToolbarFilter';
 import { PageTableSortOption } from './PageToolbarSort';
-export type PageTableToolbarProps<T extends object> = {
+export type PageToolbarProps<T extends object> = {
     localStorageKey?: string;
     openColumnModal?: () => void;
     keyFn: (item: T) => string | number;
@@ -39,4 +39,4 @@ export type PageTableToolbarProps<T extends object> = {
     bottomBorder?: boolean;
     sortOptions?: PageTableSortOption[];
 };
-export declare function PageTableToolbar<T extends object>(props: PageTableToolbarProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function PageToolbar<T extends object>(props: PageToolbarProps<T>): import("react/jsx-runtime").JSX.Element;

package/framework/PageToolbar/PageToolbarFilter.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IToolbarDateRangeFilter } from './PageToolbarFilters/ToolbarDateRangeFilter';
+import { IToolbarMultiSelectFilter } from './PageToolbarFilters/ToolbarMultiSelectFilter';
+import { IToolbarSingleSelectFilter } from './PageToolbarFilters/ToolbarSingleSelectFilter';
+import { IToolbarTextFilter } from './PageToolbarFilters/ToolbarTextFilter';
+export declare enum ToolbarFilterType {
+    Text = 0,
+    SingleSelect = 1,
+    MultiSelect = 2,
+    DateRange = 3
+}
+export type IToolbarFilter = IToolbarTextFilter | IToolbarDateRangeFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter;
+export type IFilterState = Record<string, string[] | undefined>;
+export type PageToolbarFiltersProps = {
+    toolbarFilters?: IToolbarFilter[];
+    filterState: IFilterState;
+    setFilterState: Dispatch<SetStateAction<IFilterState>>;
+};
+export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;

package/framework/{PageTable/PageToolbar/PageToolbarFilterTypes → PageToolbar/PageToolbarFilters}/ToolbarDateRangeFilter.d.ts

@@ -17,8 +17,8 @@ export interface IToolbarDateRangeFilterProps {
     id?: string;
     label?: string;
     placeholder: string;
-    values: string[];
-    setValues: (values: string[]) => void;
+    filterValues?: string[] | undefined;
+    setFilterValues: (setter: (prevValues: string[] | undefined) => string[]) => void;
     options: IToolbarDateFilterOption[];
     isRequired?: boolean;
     defaultValue?: string;

package/framework/PageToolbar/PageToolbarFilters/ToolbarMultiSelectFilter.d.ts

@@ -0,0 +1,15 @@
+import { PageSelectOption } from '../../PageInputs/PageSelectOption';
+import { ToolbarFilterType } from '../PageToolbarFilter';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarMultiSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.MultiSelect;
+    options: PageSelectOption<string>[];
+    placeholder: string;
+}
+export declare function ToolbarMultiSelectFilter(props: {
+    id?: string;
+    placeholder: string;
+    filterValues: string[] | undefined;
+    setFilterValues: (setter: (prevValues: string[] | undefined) => string[] | undefined) => void;
+    options: PageSelectOption<string>[];
+}): import("react/jsx-runtime").JSX.Element;

package/framework/PageToolbar/PageToolbarFilters/ToolbarSingleSelectFilter.d.ts

@@ -0,0 +1,17 @@
+import { PageSelectOption } from '../../PageInputs/PageSelectOption';
+import { ToolbarFilterType } from '../PageToolbarFilter';
+import { ToolbarFilterCommon } from './ToolbarFilterCommon';
+export interface IToolbarSingleSelectFilter extends ToolbarFilterCommon {
+    type: ToolbarFilterType.SingleSelect;
+    options: PageSelectOption<string>[];
+    isRequired?: boolean;
+    placeholder: string;
+}
+export declare function ToolbarSingleSelectFilter(props: {
+    id?: string;
+    placeholder: string;
+    filterValues: string[] | undefined;
+    setFilterValues: (setter: (prevValues: string[] | undefined) => string[] | undefined) => void;
+    options: PageSelectOption<string>[];
+    isRequired?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/framework/{PageTable/PageToolbar → PageToolbar}/PageToolbarSort.d.ts

@@ -1,4 +1,4 @@
-import { ITableColumn } from '../PageTableColumn';
+import { ITableColumn } from '../PageTable/PageTableColumn';
 export type PageToolbarSortProps = {
     sort?: string;
     setSort?: (sort: string) => void;

package/framework/index.d.ts

@@ -43,10 +43,10 @@ export * from './PageNav/PageNavSidebar';
 export * from './PageTable/PageTable';
 export * from './PageTable/PageTableCards';
 export * from './PageTable/PageTableColumn';
-export * from './PageTable/PageToolbar/PageToolbar';
-export * from './PageTable/PageToolbar/PageToolbarFilter';
 export * from './PageTable/useTableItems';
 export * from './PageTabs';
+export * from './PageToolbar/PageToolbar';
+export * from './PageToolbar/PageToolbarFilter';
 export * from './Settings';
 export * from './components/BulkSelector';
 export * from './components/Collapse';

package/framework/useInMemoryView.d.ts

@@ -1,6 +1,6 @@
 import { ITableColumn } from './PageTable/PageTableColumn';
-import { IToolbarFilter } from './PageTable/PageToolbar/PageToolbarFilter';
 import { ISelected } from './PageTable/useTableItems';
+import { IToolbarFilter } from './PageToolbar/PageToolbarFilter';
 import { IView } from './useView';
 export type IInMemoryView<T extends object> = IView & ISelected<T> & {
     itemCount: number | undefined;

package/framework/useView.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { IFilterState } from './PageTable/PageToolbar/PageToolbarFilter';
+import { IFilterState } from './PageToolbar/PageToolbarFilter';
 export interface IView {
     page: number;
     setPage: (page: number) => void;