@ansible/ansible-ui-framework 0.0.683 → 0.0.685

package/framework/PageColumnModal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableColumn } from './PageTable/PageTable';
+import { ITableColumn } from './PageTable/PageTableColumn';
 export declare function useColumnModal<T extends object>(columns: ITableColumn<T>[]): {
     openColumnModal: () => void;
     columnModal: JSX.Element;

package/framework/PageDetails/PageDetailsFromColumns.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableColumn } from '../PageTable/PageTable';
+import { ITableColumn } from '../PageTable/PageTableColumn';
 export declare function PageDetailsFromColumns<T extends object>(props: {
     item: T | undefined;
     columns: ITableColumn<T>[];

package/framework/PageDialogs/BulkActionDialog.d.ts

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

package/framework/PageDialogs/BulkConfirmationDialog.d.ts

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

package/framework/PageDialogs/MultiSelectDialog.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableColumn } from '../PageTable/PageTable';
+import { ITableColumn } from '../PageTable/PageTableColumn';
 import { IToolbarFilter } from '../PageTable/PageToolbar';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';

package/framework/PageDialogs/SelectSingleDialog.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableColumn } from '../PageTable/PageTable';
+import { ITableColumn } from '../PageTable/PageTableColumn';
 import { IToolbarFilter } from '../PageTable/PageToolbar';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';

package/framework/PageDialogs/useSelectDialog.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableColumn } from '../PageTable/PageTable';
+import { ITableColumn } from '../PageTable/PageTableColumn';
 import { IToolbarFilter } from '../PageTable/PageToolbar';
 import { ISelected } from '../PageTable/useTableItems';
 import { IView } from '../useView';

package/framework/PageTable/PageTable.d.ts

@@ -1,5 +1,6 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
+import { ITableColumn } from './PageTableColumn';
 import { PageTableViewType } from './PageTableViewType';
 import { IToolbarFilter } from './PageToolbar';
 export type PageTableProps<T extends object> = {
@@ -52,54 +53,3 @@ export type PageTableProps<T extends object> = {
     expandedRow?: (item: T) => ReactNode;
 };
 export declare function PageTable<T extends object>(props: PageTableProps<T>): JSX.Element;
-type CellFn<T extends object, R> = (item: T) => R;
-export interface ITableColumnCommon<T extends object> {
-    id?: string;
-    header: string;
-    minWidth?: number;
-    maxWidth?: number;
-    enabled?: boolean;
-    isIdColumn?: boolean;
-    sort?: string;
-    defaultSortDirection?: 'asc' | 'desc';
-    defaultSort?: boolean;
-    icon?: (item: T) => ReactNode;
-    card?: 'name' | 'subtitle' | 'description' | 'hidden';
-    list?: 'name' | 'subtitle' | 'description' | 'hidden' | 'primary' | 'secondary';
-}
-export declare enum TableColumnCardType {
-    'description' = 0,
-    'hidden' = 1,
-    'count' = 2
-}
-export interface ITableColumnTypeReactNode<T extends object> extends ITableColumnCommon<T> {
-    type?: undefined;
-    value?: CellFn<T, string | string[] | number | boolean>;
-    cell: CellFn<T, ReactNode | undefined>;
-}
-export interface ITableColumnTypeCount<T extends object> extends ITableColumnCommon<T> {
-    type: 'count';
-    value: CellFn<T, number | undefined>;
-}
-export interface ITableColumnTypeLabels<T extends object> extends ITableColumnCommon<T> {
-    type: 'labels';
-    value: CellFn<T, string[] | undefined>;
-}
-export interface ITableColumnTypeDateTime<T extends object> extends ITableColumnCommon<T> {
-    type: 'datetime';
-    value: CellFn<T, number | string | undefined>;
-}
-export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
-    type: 'description';
-    value: CellFn<T, string | undefined | null>;
-}
-export interface ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
-    type: 'text';
-    value: CellFn<T, string | null | undefined>;
-}
-export type ITableColumn<T extends object> = ITableColumnTypeReactNode<T> | ITableColumnTypeDateTime<T> | ITableColumnTypeLabels<T> | ITableColumnTypeCount<T> | ITableColumnTypeText<T> | ITableColumnTypeDescription<T>;
-export declare function TableColumnCell<T extends object>(props: {
-    item: T;
-    column?: ITableColumn<T>;
-}): JSX.Element;
-export {};

package/framework/PageTable/PageTableCard.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { LabelColor } from '../components/pfcolors';
 import { IPageAction } from '../PageActions/PageAction';
