@ansible/ansible-ui-framework 0.0.670 → 0.0.671

package/framework/{BulkActionDialog.d.ts → PageDialogs/BulkActionDialog.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableColumn } from './PageTable/PageTable';
+import { ITableColumn } from '../PageTable/PageTable';
 export interface BulkActionDialogProps<T extends object> {
     title: string;
     items: T[];

package/framework/{BulkConfirmationDialog.d.ts → PageDialogs/BulkConfirmationDialog.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { ITableColumn } from '../PageTable/PageTable';
 import { BulkActionDialogProps } from './BulkActionDialog';
-import { ITableColumn } from './PageTable/PageTable';
 export interface BulkConfirmationDialog<T extends object> {
     title: string;
     prompt?: string;

package/framework/PageDialogs/MultiSelectDialog.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ITableColumn } from '../PageTable/PageTable';
+import { IToolbarFilter } from '../PageTable/PageToolbar';
+import { ISelected } from '../PageTable/useTableItems';
+import { IView } from '../useView';
+export type MultiSelectDialogProps<T extends object> = {
+    title: string;
+    view: IView & ISelected<T> & {
+        itemCount?: number;
+        pageItems: T[] | undefined;
+    };
+    tableColumns: ITableColumn<T>[];
+    toolbarFilters: IToolbarFilter[];
+    onSelect: (items: T[]) => void;
+    confirmText?: string;
+    cancelText?: string;
+    emptyStateTitle?: string;
+    errorStateTitle?: string;
+};
+export declare function MultiSelectDialog<T extends object>(props: MultiSelectDialogProps<T>): JSX.Element;

package/framework/PageDialogs/SelectSingleDialog.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ITableColumn } from '../PageTable/PageTable';
+import { IToolbarFilter } from '../PageTable/PageToolbar';
+import { ISelected } from '../PageTable/useTableItems';
+import { IView } from '../useView';
+export type SelectSingleDialogProps<T extends object> = {
+    title: string;
+    view: IView & ISelected<T> & {
+        itemCount?: number;
+        pageItems: T[] | undefined;
+    };
+    tableColumns: ITableColumn<T>[];
+    toolbarFilters: IToolbarFilter[];
+    onSelect: (item: T) => void;
+    confirmText?: string;
+    cancelText?: string;
+    emptyStateTitle?: string;
+    errorStateTitle?: string;
+};
+export declare function SelectSingleDialog<T extends object>(props: SelectSingleDialogProps<T>): JSX.Element;

package/framework/{useSelectDialog.d.ts → PageDialogs/useSelectDialog.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { ITableColumn } from './PageTable/PageTable';
-import { IToolbarFilter } from './PageTable/PageToolbar';
-import { ISelected } from './PageTable/useTableItems';
-import { IView } from './useView';
+import { ITableColumn } from '../PageTable/PageTable';
+import { IToolbarFilter } from '../PageTable/PageToolbar';
+import { ISelected } from '../PageTable/useTableItems';
+import { IView } from '../useView';
 interface ISelectDialogOptions<T extends object, TMultiple> {
     view: IView & ISelected<T> & {
         itemCount?: number;

package/framework/PageForm/Inputs/PageFormAsyncSelect.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { FieldPath, FieldValues } from 'react-hook-form';
+export interface PageFormAsyncSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, SelectionType = unknown> {
+    id?: string;
+    name: TFieldName;
+    label: string;
+    placeholder: string;
+    loadingPlaceholder: string;
+    loadingErrorText: string;
+    query: (page: number) => Promise<{
+        total: number;
+        values: SelectionType[];
+    }>;
+    valueToString: (value: SelectionType | undefined) => string;
+    isRequired?: boolean;
+    isReadOnly?: boolean;
+    openSelectDialog?: (onSelect: (value: SelectionType | undefined) => void, defaultSelection?: SelectionType) => void;
+    limit: number;
+}
+export declare function PageFormAsyncSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, SelectionType = any>(props: PageFormAsyncSelectProps<TFieldValues, TFieldName, SelectionType>): JSX.Element;
+export interface AsyncSelectProps<SelectionType> {
+    id?: string;
+    value: SelectionType | undefined;
+    valueToString: (value: SelectionType | undefined) => string;
+    onSelect: (value: SelectionType | undefined) => void;
+    query: (pageSize: number) => Promise<{
+        total: number;
+        values: SelectionType[];
+    }>;
+    placeholder: string;
+    loadingPlaceholder: string;
+    labeledBy?: string;
+    isReadOnly?: boolean;
+    helperTextInvalid?: string;
+    validated?: 'success' | 'warning' | 'error' | 'default';
+    showRefreshButton?: boolean;
+    isRequired?: boolean;
+    limit: number;
+    loadingError?: boolean;
+    openSelectDialog?: (onSelect: (value: SelectionType | undefined) => void, defaultSelection?: SelectionType) => void;
+}
+export declare function AsyncSelect<SelectionType>(props: AsyncSelectProps<SelectionType>): JSX.Element;

package/framework/index.d.ts

@@ -1,5 +1,3 @@
-export * from './BulkActionDialog';
-export * from './BulkConfirmationDialog';
 export * from './components/BulkSelector';
 export * from './components/Collapse';
 export * from './components/Help';
@@ -22,7 +20,11 @@ export * from './PageCells/TextCell';
 export * from './PageDetails/PageDetail';
 export * from './PageDetails/PageDetails';
 export * from './PageDetails/PageDetailsFromColumns';
-export * from './PageDialog';
+export * from './PageDialogs/BulkActionDialog';
+export * from './PageDialogs/BulkConfirmationDialog';
+export * from './PageDialogs/MultiSelectDialog';
+export * from './PageDialogs/PageDialog';
+export * from './PageDialogs/useSelectDialog';
 export * from './PageForm/Inputs/FormGroupSelect';
 export * from './PageForm/Inputs/FormGroupSelectOption';
 export * from './PageForm/Inputs/FormGroupTextArea';
@@ -47,6 +49,4 @@ export * from './PageTabs';
 export * from './Settings';
 export * from './useFrameworkTranslations';
 export * from './useInMemoryView';
-export * from './useSelectDialog';
-export * from './useSelectMultipleDialog';
 export * from './utils/compare';

package/framework/useFrameworkTranslations.d.ts

@@ -25,6 +25,8 @@ export interface IFrameworkTranslations {
     selectNone: string;
     pleaseFixValidationErrors: string;
     validating: string;
+    clickToRefresh: string;
+    unknownError: string;
 }
 export declare function FrameworkTranslationsProvider(props: {
     children: ReactNode;