@ansible/ansible-ui-framework 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 {};
|