@ansible/ansible-ui-framework 0.0.274 → 0.0.276

package/cjs/BulkActionDialog.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/cjs/BulkProgressDialog.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/cjs/PageAlertToaster.d.ts

@@ -1,6 +1,6 @@
 import { AlertProps } from '@patternfly/react-core';
 import { ReactNode } from 'react';
-export declare type AlertToasterProps = AlertProps;
+export type AlertToasterProps = AlertProps;
 export interface IPageAlertToaster {
     addAlert: (alert: AlertToasterProps) => void;
     removeAlert: (alert: AlertToasterProps) => void;

package/cjs/PageDataList.d.ts

@@ -2,11 +2,11 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { PageHeaderProps } from './PageHeader';
 import { IToolbarFilter } from './PageToolbar';
 import { ITypedAction } from './TypedActions';
-export declare type DataListPageProps<T extends object> = PageHeaderProps & PageDataListProps<T> & {
+export type DataListPageProps<T extends object> = PageHeaderProps & PageDataListProps<T> & {
     error?: Error;
 };
 export declare function DataListPage<T extends object>(props: DataListPageProps<T>): JSX.Element;
-export declare type PageDataListProps<T extends object> = {
+export type PageDataListProps<T extends object> = {
     keyFn: (item: T) => string | number;
     itemCount?: number;
     pageItems: T[] | undefined;

package/cjs/PageForm.d.ts

@@ -3,7 +3,7 @@ import { CSSProperties, ReactNode } from 'react';
 import { DeepPartial, ErrorOption, FieldPath, FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
 import { PartialDeep } from 'type-fest';
 import { PageHeaderProps } from './PageHeader';
-export declare type FormPageProps<T extends object> = PageHeaderProps & {
+export type FormPageProps<T extends object> = PageHeaderProps & {
     children?: ReactNode;
     defaultValues?: PartialDeep<T>;
     onSubmit: SubmitHandler<PartialDeep<T>>;
@@ -136,7 +136,7 @@ export declare function PageForm<T extends object>(props: {
     singleColumn?: boolean;
     disableScrolling?: boolean;
 }): JSX.Element;
-export declare type FormPageSubmitHandler<T extends FieldValues> = (data: T, setError: (error: string) => void, setFieldError: (fieldName: FieldPath<T>, error: ErrorOption) => void) => Promise<unknown>;
+export type FormPageSubmitHandler<T extends FieldValues> = (data: T, setError: (error: string) => void, setFieldError: (fieldName: FieldPath<T>, error: ErrorOption) => void) => Promise<unknown>;
 export declare function PageFormSubmitButton(props: {
     children: ReactNode;
     style?: CSSProperties;

package/cjs/PagePagination.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-export declare type PagePaginationProps = {
+export type PagePaginationProps = {
     itemCount?: number;
     page: number;
     perPage: number;

package/cjs/PageTable.d.ts

@@ -3,11 +3,11 @@ import { PageHeaderProps } from './PageHeader';
 import { PageTableViewType } from './PageTableViewType';
 import { IToolbarFilter } from './PageToolbar';
 import { ITypedAction } from './TypedActions';
-export declare type TablePageProps<T extends object> = PageHeaderProps & PageTableProps<T> & {
+export type TablePageProps<T extends object> = PageHeaderProps & PageTableProps<T> & {
     error?: Error;
 };
 export declare function TablePage<T extends object>(props: TablePageProps<T>): JSX.Element;
-export declare type PageTableProps<T extends object> = {
+export type PageTableProps<T extends object> = {
     keyFn: (item: T) => string | number;
     itemCount?: number;
     pageItems: T[] | undefined;
@@ -52,7 +52,7 @@ export declare type PageTableProps<T extends object> = {
     defaultCardSubtitle?: ReactNode;
 };
 export declare function PageTable<T extends object>(props: PageTableProps<T>): JSX.Element;
-declare type CellFn<T extends object> = (item: T) => ReactNode;
+type CellFn<T extends object> = (item: T) => ReactNode;
 export interface ITableColumn<T extends object> {
     id?: string;
     header: string;

package/cjs/PageTableCards.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { PageTableProps } from './PageTable';
-export declare type PageTableCardsProps<T extends object> = PageTableProps<T>;
+export type PageTableCardsProps<T extends object> = PageTableProps<T>;
 export declare function PageTableCards<T extends object>(props: PageTableCardsProps<T>): JSX.Element;

package/cjs/PageTableList.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ITableColumn, PageTableProps } from './PageTable';
 import { ITypedAction } from './TypedActions';
-export declare type PageTableListProps<T extends object> = PageTableProps<T>;
+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?: ITypedAction<T>[], defaultCardSubtitle?: ReactNode, showSelect?: boolean): (item: T) => ReactNode;

package/cjs/PageTableViewType.d.ts

@@ -3,4 +3,4 @@ export declare enum PageTableViewTypeE {
     List = "list",
     Cards = "cards"
 }
-export declare type PageTableViewType = 'table' | 'list' | 'cards';
+export type PageTableViewType = 'table' | 'list' | 'cards';

package/cjs/PageToolbar.d.ts

@@ -10,7 +10,7 @@ export interface IItemFilter<T extends object> {
     }[];
     filter: (item: T, values: string[]) => boolean;
 }
-export declare type SetFilterValues<T extends object> = (filter: IItemFilter<T>, values: string[]) => void;
+export type SetFilterValues<T extends object> = (filter: IItemFilter<T>, values: string[]) => void;
 export declare function toolbarActionsHaveBulkActions<T extends object>(actions?: ITypedAction<T>[]): boolean;
 export interface IToolbarStringFilter {
     key: string;
@@ -30,9 +30,9 @@ export interface IToolbarSelectFilter {
     query: string;
     placeholder?: string;
 }
-export declare type IToolbarFilter = IToolbarStringFilter | IToolbarSelectFilter;
-export declare type IFilterState = Record<string, string[] | undefined>;
-export declare type PagetableToolbarProps<T extends object> = {
+export type IToolbarFilter = IToolbarStringFilter | IToolbarSelectFilter;
+export type IFilterState = Record<string, string[] | undefined>;
+export type PagetableToolbarProps<T extends object> = {
     openColumnModal?: () => void;
     keyFn: (item: T) => string | number;
     itemCount?: number;

package/cjs/TypedActions/TypedActions.d.ts

@@ -19,27 +19,27 @@ interface ITypedActionCommon {
     tooltip?: string;
     isDanger?: boolean;
 }
-export declare type ITypedActionButton = ITypedActionCommon & {
+export type ITypedActionButton = ITypedActionCommon & {
     type: TypedActionType.button;
     variant?: ButtonVariant;
     onClick: () => void;
 };
-export declare type ITypedBulkAction<T extends object> = ITypedActionCommon & {
+export type ITypedBulkAction<T extends object> = ITypedActionCommon & {
     type: TypedActionType.bulk;
     variant?: ButtonVariant;
     onClick: (selectedItems: T[]) => void;
 };
-export declare type ITypedSingleAction<T extends object> = ITypedActionCommon & {
+export type ITypedSingleAction<T extends object> = ITypedActionCommon & {
     type: TypedActionType.single;
     variant?: ButtonVariant;
     onClick: (item: T) => void;
 };
-export declare type ITypedDropdownAction<T extends object> = ITypedActionCommon & {
+export type ITypedDropdownAction<T extends object> = ITypedActionCommon & {
     type: TypedActionType.dropdown;
     variant?: ButtonVariant;
     options: ITypedAction<T>[];
 };
-export declare type ITypedAction<T extends object> = ITypedActionSeperator | ITypedActionButton | ITypedBulkAction<T> | ITypedSingleAction<T> | ITypedDropdownAction<T>;
+export type ITypedAction<T extends object> = ITypedActionSeperator | ITypedActionButton | ITypedBulkAction<T> | ITypedSingleAction<T> | ITypedDropdownAction<T>;
 export declare function TypedActionsDropdown<T extends object>(props: {
     actions: ITypedAction<T>[];
     label?: string;

package/cjs/components/Details.d.ts

@@ -24,7 +24,7 @@ export interface IDetailListItem {
     helpTitle?: string;
     help?: ReactNode;
 }
-export declare type IDetail = IDetailText | IDetailList;
+export type IDetail = IDetailText | IDetailList;
 export declare function DetailsList(props: {
     children?: ReactNode;
 }): JSX.Element;

package/cjs/components/patternfly-colors.d.ts

@@ -20,4 +20,4 @@ export declare enum LabelColorE {
     red = "red",
     grey = "grey"
 }
-export declare type LabelColor = 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'grey';
+export type LabelColor = 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'grey';

package/cjs/components/useBreakPoint.d.ts

@@ -1,4 +1,4 @@
-export declare type WindowSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type WindowSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export declare function useWindowSize(): WindowSize;
 /** Returns true if the window size is equal to or larger than the indicated size. */
 export declare function useBreakpoint(size: WindowSize): boolean;

package/cjs/index.d.ts

@@ -11,6 +11,7 @@ export * from './components/Details';
 export * from './components/Help';
 export * from './components/icons/RunningIcon';
 export * from './components/patternfly-colors';
+export * from './components/Scrollable';
 export * from './components/useBreakPoint';
 export * from './PageAlertToaster';
 export * from './PageBody';
@@ -22,6 +23,7 @@ export * from './PageHeader';
 export * from './PageLayout';
 export * from './PageTable';
 export * from './PageTableCards';
+export * from './PageTableDetails';
 export * from './PageTabs';
 export * from './PageToolbar';
 export * from './Settings';

package/cjs/index.js

@@ -27,6 +27,7 @@ __exportStar(require("./components/Details"), exports);
 __exportStar(require("./components/Help"), exports);
 __exportStar(require("./components/icons/RunningIcon"), exports);
 __exportStar(require("./components/patternfly-colors"), exports);
+__exportStar(require("./components/Scrollable"), exports);
 __exportStar(require("./components/useBreakPoint"), exports);
 __exportStar(require("./PageAlertToaster"), exports);
 __exportStar(require("./PageBody"), exports);
@@ -38,6 +39,7 @@ __exportStar(require("./PageHeader"), exports);
 __exportStar(require("./PageLayout"), exports);
 __exportStar(require("./PageTable"), exports);
 __exportStar(require("./PageTableCards"), exports);
+__exportStar(require("./PageTableDetails"), exports);
 __exportStar(require("./PageTabs"), exports);
 __exportStar(require("./PageToolbar"), exports);
 __exportStar(require("./Settings"), exports);

package/cjs/useInMemoryView.d.ts

@@ -2,7 +2,7 @@ import { ITableColumn } from './PageTable';
 import { IToolbarFilter } from './PageToolbar';
 import { ISelected } from './useTableItems';
 import { IView } from './useView';
-export declare type IInMemoryView<T extends object> = IView & ISelected<T> & {
+export type IInMemoryView<T extends object> = IView & ISelected<T> & {
     itemCount: number | undefined;
     pageItems: T[] | undefined;
 };

package/cjs/useSelectDialog.d.ts

@@ -17,7 +17,7 @@ interface ISelectDialogOptions<T extends object> {
 export declare function useSelectDialog<T extends {
     id: number;
 }>(options: ISelectDialogOptions<T>): (onSelect?: ((item: T) => void) | undefined, title?: string) => void;
-export declare type SelectDialogProps<T extends object> = {
+export type SelectDialogProps<T extends object> = {
     title: string;
     open: boolean;
     setOpen: (open: boolean) => void;

package/cjs/useSelectMultipleDialog.d.ts

@@ -3,7 +3,7 @@ import { ITableColumn } from './PageTable';
 import { IToolbarFilter } from './PageToolbar';
 import { ISelected } from './useTableItems';
 import { IView } from './useView';
-export declare type SelectMultipleDialogProps<T extends object> = {
+export type SelectMultipleDialogProps<T extends object> = {
     title: string;
     view: IView & ISelected<T> & {
         itemCount?: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.274",
+  "version": "0.0.276",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {