enwawa-ui 2.7.2 → 2.8.0

package/lib/index.d.ts

@@ -21,7 +21,7 @@ import { ValueType } from "@rc-component/mini-decimal";
 import { Gutter } from "antd/es/grid/row";
 import { AnyObject } from "antd/es/_util/type";
 import { DrawerProps } from "antd/es/drawer";
-import { GoogleMapProps, GoogleMap } from "@react-google-maps/api";
+import { GoogleMapProps, CircleProps, GoogleMap } from "@react-google-maps/api";
 import { WatchOptions } from "rc-field-form/es/interface";
 import { ColumnsType, TablePaginationConfig } from "antd/es/table";
 import { ExpandableConfig, FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection } from "antd/es/table/interface";
@@ -1203,7 +1203,7 @@ export interface MlBreadcrumbProps {
 export const MlBreadcrumb: React.FC<MlBreadcrumbProps>;
 export interface MlCardIconProps {
     title: string;
-    icon: AtIconProps['name'];
+    icon?: AtIconProps['name'];
     value: string;
 }
 export const MlCardIcon: React.FC<MlCardIconProps>;
@@ -2408,6 +2408,29 @@ export interface OrCardIconsGroupProps {
     disabled?: boolean;
 }
 export const OrCardIconsGroup: React.FC<OrCardIconsGroupProps>;
+export interface OrCardLocationProps {
+    /**
+     * Callback when action button is pressed
+     */
+    onClickActionButton?: () => void;
+    /**
+     * Latitude of the location
+     */
+    backgroundColor?: string;
+    /**
+     * type of card info
+     */
+    type: 'add' | 'oneWay' | 'return';
+    /**
+     * Text of the action button
+     */
+    buttonText?: string;
+    content: React.ReactNode;
+}
+/**
+ * Primary input UI component for user interaction
+ */
+export const OrCardLocation: React.FC<OrCardLocationProps>;
 export interface MlRequestCardProps extends MlCardProps {
     /**
      * The from direction
@@ -3192,8 +3215,12 @@ export interface OrDetailsPageProps<FormType = any> {
      * On change form content
      */
     onValuesChange?: OrFormProps['onValuesChange'];
+    /**
+     * config the OrAlert component showed
+     */
+    orAlertConfig?: OrAlertProps;
 }
-export const OrDetailsPage: <FormType extends Store>({ title, bordered, items, extra, formSteps, handleCloseCallback, open, drawerTitle, drawerWidth, disabledButtons, currentFormStep, showFormStepper, onValuesChange, }: OrDetailsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
+export const OrDetailsPage: <FormType extends Store>({ title, bordered, items, extra, formSteps, handleCloseCallback, open, drawerTitle, drawerWidth, disabledButtons, currentFormStep, showFormStepper, onValuesChange, orAlertConfig }: OrDetailsPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
 interface OrDownloadProps {
     /**
      * The function to call when the download button is clicked
@@ -3461,6 +3488,20 @@ export interface OrSelectInputProps {
 }
 export const OrSelectInput: React.FC<OrSelectInputProps>;
 type _Size1 = 'large' | 'middle' | 'small';
+interface OverlayViewProps {
+    children?: React.ReactNode | undefined;
+    position?: google.maps.LatLng | google.maps.LatLngLiteral | undefined;
+    getPixelPositionOffset?: ((offsetWidth: number, offsetHeight: number) => {
+        x: number;
+        y: number;
+    }) | undefined;
+    bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral | undefined;
+    zIndex?: number | undefined;
+    onLoad?: ((overlayView: google.maps.OverlayView) => void) | undefined;
+    onUnmount?: ((overlayView: google.maps.OverlayView) => void) | undefined;
+    hasOverlay?: boolean;
+}
+export const CustomOverlay: React.FC<OverlayViewProps>;
 export interface OrMarkProps {
     id?: string;
     text?: string;
@@ -3621,7 +3662,7 @@ 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' | 'select-table' | 'google-map' | 'google-autocomplete-search' | 'stepper' | 'input-list' | 'button' | 'image' | 'time-range-picker' | 'autocomplete-search' | 'tabs' | 'descriptions-table' | 'badge-ribbon';
+    component: 'radio' | 'radio-cards' | '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' | 'stepper' | 'input-list' | 'button' | 'image' | 'time-range-picker' | 'autocomplete-search' | 'tabs' | 'descriptions-table' | 'badge-ribbon';
     /**
      * Label of the field
      */
@@ -4170,6 +4211,140 @@ interface OrModalProps {
     content?: string | React.ReactNode;
 }
 export const OrModal: React.FC<OrModalProps>;
+export interface MarkersArrayMap {
+    type: 'add' | 'oneWay' | 'return';
+    color?: OrMarkProps['color'];
+    backgroundColor?: string;
+    size?: OrMarkProps['size'];
+    marks: OrMarkProps[];
+    polyLine: boolean;
+    onClickMarker?: (item: OrMarkProps) => void;
+    popOverButtonText?: string;
+    title?: string;
+}
+export interface TmCustomMapPageProps<FormType = any> extends OrModuleTableHeaderProps {
+    map: GoogleMapProps & {
+        GOOGLE_MAPS_API_KEY: string;
+        ref?: React.RefObject<GoogleMap>;
+    };
+    staticMarkers?: MarkersArrayMap[];
+    realtimeMarkers?: MarkersArrayMap[];
+    /**
+     * State of the drawer
+     */
+    open?: boolean;
+    /**
+     * On press cancel and close button function
+     */
+    handleCloseCallback?: () => void;
+    /**
+     * Disable buttons drawer
+     */
+    disabledButtons?: boolean;
+    /**
+     * Form Steps info
+     */
+    formSteps?: IFormStep<FormType>[];
+    /**
+     * current step
+     */
+    currentFormStep?: number;
+    /**
+     * Drawer Content
+     */
+    drawerContent?: React.ReactNode;
+    /**
+     * Drawer Title
+     */
+    drawerTitle?: React.ReactNode;
+    /**
+     * Drawer Width
+     */
+    drawerWidth?: number;
+    /**
+     * Text of first button
+     */
+    firstButtonText?: string;
+    /**
+     * Text of second button
+     */
+    secondButtonText?: string;
+    /**
+     * Function to execute when first button is clicked
+     */
+    onClickFirstButton?: () => void;
+    /**
+     * Function to execute when second button is clicked
+     */
+    onClickSecondButton?: () => void;
+    /**
+     * Show drawer content
+     */
+    showDrawerContent?: boolean;
+    /**
+     * margin
+     */
+    $margin?: string;
+    /**
+     * table title level
+     */
+    tableTitleLevel?: 1 | 2 | 3 | 4 | 5;
+    /**
+     * button optional text
+     */
+    secondaryButtonText?: string;
+    /**
+     * button optional onClick
+     */
+    secondaryOnClick?: () => void;
+    /**
+     * button optional text
+     */
+    showFormStepper?: boolean;
+    onBack?: () => void;
+    /**
+     * On change form content
+     */
+    onValuesChange?: OrFormProps['onValuesChange'];
+    /**
+     * Button value text
+     */
+    buttonAddText?: string;
+    /**
+     * Callback when add button is pressed
+     */
+    addButtonOnClick?: OrModuleTableHeaderProps['buttonOnClick'];
+    /**
+     * Custom component to render at left side of table header
+     */
+    tableHeaderCustomLeftElements?: React.ReactNode;
+    /**
+     * padding
+     */
+    padding?: string;
+    /**
+     * Custom component to render on map item click popover
+     */
+    itemOnClickMap?: {
+        visible: boolean;
+        lat: number;
+        lng: number;
+        item: React.ReactNode;
+    };
+    /**
+     * Custom icon rendered to select a point in the map
+     */
+    markSelectIcon?: React.ReactNode;
+    /**
+     *markers width
+     */
+    markersWidth?: number;
+    /**
+     * Circle props
+     */
+    circle?: CircleProps;
+}
+export const TmCustomMapPage: React.FC<TmCustomMapPageProps>;
 export interface TmCustomTabsPageProps<FormType = any> {
     /**
      * Avatar image
@@ -5646,6 +5821,10 @@ export interface AtTimeRangePickerProps {
      * A callback function which will be called while panel opening/closing
      */
     onOpenChange?: RangePicker['onOpenChange'];
+    /**
+     * width of the input box
+     */
+    $width?: string;
 }
 export const AtTimeRangePicker: React.FC<AtTimeRangePickerProps>;
 export interface AtTitleProps {