@acuteinfo/common-base 1.0.15 → 1.0.16

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

@@ -1,6 +1,7 @@
 import { FC, PropsWithChildren } from "react";
 import { currencySymbol } from "../../custom/getCurrencySymbol";
-interface CustomProperties {
+import { ExtendedFieldMetaDataTypeOptional } from "../../dynamicForm";
+export interface CustomProperties {
     /**
      * display _accountNumber field as single field or separated
      * @default "separated"
@@ -48,6 +49,10 @@ interface CustomProperties {
      * @default "single"
      */
     denoTableType?: "single" | "dual";
+    /**
+     * Accepts Field MetaData object for additional form fields
+     */
+    customExtendedTypes?: ExtendedFieldMetaDataTypeOptional;
 }
 interface ContextProps {
     config?: CustomProperties;

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

@@ -1,5 +1,8 @@
-export declare const ColumnVisibility: ({ visibleColumns, defaultHiddenColumns, classes, }: {
+export declare const ColumnVisibility: ({ visibleColumns, defaultHiddenColumns, classes, IconButtonStyle, }: {
     visibleColumns: any;
     defaultHiddenColumns: any;
     classes: any;
+    IconButtonStyle?: {
+        variant: null;
+    } | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,13 @@
 import { CellComponentType } from "components/tableCellComponents";
 import { CSSProperties, ReactNode } from "react";
+import * as Icons from "@mui/icons-material";
 export interface GridColumnType {
     columnName: string;
     accessor: string;
     sequence: number;
     componentType: CellComponentType;
     Cell?: any;
-    alignment?: string;
+    alignment?: "left" | "right" | "center";
     TableCellProps?: any;
     disableSortBy?: boolean;
     width?: number;
@@ -73,7 +74,33 @@ export interface ActionTypes {
     alwaysAvailable?: boolean;
     shouldExclude?: any;
     isNodataThenShow?: boolean;
+    /**
+     * Action to be triggered on press Enter.
+     * @default false
+     */
     onEnterSubmit?: boolean;
+    /**
+     * Accepts Mui's Icon name to show icon at the start of the button
+     */
+    startsIcon?: keyof typeof Icons;
+    /**
+     * Accepts Mui's Icon name to show icon at the end of the button
+     */
+    endsIcon?: keyof typeof Icons;
+    /**
+     * Accepts css transform value
+     *
+     * E.g. rotate(45deg), scale(1.5)
+     */
+    rotateIcon?: string;
+    /**
+     * Sets button text color.
+     */
+    actionTextColor?: string;
+    /**
+     * Sets button background color.
+     */
+    actionBackground?: string;
 }
 export interface RenderActionType {
     actions: ActionTypes[];

package/dist/components/dataTable/utils/attachAlignmentProps.d.ts

@@ -1,5 +1,5 @@
 import { GridColumnType } from "../types";
-export declare const attachAlignmentProps: (columns: GridColumnType[]) => {
+export declare const attachAlignmentProps: (columns: GridColumnType[]) => ({
     columnName: string;
     accessor: string;
     sequence: number;
@@ -14,4 +14,22 @@ export declare const attachAlignmentProps: (columns: GridColumnType[]) => {
     sortDescFirst?: boolean | undefined;
     dateFormat?: string | undefined;
     actions?: string | string[] | undefined;
-}[];
+} | {
+    cellHeaderAlignment: string;
+    TableCellProps: {
+        align: string;
+    };
+    columnName: string;
+    accessor: string;
+    sequence: number;
+    componentType: import("../../tableCellComponents").CellComponentType;
+    Cell?: any;
+    disableSortBy?: boolean | undefined;
+    width?: number | undefined;
+    maxWidth?: number | undefined;
+    minWidth?: number | undefined;
+    isVisible?: boolean | undefined;
+    sortDescFirst?: boolean | undefined;
+    dateFormat?: string | undefined;
+    actions?: string | string[] | undefined;
+})[];

package/dist/components/dataTable/utils/attachCellComponentsToMetaData.d.ts

@@ -4,7 +4,7 @@ export declare const attachCellComponentsToMetaData: (columns: GridColumnType[])
     columnName: string;
     accessor: string;
     sequence: number;
-    alignment?: string | undefined;
+    alignment?: "left" | "right" | "center" | undefined;
     TableCellProps?: any;
     disableSortBy?: boolean | undefined;
     width?: number | undefined;

package/dist/components/dataTable/utils/sortColumnBySequence.d.ts

@@ -4,7 +4,7 @@ export declare const sortColumnsBySequence: (columns: GridColumnType[]) => {
     accessor: string;
     componentType: import("../../tableCellComponents").CellComponentType;
     Cell?: any;
-    alignment?: string | undefined;
+    alignment?: "left" | "right" | "center" | undefined;
     TableCellProps?: any;
     disableSortBy?: boolean | undefined;
     width?: number | undefined;

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, gridProps, pageSizes, defaultPageSize, enablePagination, allowRowSelection, hideNoDataFound, refetchData, hiddenFlag, autoRefreshInterval, allowFilter, filterMeta, allowColumnHiding, defaultFilter, isCusrsorFocused, onButtonActionHandel, authState, controlsAtBottom, actionContextAtBottom, headerToolbarStyle, disableMultipleRowSelect, columnHeaderStyle, variant, defaultSelectedRowId, footerNote, paginationText, searchPlaceholder, enableExport }: {
+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, gridProps, pageSizes, defaultPageSize, enablePagination, allowRowSelection, hideNoDataFound, refetchData, hiddenFlag, autoRefreshInterval, allowFilter, filterMeta, allowColumnHiding, defaultFilter, isCusrsorFocused, onButtonActionHandel, authState, controlsAtBottom, actionContextAtBottom, headerToolbarStyle, disableMultipleRowSelect, columnHeaderStyle, variant, defaultSelectedRowId, footerNote, paginationText, searchPlaceholder, enableExport, }: {
     label: any;
     dense: any;
     columns: any;

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

@@ -8,7 +8,11 @@ export interface GridColumnType {
     sequence: number;
     componentType: CellComponentType;
     Cell?: any;
-    alignment?: string;
+    /**
+     * Specify the alignment of grid column header and cell
+     * @default "left"
+     */
+    alignment?: "left" | "right" | "center";
     TableCellProps?: any;
     width?: number;
     maxWidth?: number;
@@ -56,6 +60,8 @@ export interface GridColumnType {
     setValueFUNC?: Function;
     isAutoFocus?: boolean;
     isVisibleInNew?: boolean;
+    currencyRefColumn?: string;
+    isCurrencyCode?: boolean;
     /**
      * Accepts boolean value to hide dropdown and cross icons from autocomplete
      * @default false
@@ -67,7 +73,7 @@ export interface GridColumnType {
      * @param original current grid row data
      * @returns string
      */
-    setButtonName?: (value: string | undefined, original: any) => string;
+    setButtonName?: (value: string | undefined, original: any) => string | undefined;
     /**
      * Function to exclude component conditionally
      * @param value value of component if exists

package/dist/components/dataTableStatic/utils/attachCombineValidationFns.d.ts

@@ -7,7 +7,7 @@ export declare const attachcombinedValidationFns: (columns: GridColumnType[]) =>
     sequence: number;
     componentType: import("../../tableCellComponents").CellComponentType;
     Cell?: any;
-    alignment?: string | undefined;
+    alignment?: "left" | "right" | "center" | undefined;
     TableCellProps?: any;
     width?: number | undefined;
     maxWidth?: number | undefined;
@@ -53,8 +53,10 @@ export declare const attachcombinedValidationFns: (columns: GridColumnType[]) =>
     setValueFUNC?: Function | undefined;
     isAutoFocus?: boolean | undefined;
     isVisibleInNew?: boolean | undefined;
+    currencyRefColumn?: string | undefined;
+    isCurrencyCode?: boolean | undefined;
     disableAdornment?: boolean | undefined;
-    setButtonName?: ((value: string | undefined, original: any) => string) | undefined;
+    setButtonName?: ((value: string | undefined, original: any) => string | undefined) | undefined;
     shouldExclude?: ((value: string | undefined, original: any) => boolean) | undefined;
     currencySymbolPosition?: "end" | "start" | undefined;
 }[];

package/dist/components/dataTableStatic/utils/attachYupSchema.d.ts

@@ -6,7 +6,7 @@ export declare const attachYupSchemaValidator: (columns: GridColumnType[]) => {
     sequence: number;
     componentType: import("../../tableCellComponents").CellComponentType;
     Cell?: any;
-    alignment?: string | undefined;
+    alignment?: "left" | "right" | "center" | undefined;
     TableCellProps?: any;
     width?: number | undefined;
     maxWidth?: number | undefined;
@@ -53,8 +53,10 @@ export declare const attachYupSchemaValidator: (columns: GridColumnType[]) => {
     setValueFUNC?: Function | undefined;
     isAutoFocus?: boolean | undefined;
     isVisibleInNew?: boolean | undefined;
+    currencyRefColumn?: string | undefined;
+    isCurrencyCode?: boolean | undefined;
     disableAdornment?: boolean | undefined;
-    setButtonName?: ((value: string | undefined, original: any) => string) | undefined;
+    setButtonName?: ((value: string | undefined, original: any) => string | undefined) | undefined;
     shouldExclude?: ((value: string | undefined, original: any) => boolean) | undefined;
     currencySymbolPosition?: "end" | "start" | undefined;
 }[];

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

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { FormWrapperProps } from "./types";
-export declare const FormWrapper: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<FormWrapperProps>>;
+export declare const FormWrapper: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;

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

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { FormProps } from "./types";
 export declare const SimpleForm: FC<FormProps>;
-export declare const SimpleFormWrapper: ({ fields, formRenderConfig, formName, formStyle, hidden, formDisplayLabel, displayMode, hideDisplayModeInTitle, wrapperChild, serverSentError, serverSentErrorDetail, isSubmitting, classes, handleSubmit, controlsAtBottom, hideHeader, containerstyle, }: {
+export declare const SimpleFormWrapper: ({ fields, formRenderConfig, formName, formStyle, hidden, formDisplayLabel, displayMode, hideDisplayModeInTitle, wrapperChild, serverSentError, serverSentErrorDetail, isSubmitting, classes, handleSubmit, controlsAtBottom, hideHeader, containerstyle, subHeaderLabel, subHeaderLabelStyle }: {
     fields: any;
     formRenderConfig: any;
     formName: any;
@@ -19,6 +19,8 @@ export declare const SimpleFormWrapper: ({ fields, formRenderConfig, formName, f
     controlsAtBottom: any;
     hideHeader: any;
     containerstyle?: {} | undefined;
+    subHeaderLabel: any;
+    subHeaderLabelStyle: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const BottomControl: ({ wrapperChild, isSubmitting, handleSubmit, classes, }: {
     wrapperChild: any;
@@ -26,7 +28,7 @@ export declare const BottomControl: ({ wrapperChild, isSubmitting, handleSubmit,
     handleSubmit: any;
     classes: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const SimpleFormTitle: ({ formDisplayLabel, displayMode, hideDisplayModeInTitle, wrapperChild, serverSentError, serverSentErrorDetail, isSubmitting, classes, handleSubmit, controlsAtBottom, }: {
+export declare const SimpleFormTitle: ({ formDisplayLabel, displayMode, hideDisplayModeInTitle, wrapperChild, serverSentError, serverSentErrorDetail, isSubmitting, classes, handleSubmit, controlsAtBottom, subHeaderLabel, subHeaderLabelStyle }: {
     formDisplayLabel: any;
     displayMode: any;
     hideDisplayModeInTitle: any;
@@ -37,4 +39,6 @@ export declare const SimpleFormTitle: ({ formDisplayLabel, displayMode, hideDisp
     classes: any;
     handleSubmit: any;
     controlsAtBottom: any;
+    subHeaderLabel: any;
+    subHeaderLabelStyle: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dynamicForm/stepperForm/style.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ColorlibStepIconRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState: {
+        completed?: boolean;
+        active?: boolean;
+    };
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColorlibConnector: import("@emotion/styled").StyledComponent<import("@mui/material").StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,9 +1,9 @@
 import { GridSize, GridSpacing, GridDirection } from "@mui/material/Grid";
-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 } from "./typesFields";
+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";
 import { TextFieldPropsOptional, SelectPropsOptional, CheckboxGroupPropsOptional, CheckboxPropsOptional, DatePickerPropsOptional, DateTimePickerPropsOptional, TimePickerPropsOptional, RadioPropsOptional, RatingPropsOptional, SliderPropsOptional, SwitchPropsOptional, SwitchGroupPropsOptional, NumberFormatPropsOptional, PasswordFieldPropsOptional, ToggleButtonGroupPropsOptional, InputMaskPropsOptional, AutocompletePropsOptional, TextareaAutosizeFieldPropsOptional, SearchFieldPropsOptional, VisaversaFieldPropsOptional, DataTablePropsOptional } from "./typesFields";
 import { Merge } from "../../components/common/types";
 import { InitialValuesType, SubmitFnType } from "../../packages/form";
-import { ReactNode } from "react";
+import { CSSProperties, ReactNode } from "react";
 export interface FormRenderConfigType {
     ordering: "auto" | "sequence";
     renderType: "simple" | "tabs" | "stepper" | "accordian";
@@ -47,6 +47,7 @@ export interface FormMetaDataType {
         name: string;
         label: string;
     };
+    formStyle?: CSSProperties;
 }
 export interface ComponentTypeProps {
     textField?: TextFieldPropsOptional;
@@ -76,7 +77,7 @@ export interface MetaDataType {
     form: FormMetaDataType;
     fields: FieldMetaDataType[];
 }
-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;
+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;
 export type FieldMetaDataType = Merge<FieldMetaDataTypeX, {
     template?: FieldMetaDataType[];
 }>;
@@ -121,6 +122,9 @@ export interface FormWrapperProps {
     formState?: any;
     hideHeader?: boolean;
     onFormDataChange?: any;
+    subHeaderLabel?: string;
+    subHeaderLabelStyle?: CSSProperties;
+    setDataOnFieldChange?: (action: string, payload: any) => void;
 }
 export interface FormProps {
     fields: GroupWiseRenderedFieldsType;

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

@@ -26,6 +26,7 @@ import { VisaversaProps } from "../../components/common/visaversa";
 import { DataTableProps } from "../../components/common/dataTable";
 import { FormButtonProps } from "../../components/common/formbutton";
 import { DividerProps } from "../../components/common/divider";
+import { currencySymbol } from "components/custom/getCurrencySymbol";
 export interface FieldRenderProps<T> {
     componentType: T;
     group?: number;
@@ -39,6 +40,11 @@ export interface FieldMetaData<T> {
     shouldExclude?: typeof shouldExcludeFnType | CustomRuleType | Boolean | string;
     isReadOnly?: typeof shouldExcludeFnType | CustomRuleType | Boolean | string;
     onFormButtonClickHandel?: any;
+    FormatProps?: any;
+    StartAdornment?: keyof typeof currencySymbol | (string & Record<never, never>);
+    isCurrencyCode?: boolean;
+    isCurrencyField?: boolean;
+    postValidationSetCrossFieldValues?: any;
 }
 export type Omitted<T> = Omit<T, "fieldKey" | "enableGrid">;
 export type AllAutocompleteProps = Merge<Omitted<AutocompleteProps>, FieldMetaData<"autocomplete">>;
@@ -93,3 +99,5 @@ export type AllLoginIDProps = Merge<Omitted<TextFieldProps>, FieldMetaData<"logi
 export type DataTablePropsOptional = Optional<AllDataTableProps>;
 export type AllDividerProps = Merge<Omitted<DividerProps>, FieldMetaData<"divider">>;
 export type DividerPropsOptional = Optional<AllDividerProps>;
+export type CustomAccountProps = Merge<Omitted<TextFieldProps>, FieldMetaData<"_accountNumber">>;
+export type CustomReportAccTypeProps = Merge<Omitted<SelectProps>, FieldMetaData<"reportAccType">>;

package/dist/components/dynamicForm/utils/extendedFieldTypes.d.ts

@@ -1,2 +1,3 @@
+import { CustomProperties } from "components/context/propertiesConfig/customProperties";
 import { MetaDataType, ExtendedFieldMetaDataTypeOptional } from "../types";
-export declare const extendFieldTypes: (metaData: MetaDataType, extendedTypes: ExtendedFieldMetaDataTypeOptional, lanTranslate?: any, authState?: any) => MetaDataType;
+export declare const extendFieldTypes: (metaData: MetaDataType, extendedTypes: ExtendedFieldMetaDataTypeOptional, lanTranslate?: any, authState?: any, customParameters?: CustomProperties) => MetaDataType;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export * from "./components/utils";
 export { useAutoRefresh, AutoRefreshProvider, } from "./components/utils/autoRefresh";
 export * from "./components/dynamicForm/formWrapper";
 export * from "./components/dynamicForm/types";
+export * from "./components/dynamicForm/stepperForm/style";
 export * from "./packages/form";
 export type { ActionTypes, FilterColumnType, HeaderFilterType, RenderActionType, TableActionType, GridColumnType as DataTableGridColumnType, GridConfigType as DataTableGridConfigType, GridContextType as DataTableGridContextType, GridMetaDataType as DataTableGridMetaDataType, } from "./components/dataTable/types";
 export { GridWrapper as DataTableGridWrapper } from "./components/dataTable/gridWrapper";