enwawa-ui 1.6.0 → 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
      */
@@ -985,11 +984,15 @@ export interface AtTextProps {
     /**
      * Element width
      */
-    $width?: number;
+    $width?: number | string;
     /**
      * font size
      */
     $fontSize?: number;
+    /**
+     * textAlign
+     */
+    $textAlign?: "center" | "left" | "right" | "justify" | "initial" | "inherit" | "unset";
 }
 export const AtText: React.FC<AtTextProps>;
 export interface AtTitleProps {
@@ -1834,6 +1837,24 @@ export interface OrTicketCardProps {
     onChange?: (e: string | React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent> | number | null) => void;
 }
 export const OrTicketCard: React.FC<OrTicketCardProps>;
+export interface OrPlanCardsProps {
+    /**
+     * Active subscriptions
+     */
+    activeSubscriptions?: Array<{
+        title: string;
+        description: string;
+    }>;
+    /**
+     * subscriptions onChange event
+     */
+    subscriptionOnChange?: (e: _RadioChangeEvent1) => void;
+    /**
+     * Plans and Subscriptions
+     */
+    subscriptions: Array<MlSubscriptionCardProps>;
+}
+export const OrPlanCards: React.FC<OrPlanCardsProps>;
 export interface OrCoinTableProps {
     /**
      * List of coins available
@@ -2160,6 +2181,22 @@ export interface OrContentProps extends LayoutProps {
     $main?: boolean;
 }
 export const OrContent: React.FC<OrContentProps>;
+export type Size = 'large' | 'middle' | 'small';
+declare const sizes: {
+    [key in Size]: {
+        fontSize: number;
+        height: number;
+    };
+};
+export interface OrCopyInfoProps {
+    text?: string;
+    copyable?: boolean;
+    size?: keyof typeof sizes;
+    id?: string;
+    onCopy?: () => {};
+    textProps?: AtTextProps;
+}
+export const OrCopyInfo: React.FC<OrCopyInfoProps>;
 export interface OrCountryCardProps {
     /**
      * The ID for card
@@ -2610,11 +2647,31 @@ export interface OrPhoneInputProps {
     rules?: MlFromItemProps['rules'];
 }
 export const OrPhoneInput: React.FC<OrPhoneInputProps>;
+export interface OrSelectInputProps {
+    /**
+     * Dial codes options
+     */
+    options: AtSelectProps['options'];
+    /**
+     * Disabled input
+     */
+    disabled?: boolean;
+    /**
+     * Rules for validation
+     * @default []
+     */
+    rules?: MlFromItemProps['rules'][];
+    type?: 'number' | 'text';
+    fieldName: string;
+    inputProps?: AtTextInputProps | AtNumberInputProps;
+    selectProps?: AtSelectProps;
+}
+export const OrSelectInput: React.FC<OrSelectInputProps>;
 export interface OrFormInLineItem {
     /**
      * Type of components available for the form
      */
-    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'cvc' | 'name';
+    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info';
     /**
      * Label of the field
      */
@@ -2643,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;
@@ -2650,10 +2709,18 @@ 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
      */
     format?: string;
+    textProps?: AtTextProps & {
+        text?: string;
+    };
+    onClick?: () => any;
 }
 export interface OrFormItemsInlineProps {
     inputs?: Array<OrFormInLineItem | OrFormInLineItem[]>;
@@ -2799,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
      */
@@ -2807,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
      */
@@ -2835,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
@@ -2944,20 +3012,14 @@ export interface OrLoginLayoutProps {
     children?: React.ReactNode;
 }
 export const OrLoginLayout: React.FC<OrLoginLayoutProps>;
-export type Size = 'large' | 'middle' | 'small';
-export const sizes: {
-    [key in Size]: {
-        width: number;
-        height: number;
-    };
-};
+type _Size2 = 'large' | 'middle' | 'small';
 export interface OrMarkProps {
     id?: string;
     text?: string;
     color?: AtTextProps['color'];
     backgroundColor?: string;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    size?: Size;
+    size?: _Size2;
     position: {
         lat: number;
         lng: number;
@@ -3149,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
      */
@@ -3255,7 +3307,7 @@ export interface TmCrudPageProps {
     /**
      * Form Steps info
      */
-    formSteps?: IFormStep[];
+    formSteps?: IFormStep<FormType>[];
     /**
      * current step
      */
@@ -3345,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
@@ -3649,7 +3701,7 @@ export interface TmRechargePageProps {
     /**
      * Form Steps info
      */
-    currentPaymentSelectedFields: IFormStep;
+    currentPaymentSelectedFields: IFormStep<any>;
     /**
      * on value change function
      */
@@ -3820,7 +3872,7 @@ export interface OrPaymentMethodsProps {
     /**
      * Form Steps info
      */
-    currentPaymentSelectedFields?: IFormStep;
+    currentPaymentSelectedFields?: IFormStep<any>;
     /**
      * on value change function
      */
@@ -4012,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