enwawa-ui 2.0.0 → 2.0.2

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 import React, { CSSProperties, ReactNode, ChangeEvent, JSXElementConstructor, ReactElement } from "react";
 import { ButtonShape, ButtonSize, ButtonType } from "antd/es/button";
-import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, AlertProps, BreadcrumbProps, InputNumberProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent, TooltipProps, UploadProps, RowProps, CollapseProps, LayoutProps, SiderProps, SpaceProps, FormProps, TableProps, ModalFuncProps, ModalProps as _ModalProps1, StepsProps, FormInstance, SelectProps, TagProps } from "antd";
+import { ButtonProps, SwitchProps } from "antd/lib";
+import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, AlertProps, BreadcrumbProps, InputNumberProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent, TooltipProps, UploadProps, RowProps, CollapseProps, LayoutProps, SiderProps, SpaceProps, FormProps, ModalFuncProps, FormInstance, TableProps, ModalProps as _ModalProps1, StepsProps, SelectProps, TagProps } from "antd";
 import { Dayjs } from "dayjs";
 import { RangePickerProps } from "antd/lib/date-picker";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
@@ -18,16 +19,15 @@ import { Gutter } from "antd/es/grid/row";
 import { BlockProps, EllipsisConfig, BaseType } from "antd/es/typography/Base";
 import { TextProps } from "antd/es/typography/Text";
 import { DrawerProps } from "antd/es/drawer";
-import { DefaultOptionType, LabeledValue } from "antd/es/select";
 import { GoogleMapProps, GoogleMap } from "@react-google-maps/api";
+import { WatchOptions } from "rc-field-form/es/interface";
 import { AnyObject } from "antd/es/_util/type";
 import { ColumnsType, TablePaginationConfig } from "antd/es/table";
 import { FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection } from "antd/es/table/interface";
-import { WatchOptions } from "rc-field-form/es/interface";
+import { DefaultOptionType, LabeledValue } from "antd/es/select";
 import { CheckboxChangeEvent } from "antd/es/checkbox";
 import { RadioChangeEvent as _RadioChangeEvent1 } from "antd/es/radio";
 import { SegmentedProps, SegmentedValue } from "antd/lib/segmented";