-import { ITableColumn } from './PageTable';
+import { LabelColor } from '../components/pfcolors';
+import { ITableColumn } from './PageTableColumn';
 export interface IPageTableCard {
     id: string | number;
     icon?: ReactNode;

package/framework/PageTable/PageTableColumn.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+type CellFn<T extends object, R> = (item: T) => R;
+export interface ITableColumnCommon<T extends object> {
+    id?: string;
+    header: string;
+    minWidth?: number;
+    maxWidth?: number;
+    enabled?: boolean;
+    isIdColumn?: boolean;
+    sort?: string;
+    defaultSortDirection?: 'asc' | 'desc';
+    defaultSort?: boolean;
+    icon?: (item: T) => ReactNode;
+    card?: 'name' | 'subtitle' | 'description' | 'hidden';
+    list?: 'name' | 'subtitle' | 'description' | 'hidden' | 'primary' | 'secondary';
+}
+export declare enum TableColumnCardType {
+    'description' = 0,
+    'hidden' = 1,
+    'count' = 2
+}
+export interface ITableColumnTypeReactNode<T extends object> extends ITableColumnCommon<T> {
+    type?: undefined;
+    value?: CellFn<T, string | string[] | number | boolean>;
+    cell: CellFn<T, ReactNode | undefined>;
+}
+export interface ITableColumnTypeCount<T extends object> extends ITableColumnCommon<T> {
+    type: 'count';
+    value: CellFn<T, number | undefined>;
+}
+export interface ITableColumnTypeLabels<T extends object> extends ITableColumnCommon<T> {
+    type: 'labels';
+    value: CellFn<T, string[] | undefined>;
+}
+export interface ITableColumnTypeDateTime<T extends object> extends ITableColumnCommon<T> {
+    type: 'datetime';
+    value: CellFn<T, number | string | undefined>;
+}
+export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
+    type: 'description';
+    value: CellFn<T, string | undefined | null>;
+}
+export interface ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
+    type: 'text';
+    value: CellFn<T, string | null | undefined>;
+}
+export type ITableColumn<T extends object> = ITableColumnTypeReactNode<T> | ITableColumnTypeDateTime<T> | ITableColumnTypeLabels<T> | ITableColumnTypeCount<T> | ITableColumnTypeText<T> | ITableColumnTypeDescription<T>;
+export declare function TableColumnCell<T extends object>(props: {
+    item: T;
+    column?: ITableColumn<T>;
+}): JSX.Element;
+export {};

package/framework/PageTable/PageTableList.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { IPageAction } from '../PageActions/PageAction';
-import { ITableColumn, PageTableProps } from './PageTable';
+import { PageTableProps } from './PageTable';
+import { ITableColumn } from './PageTableColumn';
 export type PageTableListProps<T extends object> = PageTableProps<T>;
 export declare function PageTableList<T extends object>(props: PageTableListProps<T>): JSX.Element;
 export declare function useColumnsToDataList<T extends object>(tableColumns: ITableColumn<T>[], keyFn: (item: T) => string | number, isSelected?: (item: T) => boolean, selectItem?: (item: T) => void, unselectItem?: (item: T) => void, rowActions?: IPageAction<T>[], defaultCardSubtitle?: ReactNode, showSelect?: boolean): (item: T) => ReactNode;

package/framework/components/ErrorBoundary.d.ts

@@ -10,6 +10,6 @@ declare class ErrorBoundary extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(_: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | JSX.Element | import("react").ReactFragment | null | undefined;
 }
 export default ErrorBoundary;

package/framework/components/pfcolors.d.ts

@@ -12,7 +12,7 @@ export declare enum PFColorE {
     Disabled = "disabled"
 }
 export type PFColor = 'default' | 'green' | 'success' | 'blue' | 'info' | 'red' | 'danger' | 'yellow' | 'warning' | 'grey' | 'disabled';
-export declare function getPatternflyColor(color: PFColor): "var(--pf-global--success-color--100)" | "var(--pf-global--danger-color--100)" | "var(--pf-global--warning-color--100)" | "var(--pf-global--info-color--100)" | "var(--pf-global--disabled-color--100)" | undefined;
+export declare function getPatternflyColor(color: PFColor): "var(--pf-global--danger-color--100)" | "var(--pf-global--success-color--100)" | "var(--pf-global--warning-color--100)" | "var(--pf-global--info-color--100)" | "var(--pf-global--disabled-color--100)" | undefined;
 export declare const pfSuccess = "var(--pf-global--success-color--100)";
 export declare const pfDanger = "var(--pf-global--danger-color--100)";
 export declare const pfWarning = "var(--pf-global--warning-color--100)";

package/framework/index.d.ts

@@ -1,13 +1,6 @@
-export * from './components/BulkSelector';
-export * from './components/Collapse';
-export * from './components/Help';
-export * from './components/icons/RunningIcon';
-export * from './components/pfcolors';
-export * from './components/Scrollable';
-export * from './components/useBreakPoint';
 export * from './PageActions/PageAction';
-export * from './PageActions/PageActions';
 export * from './PageActions/PageActionType';
+export * from './PageActions/PageActions';
 export * from './PageAlertToaster';
 export * from './PageBody';
 export * from './PageCells/BytesCell';
@@ -43,10 +36,19 @@ export * from './PageHeader';
 export * from './PageLayout';
 export * from './PageTable/PageTable';
 export * from './PageTable/PageTableCards';
+export * from './PageTable/PageTableColumn';
 export * from './PageTable/PageToolbar';
 export * from './PageTable/useTableItems';
 export * from './PageTabs';
 export * from './Settings';
+export * from './components/BulkSelector';
+export * from './components/Collapse';
+export * from './components/Help';
+export * from './components/Scrollable';
+export * from './components/icons/RunningIcon';
+export * from './components/pfcolors';
+export * from './components/useBreakPoint';
 export * from './useFrameworkTranslations';
 export * from './useInMemoryView';
+export * from './useView';
 export * from './utils/compare';

package/framework/useInMemoryView.d.ts

@@ -1,4 +1,4 @@
-import { ITableColumn } from './PageTable/PageTable';
+import { ITableColumn } from './PageTable/PageTableColumn';
 import { IToolbarFilter } from './PageTable/PageToolbar';
 import { ISelected } from './PageTable/useTableItems';
 import { IView } from './useView';