@ansible/ansible-ui-framework 2.4.279 → 2.4.280

package/framework/PageTable/PageTable.d.ts

@@ -11,6 +11,7 @@ export type IPaginationRelatedProps = {
     setPerPage: (perPage: number) => void;
 };
 export type PageTableProps<T extends object> = {
+    id?: string;
     keyFn: (item: T) => string | number;
     itemCount?: number;
     pageItems: T[] | undefined;
@@ -50,7 +51,6 @@ export type PageTableProps<T extends object> = {
     disableTableView?: boolean;
     disableListView?: boolean;
     disableCardView?: boolean;
-    disableColumnManagement?: boolean;
     defaultTableView?: PageTableViewType;
     disableBodyPadding?: boolean;
     disablePagination?: boolean;

package/framework/PageTable/PageTableColumn.d.ts

@@ -1,11 +1,9 @@
 import { ReactNode } from 'react';
 import { PageTableViewTypeE } from './PageToolbar/PageTableViewType';
 export declare enum ColumnTableOption {
-    Key = "key",
     Description = "description",
     Expanded = "expanded",
-    Hidden = "hidden",
-    Id = "id"
+    Hidden = "hidden"
 }
 export declare enum ColumnListOption {
     Name = "name",
@@ -183,7 +181,7 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
     modal?: ColumnModalOption | undefined;
 })[];
 export declare function useColumnsWithoutExpandedRow<T extends object>(columns: ITableColumn<T>[]): ({
-    table: ColumnTableOption.Key | ColumnTableOption.Description | ColumnTableOption.Hidden | ColumnTableOption.Id | undefined;
+    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
     type?: undefined;
     value?: CellFn<T, string | number | boolean | string[] | null | undefined> | undefined;
     cell: CellFn<T, ReactNode>;
@@ -201,7 +199,7 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
     modal?: ColumnModalOption | undefined;
 } | {
-    table: ColumnTableOption.Key | ColumnTableOption.Description | ColumnTableOption.Hidden | ColumnTableOption.Id | undefined;
+    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
     type: "text";
     value: CellFn<T, string | null | undefined>;
     id?: string | undefined;
@@ -218,7 +216,7 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
     modal?: ColumnModalOption | undefined;
 } | {
-    table: ColumnTableOption.Key | ColumnTableOption.Description | ColumnTableOption.Hidden | ColumnTableOption.Id | undefined;
+    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
     type: "description";
     value: CellFn<T, string | null | undefined>;
     id?: string | undefined;
@@ -235,7 +233,7 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
     modal?: ColumnModalOption | undefined;
 } | {
-    table: ColumnTableOption.Key | ColumnTableOption.Description | ColumnTableOption.Hidden | ColumnTableOption.Id | undefined;
+    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
     type: "datetime";
     value: CellFn<T, string | number | undefined>;
     id?: string | undefined;
@@ -252,7 +250,7 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
     modal?: ColumnModalOption | undefined;
 } | {
-    table: ColumnTableOption.Key | ColumnTableOption.Description | ColumnTableOption.Hidden | ColumnTableOption.Id | undefined;
+    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
     type: "labels";
     value: CellFn<T, string[] | undefined>;
     id?: string | undefined;
@@ -269,7 +267,7 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
     card?: "name" | "hidden" | "description" | "subtitle" | undefined;
     modal?: ColumnModalOption | undefined;
 } | {
-    table: ColumnTableOption.Key | ColumnTableOption.Description | ColumnTableOption.Hidden | ColumnTableOption.Id | undefined;
+    table: ColumnTableOption.Description | ColumnTableOption.Hidden | undefined;
     type: "count";
     value: CellFn<T, number | undefined>;
     id?: string | undefined;

package/framework/PageTable/PageToolbar/PageToolbar.d.ts

@@ -5,6 +5,7 @@ import './PageToolbar.css';
 import { IToolbarFilter } from './PageToolbarFilter';
 import { PageTableSortOption } from './PageToolbarSort';
 export type PageTableToolbarProps<T extends object> = {
+    localStorageKey?: string;
     openColumnModal?: () => void;
     keyFn: (item: T) => string | number;
     itemCount?: number;
@@ -34,7 +35,6 @@ export type PageTableToolbarProps<T extends object> = {
     disableTableView?: boolean;
     disableListView?: boolean;
     disableCardView?: boolean;
-    disableColumnManagement?: boolean;
     disablePagination?: boolean;
     bottomBorder?: boolean;
     sortOptions?: PageTableSortOption[];

package/framework/PageTable/PageToolbar/PageToolbarView.d.ts

@@ -3,7 +3,6 @@ export type PageToolbarViewProps = {
     disableTableView?: boolean;
     disableCardView?: boolean;
     disableListView?: boolean;
-    disableColumnManagement?: boolean;
     openColumnModal?: () => void;
     viewType: PageTableViewType;
     setViewType: (viewType: PageTableViewType) => void;

package/framework/components/ReorderItems.d.ts

@@ -2,21 +2,19 @@ import { ReactNode } from 'react';
 type ReorderItemsProps<T extends object> = {
     columns: {
         header: string;
-        cell: (item: T) => ReactNode | string;
+        cell: (item: T, setItem: (item: T) => void) => ReactNode | string;
     }[];
     items: T[];
+    setItems: (items: T[]) => void;
+    isSelected: (items: T) => boolean;
+    selectItem: (items: T) => void;
+    unselectItem: (items: T) => void;
+    allSelected: boolean;
+    selectAll: () => void;
+    unselectAll: () => void;
     keyFn: (item: T) => string | number;
-    onChange: (items: T[], selectedItems: T[]) => void;
-    isCompactBorderless?: boolean;
     hideColumnHeaders?: boolean;
     isSelectableWithCheckbox?: boolean;
-    defaultSelection?: T[];
-};
-export type ReorderItemsRef<T extends object> = {
-    getReorderedAndSelectedItems: () => {
-        reorderedItems: T[];
-        selectedItems: T[];
-    };
 };
 export declare function ReorderItems<T extends object>(props: ReorderItemsProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/framework/components/useManageColumns.d.ts

@@ -0,0 +1,5 @@
+import { ITableColumn } from '../PageTable/PageTableColumn';
+export declare function useManageColumns<T extends object>(id: string, tableColumns: ITableColumn<T>[], disableTableView?: boolean, disableListView?: boolean, disableCardView?: boolean): {
+    openColumnManagement: () => void;
+    managedColumns: ITableColumn<T>[];
+};

package/framework/components/useManagedItems.d.ts

@@ -0,0 +1,32 @@
+import { ModalVariant } from '@patternfly/react-core';
+import { ReactNode } from 'react';
+interface IManageItemColumn<ItemT extends object> {
+    header: string;
+    cell: (item: ItemT, setItem: (item: ItemT) => void) => ReactNode;
+}
+export interface ManageItemsProps<ItemT extends object> {
+    id: string;
+    title: string;
+    description?: string;
+    keyFn: (item: ItemT) => string | number;
+    items: ItemT[];
+    columns: IManageItemColumn<ItemT>[];
+    hideColumnHeaders?: boolean;
+    variant?: ModalVariant;
+    isSelected?: (item: ItemT) => boolean;
+    setSelected?: (item: ItemT, selected: boolean) => void;
+    saveFn?: (items: ItemT[]) => object[];
+    loadFn?: (items: ItemT[], data: object[]) => void;
+}
+export declare function useManageItems<ItemT extends object>(options: ManageItemsProps<ItemT>): {
+    openModal: () => void;
+    items: ItemT[];
+    isSelected: (item: ItemT) => boolean;
+    selectItem: () => (item: ItemT) => void;
+    unselectItem: () => (item: ItemT) => void;
+};
+export declare function ManageItemsModal<ItemT extends object>(props: ManageItemsProps<ItemT> & {
+    defaultSelectedItems?: ItemT[];
+    onApplyChanges: (items: ItemT[], selectedItems: ItemT[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};