-import { SwitchProps } from "antd/lib";
 export interface AtAvatarProps {
     /**
      * This attribute defines the alternative text describing the image
@@ -92,10 +92,6 @@ export interface AtButtonProps {
      * Set the original html type of button, see: MDN
      */
     htmlType?: string;
-    /**
-     * Set the icon component of button
-     */
-    icon?: React.ReactNode;
     /**
      * Set the loading status of button
      */
@@ -128,6 +124,7 @@ export interface AtButtonProps {
      * Set the button width
      */
     $width?: string | number;
+    icon?: ButtonProps['icon'];
 }
 export const AtButton: React.FC<AtButtonProps>;
 export interface AtCheckboxProps extends CheckboxProps {
@@ -873,7 +870,7 @@ export interface MlAutocompleteSearchProps {
     /**
      * Country code
      */
-    country: string;
+    country?: string;
     /**
      * Select props
      */
@@ -2329,6 +2326,10 @@ export interface AtSpaceProps {
      * Children of the OrSpace
      */
     children?: React.ReactNode;
+    /**
+     * width of the OrSpace
+     */
+    $width?: string;
 }
 export const OrSpace: React.FC<AtSpaceProps>;
 export interface OrHeaderProps {
@@ -2725,11 +2726,157 @@ export interface OrSelectInputProps {
     selectProps?: AtSelectProps;
 }
 export const OrSelectInput: React.FC<OrSelectInputProps>;
+type _Size1 = 'large' | 'middle' | 'small';
+export interface OrMarkProps {
+    id?: string;
+    text?: string;
+    color?: AtTextProps['color'];
+    backgroundColor?: string;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    size?: _Size1;
+    position: {
+        lat: number;
+        lng: number;
+    };
+    component?: React.ReactNode;
+    hasOverlay?: boolean;
+    translate?: number[];
+}
+export const OrMark: React.FC<OrMarkProps>;
+export enum MarkSize {
+    Large = "large",
+    Middle = "middle",
+    Small = "small"
+}
+export interface MarkersGroup {
+    color?: OrMarkProps['color'];
+    backgroundColor?: string;
+    size?: OrMarkProps['size'];
+    marks: OrMarkProps[];
+    polyLine: boolean;
+}
+export interface OrGoogleMapsProps extends GoogleMapProps {
+    /**
+     * The origin of the route.
+     */
+    origin?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
+    /**
+     * The destination of the route.
+     */
+    destination?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
+    /**
+     * Type of routing requested.
+     */
+    travelMode?: google.maps.TravelMode;
+    /**
+     * The stroke color.
+     */
+    strokeColor?: string | null;
+    /**
+     * The stroke opacity between 0.0 and 1.0.
+     */
+    strokeOpacity?: number | null;
+    /**
+     * The stroke width in pixels.
+     */
+    strokeWeight?: number | null;
+    /**
+     * The Google Maps API key.
+     */
+    GOOGLE_MAPS_API_KEY: string;
+    /**
+     * Static markers.
+     */
+    staticMarkers?: MarkersGroup[];
+    /**
+     * Realtime markers.
+     */
+    realtimeMarkers?: MarkersGroup[];
+}
+export const OrGoogleMaps: React.FC<OrGoogleMapsProps>;
+export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
+export interface ModalProps extends ModalFuncProps {
+    variant: 'confirm' | 'warning' | 'info' | 'error';
+}
+export const useModal: () => {
+    show: (config: ModalFuncProps) => {
+        destroy: () => void;
+        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+    } & {
+        then<T>(resolve: (confirmed: boolean) => T, reject: VoidFunction): Promise<T>;
+    };
+    setVariant: import("react").Dispatch<import("react").SetStateAction<"warning" | "error" | "info" | "confirm">>;
+    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 | string[], form?: FormInstance | WatchOptions<FormInstance>) => T;
+export type OrColumnsType<T = unknown> = ColumnsType<T>;
+export type OnChangeTable<RecordType = AnyObject> = (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
+export interface OrTableProps<RecordType = AnyObject> {
+    /**
+     * Whether to show all table borders
+     */
+    bordered?: boolean;
+    /**
+     * Columns of table
+     */
+    columns: TableProps<RecordType>['columns'];
+    /**
+     * Data record array to be displayed
+     */
+    dataSource: TableProps<RecordType>['dataSource'];
+    /**
+     * Loading status of table
+     */
+    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<RecordType>['pagination'];
+    /**
+     * Row's unique key, could be a string or function that returns a string
+     */
+    rowKey?: TableProps<RecordType>['rowKey'];
+    /**
+     * 	Size of table
+     */
+    size?: 'large' | 'middle' | 'small';
+    /**
+     * Set sticky header and scroll bar
+     */
+    sticky?: boolean;
+    /**
+     * Table title renderer
+     */
+    title?: TableProps<RecordType>['title'];
+    /**
+     * Callback executed when pagination, filters or sorter is changed
+     */
+    onChange?: OnChangeTable<RecordType>;
+    /**
+     * row selection config
+     */
+    rowSelection?: TableProps<RecordType>['rowSelection'];
+}
+export const OrTable: <RecordType extends AnyObject>({ bordered, loading, pagination, size, sticky, rowSelection, ...props }: OrTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export type OrSelectTableOption<T = any> = {
+    label: string;
+    value: string;
+    fullData: T;
+};
+export interface OrSelectTableProps<T = any> extends AtSelectProps {
+    columns?: OrTableProps['columns'];
+    data?: OrTableProps['dataSource'];
+    options?: OrSelectTableOption<T>[];
+    fieldName: string;
+    rules?: MlFromItemProps['rules'][];
+}
+export const OrSelectTable: React.FC<OrSelectTableProps>;
 export interface OrFormInLineItem {
     /**
      * Type of components available for the form
      */
-    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'date-range-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info' | 'status-info' | 'file-input' | 'collapse' | 'download-upload' | 'summary' | 'qr-code';
+    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'date-range-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info' | 'status-info' | 'file-input' | 'collapse' | 'download-upload' | 'summary' | 'qr-code' | 'select-table' | 'google-map' | 'google-autocomplete-search';
     /**
      * Label of the field
      */
@@ -2753,7 +2900,7 @@ export interface OrFormInLineItem {
     /**
      * Specifies options for fields that allows options
      */
-    options?: MlRadioGroupProps['options'] | MlCheckboxGroup['options'] | AtSelectProps['options'];
+    options?: MlRadioGroupProps['options'] | MlCheckboxGroup['options'] | AtSelectProps['options'] | OrSelectTableOption[];
     /**
      * Rules for field validation. Click [here](https://ant.design/components/form#components-form-demo-basic) to see an example
      */
@@ -2829,76 +2976,40 @@ export interface OrFormInLineItem {
      */
     extraInfo?: string;
     /**
-     * The size of the QR code
-     */
-    size?: number;
-}
-export interface OrFormItemsInlineProps {
-    inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;
-}
-export const OrFormItemsInline: React.FC<OrFormItemsInlineProps>;
-type _Size1 = 'large' | 'middle' | 'small';
-export interface OrMarkProps {
-    id?: string;
-    text?: string;
-    color?: AtTextProps['color'];
-    backgroundColor?: string;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    size?: _Size1;
-    position: {
-        lat: number;
-        lng: number;
-    };
-    component?: React.ReactNode;
-    hasOverlay?: boolean;
-    translate?: number[];
-}
-export const OrMark: React.FC<OrMarkProps>;
-export enum MarkSize {
-    Large = "large",
-    Middle = "middle",
-    Small = "small"
-}
-export interface MarkersGroup {
-    color?: OrMarkProps['color'];
-    backgroundColor?: string;
-    size?: OrMarkProps['size'];
-    marks: OrMarkProps[];
-    polyLine: boolean;
-}
-export interface OrGoogleMapsProps extends GoogleMapProps {
-    /**
-     * The origin of the route.
+     * The Google Maps props
      */
-    origin?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
+    mapsProps?: OrGoogleMapsProps;
     /**
-     * The destination of the route.
+     * The Google Maps API key.
      */
-    destination?: string | google.maps.LatLng | google.maps.Place | google.maps.LatLngLiteral;
+    GOOGLE_MAPS_API_KEY?: string;
     /**
-     * Type of routing requested.
+     * Country code
      */
-    travelMode?: google.maps.TravelMode;
+    country?: string;
     /**
-     * The stroke color.
+     * The props for the autocomplete search
      */
-    strokeColor?: string | null;
+    autocompleteProps?: MlAutocompleteSearchProps & {
+        fetchPlaceDetails?: (data: any) => void;
+    };
     /**
-     * The stroke opacity between 0.0 and 1.0.
+     * The size of the QR code
      */
-    strokeOpacity?: number | null;
+    size?: number;
     /**
-     * The stroke width in pixels.
+     * Columns for the table (select-table component)
      */
-    strokeWeight?: number | null;
+    columns?: OrTableProps['columns'];
     /**
-     * The Google Maps API key.
+     * Data for the table (select-table component)
      */
-    GOOGLE_MAPS_API_KEY: string;
-    staticMarkers?: MarkersGroup[];
-    realtimeMarkers?: MarkersGroup[];
+    data?: OrTableProps['dataSource'];
 }
-export const OrGoogleMaps: React.FC<OrGoogleMapsProps>;
+export interface OrFormItemsInlineProps {
+    inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;
+}
+export const OrFormItemsInline: React.FC<OrFormItemsInlineProps>;
 type _Size2 = 'large' | 'middle' | 'small';
 export interface OrLabelTextBoxProps {
     title?: string;
@@ -2977,55 +3088,6 @@ export interface OrModuleTableHeaderProps {
     secondaryButtonIcon?: string;
 }
 export const OrModuleTableHeader: React.FC<OrModuleTableHeaderProps>;
-export type OrColumnsType<T = unknown> = ColumnsType<T>;
-export type OnChangeTable<RecordType = AnyObject> = (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
-export interface OrTableProps<RecordType = AnyObject> {
-    /**
-     * Whether to show all table borders
-     */
-    bordered?: boolean;
-    /**
-     * Columns of table
-     */
-    columns: TableProps<RecordType>['columns'];
-    /**
-     * Data record array to be displayed
-     */
-    dataSource: TableProps<RecordType>['dataSource'];
-    /**
-     * Loading status of table
-     */
-    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<RecordType>['pagination'];
-    /**
-     * Row's unique key, could be a string or function that returns a string
-     */
-    rowKey?: TableProps<RecordType>['rowKey'];
-    /**
-     * 	Size of table
-     */
-    size?: 'large' | 'middle' | 'small';
-    /**
-     * Set sticky header and scroll bar
-     */
-    sticky?: boolean;
-    /**
-     * Table title renderer
-     */
-    title?: TableProps<RecordType>['title'];
-    /**
-     * Callback executed when pagination, filters or sorter is changed
-     */
-    onChange?: OnChangeTable<RecordType>;
-    /**
-     * row selection config
-     */
-    rowSelection?: TableProps<RecordType>['rowSelection'];
-}
-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
@@ -3692,22 +3754,6 @@ export interface TmMapPageProps {
     realtimeMarkers?: MarkersArray[];
 }
 export const TmMapPage: React.FC<TmMapPageProps>;
-export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
-export interface ModalProps extends ModalFuncProps {
-    variant: 'confirm' | 'warning' | 'info' | 'error';
-}
-export const useModal: () => {
-    show: (config: ModalFuncProps) => {
-        destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
-    } & {
-        then<T>(resolve: (confirmed: boolean) => T, reject: VoidFunction): Promise<T>;
-    };
-    setVariant: import("react").Dispatch<import("react").SetStateAction<"warning" | "error" | "info" | "confirm">>;
-    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 TmRechargePageProps<FormType = any> {
     /**
      * Page title
@@ -3882,6 +3928,44 @@ export interface TmRechargePageProps<FormType = any> {
     rate?: number;
 }
 export const TmRechargePage: <FormType extends Store>({ title, subtitle, balance, cardTitle, fontSize, height, ruleAmount, form, initialValues, onFinish, amountPlaceholder, currenciesOptions, defaultCurrency, amountToPayText, amountToPay, couponText, discount, totalText, taxText, tax, payBtn, drawerTitle, open, paymentMethods, currentPaymentSelectedFields, disabledButton, showPaymentMethods, termsDisclaimer, onCloseDrawer, showLeftArrow, onClickLeftArrow, editable, rate, values }: TmRechargePageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface OrRentalLayoutProps {
+    /**
+     * Children component
+     */
+    children?: React.ReactNode;
+    /**
+     * Background source
+     */
+    $backgroundSrc?: string;
+}
+export const OrRentalLayout: React.FC<OrRentalLayoutProps>;
+export interface TmRentalsPageProps<FormType = any> {
+    /**
+    * Form Steps info
+    */
+    formSteps?: IFormStep<FormType>[];
+    /**
+     * On change form content
+     */
+    onValuesChange?: OrFormProps['onValuesChange'];
+    /**
+     * Current step
+     */
+    currentFormStep?: number;
+    /**
+     * Disabled buttons
+     */
+    disabledButtons?: boolean;
+    /**
+     * button optional text
+     */
+    showFormStepper?: boolean;
+    /**
+     * Background source
+     */
+    $backgroundSrc?: string;
+}
+export const TmRentalsPage: <FormType extends Store>({ formSteps, onValuesChange, currentFormStep, disabledButtons, showFormStepper, $backgroundSrc, }: TmRentalsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
 export interface PaymentMethod {
     value: string;
     icon?: React.ReactNode;
@@ -4088,17 +4172,6 @@ export interface OrRechargeProps {
     onChangeRadio?: MlRadioGroupProps['onChange'];
 }
 export const OrRecharge: React.FC<OrRechargeProps>;
-export interface OrRentalLayoutProps {
-    /**
-     * Children component
-     */
-    children?: React.ReactNode;
-    /**
-     * Background source
-     */
-    $backgroundSrc?: string;
-}
-export const OrRentalLayout: React.FC<OrRentalLayoutProps>;
 export interface OrRentalResultProps {
     /**
      * Children component
@@ -4195,6 +4268,17 @@ type AtPasswordInputProp = AtTextInputProps & {
     iconRender?: (visible: boolean) => React.ReactNode;
 };
 export const AtPasswordInput: React.FC<AtPasswordInputProp>;
+export interface AtQrCodeProps {
+    /**
+     * The text to encode
+     */
+    text: string;
+    /**
+     * The size of the QR code
+     */
+    size?: number;
+}
+export const AtQrCode: React.FC<AtQrCodeProps>;
 export interface AtRadioProps {
     /**
      * The ID for input
@@ -4462,6 +4546,7 @@ export interface AtSelectProps {
      * text color
      */
     $textColor?: 'white' | 'violet';
+    variant?: SelectProps['variant'];
 }
 export const AtSelect: React.FC<AtSelectProps>;
 export interface AtSwitchProps extends SwitchProps {
@@ -4581,16 +4666,5 @@ export interface AtTitleProps {
     className?: string;
 }
 export const AtTitle: React.FC<AtTitleProps>;
-export interface AtQrCodeProps {
-    /**
-     * The text to encode
-     */
-    text: string;
-    /**
-     * The size of the QR code
-     */
-    size?: number;
-}
-export const AtQrCode: React.FC<AtQrCodeProps>;
 
 //# sourceMappingURL=index.d.ts.map