@ansible/ansible-ui-framework 0.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE.md +168 -0
- package/README.md +5 -0
- package/assets/editor.worker-CKha-MBL.js +11 -0
- package/assets/json.worker-BXgpME0S.js +42 -0
- package/assets/yaml.worker-DhJ2nZ1S.js +466 -0
- package/framework/PageActions/PageAction.d.ts +100 -0
- package/framework/PageActions/PageActionButton.d.ts +10 -0
- package/framework/PageActions/PageActionDropdown.d.ts +20 -0
- package/framework/PageActions/PageActionLink.d.ts +9 -0
- package/framework/PageActions/PageActionSwitch.d.ts +8 -0
- package/framework/PageActions/PageActionUtils.d.ts +3 -0
- package/framework/PageActions/PageActions.d.ts +16 -0
- package/framework/PageActions/PageActionsPinned.d.ts +21 -0
- package/framework/PageAlertToaster.d.ts +14 -0
- package/framework/PageBody.d.ts +6 -0
- package/framework/PageCarousel/PageCarousel.d.ts +10 -0
- package/framework/PageCarousel/PageCarouselCardPage.d.ts +9 -0
- package/framework/PageCarousel/PageCarouselNav.d.ts +5 -0
- package/framework/PageCells/BytesCell.d.ts +4 -0
- package/framework/PageCells/CopyCell.d.ts +4 -0
- package/framework/PageCells/DateTimeCell.d.ts +8 -0
- package/framework/PageCells/ElapsedTimeCell.d.ts +4 -0
- package/framework/PageCells/LabelsCell.d.ts +18 -0
- package/framework/PageCells/TextCell.d.ts +15 -0
- package/framework/PageDashboard/PageChartContainer.d.ts +10 -0
- package/framework/PageDashboard/PageChartLegend.d.ts +12 -0
- package/framework/PageDashboard/PageDashboard.d.ts +7 -0
- package/framework/PageDashboard/PageDashboardCard.d.ts +28 -0
- package/framework/PageDashboard/PageDashboardCarousel.d.ts +14 -0
- package/framework/PageDashboard/PageDashboardChart.d.ts +30 -0
- package/framework/PageDashboard/PageDashboardCount.d.ts +7 -0
- package/framework/PageDashboard/PageDashboardCountBar.cy.d.ts +1 -0
- package/framework/PageDashboard/PageDashboardCountBar.d.ts +14 -0
- package/framework/PageDashboard/PageDashboardGettingStarted.d.ts +11 -0
- package/framework/PageDashboard/PageDonutChart.d.ts +15 -0
- package/framework/PageDashboard/PageScatterChart.d.ts +10 -0
- package/framework/PageDashboard/usePageChartColors.d.ts +16 -0
- package/framework/PageDetails/PageDetail.d.ts +8 -0
- package/framework/PageDetails/PageDetailCodeEditor.d.ts +8 -0
- package/framework/PageDetails/PageDetails.d.ts +9 -0
- package/framework/PageDetails/PageDetailsFromColumns.d.ts +7 -0
- package/framework/PageDialogs/BulkActionDialog.cy.d.ts +1 -0
- package/framework/PageDialogs/BulkActionDialog.d.ts +17 -0
- package/framework/PageDialogs/BulkConfirmationDialog.d.ts +21 -0
- package/framework/PageDialogs/MultiSelectDialog.d.ts +24 -0
- package/framework/PageDialogs/PageDialog.cy.d.ts +1 -0
- package/framework/PageDialogs/PageDialog.d.ts +14 -0
- package/framework/PageDialogs/SingleSelectDialog.d.ts +20 -0
- package/framework/PageDialogs/useSelectDialog.d.ts +33 -0
- package/framework/PageEmptyStates/PageNotFound.d.ts +3 -0
- package/framework/PageEmptyStates/PageNotImplemented.d.ts +1 -0
- package/framework/PageForm/ErrorAlert.cy.d.ts +1 -0
- package/framework/PageForm/ErrorAlert.d.ts +9 -0
- package/framework/PageForm/GenericForm.d.ts +14 -0
- package/framework/PageForm/Inputs/FormGroupDateTimePicker.d.ts +12 -0
- package/framework/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +29 -0
- package/framework/PageForm/Inputs/PageFormAsyncMultiSelect.cy.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormAsyncMultiSelect.d.ts +9 -0
- package/framework/PageForm/Inputs/PageFormAsyncSelect.d.ts +49 -0
- package/framework/PageForm/Inputs/PageFormAsyncSingleSelect.cy.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormAsyncSingleSelect.d.ts +9 -0
- package/framework/PageForm/Inputs/PageFormCheckbox.d.ts +11 -0
- package/framework/PageForm/Inputs/PageFormCreatableSelect.d.ts +20 -0
- package/framework/PageForm/Inputs/PageFormDataEditor.cy.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormDataEditor.d.ts +36 -0
- package/framework/PageForm/Inputs/PageFormDateTimePicker.d.ts +12 -0
- package/framework/PageForm/Inputs/PageFormFileUpload.d.ts +7 -0
- package/framework/PageForm/Inputs/PageFormGroup.d.ts +14 -0
- package/framework/PageForm/Inputs/PageFormMarkdown.d.ts +19 -0
- package/framework/PageForm/Inputs/PageFormMarkdownEditor.cy.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormMultiInput.d.ts +23 -0
- package/framework/PageForm/Inputs/PageFormMultiSelect.d.ts +9 -0
- package/framework/PageForm/Inputs/PageFormSecret.cy.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormSecret.d.ts +14 -0
- package/framework/PageForm/Inputs/PageFormSelect.d.ts +21 -0
- package/framework/PageForm/Inputs/PageFormSingleSelect.d.ts +9 -0
- package/framework/PageForm/Inputs/PageFormSlider.d.ts +9 -0
- package/framework/PageForm/Inputs/PageFormSwitch.d.ts +18 -0
- package/framework/PageForm/Inputs/PageFormTextArea.d.ts +3 -0
- package/framework/PageForm/Inputs/PageFormTextInput.d.ts +29 -0
- package/framework/PageForm/Inputs/validation-hooks.d.ts +4 -0
- package/framework/PageForm/PageForm.d.ts +37 -0
- package/framework/PageForm/PageFormButtons.d.ts +9 -0
- package/framework/PageForm/PageFormExpandableSection.cy.d.ts +1 -0
- package/framework/PageForm/PageFormExpandableSection.d.ts +7 -0
- package/framework/PageForm/Utils/PageFormHidden.d.ts +6 -0
- package/framework/PageForm/Utils/PageFormSection.d.ts +7 -0
- package/framework/PageForm/Utils/PageFormSetError.d.ts +5 -0
- package/framework/PageForm/Utils/PageFormSetValue.d.ts +5 -0
- package/framework/PageForm/Utils/PageFormWatch.d.ts +6 -0
- package/framework/PageForm/genericErrorAdapter.cy.d.ts +1 -0
- package/framework/PageForm/genericErrorAdapter.d.ts +2 -0
- package/framework/PageForm/typesErrorAdapter.d.ts +12 -0
- package/framework/PageFramework.d.ts +5 -0
- package/framework/PageHeader.d.ts +23 -0
- package/framework/PageInputs/PageAsyncMultiSelect.cy.d.ts +1 -0
- package/framework/PageInputs/PageAsyncMultiSelect.d.ts +13 -0
- package/framework/PageInputs/PageAsyncSingleSelect.cy.d.ts +1 -0
- package/framework/PageInputs/PageAsyncSingleSelect.d.ts +14 -0
- package/framework/PageInputs/PageMultiSelect.cy.d.ts +1 -0
- package/framework/PageInputs/PageMultiSelect.d.ts +17 -0
- package/framework/PageInputs/PageSelectOption.d.ts +9 -0
- package/framework/PageInputs/PageSingleSelect.cy.d.ts +1 -0
- package/framework/PageInputs/PageSingleSelect.d.ts +29 -0
- package/framework/PageLayout.d.ts +4 -0
- package/framework/PageMasonry.d.ts +6 -0
- package/framework/PageMasthead/PageMasthead.d.ts +6 -0
- package/framework/PageMasthead/PageMastheadDropdown.d.ts +7 -0
- package/framework/PageMasthead/PageNotificationsIcon.d.ts +1 -0
- package/framework/PageMasthead/PageSettingsIcon.d.ts +1 -0
- package/framework/PageMasthead/PageThemeSwitcher.d.ts +1 -0
- package/framework/PageNavigation/PageApp.d.ts +9 -0
- package/framework/PageNavigation/PageNavSidebar.d.ts +12 -0
- package/framework/PageNavigation/PageNavigation.d.ts +5 -0
- package/framework/PageNavigation/PageNavigationItem.d.ts +25 -0
- package/framework/PageNavigation/PageNavigationRoutesProvider.d.ts +9 -0
- package/framework/PageNavigation/useGetPageUrl.d.ts +4 -0
- package/framework/PageNavigation/usePageNavigate.d.ts +4 -0
- package/framework/PageNotifications/PageNotificationsProvider.cy.d.ts +1 -0
- package/framework/PageNotifications/PageNotificationsProvider.d.ts +27 -0
- package/framework/PageTable/PageLoadingTable.d.ts +1 -0
- package/framework/PageTable/PagePagination.d.ts +13 -0
- package/framework/PageTable/PageTable.d.ts +65 -0
- package/framework/PageTable/PageTableCard.d.ts +39 -0
- package/framework/PageTable/PageTableCards.d.ts +3 -0
- package/framework/PageTable/PageTableColumn.d.ts +310 -0
- package/framework/PageTable/PageTableList.d.ts +7 -0
- package/framework/PageTable/useTableItems.d.ts +74 -0
- package/framework/PageTabs/PageBreadcrumbs.d.ts +11 -0
- package/framework/PageTabs/PageRoutedTabs.d.ts +20 -0
- package/framework/PageTabs/PageTabs.d.ts +11 -0
- package/framework/PageToolbar/PageTableViewType.d.ts +6 -0
- package/framework/PageToolbar/PageToolbar.d.ts +47 -0
- package/framework/PageToolbar/PageToolbarFilter.d.ts +25 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncMultiSelectFilter.d.ts +20 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncSelectFilterBuilder.d.ts +23 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncSingleSelectFilter.d.ts +15 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarDateRangeFilter.d.ts +33 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarFilterCommon.d.ts +7 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarFilters.cy.d.ts +1 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarMultiSelectFilter.d.ts +8 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarSingleSelectFilter.d.ts +9 -0
- package/framework/PageToolbar/PageToolbarFilters/ToolbarTextFilter.d.ts +24 -0
- package/framework/PageToolbar/PageToolbarSort.d.ts +16 -0
- package/framework/PageToolbar/PageToolbarToggleGroup.d.ts +10 -0
- package/framework/PageToolbar/PageToolbarView.d.ts +10 -0
- package/framework/PageWizard/PageWizard.cy.d.ts +1 -0
- package/framework/PageWizard/PageWizard.d.ts +12 -0
- package/framework/PageWizard/PageWizardBody.cy.d.ts +1 -0
- package/framework/PageWizard/PageWizardBody.d.ts +2 -0
- package/framework/PageWizard/PageWizardFooter.cy.d.ts +1 -0
- package/framework/PageWizard/PageWizardFooter.d.ts +5 -0
- package/framework/PageWizard/PageWizardHeader.d.ts +5 -0
- package/framework/PageWizard/PageWizardNavigation.d.ts +1 -0
- package/framework/PageWizard/PageWizardProvider.d.ts +10 -0
- package/framework/PageWizard/PageWizardToggle.d.ts +1 -0
- package/framework/PageWizard/index.d.ts +3 -0
- package/framework/PageWizard/types.d.ts +32 -0
- package/framework/Settings.d.ts +20 -0
- package/framework/components/BulkSelector.d.ts +11 -0
- package/framework/components/Collapse.d.ts +6 -0
- package/framework/components/DataEditor.d.ts +12 -0
- package/framework/components/DetailInfo.d.ts +4 -0
- package/framework/components/Dotted.d.ts +4 -0
- package/framework/components/DropZone.d.ts +7 -0
- package/framework/components/DropdownControlled.d.ts +4 -0
- package/framework/components/EmptyStateCustom.d.ts +11 -0
- package/framework/components/EmptyStateError.d.ts +4 -0
- package/framework/components/EmptyStateFilter.d.ts +6 -0
- package/framework/components/EmptyStateNoData.d.ts +7 -0
- package/framework/components/EmptyStateUnauthorized.d.ts +6 -0
- package/framework/components/ErrorBoundary.d.ts +15 -0
- package/framework/components/Help.d.ts +6 -0
- package/framework/components/IconButton.d.ts +2 -0
- package/framework/components/IconWrapper.d.ts +9 -0
- package/framework/components/LoadingPage.d.ts +4 -0
- package/framework/components/LoadingState.d.ts +1 -0
- package/framework/components/Masonry.d.ts +6 -0
- package/framework/components/PageGrid.d.ts +6 -0
- package/framework/components/ReorderItems.d.ts +20 -0
- package/framework/components/Scrollable.d.ts +9 -0
- package/framework/components/StandardPopover.d.ts +9 -0
- package/framework/components/icons/ExpandIcon.d.ts +4 -0
- package/framework/components/icons/RunningIcon.d.ts +2 -0
- package/framework/components/pfcolors.d.ts +32 -0
- package/framework/components/useBreakPoint.d.ts +4 -0
- package/framework/components/useIsMounted.d.ts +5 -0
- package/framework/components/useManageColumns.d.ts +5 -0
- package/framework/components/useManagedItems.d.ts +28 -0
- package/framework/components/useOpen.d.ts +4 -0
- package/framework/components/useSearchParams.d.ts +1 -0
- package/framework/components/useWindowLocation.d.ts +5 -0
- package/framework/hooks/useClipboard.d.ts +8 -0
- package/framework/hooks/useID.d.ts +11 -0
- package/framework/index.d.ts +70 -0
- package/framework/publish/assets/editor.worker-CKha-MBL.d.ts +0 -0
- package/framework/publish/assets/json.worker-BXgpME0S.d.ts +3 -0
- package/framework/publish/assets/yaml.worker-DhJ2nZ1S.d.ts +3 -0
- package/framework/publish/index.d.ts +318 -0
- package/framework/publish/index.umd.d.cts +1 -0
- package/framework/useFrameworkTranslations.d.ts +42 -0
- package/framework/useInMemoryView.d.ts +17 -0
- package/framework/useView.d.ts +36 -0
- package/framework/utils/codeEditorUtils.d.ts +1 -0
- package/framework/utils/compare.d.ts +3 -0
- package/framework/utils/dateTimeHelpers.d.ts +2 -0
- package/framework/utils/download-file.d.ts +2 -0
- package/framework/utils/formatDateString.d.ts +1 -0
- package/framework/utils/random-string.d.ts +3 -0
- package/framework/utils/strings.d.ts +2 -0
- package/framework/vite.config.d.ts +2 -0
- package/index.js +50018 -0
- package/index.umd.cjs +600 -0
- package/package.json +40 -0
- package/style.css +1 -0
@@ -0,0 +1,20 @@
|
|
1
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
+
import { ISelected } from '../PageTable/useTableItems';
|
3
|
+
import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
|
4
|
+
import { IView } from '../useView';
|
5
|
+
export type SingleSelectDialogProps<T extends object> = {
|
6
|
+
title: string;
|
7
|
+
view: IView & ISelected<T> & {
|
8
|
+
itemCount?: number;
|
9
|
+
pageItems: T[] | undefined;
|
10
|
+
};
|
11
|
+
tableColumns: ITableColumn<T>[];
|
12
|
+
toolbarFilters: IToolbarFilter[];
|
13
|
+
onSelect: (item: T) => void;
|
14
|
+
confirmText?: string;
|
15
|
+
cancelText?: string;
|
16
|
+
emptyStateTitle?: string;
|
17
|
+
errorStateTitle?: string;
|
18
|
+
onClose?: () => void;
|
19
|
+
};
|
20
|
+
export declare function SingleSelectDialog<T extends object>(props: SingleSelectDialogProps<T>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { ITableColumn } from '../PageTable/PageTableColumn';
|
2
|
+
import { ISelected } from '../PageTable/useTableItems';
|
3
|
+
import { IToolbarFilter } from '../PageToolbar/PageToolbarFilter';
|
4
|
+
import { IView } from '../useView';
|
5
|
+
interface ISelectDialogOptions<T extends object, TMultiple> {
|
6
|
+
view: IView & ISelected<T> & {
|
7
|
+
itemCount?: number;
|
8
|
+
pageItems: T[] | undefined;
|
9
|
+
};
|
10
|
+
tableColumns: ITableColumn<T>[];
|
11
|
+
toolbarFilters: IToolbarFilter[];
|
12
|
+
confirm: string;
|
13
|
+
cancel: string;
|
14
|
+
selected: string;
|
15
|
+
isMultiple?: TMultiple extends true ? true : false;
|
16
|
+
}
|
17
|
+
export declare function useSelectDialog<T extends {
|
18
|
+
id: number | string;
|
19
|
+
name: string | undefined;
|
20
|
+
}, TMultiple = false>(options: ISelectDialogOptions<T, TMultiple>): (onSelect?: (TMultiple extends true ? (item: T[]) => void : (item: T) => void) | undefined, title?: string) => void;
|
21
|
+
export type SelectDialogProps<T extends object, TMultiple> = {
|
22
|
+
title: string;
|
23
|
+
open: boolean;
|
24
|
+
isMultiple?: TMultiple extends true ? true : false;
|
25
|
+
setOpen: (open: boolean) => void;
|
26
|
+
onSelect: TMultiple extends true ? (item: T[]) => void : (item: T) => void;
|
27
|
+
keyFn: (item: T) => string | number;
|
28
|
+
} & ISelectDialogOptions<T, TMultiple>;
|
29
|
+
export declare function SelectDialog<T extends {
|
30
|
+
id: number | string;
|
31
|
+
name: string | undefined;
|
32
|
+
}, TMultiple = false>(props: SelectDialogProps<T, TMultiple>): import("react/jsx-runtime").JSX.Element;
|
33
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function PageNotImplemented(): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
type ErrorType = string | ReactNode | (string | ReactNode)[] | null;
|
3
|
+
interface ErrorAlertProps {
|
4
|
+
error: ErrorType;
|
5
|
+
isMd: boolean;
|
6
|
+
onCancel?: () => void;
|
7
|
+
}
|
8
|
+
export declare function ErrorAlert({ error, isMd, onCancel }: ErrorAlertProps): import("react/jsx-runtime").JSX.Element | null;
|
9
|
+
export {};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { DefaultValues } from 'react-hook-form';
|
3
|
+
import { ErrorAdapter } from './typesErrorAdapter';
|
4
|
+
import { PageFormSubmitHandler } from './PageForm';
|
5
|
+
export interface GenericFormProps<T extends object> {
|
6
|
+
children?: ReactNode;
|
7
|
+
onSubmit: PageFormSubmitHandler<T>;
|
8
|
+
onCancel?: () => void;
|
9
|
+
defaultValue?: DefaultValues<T>;
|
10
|
+
isVertical?: boolean;
|
11
|
+
autoComplete?: 'on' | 'off';
|
12
|
+
errorAdapter?: ErrorAdapter;
|
13
|
+
}
|
14
|
+
export declare function GenericForm<T extends object>(props: GenericFormProps<T>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { DatePickerProps, TimePickerProps } from '@patternfly/react-core';
|
2
|
+
import React from 'react';
|
3
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
4
|
+
export type FormGroupDateTimePickerProps = Omit<DatePickerProps, 'onChange' | 'placeholder' | 'value'> & Omit<TimePickerProps, 'onChange' | 'placeholder' | 'value'> & PageFormGroupProps & {
|
5
|
+
onTimeChange: (event: React.FormEvent<HTMLInputElement>, time: string, hour?: number, minute?: number, seconds?: number, isValid?: boolean) => void;
|
6
|
+
timePlaceHolder?: string;
|
7
|
+
timeValue: string;
|
8
|
+
onDateChange: (date: string) => void;
|
9
|
+
datePlaceHolder?: string;
|
10
|
+
dateValue: string;
|
11
|
+
};
|
12
|
+
export declare function FormGroupDateTimePicker(props: FormGroupDateTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { SelectOptionObject } from '@patternfly/react-core/deprecated';
|
2
|
+
import React from 'react';
|
3
|
+
export type FormGroupTypeAheadMultiSelectProps = {
|
4
|
+
id?: string;
|
5
|
+
label: string;
|
6
|
+
labelHelp?: string | string[] | React.ReactNode;
|
7
|
+
labelHelpTitle?: string;
|
8
|
+
helperText?: string;
|
9
|
+
helperTextInvalid?: string;
|
10
|
+
isReadOnly?: boolean;
|
11
|
+
placeholderText?: string | React.ReactNode;
|
12
|
+
options: {
|
13
|
+
value: string | {
|
14
|
+
name: string;
|
15
|
+
};
|
16
|
+
label: string;
|
17
|
+
}[];
|
18
|
+
onSelect?: (event: React.MouseEvent | React.ChangeEvent, value: string | SelectOptionObject, isPlaceholder?: boolean) => void;
|
19
|
+
onHandleSelection: (value: string | SelectOptionObject | {
|
20
|
+
name: string;
|
21
|
+
}) => void;
|
22
|
+
isSubmitting: boolean;
|
23
|
+
value: Partial<{
|
24
|
+
name: string;
|
25
|
+
}>[];
|
26
|
+
onHandleClear: (chip?: string) => void;
|
27
|
+
isRequired?: boolean;
|
28
|
+
};
|
29
|
+
export declare function FormGroupTypeAheadMultiSelect(props: FormGroupTypeAheadMultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
2
|
+
import { PageAsyncMultiSelectProps } from '../../PageInputs/PageAsyncMultiSelect';
|
3
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
4
|
+
export type PageFormAsyncMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, ValueT = FieldPathValue<TFieldValues, TFieldName>> = {
|
5
|
+
name: TFieldName;
|
6
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
7
|
+
isReadOnly?: boolean;
|
8
|
+
} & Pick<PageAsyncMultiSelectProps<ValueT>, 'id' | 'placeholder' | 'footer' | 'isDisabled' | 'queryOptions' | 'queryPlaceholder' | 'queryErrorText' | 'disableClearChips' | 'disableClearSelection'> & Pick<PageFormGroupProps, 'label' | 'labelHelp' | 'labelHelpTitle' | 'additionalControls' | 'isRequired' | 'helperText'>;
|
9
|
+
export declare function PageFormAsyncMultiSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormAsyncMultiSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,49 @@
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldValues } from 'react-hook-form';
|
3
|
+
export interface PageFormAsyncSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, SelectionType = unknown> {
|
4
|
+
id?: string;
|
5
|
+
name: TFieldName;
|
6
|
+
variant?: 'single' | 'typeahead' | 'typeaheadMulti';
|
7
|
+
label: string;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
|
+
placeholder: string;
|
11
|
+
loadingPlaceholder: string;
|
12
|
+
loadingErrorText: string;
|
13
|
+
additionalControls?: ReactElement;
|
14
|
+
query: (page: number) => Promise<{
|
15
|
+
total: number;
|
16
|
+
values: SelectionType[];
|
17
|
+
}>;
|
18
|
+
valueToString: (value: SelectionType | undefined) => string;
|
19
|
+
valueToDescription?: (value: SelectionType | undefined) => ReactNode;
|
20
|
+
isRequired?: boolean;
|
21
|
+
isReadOnly?: boolean;
|
22
|
+
openSelectDialog?: (onSelect: (value: SelectionType | null) => void, defaultSelection?: SelectionType) => void;
|
23
|
+
limit: number;
|
24
|
+
}
|
25
|
+
export declare function PageFormAsyncSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, SelectionType = any>(props: PageFormAsyncSelectProps<TFieldValues, TFieldName, SelectionType>): import("react/jsx-runtime").JSX.Element;
|
26
|
+
export interface AsyncSelectProps<SelectionType> {
|
27
|
+
id?: string;
|
28
|
+
value: SelectionType | undefined;
|
29
|
+
valueToString: (value: SelectionType | undefined) => string;
|
30
|
+
valueToDescription?: (value: SelectionType | undefined) => ReactNode;
|
31
|
+
onSelect: (value: SelectionType | null) => void;
|
32
|
+
query: (pageSize: number) => Promise<{
|
33
|
+
total: number;
|
34
|
+
values: SelectionType[];
|
35
|
+
}>;
|
36
|
+
placeholder: string;
|
37
|
+
variant?: 'single' | 'typeahead' | 'typeaheadMulti';
|
38
|
+
loadingPlaceholder: string;
|
39
|
+
labeledBy?: string;
|
40
|
+
isReadOnly?: boolean;
|
41
|
+
helperTextInvalid?: string;
|
42
|
+
validated?: 'success' | 'warning' | 'error' | 'default';
|
43
|
+
showRefreshButton?: boolean;
|
44
|
+
isRequired?: boolean;
|
45
|
+
limit: number;
|
46
|
+
loadingError?: boolean;
|
47
|
+
openSelectDialog?: (onSelect: (value: SelectionType | null) => void, defaultSelection?: SelectionType) => void;
|
48
|
+
}
|
49
|
+
export declare function AsyncSelect<SelectionType>(props: AsyncSelectProps<SelectionType>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
2
|
+
import { PageAsyncSingleSelectProps } from '../../PageInputs/PageAsyncSingleSelect';
|
3
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
4
|
+
export type PageFormAsyncSingleSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, ValueT = FieldPathValue<TFieldValues, TFieldName>> = {
|
5
|
+
name: TFieldName;
|
6
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
7
|
+
isReadOnly?: boolean;
|
8
|
+
} & Pick<PageAsyncSingleSelectProps<ValueT>, 'id' | 'placeholder' | 'footer' | 'isDisabled' | 'isRequired' | 'queryOptions' | 'queryPlaceholder' | 'queryErrorText'> & Pick<PageFormGroupProps, 'label' | 'labelHelp' | 'labelHelpTitle' | 'additionalControls' | 'isRequired' | 'helperText'>;
|
9
|
+
export declare function PageFormAsyncSingleSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormAsyncSingleSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { CheckboxProps } from '@patternfly/react-core';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
import { FieldPath, FieldValues, Validate } from 'react-hook-form';
|
4
|
+
export type PageFormCheckboxProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
5
|
+
id?: string;
|
6
|
+
name: TFieldName;
|
7
|
+
validate?: Validate<boolean, TFieldValues> | Record<string, Validate<boolean, TFieldValues>>;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
|
+
} & Omit<CheckboxProps, 'id' | 'onChange' | 'value'>;
|
11
|
+
export declare function PageFormCheckbox<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCheckboxProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
3
|
+
export type PageFormCreatableSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
4
|
+
id?: string;
|
5
|
+
name: TFieldName;
|
6
|
+
label: string;
|
7
|
+
labelHelp?: string | string[] | ReactNode;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
additionalControls?: ReactElement;
|
10
|
+
placeholderText?: string;
|
11
|
+
options: {
|
12
|
+
value: string | {
|
13
|
+
name: string;
|
14
|
+
};
|
15
|
+
label: string;
|
16
|
+
}[];
|
17
|
+
isRequired?: boolean;
|
18
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
19
|
+
};
|
20
|
+
export declare function PageFormCreatableSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormCreatableSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldPathByValue, FieldValues, Validate } from 'react-hook-form';
|
3
|
+
import { DataEditorLanguages } from '../../components/DataEditor';
|
4
|
+
export type PageFormDataEditorInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>> = {
|
5
|
+
id?: string;
|
6
|
+
name: TFieldName;
|
7
|
+
label: string;
|
8
|
+
labelHelp?: string | string[] | ReactNode;
|
9
|
+
labelHelpTitle?: string;
|
10
|
+
additionalControls?: ReactNode;
|
11
|
+
format: DataEditorLanguages | 'object';
|
12
|
+
disableCopy?: boolean;
|
13
|
+
disableUpload?: boolean;
|
14
|
+
disableDownload?: boolean;
|
15
|
+
disableExpand?: boolean;
|
16
|
+
defaultCollapsed?: boolean;
|
17
|
+
isRequired?: boolean;
|
18
|
+
validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
|
19
|
+
isReadOnly?: boolean;
|
20
|
+
isArray?: boolean;
|
21
|
+
};
|
22
|
+
export declare function PageFormDataEditor<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>>(props: PageFormDataEditorInputProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
23
|
+
export declare function DataEditorButtons(props: {
|
24
|
+
handleCopy: (() => void) | false;
|
25
|
+
handleDownload: (() => void) | false;
|
26
|
+
handleUpload: (() => void) | false;
|
27
|
+
children?: ReactNode;
|
28
|
+
}): import("react/jsx-runtime").JSX.Element;
|
29
|
+
export declare function DataEditorActions(props: {
|
30
|
+
handleCopy: (() => void) | false;
|
31
|
+
handleDownload: (() => void) | false;
|
32
|
+
handleUpload: (() => void) | false;
|
33
|
+
language: string;
|
34
|
+
setLanguage: (language: DataEditorLanguages) => void;
|
35
|
+
children?: ReactNode;
|
36
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldValues } from 'react-hook-form';
|
3
|
+
export type PageFormDateTimePickerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
4
|
+
name: TFieldName;
|
5
|
+
datePlaceHolder?: string;
|
6
|
+
timePlaceHolder?: string;
|
7
|
+
label: string;
|
8
|
+
labelHelp?: string | string[] | ReactNode;
|
9
|
+
labelHelpTitle?: string;
|
10
|
+
isDisabled?: boolean;
|
11
|
+
};
|
12
|
+
export declare function PageFormDateTimePicker<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormDateTimePickerProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { FileUploadProps } from '@patternfly/react-core';
|
2
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
3
|
+
export type PageFormFileUploadProps = {
|
4
|
+
name: string;
|
5
|
+
placeholder?: string;
|
6
|
+
} & PageFormGroupProps & Omit<FileUploadProps, 'id'>;
|
7
|
+
export declare function PageFormFileUpload(props: PageFormFileUploadProps): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
export interface PageFormGroupProps {
|
3
|
+
fieldId?: string;
|
4
|
+
icon?: ReactNode;
|
5
|
+
label?: string;
|
6
|
+
labelHelp?: string | string[] | ReactNode;
|
7
|
+
labelHelpTitle?: string;
|
8
|
+
isRequired?: boolean;
|
9
|
+
additionalControls?: ReactNode;
|
10
|
+
children?: ReactNode;
|
11
|
+
helperText?: string;
|
12
|
+
helperTextInvalid?: string | string[] | false;
|
13
|
+
}
|
14
|
+
export declare function PageFormGroup(props: PageFormGroupProps): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldPathByValue, FieldValues, Validate } from 'react-hook-form';
|
3
|
+
export type PageFormMarkdownInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>> = {
|
4
|
+
id?: string;
|
5
|
+
name: TFieldName;
|
6
|
+
label: string;
|
7
|
+
labelHelp?: string | string[] | ReactNode;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
additionalControls?: ReactNode;
|
10
|
+
disableCopy?: boolean;
|
11
|
+
disableUpload?: boolean;
|
12
|
+
disableDownload?: boolean;
|
13
|
+
disableExpand?: boolean;
|
14
|
+
defaultCollapsed?: boolean;
|
15
|
+
isRequired?: boolean;
|
16
|
+
validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
|
17
|
+
isReadOnly?: boolean;
|
18
|
+
};
|
19
|
+
export declare function PageFormMarkdown<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPathByValue<TFieldValues, object | string | undefined | null> = FieldPathByValue<TFieldValues, object | string | undefined | null>>(props: PageFormMarkdownInputProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { ChipGroupProps } from '@patternfly/react-core';
|
2
|
+
import { FieldPath, FieldValues, Validate, ValidationRule } from 'react-hook-form';
|
3
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
4
|
+
export type PageFormMultiInputProps<T, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
5
|
+
name: TFieldName;
|
6
|
+
placeholder?: string;
|
7
|
+
minLength?: number | ValidationRule<number>;
|
8
|
+
maxLength?: number | ValidationRule<number>;
|
9
|
+
pattern?: ValidationRule<RegExp>;
|
10
|
+
validate?: Validate<T[], TFieldValues>;
|
11
|
+
selectTitle?: string;
|
12
|
+
isDisabled?: boolean;
|
13
|
+
selectOpen?: (callback: (selection: T[]) => void, title: string) => void;
|
14
|
+
} & Omit<PageFormGroupProps, 'onChange' | 'value'> & ChipGroupProps;
|
15
|
+
interface FieldValuesWithArray<T> extends FieldValues {
|
16
|
+
[key: string]: T[];
|
17
|
+
}
|
18
|
+
export declare function PageFormMultiInput<T extends {
|
19
|
+
hostname?: string;
|
20
|
+
id: number | string;
|
21
|
+
name: string;
|
22
|
+
}, TFieldValues extends FieldValuesWithArray<T> = FieldValuesWithArray<T>, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormMultiInputProps<T, TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
23
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
2
|
+
import { PageMultiSelectProps } from '../../PageInputs/PageMultiSelect';
|
3
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
4
|
+
export type PageFormMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, ValueT = FieldPathValue<TFieldValues, TFieldName>> = {
|
5
|
+
name: TFieldName;
|
6
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
7
|
+
isReadOnly?: boolean;
|
8
|
+
} & Pick<PageMultiSelectProps<ValueT>, 'id' | 'placeholder' | 'options' | 'footer' | 'isDisabled'> & Pick<PageFormGroupProps, 'label' | 'labelHelp' | 'labelHelpTitle' | 'additionalControls' | 'isRequired' | 'helperText'>;
|
9
|
+
export declare function PageFormMultiSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormMultiSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { ReactElement } from 'react';
|
2
|
+
interface ChildProps {
|
3
|
+
labelHelp?: string;
|
4
|
+
label?: string;
|
5
|
+
}
|
6
|
+
interface IProps {
|
7
|
+
shouldHideField: boolean | undefined;
|
8
|
+
onClear: () => void;
|
9
|
+
children: ReactElement<ChildProps>;
|
10
|
+
labelHelp?: string;
|
11
|
+
label?: string;
|
12
|
+
}
|
13
|
+
export declare function PageFormSecret({ onClear, shouldHideField, label, labelHelp, children }: IProps): import("react/jsx-runtime").JSX.Element;
|
14
|
+
export {};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
3
|
+
import { PageSelectOption } from '../../PageInputs/PageSelectOption';
|
4
|
+
export type PageFormSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection = unknown> = {
|
5
|
+
id?: string;
|
6
|
+
name: TFieldName;
|
7
|
+
label?: string;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
|
+
additionalControls?: ReactNode;
|
11
|
+
placeholderText?: string;
|
12
|
+
options: PageSelectOption<TSelection>[];
|
13
|
+
footer?: ReactNode;
|
14
|
+
helperText?: string;
|
15
|
+
isDisabled?: boolean;
|
16
|
+
isReadOnly?: boolean;
|
17
|
+
isRequired?: boolean;
|
18
|
+
fieldNameToResetOnFieldChange?: TFieldName;
|
19
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
20
|
+
};
|
21
|
+
export declare function PageFormSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection = unknown>(props: PageFormSelectProps<TFieldValues, TFieldName, TSelection>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate } from 'react-hook-form';
|
2
|
+
import { PageSingleSelectProps } from '../../PageInputs/PageSingleSelect';
|
3
|
+
import { PageFormGroupProps } from './PageFormGroup';
|
4
|
+
export type PageFormSingleSelectProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, ValueT = FieldPathValue<TFieldValues, TFieldName>> = {
|
5
|
+
name: TFieldName;
|
6
|
+
validate?: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
|
7
|
+
isReadOnly?: boolean;
|
8
|
+
} & Pick<PageSingleSelectProps<ValueT>, 'id' | 'placeholder' | 'options' | 'footer' | 'isDisabled' | 'isRequired'> & Pick<PageFormGroupProps, 'label' | 'labelHelp' | 'labelHelpTitle' | 'additionalControls' | 'isRequired' | 'helperText'>;
|
9
|
+
export declare function PageFormSingleSelect<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormSingleSelectProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldValues, Validate, ValidationRule } from 'react-hook-form';
|
3
|
+
export type PageFormSwitchProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
4
|
+
id?: string;
|
5
|
+
name: TFieldName;
|
6
|
+
label?: string;
|
7
|
+
labelHelpTitle?: string;
|
8
|
+
labelHelp?: string | string[] | ReactNode;
|
9
|
+
isRequired?: boolean;
|
10
|
+
additionalControls?: ReactElement;
|
11
|
+
helperText?: string;
|
12
|
+
pattern?: ValidationRule<RegExp>;
|
13
|
+
validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
|
14
|
+
autoFocus?: boolean;
|
15
|
+
labelOn?: string;
|
16
|
+
labelOff?: string;
|
17
|
+
};
|
18
|
+
export declare function PageFormSwitch<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: PageFormSwitchProps<TFieldValues, TFieldName>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { FieldPath, FieldValues } from 'react-hook-form';
|
2
|
+
import { PageFormTextInputProps } from './PageFormTextInput';
|
3
|
+
export declare function PageFormTextArea<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection extends FieldValues = FieldValues>(props: PageFormTextInputProps<TFieldValues, TFieldName, TSelection>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldPath, FieldPathValue, FieldValues, Validate, ValidationRule } from 'react-hook-form';
|
3
|
+
export type PageFormTextInputProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection extends FieldValues = FieldValues> = {
|
4
|
+
id?: string;
|
5
|
+
name: TFieldName;
|
6
|
+
type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
|
7
|
+
label?: string;
|
8
|
+
labelHelpTitle?: string;
|
9
|
+
labelHelp?: string | string[] | ReactNode;
|
10
|
+
additionalControls?: ReactNode;
|
11
|
+
placeholder?: string;
|
12
|
+
button?: ReactNode;
|
13
|
+
helperText?: string;
|
14
|
+
isDisabled?: boolean;
|
15
|
+
isReadOnly?: boolean;
|
16
|
+
isRequired?: boolean;
|
17
|
+
validate?: Validate<string, TFieldValues> | Record<string, Validate<string, TFieldValues>>;
|
18
|
+
minLength?: number | ValidationRule<number>;
|
19
|
+
maxLength?: number | ValidationRule<number>;
|
20
|
+
min?: number | string;
|
21
|
+
max?: number | string;
|
22
|
+
pattern?: ValidationRule<RegExp>;
|
23
|
+
selectTitle?: string;
|
24
|
+
selectValue?: (selection: TSelection) => FieldPathValue<TSelection, FieldPath<TSelection>>;
|
25
|
+
selectOpen?: (callback: (selection: TSelection) => void, title: string) => void;
|
26
|
+
autoFocus?: boolean;
|
27
|
+
autoComplete?: string;
|
28
|
+
};
|
29
|
+
export declare function PageFormTextInput<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TSelection extends FieldValues = FieldValues>(props: PageFormTextInputProps<TFieldValues, TFieldName, TSelection>): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { DefaultValues, ErrorOption, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
|
3
|
+
import { ErrorAdapter } from './typesErrorAdapter';
|
4
|
+
export interface PageFormProps<T extends object> {
|
5
|
+
children?: ReactNode;
|
6
|
+
submitText?: string;
|
7
|
+
additionalActionText?: string;
|
8
|
+
onClickAdditionalAction?: PageFormSubmitHandler<T>;
|
9
|
+
onSubmit: PageFormSubmitHandler<T>;
|
10
|
+
cancelText?: string;
|
11
|
+
onCancel?: () => void;
|
12
|
+
defaultValue?: DefaultValues<T>;
|
13
|
+
isVertical?: boolean;
|
14
|
+
singleColumn?: boolean;
|
15
|
+
disablePadding?: boolean;
|
16
|
+
disableGrid?: boolean;
|
17
|
+
autoComplete?: 'on' | 'off';
|
18
|
+
footer?: ReactNode;
|
19
|
+
errorAdapter?: ErrorAdapter;
|
20
|
+
disableSubmitOnEnter?: boolean;
|
21
|
+
}
|
22
|
+
export declare function useFormErrors<T extends object>(defaultValue: DefaultValues<T> | undefined, errorAdapter: ErrorAdapter): {
|
23
|
+
form: UseFormReturn<T, any, undefined>;
|
24
|
+
handleSubmit: import("react-hook-form").UseFormHandleSubmit<T, undefined>;
|
25
|
+
error: string | ReactNode[] | null;
|
26
|
+
setError: import("react").Dispatch<import("react").SetStateAction<string | ReactNode[] | null>>;
|
27
|
+
handleSubmitError: (err: unknown) => void;
|
28
|
+
setFieldError: import("react-hook-form").UseFormSetError<T>;
|
29
|
+
};
|
30
|
+
export declare function PageForm<T extends object>(props: PageFormProps<T>): import("react/jsx-runtime").JSX.Element;
|
31
|
+
export type PageFormSubmitHandler<T extends FieldValues> = (data: T, setError: (error: string) => void, setFieldError: (fieldName: FieldPath<T>, error: ErrorOption) => void, form: UseFormReturn<T> | undefined) => Promise<unknown>;
|
32
|
+
export declare function PageFormGrid(props: {
|
33
|
+
children?: ReactNode;
|
34
|
+
isVertical?: boolean;
|
35
|
+
singleColumn?: boolean;
|
36
|
+
className?: string;
|
37
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ReactNode, CSSProperties } from 'react';
|
2
|
+
export declare function PageFormSubmitButton(props: {
|
3
|
+
children: ReactNode;
|
4
|
+
style?: CSSProperties;
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
6
|
+
export declare function PageFormCancelButton(props: {
|
7
|
+
onCancel: () => void;
|
8
|
+
children: ReactNode;
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
interface IPageFormExpandableSectionProps {
|
3
|
+
children: React.ReactNode;
|
4
|
+
singleColumn?: boolean;
|
5
|
+
}
|
6
|
+
export declare function PageFormExpandableSection(props: IPageFormExpandableSectionProps): import("react/jsx-runtime").JSX.Element;
|
7
|
+
export {};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldValues, UseFormSetError } from 'react-hook-form';
|
3
|
+
export declare function PageFormSetError<TFieldValues extends FieldValues = FieldValues>(props: {
|
4
|
+
children: (setError: UseFormSetError<TFieldValues>) => ReactNode;
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldValues, UseFormSetValue } from 'react-hook-form';
|
3
|
+
export declare function PageFormSetValue<TFieldValues extends FieldValues = FieldValues>(props: {
|
4
|
+
children: (setValue: UseFormSetValue<TFieldValues>) => ReactNode;
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { FieldValues, Path, PathValue, UseFormSetError } from 'react-hook-form';
|
3
|
+
export declare function PageFormWatch<TFieldValues extends FieldValues = FieldValues, TFieldName extends Path<TFieldValues> = Path<TFieldValues>, TValue = PathValue<TFieldValues, TFieldName>>(props: {
|
4
|
+
watch: TFieldName;
|
5
|
+
children: (value: TValue, setError: UseFormSetError<TFieldValues>) => ReactNode;
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|