@ansible/ansible-ui-framework 0.0.702 → 0.0.704

package/framework/PageDetails/PageDetails.d.ts

@@ -2,4 +2,5 @@ import { ReactNode } from 'react';
 export declare function PageDetails(props: {
     children?: ReactNode;
     disablePadding?: boolean;
+    numberOfColumns?: 'multiple' | 'single';
 }): JSX.Element;

package/framework/PageDetails/PageDetailsFromColumns.d.ts

@@ -3,4 +3,6 @@ import { ITableColumn } from '../PageTable/PageTableColumn';
 export declare function PageDetailsFromColumns<T extends object>(props: {
     item: T | undefined;
     columns: ITableColumn<T>[];
+    disablePadding?: boolean;
+    numberOfColumns?: 'multiple' | 'single';
 }): JSX.Element;

package/framework/PageTable/PageTable.d.ts

@@ -32,7 +32,6 @@ export type PageTableProps<T extends object> = {
     selectItems?: (items: T[]) => void;
     unselectAll?: () => void;
     onSelect?: (item: T) => void;
-    selectNoneText?: string;
     errorStateTitle: string;
     error?: Error;
     emptyStateTitle: string;

package/framework/PageTable/PageTableColumn.d.ts

@@ -1,6 +1,30 @@
 import { ReactNode } from 'react';
-type CellFn<T extends object, R> = (item: T) => R;
-export interface ITableColumnCommon<T extends object> {
+import { PageTableViewTypeE } from './PageTableViewType';
+export declare enum ColumnTableOption {
+    Key = "key",
+    Description = "description",
+    Expanded = "expanded",
+    Hidden = "hidden",
+    Id = "id"
+}
+export declare enum ColumnListOption {
+    Name = "name",
+    Subtitle = "subtitle",
+    Description = "description",
+    Hidden = "hidden",
+    Primary = "primary",
+    Secondary = "secondary"
+}
+export declare enum ColumnCardOption {
+    Name = "name",
+    Subtitle = "subtitle",
+    Description = "description",
+    Hidden = "hidden"
+}
+export declare enum ColumnModalOption {
+    Hidden = "hidden"
+}
+interface ITableColumnCommon<T extends object> {
     id?: string;
     header: string;
     minWidth?: number;
@@ -11,19 +35,24 @@ export interface ITableColumnCommon<T extends object> {
     defaultSortDirection?: 'asc' | 'desc';
     defaultSort?: boolean;
     icon?: (item: T) => ReactNode;
-    card?: 'name' | 'subtitle' | 'description' | 'hidden';
+    table?: ColumnTableOption;
     list?: 'name' | 'subtitle' | 'description' | 'hidden' | 'primary' | 'secondary';
-}
-export declare enum TableColumnCardType {
-    'description' = 0,
-    'hidden' = 1,
-    'count' = 2
+    card?: 'name' | 'subtitle' | 'description' | 'hidden';
+    modal?: ColumnModalOption;
 }
 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 ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
+    type: 'text';
+    value: CellFn<T, string | null | undefined>;
+}
+export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
+    type: 'description';
+    value: CellFn<T, string | undefined | null>;
+}
 export interface ITableColumnTypeCount<T extends object> extends ITableColumnCommon<T> {
     type: 'count';
     value: CellFn<T, number | undefined>;
@@ -36,17 +65,17 @@ export interface ITableColumnTypeDateTime<T extends object> extends ITableColumn
     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 type ITableColumn<T extends object> = ITableColumnTypeReactNode<T> | ITableColumnTypeText<T> | ITableColumnTypeDescription<T> | ITableColumnTypeDateTime<T> | ITableColumnTypeLabels<T> | ITableColumnTypeCount<T>;
 export declare function TableColumnCell<T extends object>(props: {
     item: T;
     column?: ITableColumn<T>;
 }): JSX.Element;
+export declare function useVisibleTableColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+export declare function useVisibleListColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+export declare function useVisibleCardColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+export declare function useVisibleModalColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+export declare function useVisibleColumns<T extends object>(columns: ITableColumn<T>[], viewType: PageTableViewTypeE): ITableColumn<T>[];
+export declare function useDescriptionColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+export declare function useExpandedColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
+type CellFn<T extends object, R> = (item: T) => R;
 export {};