enwawa-ui 1.6.1 → 1.6.2

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode, ChangeEvent, JSXElementConstructor, ReactElement } from "react";
 import { ButtonShape, ButtonSize, ButtonType } from "antd/es/button";
-import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, InputNumberProps, SelectProps, TagProps, BreadcrumbProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent as _RadioChangeEvent1, TooltipProps, AlertProps, RowProps, LayoutProps, SiderProps, FormProps, TableProps, ModalFuncProps, ModalProps, StepsProps, SpaceProps } from "antd";
+import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, InputNumberProps, SelectProps, TagProps, BreadcrumbProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent as _RadioChangeEvent1, TooltipProps, AlertProps, RowProps, LayoutProps, SiderProps, FormProps, TableProps, ModalFuncProps, ModalProps, StepsProps, SpaceProps, FormInstance } from "antd";
 import { Dayjs } from "dayjs";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
 import * as Icons from "@ant-design/icons";
@@ -19,9 +19,11 @@ import { LabelTooltipType } from "antd/es/form/FormItemLabel";
 import { Gutter } from "antd/es/grid/row";
 import { DrawerProps } from "antd/es/drawer";
 import { AnyObject } from "antd/es/_util/type";
+import { ColumnsType } from "antd/es/table";
 import { TableRowSelection } from "antd/es/table/interface";
 import { GoogleMap, GoogleMapProps } from "@react-google-maps/api";
 import { CheckboxChangeEvent } from "antd/es/checkbox";
