@acuteinfo/common-base 1.2.37 → 1.2.38

package/dist/components/common/arrayField/arrayField2.d.ts

@@ -29,9 +29,10 @@ export interface ArrayField2Props {
     changeRowOrder?: boolean;
     noRecordMessage?: string;
     hideRemoveIconOnSingleRecord?: boolean;
+    enableEnterToFocus?: boolean;
 }
 export declare const ArrayField2: FC<ArrayField2Props>;
-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, }: {
+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, }: {
     row: any;
     getAllRowsValues: any;
     fieldKey: any;
@@ -57,4 +58,5 @@ export declare const ArrayFieldRow: ({ row, getAllRowsValues, fieldKey, oneRow,
     selectedRowIndex: any;
     setSelectedRowIndex: any;
     hideRemoveIconOnSingleRecord: any;
+    enableEnterToFocus: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/context/propertiesConfig/customProperties.d.ts

@@ -113,6 +113,11 @@ export interface CustomProperties {
      * @default false
      */
     disableColumnFilters?: boolean;
+    /**
+     * Set true to enable focus to next/previous field on pressing enter/shift+enter keys
+     * @default false
+     */
+    enableEnterToFocus?: boolean;
 }
 interface ContextProps {
     config?: CustomProperties;

package/dist/components/custom/Remarks.d.ts

@@ -1,4 +1,4 @@
-export declare const RemarksAPIWrapper: ({ TitleText, onActionNo, onActionYes, isRequired, isEntertoSubmit, AcceptbuttonLabelText, CanceltbuttonLabelText, isLoading, open, label, placeholder, defaultValue, rows, customRequiredMessage, maxLength, showMaxLength, }: {
+export declare const RemarksAPIWrapper: ({ TitleText, onActionNo, onActionYes, isRequired, isEntertoSubmit, AcceptbuttonLabelText, CanceltbuttonLabelText, isLoading, open, label, placeholder, defaultValue, rows, customRequiredMessage, maxLength, showMaxLength, enableEnterToFocus, focusScopeId, }: {
     TitleText: any;
     onActionNo: any;
     onActionYes: any;
@@ -15,4 +15,6 @@ export declare const RemarksAPIWrapper: ({ TitleText, onActionNo, onActionYes, i
     customRequiredMessage?: string | undefined;
     maxLength?: number | undefined;
     showMaxLength?: boolean | undefined;
+    enableEnterToFocus?: undefined;
+    focusScopeId?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/advanceFilter.d.ts

@@ -1,4 +1,5 @@
-export declare const AdvanceFilter: ({ column, filters }: {
+export declare const AdvanceFilter: ({ column, filters, enableEnterToFocus }: {
     column: any;
     filters: any;
+    enableEnterToFocus: any;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/custom/popupContext.d.ts

@@ -8,6 +8,8 @@ type TMessageBoxParams = {
     buttonNames?: TButtonName[];
     defFocusBtnName?: string;
     loadingBtnName?: string[];
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 };
 type TPopupContextType = {
     MessageBox: (params: TMessageBoxParams) => Promise<TButtonName> | any;
@@ -29,6 +31,7 @@ interface ProvidrerProps {
             ERROR?: IconConfigType;
             CONFIRM?: IconConfigType;
         };
+        enableEnterToFocus?: boolean;
     };
 }
 export declare const PopupContextProvider: React.FC<React.PropsWithChildren<ProvidrerProps>>;

package/dist/components/custom/popupMessage.d.ts

@@ -1,4 +1,4 @@
-export declare const PopupMessageAPIWrapper: ({ MessageTitle, Message, onActionYes, onActionNo, rows, open, loading, }: {
+export declare const PopupMessageAPIWrapper: ({ MessageTitle, Message, onActionYes, onActionNo, rows, open, loading, enableEnterToFocus, focusScopeId, }: {
     MessageTitle: any;
     Message: any;
     onActionYes: any;
@@ -6,4 +6,6 @@ export declare const PopupMessageAPIWrapper: ({ MessageTitle, Message, onActionY
     rows: any;
     open?: boolean | undefined;
     loading?: boolean | undefined;
+    enableEnterToFocus?: undefined;
+    focusScopeId?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/popupReqest.d.ts

@@ -10,6 +10,8 @@ interface PopupRequestProps {
     defFocusBtnName?: string;
     loadingBtnName?: string;
     messageBoxConfig?: any;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }
-export declare const PopupRequestWrapper: ({ MessageTitle, Message, onClickButton, buttonNames, rows, open, loading, icon, defFocusBtnName, loadingBtnName, messageBoxConfig, }: PopupRequestProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopupRequestWrapper: ({ MessageTitle, Message, onClickButton, buttonNames, rows, open, loading, icon, defFocusBtnName, loadingBtnName, messageBoxConfig, enableEnterToFocus, focusScopeId, }: PopupRequestProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/dataTable/gridWrapper.d.ts

@@ -17,6 +17,8 @@ interface GridWrapperPropsType {
     variant?: "standard" | "contained" | "outlined";
     autoFetch?: boolean;
     headerToolbarStyle?: SxProps;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }
 export declare const GridWrapper: React.ForwardRefExoticComponent<GridWrapperPropsType & React.RefAttributes<any>>;
 export {};

package/dist/components/dataTableStatic/grid.d.ts

@@ -1,4 +1,4 @@
-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, }: {
+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, }: {
     label: any;
     dense: any;
     columns: any;
@@ -64,4 +64,5 @@ export declare const DataGrid: ({ label, dense, columns, data, loading, getRowId
     RenderSubHeader: any;
     subHeaderComponentProps: any;
     gridPaperProps: any;
+    enableEnterToFocus: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dataTableStatic/types.d.ts

@@ -211,6 +211,8 @@ export interface GridMetaDataType {
     lanTranslate?: any;
 }
 export interface GridWrapperPropTypes {
+    focusScopeId?: string;
+    enableEnterToFocus?: boolean;
     finalMetaData: GridMetaDataType;
     data: any;
     setData: any;

package/dist/components/detailPopupGridData/GridDetailsWithHeader/detailsGridWithHeader.d.ts

@@ -1,3 +1,3 @@
 import { DetailsGridWithHeaderArguType } from "./type";
 export declare const useDialogStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "topScrollPaper" | "topPaperScrollBody">;
-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;
+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;

package/dist/components/detailPopupGridData/GridDetailsWithHeader/type.d.ts

@@ -35,4 +35,6 @@ export interface DetailsGridWithHeaderArguType {
         paperStyle?: SxProps;
     };
     dialogProps?: Optional<DialogProps>;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }

package/dist/components/dynamicForm/types.d.ts

@@ -134,6 +134,8 @@ export interface FormWrapperProps {
     subHeaderLabelStyle?: SxProps;
     children?: ReactNode | Function;
     formHeaderStyle?: SxProps;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }
 export interface FormProps {
     fields: GroupWiseRenderedFieldsType;

package/dist/components/formcomponent/filterform/type.d.ts

@@ -77,4 +77,6 @@ export interface FormComponentViewProps {
         };
         paperStyle?: SxProps;
     };
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }

package/dist/components/formcomponent/masterDetails/masterDetailsForm.d.ts

@@ -34,5 +34,7 @@ export interface MasterDetailsArgumentType {
     headerToolbarStyle?: SxProps;
     refetchData?: any;
     formHeaderStyle?: SxProps;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }
 export declare const MasterDetailsForm: import("react").ForwardRefExoticComponent<MasterDetailsArgumentType & import("react").RefAttributes<any>>;

package/dist/components/report/gridTable.d.ts

@@ -54,6 +54,7 @@ interface GridTableType {
     getReportData?: (filters: any[], queryFilters: any, globalFilter: string | undefined, originalData: any, filteredData: any) => void;
     disableFilters?: boolean;
     headerToolbarStyle?: SxProps;
+    enableEnterToFocus?: boolean;
 }
 export declare const GridTable: FC<GridTableType>;
 export {};

package/dist/components/report/serverReport/ReportWrapper.d.ts

@@ -13,6 +13,8 @@ type TReportWrapper = {
     disableFilters?: boolean;
     options?: Record<PropertyKey, any>;
     headerToolbarStyle?: SxProps;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 };
 export declare const ReportWrapper: React.FC<TReportWrapper>;
 export {};

package/dist/components/report/serverReport/serverGridTable.d.ts

@@ -45,6 +45,7 @@ interface GridTableType {
     defaultFilter?: any;
     disableFilters?: boolean;
     headerToolbarStyle?: SxProps;
+    enableEnterToFocus?: boolean;
 }
 export declare const GridTable: FC<GridTableType>;
 export {};

package/dist/components/report/types.d.ts

@@ -209,4 +209,6 @@ export interface ReportGridProps {
      */
     disableFilters?: boolean;
     headerToolbarStyle?: SxProps;
+    enableEnterToFocus?: boolean;
+    focusScopeId?: string;
 }

package/dist/components/utils/reportExport/ReportExportScreen.d.ts

@@ -11,5 +11,6 @@ export type TReportProps = {
     totalPageCount?: number;
     enablePdfPrint?: boolean;
     reportTemplateCode?: string;
+    enableEnterToFocus?: boolean;
 };
 export declare const ReportExportScreen: FC<TReportProps>;

package/dist/components/utils/reportExport/exportFunctions/metaData.d.ts

@@ -1,2 +1,181 @@
-import { MetaDataType } from "components/dynamicForm";
-export declare const exportReportFormMetaData: MetaDataType;
+export declare const exportReportFormMetaData: {
+    form: {
+        name: string;
+        label: string;
+        resetFieldOnUnmount: boolean;
+        validationRun: string;
+        submitAction: string;
+        render: {
+            ordering: string;
+            renderType: string;
+            gridConfig: {
+                item: {
+                    xs: number;
+                    sm: number;
+                    md: number;
+                };
+                container: {
+                    direction: string;
+                    spacing: number;
+                };
+            };
+        };
+        componentProps: {
+            textField: {
+                fullWidth: boolean;
+            };
+            select: {
+                fullWidth: boolean;
+            };
+            datePicker: {
+                fullWidth: boolean;
+            };
+            numberFormat: {
+                fullWidth: boolean;
+            };
+            inputMask: {
+                fullWidth: boolean;
+            };
+            datetimePicker: {
+                fullWidth: boolean;
+            };
+        };
+    };
+    fields: ({
+        render: {
+            componentType: string;
+        };
+        name: string;
+        label: string;
+        placeholder: string;
+        runPostValidationForInitValue: boolean;
+        options: never[];
+        isFieldFocused: boolean;
+        validationRun: string;
+        postValidationSetCrossFieldValues: (curr: any, formState: any) => Promise<{
+            EXPORT_TYPE?: undefined;
+            SHOW_HEADER?: undefined;
+            PAGE_SIZE?: undefined;
+            ORIENTATION?: undefined;
+        } | {
+            EXPORT_TYPE: {
+                value: any;
+            };
+            SHOW_HEADER: {
+                value: any;
+            };
+            PAGE_SIZE: {
+                value: any;
+            };
+            ORIENTATION: {
+                value: any;
+            };
+        }>;
+        shouldExclude: (_: any, __: any, formState: any) => boolean;
+        GridProps: {
+            xs: number;
+            md: number;
+            sm: number;
+        };
+        required?: undefined;
+        defaultValue?: undefined;
+        defaultOptionLabel?: undefined;
+        schemaValidation?: undefined;
+        dependentFields?: undefined;
+        ignoreInSubmit?: undefined;
+        fullWidth?: undefined;
+    } | {
+        render: {
+            componentType: string;
+        };
+        name: string;
+        label: string;
+        required: boolean;
+        defaultValue: string;
+        defaultOptionLabel: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        validationRun: string;
+        postValidationSetCrossFieldValues: (current: any, formState: any) => {};
+        schemaValidation: {
+            type: string;
+            rules: {
+                name: string;
+                params: string[];
+            }[];
+        };
+        GridProps: {
+            xs: number;
+            md: number;
+            sm: number;
+        };
+        placeholder?: undefined;
+        runPostValidationForInitValue?: undefined;
+        isFieldFocused?: undefined;
+        shouldExclude?: undefined;
+        dependentFields?: undefined;
+        ignoreInSubmit?: undefined;
+        fullWidth?: undefined;
+    } | {
+        render: {
+            componentType: string;
+        };
+        name: string;
+        label: string;
+        defaultValue: string;
+        defaultOptionLabel: string;
+        dependentFields: string[];
+        ignoreInSubmit: (dependentFields: any) => boolean;
+        shouldExclude: (_: any, dependentFieldsValues: any, __: any) => boolean;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        required: boolean;
+        schemaValidation: {
+            type: string;
+            rules: {
+                name: string;
+                params: string[];
+            }[];
+        };
+        GridProps: {
+            xs: number;
+            md: number;
+            sm: number;
+        };
+        placeholder?: undefined;
+        runPostValidationForInitValue?: undefined;
+        isFieldFocused?: undefined;
+        validationRun?: undefined;
+        postValidationSetCrossFieldValues?: undefined;
+        fullWidth?: undefined;
+    } | {
+        render: {
+            componentType: string;
+        };
+        name: string;
+        label: string;
+        defaultValue: boolean;
+        GridProps: {
+            xs: number;
+            md: number;
+            sm: number;
+        };
+        fullWidth: boolean;
+        dependentFields: string[];
+        ignoreInSubmit: (dependentFields: any) => boolean;
+        shouldExclude: (_: any, dependentFieldsValues: any, __: any) => boolean;
+        placeholder?: undefined;
+        runPostValidationForInitValue?: undefined;
+        options?: undefined;
+        isFieldFocused?: undefined;
+        validationRun?: undefined;
+        postValidationSetCrossFieldValues?: undefined;
+        required?: undefined;
+        defaultOptionLabel?: undefined;
+        schemaValidation?: undefined;
+    })[];
+};

package/dist/components/utils/utilFunctions/function.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export declare const GetMaxCdForDetails: (data: any, keys: any) => number;
 export declare const GetMaxDisplaySequenceCd: (data: any, keys: any) => number;
 export declare const base64toBlob: (b64Data: any, contentType?: string, sliceSize?: number) => Blob;
@@ -59,3 +60,16 @@ export declare const getDynamicLabel: (path: string, data: any, setScreenCode?:
  * @returns css variable value in string
  */
 export declare const getCssVariable: (variableName: string) => string;
+/**
+ * Enables Enter-to-focus navigation within a form or a scoped group.
+ * If `scopeId` is provided, the function searches all elements with
+ * `data-scope-id="<scopeId>"` and cycles focus within them.
+ * Otherwise, focus is cycled inside the current container only.
+ *
+ * Moves forward on Enter and backward on Shift+Enter.
+ *
+ * @param event   React keyboard event (Enter key triggers navigation)
+ * @param scopeId Optional ID used to target elements with `data-scope-id`
+ * @returns void
+ */
+export declare const handleEnterToFocus: (event: React.KeyboardEvent<HTMLElement>, scopeId?: string) => void;