@acuteinfo/common-base 1.2.37 → 1.2.38-beta.1
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/dist/components/common/arrayField/arrayField-stepper.d.ts +4 -0
- package/dist/components/common/arrayField/arrayField2.d.ts +3 -1
- package/dist/components/common/arrayField/index.d.ts +1 -0
- package/dist/components/common/arrayField/style.d.ts +1 -1
- package/dist/components/common/textField/textField.d.ts +3 -3
- package/dist/components/context/propertiesConfig/customProperties.d.ts +5 -0
- package/dist/components/custom/Remarks.d.ts +3 -1
- package/dist/components/custom/advanceFilter.d.ts +2 -1
- package/dist/components/custom/popupContext.d.ts +3 -0
- package/dist/components/custom/popupMessage.d.ts +3 -1
- package/dist/components/custom/popupReqest.d.ts +3 -1
- package/dist/components/custom-hooks/useDebouncedValue.d.ts +9 -0
- package/dist/components/dataTable/gridWrapper.d.ts +2 -0
- package/dist/components/dataTableStatic/grid.d.ts +2 -1
- package/dist/components/dataTableStatic/types.d.ts +3 -0
- package/dist/components/dataTableStatic/utils/attachCombineValidationFns.d.ts +1 -0
- package/dist/components/dataTableStatic/utils/attachYupSchema.d.ts +1 -0
- package/dist/components/detailPopupGridData/GridDetailsWithHeader/detailsGridWithHeader.d.ts +1 -1
- package/dist/components/detailPopupGridData/GridDetailsWithHeader/type.d.ts +2 -0
- package/dist/components/dynamicForm/types.d.ts +9 -2
- package/dist/components/dynamicForm/typesFields.d.ts +1 -0
- package/dist/components/fileUpload/preView.d.ts +1 -0
- package/dist/components/formcomponent/filterform/type.d.ts +2 -0
- package/dist/components/formcomponent/masterDetails/masterDetailsForm.d.ts +2 -0
- package/dist/components/report/gridTable.d.ts +1 -0
- package/dist/components/report/serverReport/ReportWrapper.d.ts +2 -0
- package/dist/components/report/serverReport/serverGridTable.d.ts +1 -0
- package/dist/components/report/types.d.ts +2 -0
- package/dist/components/utils/reportExport/ReportExportScreen.d.ts +1 -0
- package/dist/components/utils/reportExport/exportFunctions/metaData.d.ts +181 -2
- package/dist/components/utils/utilFunctions/function.d.ts +14 -0
- package/dist/index.js +15 -15
- package/dist/index.js.map +1 -1
- package/dist/packages/form/src/field.d.ts +2 -1
- package/dist/packages/form/src/fieldArrayStepper.d.ts +19 -0
- package/dist/packages/form/src/types.d.ts +6 -0
- package/dist/pages_audit/common/serverGrid/serverGrid.d.ts +4 -0
- package/package.json +2 -2
- package/dist/components/layoutReport/hooks/useDebouncedValue.d.ts +0 -12
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ArrayField2Props } from "./arrayField2";
|
|
3
|
+
export declare const ArrayFieldStepper: import("react").NamedExoticComponent<ArrayField2Props>;
|
|
4
|
+
export declare const ArrayFieldRow: import("react").MemoExoticComponent<({ row, classes, formState, getAllRowsValues, removeFn, rowIndex, totalRows, fields, currentMetaToObj, componentProps, t, arrayFieldName, isRemoveButton, removeRowFn, disagreeButtonName, agreeButtonName, errorTitle, hideRemoveIconOnSingleRecord, onFormButtonClickHandel, onFormDataChange, isSubmitting, fixedRows, onRowRemove, selectedRowIndex, setSelectedRowIndex, enableEnterToFocus, }: any) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -29,9 +29,10 @@ export interface ArrayField2Props {
|
|
|
29
29
|
changeRowOrder?: boolean;
|
|
30
30
|
noRecordMessage?: string;
|
|
31
31
|
hideRemoveIconOnSingleRecord?: boolean;
|
|
32
|
+
enableEnterToFocus?: boolean;
|
|
32
33
|
}
|
|
33
34
|
export declare const ArrayField2: FC<ArrayField2Props>;
|
|
34
|
-
export declare const ArrayFieldRow: ({ row, getAllRowsValues, fieldKey, oneRow, classes, removeFn, rowIndex, removeRowFn, totalRows, isSubmitting, formState, formName, arrayFieldIDName, arrayFieldName, fixedRows, isDisplayCount, isCustomStyle, disagreeButtonName, agreeButtonName, errorTitle, displayCountName, isRemoveButton, selectedRowIndex, setSelectedRowIndex, hideRemoveIconOnSingleRecord, }: {
|
|
35
|
+
export declare const ArrayFieldRow: ({ row, getAllRowsValues, fieldKey, oneRow, classes, removeFn, rowIndex, removeRowFn, totalRows, isSubmitting, formState, formName, arrayFieldIDName, arrayFieldName, fixedRows, isDisplayCount, isCustomStyle, disagreeButtonName, agreeButtonName, errorTitle, displayCountName, isRemoveButton, selectedRowIndex, setSelectedRowIndex, hideRemoveIconOnSingleRecord, enableEnterToFocus, }: {
|
|
35
36
|
row: any;
|
|
36
37
|
getAllRowsValues: any;
|
|
37
38
|
fieldKey: any;
|
|
@@ -57,4 +58,5 @@ export declare const ArrayFieldRow: ({ row, getAllRowsValues, fieldKey, oneRow,
|
|
|
57
58
|
selectedRowIndex: any;
|
|
58
59
|
setSelectedRowIndex: any;
|
|
59
60
|
hideRemoveIconOnSingleRecord: any;
|
|
61
|
+
enableEnterToFocus: any;
|
|
60
62
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type { ArrayFieldProps } from "./arrayField";
|
|
2
2
|
export { default, default as ArrayField } from "./arrayField";
|
|
3
3
|
export { ArrayField2 } from "./arrayField2";
|
|
4
|
+
export { ArrayFieldStepper } from "./arrayField-stepper";
|
|
4
5
|
export type { ArrayField2Props } from "./arrayField2";
|
|
5
6
|
export { ArrayFieldValues } from "./arrayFieldForDisplayValues";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"arrayRowContainer" | "newArrayRowContainer" | "newSecondArrayRowContainer" | "arrayRowRemoveBtn" | "arrayRowCard" | "arrayRowCardContent" | "arrayRowCount" | "arrayRowCountCustomStyle" | "arrayRowCountFixedRows" | "arrayScreenRowCount" | "newArrayRowCardContent" | "arrayFieldSelected" | "arrayFieldUnselected">;
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"arrayRowContainer" | "newArrayRowContainer" | "newSecondArrayRowContainer" | "arrayRowRemoveBtn" | "arrayRowRemoveBtnStepper" | "arrayRowCard" | "arrayRowCardContent" | "arrayRowCount" | "arrayRowCountCustomStyle" | "arrayRowCountFixedRows" | "arrayScreenRowCount" | "newArrayRowCardContent" | "arrayFieldSelected" | "arrayFieldUnselected">;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { UseFieldHookProps, AlwaysRunPostValidationSetCrossFieldValuesType } from "packages/form";
|
|
3
3
|
import { TextFieldProps } from "@mui/material/TextField";
|
|
4
4
|
import { GridProps } from "@mui/material/Grid";
|
|
@@ -45,5 +45,5 @@ interface MyGridExtendedProps {
|
|
|
45
45
|
}
|
|
46
46
|
type MyTextFieldAllProps = Merge<TextFieldProps, MyGridExtendedProps>;
|
|
47
47
|
export type MyTextFieldProps = UseFieldHookProps & MyTextFieldAllProps;
|
|
48
|
-
declare const
|
|
49
|
-
export default
|
|
48
|
+
declare const _default: import("react").NamedExoticComponent<MyTextFieldProps>;
|
|
49
|
+
export default _default;
|
|
@@ -113,6 +113,11 @@ export interface CustomProperties {
|
|
|
113
113
|
* @default false
|
|
114
114
|
*/
|
|
115
115
|
disableColumnFilters?: boolean;
|
|
116
|
+
/**
|
|
117
|
+
* Set true to enable focus to next/previous field on pressing enter/shift+enter keys
|
|
118
|
+
* @default false
|
|
119
|
+
*/
|
|
120
|
+
enableEnterToFocus?: boolean;
|
|
116
121
|
}
|
|
117
122
|
interface ContextProps {
|
|
118
123
|
config?: CustomProperties;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const RemarksAPIWrapper: ({ TitleText, onActionNo, onActionYes, isRequired, isEntertoSubmit, AcceptbuttonLabelText, CanceltbuttonLabelText, isLoading, open, label, placeholder, defaultValue, rows, customRequiredMessage, maxLength, showMaxLength, }: {
|
|
1
|
+
export declare const RemarksAPIWrapper: ({ TitleText, onActionNo, onActionYes, isRequired, isEntertoSubmit, AcceptbuttonLabelText, CanceltbuttonLabelText, isLoading, open, label, placeholder, defaultValue, rows, customRequiredMessage, maxLength, showMaxLength, enableEnterToFocus, focusScopeId, }: {
|
|
2
2
|
TitleText: any;
|
|
3
3
|
onActionNo: any;
|
|
4
4
|
onActionYes: any;
|
|
@@ -15,4 +15,6 @@ export declare const RemarksAPIWrapper: ({ TitleText, onActionNo, onActionYes, i
|
|
|
15
15
|
customRequiredMessage?: string | undefined;
|
|
16
16
|
maxLength?: number | undefined;
|
|
17
17
|
showMaxLength?: boolean | undefined;
|
|
18
|
+
enableEnterToFocus?: undefined;
|
|
19
|
+
focusScopeId?: string | undefined;
|
|
18
20
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,6 +8,8 @@ type TMessageBoxParams = {
|
|
|
8
8
|
buttonNames?: TButtonName[];
|
|
9
9
|
defFocusBtnName?: string;
|
|
10
10
|
loadingBtnName?: string[];
|
|
11
|
+
enableEnterToFocus?: boolean;
|
|
12
|
+
focusScopeId?: string;
|
|
11
13
|
};
|
|
12
14
|
type TPopupContextType = {
|
|
13
15
|
MessageBox: (params: TMessageBoxParams) => Promise<TButtonName> | any;
|
|
@@ -29,6 +31,7 @@ interface ProvidrerProps {
|
|
|
29
31
|
ERROR?: IconConfigType;
|
|
30
32
|
CONFIRM?: IconConfigType;
|
|
31
33
|
};
|
|
34
|
+
enableEnterToFocus?: boolean;
|
|
32
35
|
};
|
|
33
36
|
}
|
|
34
37
|
export declare const PopupContextProvider: React.FC<React.PropsWithChildren<ProvidrerProps>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const PopupMessageAPIWrapper: ({ MessageTitle, Message, onActionYes, onActionNo, rows, open, loading, }: {
|
|
1
|
+
export declare const PopupMessageAPIWrapper: ({ MessageTitle, Message, onActionYes, onActionNo, rows, open, loading, enableEnterToFocus, focusScopeId, }: {
|
|
2
2
|
MessageTitle: any;
|
|
3
3
|
Message: any;
|
|
4
4
|
onActionYes: any;
|
|
@@ -6,4 +6,6 @@ export declare const PopupMessageAPIWrapper: ({ MessageTitle, Message, onActionY
|
|
|
6
6
|
rows: any;
|
|
7
7
|
open?: boolean | undefined;
|
|
8
8
|
loading?: boolean | undefined;
|
|
9
|
+
enableEnterToFocus?: undefined;
|
|
10
|
+
focusScopeId?: string | undefined;
|
|
9
11
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,6 +10,8 @@ interface PopupRequestProps {
|
|
|
10
10
|
defFocusBtnName?: string;
|
|
11
11
|
loadingBtnName?: string;
|
|
12
12
|
messageBoxConfig?: any;
|
|
13
|
+
enableEnterToFocus?: boolean;
|
|
14
|
+
focusScopeId?: string;
|
|
13
15
|
}
|
|
14
|
-
export declare const PopupRequestWrapper: ({ MessageTitle, Message, onClickButton, buttonNames, rows, open, loading, icon, defFocusBtnName, loadingBtnName, messageBoxConfig, }: PopupRequestProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const PopupRequestWrapper: ({ MessageTitle, Message, onClickButton, buttonNames, rows, open, loading, icon, defFocusBtnName, loadingBtnName, messageBoxConfig, enableEnterToFocus, focusScopeId, }: PopupRequestProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A custom hook that returns a debounced version of the input value.
|
|
3
|
+
* It uses generics <T> to work with any type of value (string, object, array, etc.).
|
|
4
|
+
*
|
|
5
|
+
* @param {T} value - The input value (of any type T) that you want to debounce.
|
|
6
|
+
* @param {number} [delay=500] - The delay in milliseconds.
|
|
7
|
+
* @returns {T} The debounced value of type T.
|
|
8
|
+
*/
|
|
9
|
+
export declare const useDebouncedValue: <T>(value: T, delay?: number) => T;
|
|
@@ -17,6 +17,8 @@ interface GridWrapperPropsType {
|
|
|
17
17
|
variant?: "standard" | "contained" | "outlined";
|
|
18
18
|
autoFetch?: boolean;
|
|
19
19
|
headerToolbarStyle?: SxProps;
|
|
20
|
+
enableEnterToFocus?: boolean;
|
|
21
|
+
focusScopeId?: string;
|
|
20
22
|
}
|
|
21
23
|
export declare const GridWrapper: React.ForwardRefExoticComponent<GridWrapperPropsType & React.RefAttributes<any>>;
|
|
22
24
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const DataGrid: ({ label, dense, columns, data, loading, getRowId, defaultColumn, allowColumnReordering, disableSorting, defaultHiddenColumns, defaultSortOrder, defaultGroupBy, multipleActions, singleActions, doubleClickAction, alwaysAvailableAction, setGridAction, updateGridData, hideFooter, hideHeader, disableGlobalFilter, disableGroupBy, disableLoader, containerHeight, occupiedHeight, gridProps, pageSizes, defaultPageSize, enablePagination, allowRowSelection, hideNoDataFound, refetchData, hiddenFlag, autoRefreshInterval, allowFilter, filterMeta, allowColumnHiding, defaultFilter, isCusrsorFocused, onButtonActionHandel, controlsAtBottom, actionContextAtBottom, headerToolbarStyle, disableMultipleRowSelect, columnHeaderStyle, variant, enablePaginationInput, defaultSelectedRowId, footerNote, footerNoteStyles, paginationText, searchPlaceholder, enableExport, subGridLabel, hideActionBar, finalMetaData, externalExportState, onExportModalClose, enablePdfPrint, reportTemplateCode, enablePivot, handleClickAction, RenderSubHeader, subHeaderComponentProps, gridPaperProps, }: {
|
|
1
|
+
export declare const DataGrid: ({ label, dense, columns, data, loading, getRowId, defaultColumn, allowColumnReordering, disableSorting, defaultHiddenColumns, defaultSortOrder, defaultGroupBy, multipleActions, singleActions, doubleClickAction, alwaysAvailableAction, setGridAction, updateGridData, hideFooter, hideHeader, disableGlobalFilter, disableGroupBy, disableLoader, containerHeight, occupiedHeight, gridProps, pageSizes, defaultPageSize, enablePagination, allowRowSelection, hideNoDataFound, refetchData, hiddenFlag, autoRefreshInterval, allowFilter, filterMeta, allowColumnHiding, defaultFilter, isCusrsorFocused, onButtonActionHandel, controlsAtBottom, actionContextAtBottom, headerToolbarStyle, disableMultipleRowSelect, columnHeaderStyle, variant, enablePaginationInput, defaultSelectedRowId, footerNote, footerNoteStyles, paginationText, searchPlaceholder, enableExport, subGridLabel, hideActionBar, finalMetaData, externalExportState, onExportModalClose, enablePdfPrint, reportTemplateCode, enablePivot, handleClickAction, RenderSubHeader, subHeaderComponentProps, gridPaperProps, enableEnterToFocus, }: {
|
|
2
2
|
label: any;
|
|
3
3
|
dense: any;
|
|
4
4
|
columns: any;
|
|
@@ -64,4 +64,5 @@ export declare const DataGrid: ({ label, dense, columns, data, loading, getRowId
|
|
|
64
64
|
RenderSubHeader: any;
|
|
65
65
|
subHeaderComponentProps: any;
|
|
66
66
|
gridPaperProps: any;
|
|
67
|
+
enableEnterToFocus: any;
|
|
67
68
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -24,6 +24,7 @@ export interface GridColumnType {
|
|
|
24
24
|
isVisible?: boolean;
|
|
25
25
|
validation?: any;
|
|
26
26
|
showTooltip?: boolean;
|
|
27
|
+
tooltipPlacement?: "top-start" | "top" | "top-end" | "left-start" | "left" | "left-end" | "right-start" | "right" | "right-end" | "bottom-start" | "bottom" | "bottom-end";
|
|
27
28
|
schemaValidation?: GridYupSchemaMetaDataType;
|
|
28
29
|
options?: any;
|
|
29
30
|
isPassword?: boolean;
|
|
@@ -211,6 +212,8 @@ export interface GridMetaDataType {
|
|
|
211
212
|
lanTranslate?: any;
|
|
212
213
|
}
|
|
213
214
|
export interface GridWrapperPropTypes {
|
|
215
|
+
focusScopeId?: string;
|
|
216
|
+
enableEnterToFocus?: boolean;
|
|
214
217
|
finalMetaData: GridMetaDataType;
|
|
215
218
|
data: any;
|
|
216
219
|
setData: any;
|
|
@@ -17,6 +17,7 @@ export declare const attachcombinedValidationFns: (columns: GridColumnType[], au
|
|
|
17
17
|
dateFormat?: string | undefined;
|
|
18
18
|
isVisible?: boolean | undefined;
|
|
19
19
|
showTooltip?: boolean | undefined;
|
|
20
|
+
tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
|
|
20
21
|
options?: any;
|
|
21
22
|
isPassword?: boolean | undefined;
|
|
22
23
|
disableCachingOptions?: boolean | undefined;
|
|
@@ -17,6 +17,7 @@ export declare const attachYupSchemaValidator: (columns: GridColumnType[]) => {
|
|
|
17
17
|
isVisible?: boolean | undefined;
|
|
18
18
|
validation?: any;
|
|
19
19
|
showTooltip?: boolean | undefined;
|
|
20
|
+
tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
|
|
20
21
|
options?: any;
|
|
21
22
|
isPassword?: boolean | undefined;
|
|
22
23
|
disableCachingOptions?: boolean | undefined;
|
package/dist/components/detailPopupGridData/GridDetailsWithHeader/detailsGridWithHeader.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DetailsGridWithHeaderArguType } from "./type";
|
|
2
2
|
export declare const useDialogStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "topScrollPaper" | "topPaperScrollBody">;
|
|
3
|
-
export declare const DetailsGridWithHeader: ({ metadata, ClosedEventCall, data, HeaderMetaData, HeaderData, ClickEventManage, children, isLoading, isError, ErrorMessage, actions, setData, setCurrentAction, mode, isEditableForm, refID, onSubmit, submitSecondAction, submitSecondButtonName, submitSecondButtonHide, submitSecondLoading, onFieldAction, formComponentPropStyles, dialogProps, }: DetailsGridWithHeaderArguType) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const DetailsGridWithHeader: ({ metadata, ClosedEventCall, data, HeaderMetaData, HeaderData, ClickEventManage, children, isLoading, isError, ErrorMessage, actions, setData, setCurrentAction, mode, isEditableForm, refID, onSubmit, submitSecondAction, submitSecondButtonName, submitSecondButtonHide, submitSecondLoading, onFieldAction, formComponentPropStyles, dialogProps, enableEnterToFocus, focusScopeId, }: DetailsGridWithHeaderArguType) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { GridSize, GridSpacing, GridDirection } from "@mui/material/Grid";
|
|
2
|
-
import { AllTextFieldProps, AllSelectFieldProps, AllCheckboxGroupProps, AllCheckboxProps, AllDatePickerProps, AllDateTimePickerProps, AllTimePickerProps, AllRadioProps, AllRatingProps, AllSliderProps, AllSwitchGroupProps, AllSwitchProps, AllNumberFormatProps, AllPasswordFieldProps, AllSpacerProps, AllToggleButtonGroupProps, AllInputMaskProps, AllAutocompleteProps, ArrayFieldProps, AllTextareaAutosizeFieldProps, AllHiddenFieldProps, AllTypographyFieldProps, AllTransferListProps, AllSearchFieldProps, AllVisaversaFieldProps, AllDataTableProps, AllFormButtonProps, AllAccountNumberProps, AllLoginIDProps, DividerPropsOptional, AllDividerProps, CustomAccountProps, CustomReportAccTypeProps } from "./typesFields";
|
|
2
|
+
import { AllTextFieldProps, AllSelectFieldProps, AllCheckboxGroupProps, AllCheckboxProps, AllDatePickerProps, AllDateTimePickerProps, AllTimePickerProps, AllRadioProps, AllRatingProps, AllSliderProps, AllSwitchGroupProps, AllSwitchProps, AllNumberFormatProps, AllPasswordFieldProps, AllSpacerProps, AllToggleButtonGroupProps, AllInputMaskProps, AllAutocompleteProps, ArrayFieldProps, ArrayFieldStepperProps, AllTextareaAutosizeFieldProps, AllHiddenFieldProps, AllTypographyFieldProps, AllTransferListProps, AllSearchFieldProps, AllVisaversaFieldProps, AllDataTableProps, AllFormButtonProps, AllAccountNumberProps, AllLoginIDProps, DividerPropsOptional, AllDividerProps, CustomAccountProps, CustomReportAccTypeProps } from "./typesFields";
|
|
3
3
|
import { TextFieldPropsOptional, SelectPropsOptional, CheckboxGroupPropsOptional, CheckboxPropsOptional, DatePickerPropsOptional, DateTimePickerPropsOptional, TimePickerPropsOptional, RadioPropsOptional, RatingPropsOptional, SliderPropsOptional, SwitchPropsOptional, SwitchGroupPropsOptional, NumberFormatPropsOptional, PasswordFieldPropsOptional, ToggleButtonGroupPropsOptional, InputMaskPropsOptional, AutocompletePropsOptional, TextareaAutosizeFieldPropsOptional, SearchFieldPropsOptional, VisaversaFieldPropsOptional, DataTablePropsOptional } from "./typesFields";
|
|
4
4
|
import { Merge } from "../../components/common/types";
|
|
5
5
|
import { InitialValuesType, SubmitFnType } from "../../packages/form";
|
|
@@ -36,6 +36,11 @@ export interface UserFlowType {
|
|
|
36
36
|
export interface FormMetaDataType {
|
|
37
37
|
name: string;
|
|
38
38
|
label: string;
|
|
39
|
+
/**
|
|
40
|
+
* Set true to show user code along with form label
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
showUserCode?: boolean;
|
|
39
44
|
resetFieldOnUnmount: boolean;
|
|
40
45
|
validationRun: "onBlur" | "onChange" | "all";
|
|
41
46
|
render: FormRenderConfigType;
|
|
@@ -78,7 +83,7 @@ export interface MetaDataType {
|
|
|
78
83
|
form: FormMetaDataType;
|
|
79
84
|
fields: FieldMetaDataType[];
|
|
80
85
|
}
|
|
81
|
-
export type FieldMetaDataTypeX = AllTextFieldProps | AllDividerProps | AllSelectFieldProps | AllCheckboxGroupProps | AllCheckboxProps | AllDatePickerProps | AllDateTimePickerProps | AllTimePickerProps | AllRadioProps | AllRatingProps | AllSliderProps | AllSwitchGroupProps | AllSwitchProps | AllNumberFormatProps | AllPasswordFieldProps | AllToggleButtonGroupProps | AllSpacerProps | AllInputMaskProps | AllAutocompleteProps | AllTextareaAutosizeFieldProps | AllTypographyFieldProps | AllHiddenFieldProps | AllTransferListProps | AllSearchFieldProps | AllVisaversaFieldProps | ArrayFieldProps | AllDataTableProps | AllFormButtonProps | AllAccountNumberProps | AllLoginIDProps | CustomAccountProps | CustomReportAccTypeProps;
|
|
86
|
+
export type FieldMetaDataTypeX = AllTextFieldProps | AllDividerProps | AllSelectFieldProps | AllCheckboxGroupProps | AllCheckboxProps | AllDatePickerProps | AllDateTimePickerProps | AllTimePickerProps | AllRadioProps | AllRatingProps | AllSliderProps | AllSwitchGroupProps | AllSwitchProps | AllNumberFormatProps | AllPasswordFieldProps | AllToggleButtonGroupProps | AllSpacerProps | AllInputMaskProps | AllAutocompleteProps | AllTextareaAutosizeFieldProps | AllTypographyFieldProps | AllHiddenFieldProps | AllTransferListProps | AllSearchFieldProps | AllVisaversaFieldProps | ArrayFieldProps | ArrayFieldStepperProps | AllDataTableProps | AllFormButtonProps | AllAccountNumberProps | AllLoginIDProps | CustomAccountProps | CustomReportAccTypeProps;
|
|
82
87
|
export type FieldMetaDataType = Merge<FieldMetaDataTypeX, {
|
|
83
88
|
template?: FieldMetaDataType[];
|
|
84
89
|
}>;
|
|
@@ -134,6 +139,8 @@ export interface FormWrapperProps {
|
|
|
134
139
|
subHeaderLabelStyle?: SxProps;
|
|
135
140
|
children?: ReactNode | Function;
|
|
136
141
|
formHeaderStyle?: SxProps;
|
|
142
|
+
enableEnterToFocus?: boolean;
|
|
143
|
+
focusScopeId?: string;
|
|
137
144
|
}
|
|
138
145
|
export interface FormProps {
|
|
139
146
|
fields: GroupWiseRenderedFieldsType;
|
|
@@ -83,6 +83,7 @@ export type SwitchGroupPropsOptional = Optional<AllSwitchGroupProps>;
|
|
|
83
83
|
export type AllTextFieldProps = Merge<Omitted<TextFieldProps>, FieldMetaData<"textField">>;
|
|
84
84
|
export type TextFieldPropsOptional = Optional<AllTextFieldProps>;
|
|
85
85
|
export type ArrayFieldProps = Merge<Omitted<ArrayField2Props>, FieldMetaData<"arrayField">>;
|
|
86
|
+
export type ArrayFieldStepperProps = Merge<Omitted<ArrayField2Props>, FieldMetaData<"arrayFieldStepper">>;
|
|
86
87
|
export type AllTextareaAutosizeFieldProps = Merge<Omitted<TextareaAutosizeFieldProps>, FieldMetaData<"textarea">>;
|
|
87
88
|
export type TextareaAutosizeFieldPropsOptional = Optional<AllTextFieldProps>;
|
|
88
89
|
export type AllHiddenFieldProps = Merge<Omitted<HiddenFieldProps>, FieldMetaData<"hidden">>;
|
|
@@ -34,5 +34,7 @@ export interface MasterDetailsArgumentType {
|
|
|
34
34
|
headerToolbarStyle?: SxProps;
|
|
35
35
|
refetchData?: any;
|
|
36
36
|
formHeaderStyle?: SxProps;
|
|
37
|
+
enableEnterToFocus?: boolean;
|
|
38
|
+
focusScopeId?: string;
|
|
37
39
|
}
|
|
38
40
|
export declare const MasterDetailsForm: import("react").ForwardRefExoticComponent<MasterDetailsArgumentType & import("react").RefAttributes<any>>;
|
|
@@ -54,6 +54,7 @@ interface GridTableType {
|
|
|
54
54
|
getReportData?: (filters: any[], queryFilters: any, globalFilter: string | undefined, originalData: any, filteredData: any) => void;
|
|
55
55
|
disableFilters?: boolean;
|
|
56
56
|
headerToolbarStyle?: SxProps;
|
|
57
|
+
enableEnterToFocus?: boolean;
|
|
57
58
|
}
|
|
58
59
|
export declare const GridTable: FC<GridTableType>;
|
|
59
60
|
export {};
|
|
@@ -13,6 +13,8 @@ type TReportWrapper = {
|
|
|
13
13
|
disableFilters?: boolean;
|
|
14
14
|
options?: Record<PropertyKey, any>;
|
|
15
15
|
headerToolbarStyle?: SxProps;
|
|
16
|
+
enableEnterToFocus?: boolean;
|
|
17
|
+
focusScopeId?: string;
|
|
16
18
|
};
|
|
17
19
|
export declare const ReportWrapper: React.FC<TReportWrapper>;
|
|
18
20
|
export {};
|
|
@@ -1,2 +1,181 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare const exportReportFormMetaData: {
|
|
2
|
+
form: {
|
|
3
|
+
name: string;
|
|
4
|
+
label: string;
|
|
5
|
+
resetFieldOnUnmount: boolean;
|
|
6
|
+
validationRun: string;
|
|
7
|
+
submitAction: string;
|
|
8
|
+
render: {
|
|
9
|
+
ordering: string;
|
|
10
|
+
renderType: string;
|
|
11
|
+
gridConfig: {
|
|
12
|
+
item: {
|
|
13
|
+
xs: number;
|
|
14
|
+
sm: number;
|
|
15
|
+
md: number;
|
|
16
|
+
};
|
|
17
|
+
container: {
|
|
18
|
+
direction: string;
|
|
19
|
+
spacing: number;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
componentProps: {
|
|
24
|
+
textField: {
|
|
25
|
+
fullWidth: boolean;
|
|
26
|
+
};
|
|
27
|
+
select: {
|
|
28
|
+
fullWidth: boolean;
|
|
29
|
+
};
|
|
30
|
+
datePicker: {
|
|
31
|
+
fullWidth: boolean;
|
|
32
|
+
};
|
|
33
|
+
numberFormat: {
|
|
34
|
+
fullWidth: boolean;
|
|
35
|
+
};
|
|
36
|
+
inputMask: {
|
|
37
|
+
fullWidth: boolean;
|
|
38
|
+
};
|
|
39
|
+
datetimePicker: {
|
|
40
|
+
fullWidth: boolean;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
fields: ({
|
|
45
|
+
render: {
|
|
46
|
+
componentType: string;
|
|
47
|
+
};
|
|
48
|
+
name: string;
|
|
49
|
+
label: string;
|
|
50
|
+
placeholder: string;
|
|
51
|
+
runPostValidationForInitValue: boolean;
|
|
52
|
+
options: never[];
|
|
53
|
+
isFieldFocused: boolean;
|
|
54
|
+
validationRun: string;
|
|
55
|
+
postValidationSetCrossFieldValues: (curr: any, formState: any) => Promise<{
|
|
56
|
+
EXPORT_TYPE?: undefined;
|
|
57
|
+
SHOW_HEADER?: undefined;
|
|
58
|
+
PAGE_SIZE?: undefined;
|
|
59
|
+
ORIENTATION?: undefined;
|
|
60
|
+
} | {
|
|
61
|
+
EXPORT_TYPE: {
|
|
62
|
+
value: any;
|
|
63
|
+
};
|
|
64
|
+
SHOW_HEADER: {
|
|
65
|
+
value: any;
|
|
66
|
+
};
|
|
67
|
+
PAGE_SIZE: {
|
|
68
|
+
value: any;
|
|
69
|
+
};
|
|
70
|
+
ORIENTATION: {
|
|
71
|
+
value: any;
|
|
72
|
+
};
|
|
73
|
+
}>;
|
|
74
|
+
shouldExclude: (_: any, __: any, formState: any) => boolean;
|
|
75
|
+
GridProps: {
|
|
76
|
+
xs: number;
|
|
77
|
+
md: number;
|
|
78
|
+
sm: number;
|
|
79
|
+
};
|
|
80
|
+
required?: undefined;
|
|
81
|
+
defaultValue?: undefined;
|
|
82
|
+
defaultOptionLabel?: undefined;
|
|
83
|
+
schemaValidation?: undefined;
|
|
84
|
+
dependentFields?: undefined;
|
|
85
|
+
ignoreInSubmit?: undefined;
|
|
86
|
+
fullWidth?: undefined;
|
|
87
|
+
} | {
|
|
88
|
+
render: {
|
|
89
|
+
componentType: string;
|
|
90
|
+
};
|
|
91
|
+
name: string;
|
|
92
|
+
label: string;
|
|
93
|
+
required: boolean;
|
|
94
|
+
defaultValue: string;
|
|
95
|
+
defaultOptionLabel: string;
|
|
96
|
+
options: {
|
|
97
|
+
label: string;
|
|
98
|
+
value: string;
|
|
99
|
+
}[];
|
|
100
|
+
validationRun: string;
|
|
101
|
+
postValidationSetCrossFieldValues: (current: any, formState: any) => {};
|
|
102
|
+
schemaValidation: {
|
|
103
|
+
type: string;
|
|
104
|
+
rules: {
|
|
105
|
+
name: string;
|
|
106
|
+
params: string[];
|
|
107
|
+
}[];
|
|
108
|
+
};
|
|
109
|
+
GridProps: {
|
|
110
|
+
xs: number;
|
|
111
|
+
md: number;
|
|
112
|
+
sm: number;
|
|
113
|
+
};
|
|
114
|
+
placeholder?: undefined;
|
|
115
|
+
runPostValidationForInitValue?: undefined;
|
|
116
|
+
isFieldFocused?: undefined;
|
|
117
|
+
shouldExclude?: undefined;
|
|
118
|
+
dependentFields?: undefined;
|
|
119
|
+
ignoreInSubmit?: undefined;
|
|
120
|
+
fullWidth?: undefined;
|
|
121
|
+
} | {
|
|
122
|
+
render: {
|
|
123
|
+
componentType: string;
|
|
124
|
+
};
|
|
125
|
+
name: string;
|
|
126
|
+
label: string;
|
|
127
|
+
defaultValue: string;
|
|
128
|
+
defaultOptionLabel: string;
|
|
129
|
+
dependentFields: string[];
|
|
130
|
+
ignoreInSubmit: (dependentFields: any) => boolean;
|
|
131
|
+
shouldExclude: (_: any, dependentFieldsValues: any, __: any) => boolean;
|
|
132
|
+
options: {
|
|
133
|
+
label: string;
|
|
134
|
+
value: string;
|
|
135
|
+
}[];
|
|
136
|
+
required: boolean;
|
|
137
|
+
schemaValidation: {
|
|
138
|
+
type: string;
|
|
139
|
+
rules: {
|
|
140
|
+
name: string;
|
|
141
|
+
params: string[];
|
|
142
|
+
}[];
|
|
143
|
+
};
|
|
144
|
+
GridProps: {
|
|
145
|
+
xs: number;
|
|
146
|
+
md: number;
|
|
147
|
+
sm: number;
|
|
148
|
+
};
|
|
149
|
+
placeholder?: undefined;
|
|
150
|
+
runPostValidationForInitValue?: undefined;
|
|
151
|
+
isFieldFocused?: undefined;
|
|
152
|
+
validationRun?: undefined;
|
|
153
|
+
postValidationSetCrossFieldValues?: undefined;
|
|
154
|
+
fullWidth?: undefined;
|
|
155
|
+
} | {
|
|
156
|
+
render: {
|
|
157
|
+
componentType: string;
|
|
158
|
+
};
|
|
159
|
+
name: string;
|
|
160
|
+
label: string;
|
|
161
|
+
defaultValue: boolean;
|
|
162
|
+
GridProps: {
|
|
163
|
+
xs: number;
|
|
164
|
+
md: number;
|
|
165
|
+
sm: number;
|
|
166
|
+
};
|
|
167
|
+
fullWidth: boolean;
|
|
168
|
+
dependentFields: string[];
|
|
169
|
+
ignoreInSubmit: (dependentFields: any) => boolean;
|
|
170
|
+
shouldExclude: (_: any, dependentFieldsValues: any, __: any) => boolean;
|
|
171
|
+
placeholder?: undefined;
|
|
172
|
+
runPostValidationForInitValue?: undefined;
|
|
173
|
+
options?: undefined;
|
|
174
|
+
isFieldFocused?: undefined;
|
|
175
|
+
validationRun?: undefined;
|
|
176
|
+
postValidationSetCrossFieldValues?: undefined;
|
|
177
|
+
required?: undefined;
|
|
178
|
+
defaultOptionLabel?: undefined;
|
|
179
|
+
schemaValidation?: undefined;
|
|
180
|
+
})[];
|
|
181
|
+
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
export declare const GetMaxCdForDetails: (data: any, keys: any) => number;
|
|
2
3
|
export declare const GetMaxDisplaySequenceCd: (data: any, keys: any) => number;
|
|
3
4
|
export declare const base64toBlob: (b64Data: any, contentType?: string, sliceSize?: number) => Blob;
|
|
@@ -59,3 +60,16 @@ export declare const getDynamicLabel: (path: string, data: any, setScreenCode?:
|
|
|
59
60
|
* @returns css variable value in string
|
|
60
61
|
*/
|
|
61
62
|
export declare const getCssVariable: (variableName: string) => string;
|
|
63
|
+
/**
|
|
64
|
+
* Enables Enter-to-focus navigation within a form or a scoped group.
|
|
65
|
+
* If `scopeId` is provided, the function searches all elements with
|
|
66
|
+
* `data-scope-id="<scopeId>"` and cycles focus within them.
|
|
67
|
+
* Otherwise, focus is cycled inside the current container only.
|
|
68
|
+
*
|
|
69
|
+
* Moves forward on Enter and backward on Shift+Enter.
|
|
70
|
+
*
|
|
71
|
+
* @param event React keyboard event (Enter key triggers navigation)
|
|
72
|
+
* @param scopeId Optional ID used to target elements with `data-scope-id`
|
|
73
|
+
* @returns void
|
|
74
|
+
*/
|
|
75
|
+
export declare const handleEnterToFocus: (event: React.KeyboardEvent<HTMLElement>, scopeId?: string) => void;
|