enwawa-ui 1.6.1 → 1.6.3

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, FormInstance, SpaceProps } 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
      */
@@ -2308,6 +2307,7 @@ export interface OrMenuProps {
      * Called when a menu item is selected
      */
     onSelect?: MenuProps['onSelect'];
+    selectedKeys?: MenuProps['selectedKeys'];
 }
 export const OrMenu: React.FC<OrMenuProps>;
 export interface OrSiderMenuProps {
@@ -2339,6 +2339,7 @@ export interface OrSiderMenuProps {
      * Called when a menu item is selected
      */
     onSelect?: OrMenuProps['onSelect'];
+    selectedKeys?: OrMenuProps['selectedKeys'];
     children?: React.ReactNode;
 }
 export const OrSiderMenu: React.FC<OrSiderMenuProps>;
@@ -2451,6 +2452,7 @@ export interface OrDashboardLayoutProps {
      * Nav item at the end of the sider
      */
     bottomItems?: OrSiderMenuProps['bottomItems'];
+    selectedKeys?: OrSiderMenuProps['selectedKeys'];
 }
 export const OrDashboardLayout: React.FC<OrDashboardLayoutProps>;
 export interface OrDrawerProps {
@@ -2660,7 +2662,7 @@ export interface OrSelectInputProps {
     /**
      * Rules for validation
      * @default []
-    */
+     */
     rules?: MlFromItemProps['rules'][];
     type?: 'number' | 'text';
     fieldName: string;
@@ -2701,6 +2703,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 +2712,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 +2869,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 +2878,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 +2906,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 +3214,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 +3310,7 @@ export interface TmCrudPageProps {
     /**
      * Form Steps info
      */
-    formSteps?: IFormStep[];
+    formSteps?: IFormStep<FormType>[];
     /**
      * current step
      */
@@ -3401,7 +3400,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
@@ -3565,7 +3564,7 @@ export interface TmMapPageProps {
     realtimeMarkers?: MarkersGroup[];
 }
 export const TmMapPage: React.FC<TmMapPageProps>;
-export interface TmRechargePageProps {
+export interface TmRechargePageProps<FormType = any> {
     /**
      * Page title
      */
@@ -3590,14 +3589,6 @@ export interface TmRechargePageProps {
      * The input content value
      */
     value?: number;
-    /**
-     * Callback when user input amount
-     */
-    onChangeAmount?: ((value: string | number | null) => void) | undefined;
-    /**
-     * Callback when user input coupon
-     */
-    couponOnChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * font size of the input
      */
@@ -3641,11 +3632,16 @@ export interface TmRechargePageProps {
     /**
      * Radio group items
      */
-    radioGroupItems?: MlRadioGroupProps['options'];
+    currenciesOptions?: Array<{
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+        symbol?: string;
+    }>;
     /**
      * Radio group default value
      */
-    radioDefaultValue?: string;
+    defaultCurrency?: number;
     /**
      * Amount to pay text
      */
@@ -3653,7 +3649,7 @@ export interface TmRechargePageProps {
     /**
      * Amount to pay
      */
-    amountToPay?: string;
+    amountToPay?: number;
     /**
      * Coupon text
      */
@@ -3661,7 +3657,7 @@ export interface TmRechargePageProps {
     /**
      * Discount
      */
-    discount?: string;
+    discount?: number;
     /**
      * Total text
      */
@@ -3669,7 +3665,7 @@ export interface TmRechargePageProps {
     /**
      * Total
      */
-    total?: string;
+    total?: number;
     /**
      *  Tax text
      */
@@ -3677,7 +3673,7 @@ export interface TmRechargePageProps {
     /**
      * Tax
      */
-    tax?: string;
+    tax?: number;
     /**
      * Pay button text
      */
@@ -3686,10 +3682,6 @@ export interface TmRechargePageProps {
      * Apply coupon click
      */
     applyCouponClick?: () => void;
-    /**
-     * Pay click
-     */
-    payClick?: () => void;
     /**
      * The title of the drawer
      */
@@ -3705,11 +3697,7 @@ export interface TmRechargePageProps {
     /**
      * Form Steps info
      */
-    currentPaymentSelectedFields: IFormStep;
-    /**
-     * on value change function
-     */
-    onValuesChange?: (changedValues: any, allValues: any) => void;
+    currentPaymentSelectedFields: IFormStep<FormType>;
     /**
      * Disable continue button drawer
      */
@@ -3730,10 +3718,6 @@ export interface TmRechargePageProps {
      * onCloseDrawer function
      */
     onCloseDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * onChange radio group
-     */
-    onChangeRadio?: MlRadioGroupProps['onChange'];
     /**
      * whether to show left arrow
      */
@@ -3742,21 +3726,18 @@ export interface TmRechargePageProps {
      * left arrow click event
      */
     onClickLeftArrow?: () => void;
+    editable?: boolean;
 }
-export const TmRechargePage: React.FC<TmRechargePageProps>;
+export const TmRechargePage: <FormType extends Store>({ title, subtitle, balance, cardTitle, fontSize, height, ruleAmount, ruleCoupon, form, initialValues, onFinish, couponBtn, amountPlaceholder, couponPlaceholder, currenciesOptions, defaultCurrency, amountToPayText, amountToPay, couponText, discount, totalText, taxText, tax, payBtn, applyCouponClick, drawerTitle, open, paymentMethods, currentPaymentSelectedFields, disabledButton, showPaymentMethods, termsDisclaimer, onCloseDrawer, showLeftArrow, onClickLeftArrow, editable, }: TmRechargePageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+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;
 export interface OrPaymentCardProps {
     /**
      * The title of the card
      */
     cardTitle: string;
-    /**
-     * Callback when user input amount
-     */
-    onChangeAmount?: ((value: string | number | null) => void) | undefined;
-    /**
-     * Callback when user input coupon
-     */
-    couponOnChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     /**
      * font size of the input
      */
@@ -3800,11 +3781,16 @@ export interface OrPaymentCardProps {
     /**
      * Radio group items
      */
-    radioGroupItems?: MlRadioGroupProps['options'];
+    currenciesOptions?: Array<{
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+        symbol?: string;
+    }>;
     /**
      * Radio group default value
      */
-    radioDefaultValue?: string;
+    defaultCurrency?: number;
     /**
      * Amount to pay text
      */
@@ -3812,7 +3798,7 @@ export interface OrPaymentCardProps {
     /**
      * Amount to pay
      */
-    amountToPay?: string;
+    amountToPay?: number;
     /**
      * Coupon text
      */
@@ -3820,7 +3806,7 @@ export interface OrPaymentCardProps {
     /**
      * Discount
      */
-    discount?: string;
+    discount?: number;
     /**
      * Total text
      */
@@ -3828,7 +3814,7 @@ export interface OrPaymentCardProps {
     /**
      * Total
      */
-    total?: string;
+    total?: number;
     /**
      *  Tax text
      */
@@ -3836,7 +3822,7 @@ export interface OrPaymentCardProps {
     /**
      * Tax
      */
-    tax?: string;
+    tax?: number;
     /**
      * Pay button text
      */
@@ -3845,14 +3831,7 @@ export interface OrPaymentCardProps {
      * Apply coupon click
      */
     applyCouponClick?: () => void;
-    /**
-     * Pay click
-     */
-    payClick?: () => void;
-    /**
-     * onChange radio group
-     */
-    onChangeRadio?: MlRadioGroupProps['onChange'];
+    editable?: boolean;
 }
 export const OrPaymentCard: React.FC<OrPaymentCardProps>;
 export interface PaymentMethod {
@@ -3860,7 +3839,7 @@ export interface PaymentMethod {
     icon?: React.ReactNode;
     onClick: (value: string) => void;
 }
-export interface OrPaymentMethodsProps {
+export interface OrPaymentMethodsProps<FormType = any> {
     /**
      * The title of the drawer
      */
@@ -3876,11 +3855,7 @@ export interface OrPaymentMethodsProps {
     /**
      * Form Steps info
      */
-    currentPaymentSelectedFields?: IFormStep;
-    /**
-     * on value change function
-     */
-    onValuesChange?: (changedValues: any, allValues: any) => void;
+    currentPaymentSelectedFields?: IFormStep<FormType>;
     /**
      * Disable continue button drawer
      */
@@ -3894,15 +3869,11 @@ export interface OrPaymentMethodsProps {
      */
     termsDisclaimer?: string;
     /**
-     * terms and conditions change
-     */
-    termsChange?: ((e: CheckboxChangeEvent) => void) | undefined;
-    /**
-     * onCloseDrawer function
-     */
+   * onCloseDrawer function
+   */
     onCloseDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-export const OrPaymentMethods: React.FC<OrPaymentMethodsProps>;
+export const OrPaymentMethods: <FormType extends Store>({ drawerTitle, open, paymentMethods, currentPaymentSelectedFields, showPaymentMethods, termsDisclaimer, onCloseDrawer, disabledButton, }: OrPaymentMethodsProps<FormType>) => import("react/jsx-runtime").JSX.Element;
 export interface OrRechargeProps {
     /**
      * Page title
@@ -4065,8 +4036,5 @@ export interface AtSpaceProps {
     children?: React.ReactNode;
 }
 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>];
 
 //# sourceMappingURL=index.d.ts.map