+import { WatchOptions } from "rc-field-form/es/interface";
 export interface AtAvatarProps {
     /**
      * This attribute defines the alternative text describing the image
@@ -468,10 +470,7 @@ export interface AtNumberInputProps {
     /**
      * Specifies the format of the value presented
      */
-    formatter?: (value: number | undefined, info: {
-        userTyping: boolean;
-        input: string;
-    }) => string;
+    formatter?: InputNumberProps['formatter'];
     /**
      * If enable keyboard behavior
      */
@@ -487,7 +486,7 @@ export interface AtNumberInputProps {
     /**
      * Specifies the value extracted from formatter
      */
-    parser?: (displayValue: string | undefined) => number;
+    parser?: InputNumberProps['parser'];
     /**
      * The precision of input value. Will use formatter when config of formatter
      */
@@ -2660,7 +2659,7 @@ export interface OrSelectInputProps {
     /**
      * Rules for validation
      * @default []
-    */
+     */
     rules?: MlFromItemProps['rules'][];
     type?: 'number' | 'text';
     fieldName: string;
@@ -2701,6 +2700,8 @@ export interface OrFormInLineItem {
      * Rules for field validation. Click [here](https://ant.design/components/form#components-form-demo-basic) to see an example
      */
     rules?: MlFromItemProps['rules'];
+    compositeRules?: [MlFromItemProps['rules'], MlFromItemProps['rules']];
+    compositeType?: OrSelectInputProps['type'];
     hidden?: boolean;
     disabled?: boolean;
     styles?: CSSProperties;
@@ -2708,6 +2709,10 @@ export interface OrFormInLineItem {
     onSearch?: (value: string) => any;
     showSearch?: boolean;
     onChange?: (value: any, option: DefaultOptionType | Array<DefaultOptionType>) => any;
+    filterOption?: AtSelectProps['filterOption'];
+    disabledDate?: AtDatePickerPros['disabledDate'];
+    formatter?: AtNumberInputProps['formatter'];
+    parser?: AtNumberInputProps['parser'];
     /**
      * Format of the date
      */
@@ -2861,7 +2866,8 @@ export interface OrModuleTableHeaderProps {
     secondaryButtonIcon?: string;
 }
 export const OrModuleTableHeader: React.FC<OrModuleTableHeaderProps>;
-export interface OrTableProps {
+export type OrColumnsType<T = unknown> = ColumnsType<T>;
+export interface OrTableProps<RecordType = AnyObject> {
     /**
      * Whether to show all table borders
      */
@@ -2869,23 +2875,23 @@ export interface OrTableProps {
     /**
      * Columns of table
      */
-    columns: TableProps<AnyObject>['columns'];
+    columns: TableProps<RecordType>['columns'];
     /**
      * Data record array to be displayed
      */
-    dataSource: TableProps<AnyObject>['dataSource'];
+    dataSource: TableProps<RecordType>['dataSource'];
     /**
      * Loading status of table
      */
-    loading?: TableProps<AnyObject>['loading'];
+    loading?: TableProps<RecordType>['loading'];
     /**
      * Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false
      */
-    pagination?: TableProps<AnyObject>['pagination'];
+    pagination?: TableProps<RecordType>['pagination'];
     /**
      * Row's unique key, could be a string or function that returns a string
      */
-    rowKey?: TableProps<AnyObject>['rowKey'];
+    rowKey?: TableProps<RecordType>['rowKey'];
     /**
      * 	Size of table
      */
@@ -2897,17 +2903,17 @@ export interface OrTableProps {
     /**
      * Table title renderer
      */
-    title?: TableProps<AnyObject>['title'];
+    title?: TableProps<RecordType>['title'];
     /**
      * Callback executed when pagination, filters or sorter is changed
      */
-    onChange?: TableProps<AnyObject>['onChange'];
+    onChange?: TableProps<RecordType>['onChange'];
     /**
      * row selection config
      */
-    rowSelection?: TableProps<AnyObject>['rowSelection'];
+    rowSelection?: TableProps<RecordType>['rowSelection'];
 }
-export const OrTable: React.FC<OrTableProps>;
+export const OrTable: <RecordType extends AnyObject>({ bordered, loading, pagination, size, sticky, rowSelection, ...props }: OrTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export interface OrListSelectionProps {
     /**
      * Text of button to add
@@ -3205,37 +3211,27 @@ export interface OrStepProp {
     $margin?: string;
 }
 export const OrStep: React.FC<OrStepProp>;
-interface _IFormData1 {
-    businessName?: string;
-    name?: string;
-    rif?: string;
-    phone: {
-        dialCode: string;
-        phone: string;
-    };
-    city?: string;
-}
-export interface IFormStep {
+export interface IFormStep<T> {
     title: string;
     inputs?: OrFormItemsInlineProps['inputs'];
     submitButtonText?: string;
     image?: string;
     cancelButtonText?: string;
     onCancelClick?: () => void;
-    formInitialItems?: _IFormData1;
+    formInitialItems?: T;
     form?: OrFormProps['form'];
     onFinish?: (e: any) => void;
     cancelBtnIcon?: ReactNode;
 }
-export interface TmCrudPageProps {
+export interface TmCrudPageProps<RecordType = AnyObject, FormType = any> {
     /**
      * Columns of table
      */
-    columns: OrTableProps['columns'];
+    columns: OrTableProps<RecordType>['columns'];
     /**
      * Data record array to be displayed
      */
-    data: OrTableProps['dataSource'];
+    data: OrTableProps<RecordType>['dataSource'];
     /**
      * Loading status of table
      */
@@ -3311,7 +3307,7 @@ export interface TmCrudPageProps {
     /**
      * Form Steps info
      */
-    formSteps?: IFormStep[];
+    formSteps?: IFormStep<FormType>[];
     /**
      * current step
      */
@@ -3401,7 +3397,7 @@ export interface TmCrudPageProps {
      */
     secondaryOnClick?: () => void;
 }
-export const TmCrudPage: React.FC<TmCrudPageProps>;
+export const TmCrudPage: <RecordType extends AnyObject, FormType extends Store>({ columns, data, loadingTable, formSteps, onValuesChange, onCloseLeftDrawer, leftDrawerContent, openLeftDrawer, subtitle, subContent, open, pageSize, currentPage, currentFormStep, titleLeftDrawer, leftDrawerWidth, drawerContent, showDrawerContent, showSearchBox, drawerTitle, drawerWidth, firstButtonText, secondButtonText, onClickFirstButton, onClickSecondButton, $margin, title, tableTitle, buttonAddText, addButtonOnClick, onChangePagination, total, showTotal, disabledButtons, searchBoxOnSearch, searchBoxPlaceholder, tableHeaderCustomLeftElements, pagination, handleCloseCallback, tableTitleLevel, secondaryButtonText, secondaryOnClick, }: TmCrudPageProps<RecordType, FormType>) => import("react/jsx-runtime").JSX.Element;
 export interface OrSimpleBannerProps {
     /**
      * Id of the OrSimpleBannerProps
@@ -3705,7 +3701,7 @@ export interface TmRechargePageProps {
     /**
      * Form Steps info
      */
-    currentPaymentSelectedFields: IFormStep;
+    currentPaymentSelectedFields: IFormStep<any>;
     /**
      * on value change function
      */
@@ -3876,7 +3872,7 @@ export interface OrPaymentMethodsProps {
     /**
      * Form Steps info
      */
-    currentPaymentSelectedFields?: IFormStep;
+    currentPaymentSelectedFields?: IFormStep<any>;
     /**
      * on value change function
      */
@@ -4068,5 +4064,6 @@ export const OrSpace: React.FC<AtSpaceProps>;
 export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
 export const useModal: () => readonly [instance: import("antd/es/modal/useModal").HookAPI, contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
 export const useForm: <T = any>() => [import("antd").FormInstance<T>];
+export const useFormWatch: <T = any>(name: string, form?: FormInstance | WatchOptions<FormInstance>) => T;
 
 //# sourceMappingURL=index.d.ts.map