@ansible/ansible-ui-framework 0.0.613 → 0.0.615
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/BulkActionDialog.d.ts +14 -0
- package/framework/BulkConfirmationDialog.d.ts +20 -0
- package/{cjs → framework}/PageActions/PageActions.d.ts +0 -13
- package/{cjs → framework}/PageActions/PageButtonAction.d.ts +0 -1
- package/{cjs → framework}/PageActions/PagePinnedActions.d.ts +0 -4
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelectOption.d.ts +0 -5
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCheckbox.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCreatableSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormFileUpload.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormGroup.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelectOption.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/PageFormSchema.d.ts +0 -2
- package/framework/PageFramework.d.ts +6 -0
- package/framework/PageHeader.d.ts +22 -0
- package/framework/PageLayout.d.ts +4 -0
- package/{cjs → framework}/PageTable/PageTable.d.ts +0 -15
- package/{cjs → framework}/components/useBreakPoint.d.ts +0 -1
- package/{cjs → framework}/index.d.ts +1 -0
- package/{cjs → framework}/utils/compare.d.ts +3 -3
- package/index.js +16475 -0
- package/index.umd.cjs +165 -0
- package/package.json +16 -15
- package/style.css +1 -0
- package/cjs/BulkActionDialog.d.ts +0 -34
- package/cjs/BulkActionDialog.js +0 -300
- package/cjs/BulkConfirmationDialog.d.ts +0 -36
- package/cjs/BulkConfirmationDialog.js +0 -135
- package/cjs/PageActions/PageAction.js +0 -2
- package/cjs/PageActions/PageActionType.js +0 -12
- package/cjs/PageActions/PageActions.js +0 -69
- package/cjs/PageActions/PageBulkAction.js +0 -35
- package/cjs/PageActions/PageButtonAction.js +0 -41
- package/cjs/PageActions/PageDropdownAction.js +0 -132
- package/cjs/PageActions/PagePinnedActions.js +0 -55
- package/cjs/PageActions/PageSingleAction.js +0 -38
- package/cjs/PageAlertToaster.js +0 -102
- package/cjs/PageAlerts.js +0 -98
- package/cjs/PageBody.js +0 -52
- package/cjs/PageCells/BytesCell.js +0 -16
- package/cjs/PageCells/CapacityCell.js +0 -67
- package/cjs/PageCells/CopyCell.js +0 -25
- package/cjs/PageCells/DateTimeCell.js +0 -66
- package/cjs/PageCells/ElapsedTimeCell.js +0 -48
- package/cjs/PageCells/LabelsCell.js +0 -20
- package/cjs/PageCells/TextCell.js +0 -39
- package/cjs/PageColumnModal.js +0 -131
- package/cjs/PageDashboard/PageChartContainer.js +0 -69
- package/cjs/PageDashboard/PageDashboardCard.js +0 -22
- package/cjs/PageDashboard/PageDashboardChart.js +0 -54
- package/cjs/PageDashboard/PageDonutChart.js +0 -53
- package/cjs/PageDashboard/PageScatterChart.js +0 -5564
- package/cjs/PageDetails/PageDetail.js +0 -28
- package/cjs/PageDetails/PageDetails.js +0 -41
- package/cjs/PageDetails/PageDetailsFromColumns.js +0 -27
- package/cjs/PageDialog.js +0 -28
- package/cjs/PageForm/Inputs/FormGroupSelect.js +0 -60
- package/cjs/PageForm/Inputs/FormGroupSelectOption.js +0 -61
- package/cjs/PageForm/Inputs/FormGroupTextArea.js +0 -53
- package/cjs/PageForm/Inputs/FormGroupTextInput.js +0 -58
- package/cjs/PageForm/Inputs/FormGroupTypeAheadMultiSelect.js +0 -67
- package/cjs/PageForm/Inputs/PageFormCheckbox.js +0 -39
- package/cjs/PageForm/Inputs/PageFormCodeEditor.js +0 -154
- package/cjs/PageForm/Inputs/PageFormCreatableSelect.js +0 -82
- package/cjs/PageForm/Inputs/PageFormFileUpload.js +0 -72
- package/cjs/PageForm/Inputs/PageFormGroup.js +0 -24
- package/cjs/PageForm/Inputs/PageFormMultiInput.js +0 -102
- package/cjs/PageForm/Inputs/PageFormSelect.js +0 -26
- package/cjs/PageForm/Inputs/PageFormSelectOption.js +0 -42
- package/cjs/PageForm/Inputs/PageFormSlider.js +0 -36
- package/cjs/PageForm/Inputs/PageFormSwitch.js +0 -38
- package/cjs/PageForm/Inputs/PageFormTextArea.js +0 -50
- package/cjs/PageForm/Inputs/PageFormTextInput.js +0 -72
- package/cjs/PageForm/Inputs/PageFormTextSelect.js +0 -40
- package/cjs/PageForm/PageForm.js +0 -146
- package/cjs/PageForm/PageFormAlerts.js +0 -32
- package/cjs/PageForm/PageFormButtons.js +0 -28
- package/cjs/PageForm/PageFormInputPopover.js +0 -2
- package/cjs/PageForm/PageFormSchema.js +0 -138
- package/cjs/PageForm/Utils/PageFormHidden.js +0 -13
- package/cjs/PageForm/Utils/PageFormSection.js +0 -20
- package/cjs/PageForm/Utils/PageFormWatch.js +0 -10
- package/cjs/PageFramework.css +0 -27
- package/cjs/PageFramework.d.ts +0 -12
- package/cjs/PageFramework.js +0 -31
- package/cjs/PageHeader.d.ts +0 -45
- package/cjs/PageHeader.js +0 -111
- package/cjs/PageLayout.d.ts +0 -17
- package/cjs/PageLayout.js +0 -60
- package/cjs/PageTable/PagePagination.js +0 -28
- package/cjs/PageTable/PageTable.js +0 -266
- package/cjs/PageTable/PageTableCard.js +0 -161
- package/cjs/PageTable/PageTableCards.js +0 -38
- package/cjs/PageTable/PageTableList.js +0 -153
- package/cjs/PageTable/PageTableViewType.js +0 -9
- package/cjs/PageTable/PageToolbar.css +0 -7
- package/cjs/PageTable/PageToolbar.js +0 -228
- package/cjs/PageTable/useTableItems.js +0 -507
- package/cjs/PageTabs.js +0 -86
- package/cjs/Settings.js +0 -125
- package/cjs/components/BulkSelector.js +0 -91
- package/cjs/components/Collapse.css +0 -12
- package/cjs/components/Collapse.js +0 -23
- package/cjs/components/DetailInfo.js +0 -21
- package/cjs/components/Dotted.js +0 -19
- package/cjs/components/DropdownControlled.js +0 -28
- package/cjs/components/EmptyStateCustom.js +0 -21
- package/cjs/components/EmptyStateFilter.js +0 -26
- package/cjs/components/EmptyStateNoData.js +0 -11
- package/cjs/components/EmptyStateUnauthorized.js +0 -13
- package/cjs/components/ErrorBoundary.js +0 -45
- package/cjs/components/Help.js +0 -24
- package/cjs/components/IconWrapper.js +0 -53
- package/cjs/components/LoadingPage.js +0 -25
- package/cjs/components/LoadingState.js +0 -20
- package/cjs/components/Masonry.js +0 -113
- package/cjs/components/PageGrid.js +0 -61
- package/cjs/components/Scrollable.js +0 -87
- package/cjs/components/StandardPopover.js +0 -64
- package/cjs/components/icons/RunningIcon.js +0 -36
- package/cjs/components/pfcolors.js +0 -54
- package/cjs/components/useBreakPoint.js +0 -145
- package/cjs/components/useIsMounted.js +0 -28
- package/cjs/components/useOpen.js +0 -36
- package/cjs/components/usePageNavigate.js +0 -37
- package/cjs/components/useSearchParams.js +0 -20
- package/cjs/components/useWindowLocation.js +0 -49
- package/cjs/index.js +0 -67
- package/cjs/useFrameworkTranslations.js +0 -52
- package/cjs/useInMemoryView.js +0 -102
- package/cjs/useSelectDialog.js +0 -96
- package/cjs/useSelectMultipleDialog.js +0 -62
- package/cjs/useView.js +0 -155
- package/cjs/utils/capitalize.js +0 -7
- package/cjs/utils/compare.js +0 -59
- package/cjs/utils/download-file.js +0 -23
- package/cjs/utils/formatDateString.js +0 -11
- package/cjs/utils/random-string.js +0 -17
- /package/{cjs → framework}/PageActions/PageAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageActionType.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageBulkAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageDropdownAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageSingleAction.d.ts +0 -0
- /package/{cjs → framework}/PageAlertToaster.d.ts +0 -0
- /package/{cjs → framework}/PageAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageBody.d.ts +0 -0
- /package/{cjs → framework}/PageCells/BytesCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CapacityCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CopyCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/DateTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/ElapsedTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/LabelsCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/TextCell.d.ts +0 -0
- /package/{cjs → framework}/PageColumnModal.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageChartContainer.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardCard.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDonutChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageScatterChart.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetail.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetails.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetailsFromColumns.d.ts +0 -0
- /package/{cjs → framework}/PageDialog.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormCodeEditor.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormMultiInput.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSlider.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSwitch.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormTextSelect.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageForm.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormButtons.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormInputPopover.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormHidden.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormSection.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormWatch.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PagePagination.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCard.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCards.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableList.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableViewType.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageToolbar.d.ts +0 -0
- /package/{cjs → framework}/PageTable/useTableItems.d.ts +0 -0
- /package/{cjs → framework}/PageTabs.d.ts +0 -0
- /package/{cjs → framework}/Settings.d.ts +0 -0
- /package/{cjs → framework}/components/BulkSelector.d.ts +0 -0
- /package/{cjs → framework}/components/Collapse.d.ts +0 -0
- /package/{cjs → framework}/components/DetailInfo.d.ts +0 -0
- /package/{cjs → framework}/components/Dotted.d.ts +0 -0
- /package/{cjs → framework}/components/DropdownControlled.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateCustom.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateFilter.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateNoData.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateUnauthorized.d.ts +0 -0
- /package/{cjs → framework}/components/ErrorBoundary.d.ts +0 -0
- /package/{cjs → framework}/components/Help.d.ts +0 -0
- /package/{cjs → framework}/components/IconWrapper.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingPage.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingState.d.ts +0 -0
- /package/{cjs → framework}/components/Masonry.d.ts +0 -0
- /package/{cjs → framework}/components/PageGrid.d.ts +0 -0
- /package/{cjs → framework}/components/Scrollable.d.ts +0 -0
- /package/{cjs → framework}/components/StandardPopover.d.ts +0 -0
- /package/{cjs → framework}/components/icons/RunningIcon.d.ts +0 -0
- /package/{cjs → framework}/components/pfcolors.d.ts +0 -0
- /package/{cjs → framework}/components/useIsMounted.d.ts +0 -0
- /package/{cjs → framework}/components/useOpen.d.ts +0 -0
- /package/{cjs → framework}/components/usePageNavigate.d.ts +0 -0
- /package/{cjs → framework}/components/useSearchParams.d.ts +0 -0
- /package/{cjs → framework}/components/useWindowLocation.d.ts +0 -0
- /package/{cjs → framework}/useFrameworkTranslations.d.ts +0 -0
- /package/{cjs → framework}/useInMemoryView.d.ts +0 -0
- /package/{cjs → framework}/useSelectDialog.d.ts +0 -0
- /package/{cjs → framework}/useSelectMultipleDialog.d.ts +0 -0
- /package/{cjs → framework}/useView.d.ts +0 -0
- /package/{cjs → framework}/utils/capitalize.d.ts +0 -0
- /package/{cjs → framework}/utils/download-file.d.ts +0 -0
- /package/{cjs → framework}/utils/formatDateString.d.ts +0 -0
- /package/{cjs → framework}/utils/random-string.d.ts +0 -0
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ITableColumn } from './PageTable/PageTable';
|
3
|
+
export interface BulkActionDialogProps<T extends object> {
|
4
|
+
title: string;
|
5
|
+
items: T[];
|
6
|
+
keyFn: (item: T) => string | number;
|
7
|
+
actionColumns: ITableColumn<T>[];
|
8
|
+
actionFn: (item: T, signal: AbortSignal) => Promise<unknown>;
|
9
|
+
onComplete?: (successfulItems: T[]) => void;
|
10
|
+
onClose?: () => void;
|
11
|
+
processingText?: string;
|
12
|
+
isDanger?: boolean;
|
13
|
+
}
|
14
|
+
export declare function useBulkActionDialog<T extends object>(): import("react").Dispatch<import("react").SetStateAction<BulkActionDialogProps<T> | undefined>>;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { BulkActionDialogProps } from './BulkActionDialog';
|
3
|
+
import { ITableColumn } from './PageTable/PageTable';
|
4
|
+
export interface BulkConfirmationDialog<T extends object> {
|
5
|
+
title: string;
|
6
|
+
prompt?: string;
|
7
|
+
alertPrompts?: string[];
|
8
|
+
items: T[];
|
9
|
+
isItemNonActionable?: (item: T) => string | undefined;
|
10
|
+
keyFn: (item: T) => string | number;
|
11
|
+
confirmationColumns: ITableColumn<T>[];
|
12
|
+
onConfirm: () => void;
|
13
|
+
onClose?: () => void;
|
14
|
+
confirmText: string;
|
15
|
+
actionButtonText: string;
|
16
|
+
isDanger?: boolean;
|
17
|
+
}
|
18
|
+
declare function BulkConfirmationDialog<T extends object>(props: BulkConfirmationDialog<T>): JSX.Element;
|
19
|
+
export declare function useBulkConfirmation<T extends object>(): (options: Omit<BulkConfirmationDialog<T>, 'onConfirm' | 'onClose'> & Omit<BulkActionDialogProps<T>, 'onClose'>) => void;
|
20
|
+
export {};
|
@@ -2,26 +2,13 @@ import { DropdownPosition } from '@patternfly/react-core';
|
|
2
2
|
import { ComponentClass, FunctionComponent } from 'react';
|
3
3
|
import { WindowSize } from '../components/useBreakPoint';
|
4
4
|
import { IPageAction } from './PageAction';
|
5
|
-
/**
|
6
|
-
* Page actions represent actions used in table rows, toolbars, and page headers.
|
7
|
-
* The PageActions component controls the collapsing of the actions at given breakpoints.
|
8
|
-
*/
|
9
5
|
export declare function PageActions<T extends object>(props: {
|
10
|
-
/** An array of PageActions */
|
11
6
|
actions: IPageAction<T>[];
|
12
|
-
/** The currently selected item for single actions */
|
13
7
|
selectedItem?: T;
|
14
|
-
/** The currently selected items for bulk actions */
|
15
8
|
selectedItems?: T[];
|
16
|
-
/** The wrapper for each item
|
17
|
-
* @example Wrapping each button in a ToolbarItem
|
18
|
-
*/
|
19
9
|
wrapper?: ComponentClass | FunctionComponent;
|
20
|
-
/** When to collapse the primary and secondary items into the dropdown menu */
|
21
10
|
collapse?: WindowSize | 'always' | 'never';
|
22
|
-
/** The position for the dropdown */
|
23
11
|
position?: DropdownPosition;
|
24
|
-
/** Indicates if only to show the icon when not collapsed */
|
25
12
|
iconOnly?: boolean;
|
26
13
|
onOpen?: (open: boolean) => void;
|
27
14
|
}): JSX.Element;
|
@@ -2,7 +2,6 @@ import { ComponentClass, FunctionComponent } from 'react';
|
|
2
2
|
import { IPageActionButton } from './PageAction';
|
3
3
|
export declare function PageButtonAction(props: {
|
4
4
|
action: IPageActionButton;
|
5
|
-
/** Turn primary buttons to secondary if there are items selected */
|
6
5
|
isSecondary?: boolean;
|
7
6
|
wrapper?: ComponentClass | FunctionComponent;
|
8
7
|
iconOnly?: boolean;
|
@@ -5,10 +5,6 @@ export declare function PagePinnedActions<T extends object>(props: {
|
|
5
5
|
selectedItem?: T;
|
6
6
|
selectedItems?: T[];
|
7
7
|
wrapper?: ComponentClass | FunctionComponent;
|
8
|
-
/**
|
9
|
-
* indicates to only show the icon for the action
|
10
|
-
* Example: Table rows only show the icon but toolbars and details page actions show label
|
11
|
-
*/
|
12
8
|
iconOnly?: boolean;
|
13
9
|
}): JSX.Element;
|
14
10
|
export declare function PagePinnedAction<T extends object>(props: {
|
@@ -5,5 +5,4 @@ export type FormGroupSelectProps = Pick<SelectProps, 'footer' | 'isCreatable' |
|
|
5
5
|
isReadOnly?: boolean;
|
6
6
|
placeholderText: string | React.ReactNode;
|
7
7
|
};
|
8
|
-
/** A PatternFly FormGroup with a PatternFly Select */
|
9
8
|
export declare function FormGroupSelect(props: FormGroupSelectProps): JSX.Element;
|
@@ -12,9 +12,4 @@ export type FormGroupSelectOptionProps<T> = {
|
|
12
12
|
onSelect: (event: React.MouseEvent<Element, MouseEvent> | ChangeEvent<Element>, value: T | undefined) => void;
|
13
13
|
value: T | undefined;
|
14
14
|
} & Omit<FormGroupSelectProps, 'onSelect' | 'value' | 'children'>;
|
15
|
-
/**
|
16
|
-
* A PatternFly FormGroup with a PatternFly Select but using IFormGroupSelectOptions for the options.
|
17
|
-
*
|
18
|
-
* This supports easy grouping and options that have values that are objects and not just strings.
|
19
|
-
*/
|
20
15
|
export declare function FormGroupSelectOption<T>(props: FormGroupSelectOptionProps<T>): JSX.Element;
|
@@ -2,5 +2,4 @@
|
|
2
2
|
import { TextAreaProps } from '@patternfly/react-core';
|
3
3
|
import { PageFormGroupProps } from './PageFormGroup';
|
4
4
|
export type FormGroupTextAreaProps = Pick<TextAreaProps, 'placeholder' | 'value' | 'isDisabled' | 'isReadOnly' | 'isRequired' | 'validated' | 'onChange' | 'type' | 'aria-label' | 'minLength' | 'maxLength'> & PageFormGroupProps;
|
5
|
-
/** A PatternFly FormGroup with a PatternFly TextArea */
|
6
5
|
export declare function FormGroupTextArea(props: FormGroupTextAreaProps): JSX.Element;
|
@@ -4,5 +4,4 @@ import { PageFormGroupProps } from './PageFormGroup';
|
|
4
4
|
export type FormGroupTextInputProps = Pick<TextInputProps, 'placeholder' | 'value' | 'isDisabled' | 'isReadOnly' | 'isRequired' | 'validated' | 'onChange' | 'type' | 'aria-label' | 'autoComplete' | 'autoFocus' | 'innerRef' | 'minLength' | 'maxLength' | 'onBlur'> & PageFormGroupProps & {
|
5
5
|
children?: ReactNode;
|
6
6
|
};
|
7
|
-
/** A PatternFly FormGroup with a PatternFly TextInput */
|
8
7
|
export declare function FormGroupTextInput(props: FormGroupTextInputProps): JSX.Element;
|
@@ -21,5 +21,4 @@ export type FormGroupTypeAheadMultiSelectProps = Pick<FormGroupProps, 'helperTex
|
|
21
21
|
}>[];
|
22
22
|
onHandleClear: (chip?: string) => void;
|
23
23
|
};
|
24
|
-
/** A PatternFly FormGroup with a PatternFly Select */
|
25
24
|
export declare function FormGroupTypeAheadMultiSelect(props: FormGroupTypeAheadMultiSelectProps): JSX.Element;
|
@@ -6,5 +6,4 @@ export type PageFormCheckboxProps<TFieldValues extends FieldValues = FieldValues
|
|
6
6
|
name: TFieldName;
|
7
7
|
validate?: Validate<boolean, TFieldValues> | Record<string, Validate<boolean, TFieldValues>>;
|
8
8
|
} & Omit<CheckboxProps, 'id' | 'onChange' | 'value'>;
|
9
|
-
/** PatternFly Checkbox wrapper for use with react-hook-form */
|
10
9
|
export declare function PageFormCheckbox<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCheckboxProps<TFieldValues, TFieldName>): JSX.Element;
|
@@ -17,5 +17,4 @@ export type PageFormCreatableSelectProps<TFieldValues extends FieldValues = Fiel
|
|
17
17
|
labelHelpTitle?: string;
|
18
18
|
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
19
19
|
};
|
20
|
-
/** Select wrapper for use with react-hook-form */
|
21
20
|
export declare function PageFormCreatableSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCreatableSelectProps<TFieldValues, TFieldName>): JSX.Element;
|
@@ -6,5 +6,4 @@ export type PageFormGroupProps = Pick<FormGroupProps, 'children' | 'helperText'
|
|
6
6
|
labelHelp?: string;
|
7
7
|
additionalControls?: ReactNode;
|
8
8
|
};
|
9
|
-
/** Wrapper over the PatternFly FormGroup making it optional based on if label is given. */
|
10
9
|
export declare function PageFormGroup(props: PageFormGroupProps): JSX.Element;
|
@@ -3,5 +3,4 @@ import { FormGroupSelectProps } from './FormGroupSelect';
|
|
3
3
|
export type PageFormSelectProps = {
|
4
4
|
name: string;
|
5
5
|
} & Omit<FormGroupSelectProps, 'onSelect' | 'value'>;
|
6
|
-
/** PatternFly Select wrapper for use with react-hook-form */
|
7
6
|
export declare function PageFormSelect(props: PageFormSelectProps): JSX.Element;
|
@@ -5,5 +5,4 @@ export type PageFormSelectOptionProps<TFieldValues extends FieldValues = FieldVa
|
|
5
5
|
name: TFieldName;
|
6
6
|
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
7
7
|
} & Omit<FormGroupSelectOptionProps<TSelection>, 'onSelect' | 'value'>;
|
8
|
-
/** Select wrapper for use with react-hook-form */
|
9
8
|
export declare function PageFormSelectOption<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection = unknown>(props: PageFormSelectOptionProps<TFieldValues, TFieldName, TSelection>): JSX.Element;
|
@@ -8,5 +8,4 @@ export type PageFormTextAreaProps<TFieldValues extends FieldValues = FieldValues
|
|
8
8
|
pattern?: ValidationRule<RegExp>;
|
9
9
|
validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
|
10
10
|
} & Omit<FormGroupTextAreaProps, 'onChange' | 'value'>;
|
11
|
-
/** PatternFly TextArea wrapper for use with react-hook-form */
|
12
11
|
export declare function PageFormTextArea<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormTextAreaProps<TFieldValues, TFieldName>): JSX.Element;
|
@@ -12,5 +12,4 @@ export type PageFormTextInputProps<TFieldValues extends FieldValues = FieldValue
|
|
12
12
|
selectOpen?: (callback: (selection: TSelection) => void, title: string) => void;
|
13
13
|
button?: ReactElement;
|
14
14
|
} & Omit<FormGroupTextInputProps, 'onChange' | 'value'>;
|
15
|
-
/** PatternFly TextInput wrapper for use with react-hook-form */
|
16
15
|
export declare function PageFormTextInput<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection extends FieldValues = FieldValues>(props: PageFormTextInputProps<TFieldValues, TFieldName, TSelection>): JSX.Element;
|
@@ -8,13 +8,11 @@ export declare function PageFormSchema(props: {
|
|
8
8
|
}): JSX.Element;
|
9
9
|
export type TypeTextInputOptions = StringOptions<string> & {
|
10
10
|
placeholder?: string;
|
11
|
-
/** https://www.chromium.org/developers/design-documents/create-amazing-password-forms/ */
|
12
11
|
autoComplete?: string;
|
13
12
|
};
|
14
13
|
export declare function TypeTextInput(options: TypeTextInputOptions): import("@sinclair/typebox").TString<string>;
|
15
14
|
export type TypeSecretInputOptions = StringOptions<string> & {
|
16
15
|
placeholder?: string;
|
17
|
-
/** https://www.chromium.org/developers/design-documents/create-amazing-password-forms/ */
|
18
16
|
autoComplete: string;
|
19
17
|
};
|
20
18
|
export declare function TypeSecretInput(options: TypeSecretInputOptions): import("@sinclair/typebox").TString<string>;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import './PageFramework.css';
|
3
|
+
export interface ICatalogBreadcrumb {
|
4
|
+
id?: string;
|
5
|
+
label?: string;
|
6
|
+
to?: string;
|
7
|
+
target?: string;
|
8
|
+
component?: React.ElementType;
|
9
|
+
}
|
10
|
+
export interface PageHeaderProps {
|
11
|
+
navigation?: ReactNode;
|
12
|
+
breadcrumbs?: ICatalogBreadcrumb[];
|
13
|
+
title?: string;
|
14
|
+
titleHelpTitle?: string;
|
15
|
+
titleHelp?: string | string[];
|
16
|
+
titleDocLink?: string;
|
17
|
+
description?: null | string | string[];
|
18
|
+
controls?: ReactNode;
|
19
|
+
headerActions?: ReactNode;
|
20
|
+
footer?: ReactNode;
|
21
|
+
}
|
22
|
+
export declare function PageHeader(props: PageHeaderProps): JSX.Element;
|
@@ -50,21 +50,6 @@ export type PageTableProps<T extends object> = {
|
|
50
50
|
defaultSubtitle?: ReactNode;
|
51
51
|
expandedRow?: (item: T) => ReactNode;
|
52
52
|
};
|
53
|
-
/**
|
54
|
-
* The PageTable component is used for adding a table to a page.
|
55
|
-
*
|
56
|
-
* See the [Table Guide](docs/guides/PageTableGuide.md).
|
57
|
-
*
|
58
|
-
* @example
|
59
|
-
* ```tsx
|
60
|
-
* <Page>
|
61
|
-
* <PageLayout>
|
62
|
-
* <PageHeader ... />
|
63
|
-
* <PageTable ... />
|
64
|
-
* </PageLayout>
|
65
|
-
* </Page>
|
66
|
-
* ```
|
67
|
-
*/
|
68
53
|
export declare function PageTable<T extends object>(props: PageTableProps<T>): JSX.Element;
|
69
54
|
type CellFn<T extends object, R> = (item: T) => R;
|
70
55
|
export interface ITableColumnCommon<T extends object> {
|
@@ -1,5 +1,4 @@
|
|
1
1
|
export type WindowSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
2
2
|
export declare function useWindowSize(): WindowSize;
|
3
|
-
/** Returns true if the window size is equal to or larger than the indicated size. */
|
4
3
|
export declare function useBreakpoint(size: WindowSize): boolean;
|
5
4
|
export declare function useOrientation(): 'landscape' | 'portrait';
|
@@ -28,6 +28,7 @@ export * from './PageForm/Inputs/FormGroupSelectOption';
|
|
28
28
|
export * from './PageForm/Inputs/FormGroupTextArea';
|
29
29
|
export * from './PageForm/Inputs/FormGroupTextInput';
|
30
30
|
export * from './PageForm/Inputs/PageFormCheckbox';
|
31
|
+
export * from './PageForm/Inputs/PageFormCodeEditor';
|
31
32
|
export * from './PageForm/Inputs/PageFormSelect';
|
32
33
|
export * from './PageForm/Inputs/PageFormSelectOption';
|
33
34
|
export * from './PageForm/Inputs/PageFormSwitch';
|
@@ -1,3 +1,3 @@
|
|
1
|
-
export declare function compareUnknowns(a: unknown | undefined | null, b: unknown | undefined | null):
|
2
|
-
export declare function compareStrings(a: string | undefined | null, b: string | undefined | null):
|
3
|
-
export declare function compareNumbers(a: number | undefined | null, b: number | undefined | null):
|
1
|
+
export declare function compareUnknowns(a: unknown | undefined | null, b: unknown | undefined | null): 1 | -1 | 0;
|
2
|
+
export declare function compareStrings(a: string | undefined | null, b: string | undefined | null): 1 | -1 | 0;
|
3
|
+
export declare function compareNumbers(a: number | undefined | null, b: number | undefined | null): 1 | -1 | 0;
|