enwawa-ui 3.1.0 → 3.2.0

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties, ReactNode, ChangeEvent, JSXElementConstructor, ReactElement } from "react";
 import { ButtonShape, ButtonSize, ButtonType } from "antd/es/button";
-import { ButtonProps, AutoCompleteProps, DescriptionsProps, BreadcrumbProps as _BreadcrumbProps1, SwitchProps } from "antd/lib";
-import { CheckboxProps, AlertProps, ColProps, BreadcrumbProps, TooltipProps, InputNumberProps, DropdownProps, MenuProps, SelectProps, PaginationProps, RadioChangeEvent, UploadProps, RowProps, CollapseProps, LayoutProps, SiderProps, SpaceProps, StepsProps, FormProps, ModalFuncProps, FormInstance, TableProps, ModalProps as _ModalProps1, CountdownProps, DatePickerProps, ImageProps, SpinProps, TagProps } from "antd";
+import { ButtonProps, AutoCompleteProps, DescriptionsProps, TableProps as _TableProps1, BreadcrumbProps as _BreadcrumbProps1, SwitchProps } from "antd/lib";
+import { CheckboxProps, AlertProps, ColProps, BreadcrumbProps, TooltipProps, InputNumberProps, DropdownProps, MenuProps, SelectProps, PaginationProps, RadioChangeEvent, UploadProps, RowProps as _RowProps1, CollapseProps, LayoutProps, SiderProps, SpaceProps, StepsProps, TableProps, TableColumnsType, FormProps, ModalFuncProps, FormInstance, ModalProps as _ModalProps1, CountdownProps, DatePickerProps, ImageProps, SpinProps, TagProps } from "antd";
 import { TabsProps } from "antd/es/tabs";
 import { CardTabListType } from "antd/es/card";
 import { CardType } from "antd/es/card/Card";
@@ -16,13 +16,14 @@ import { Gutter } from "antd/es/grid/row";
 import { BlockProps, EllipsisConfig, BaseType } from "antd/es/typography/Base";
 import { TextProps as _TextProps1 } from "antd/es/typography/Text";
 import { AnyObject } from "antd/es/_util/type";
+import { ColumnsType, TablePaginationConfig } from "antd/es/table";
+import { ExpandableConfig, FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection } from "antd/es/table/interface";
+import { DragEndEvent } from "@dnd-kit/core";
 import { DrawerProps } from "antd/es/drawer";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
 import * as Icons from "@ant-design/icons";
 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";
 import { CSSProperties as _CSSProperties1 } from "styled-components";
 import { CheckboxChangeEvent } from "antd/es/checkbox";
 import { Dayjs } from "dayjs";
@@ -153,6 +154,14 @@ export interface AtButtonProps {
      * Set background button transparent
      */
     bgTransparent?: boolean;
+    /**
+     *  button cursor
+     */
+    $cursor?: string;
+    /**
+     *  ref element
+     */
+    ref?: (element: HTMLElement | null) => void;
 }
 export const AtButton: React.FC<AtButtonProps>;
 export interface AtCheckboxProps extends CheckboxProps {
@@ -1608,7 +1617,7 @@ export interface OrRowProps {
     /**
      * Vertical alignment
      */
-    align?: RowProps['align'] | "center";
+    align?: _RowProps1['align'] | "center";
     /**
      * Container background source
      */
@@ -1620,7 +1629,7 @@ export interface OrRowProps {
     /**
      * Horizontal arrangement
      */
-    justify?: RowProps['justify'];
+    justify?: _RowProps1['justify'];
     /**
      * Auto wrap line
      */
@@ -1707,7 +1716,7 @@ export interface OrTwoButtons {
     /**
      * justify buttons
      */
-    justify?: RowProps['justify'];
+    justify?: _RowProps1['justify'];
 }
 export const OrTwoButtons: React.FC<OrTwoButtons>;
 export interface OrAssignBalanceProps {
@@ -1982,13 +1991,12 @@ export interface OrCardLocationProps {
      */
     backgroundColor?: string;
     /**
-     * type of card info
+     * Color of the card
      */
-    type: 'add' | 'oneWay' | 'return';
+    buttonText?: string;
     /**
-     * Text of the action button
+     * Content of the card
      */
-    buttonText?: string;
     content: React.ReactNode;
 }
 /**
@@ -2924,6 +2932,109 @@ export interface OrDownloadUploadProps {
     mode?: 'drag' | 'basic';
 }
 export const OrDownloadUpload: React.FC<OrDownloadUploadProps>;
+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'];
+    /**
+     * Set the scroll of table, could be a number that indicates the width of the scroll area, or an object that has the following properties: x number | string, y number | string
+     */
+    scroll?: TableProps<RecordType>['scroll'];
+    /**
+     * Set the expandable of table
+     * */
+    expandable?: ExpandableConfig<RecordType> | undefined;
+    /**
+     * components of table
+     */
+    components?: TableProps<RecordType>['components'];
+}
+export const OrTable: <RecordType extends AnyObject>({ bordered, loading, pagination, size, sticky, rowSelection, ...props }: OrTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the SortableContextWrapper component.
+ */
+export interface OrSortableContextWrapperProps<RecordType = AnyObject> {
+    /**
+     * An array of items to be sorted.
+     */
+    items: TableProps<RecordType>['dataSource'];
+    /**
+     * Callback function that is called when dragging ends.
+     */
+    onDragEnd: (event: DragEndEvent) => any;
+    /**
+     * The child nodes to be rendered within the sortable context.
+     */
+    children: React.ReactNode;
+}
+export const OrSortableContextWrapper: React.FC<OrSortableContextWrapperProps>;
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    'data-row-key': string;
+}
+export const OrSortableRow: React.FC<RowProps>;
+export interface OrDraggableTableProps<RecordType = AnyObject> {
+    /**
+     * Whether to show all table borders
+     */
+    bordered?: boolean;
+    /**
+     * Columns of table
+     */
+    columns: TableColumnsType<any>;
+    /**
+     * Data record array to be displayed
+     */
+    data: _TableProps1<RecordType>['dataSource'];
+    /**
+     *
+     * onDragEnd function to execute
+     */
+    onDragEnd: (event: DragEndEvent) => any;
+}
+export const OrDraggableTable: <RecordType extends AnyObject>({ data, columns, onDragEnd, }: OrDraggableTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export interface OrDrawerProps {
     /**
      * The ID for input
@@ -3329,63 +3440,6 @@ export const useModal: () => {
 };
 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'];
-    /**
-     * Set the scroll of table, could be a number that indicates the width of the scroll area, or an object that has the following properties: x number | string, y number | string
-     */
-    scroll?: TableProps<RecordType>['scroll'];
-    /**
-     * Set the expandable of table
-     * */
-    expandable?: ExpandableConfig<RecordType> | undefined;
-}
-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;
@@ -3406,7 +3460,7 @@ export interface OrFormInLineItem {
     /**
      * Type of components available for the form
      */
-    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';
+    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' | 'draggable-table' | 'badge-ribbon';
     /**
      * Label of the field
      */
@@ -3616,6 +3670,10 @@ export interface OrFormInLineItem {
      * Allow auto clear for a select field
      */
     autoClearSearchValue?: boolean | undefined;
+    /**
+     * Props for the draggable table
+     */
+    draggableTableProps?: OrDraggableTableProps;
 }
 export interface OrFormItemsInlineProps {
     inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;
@@ -4033,10 +4091,18 @@ export interface TmCustomMapPageProps<FormType = any> extends OrModuleTableHeade
      * Drawer Title
      */
     drawerTitle?: React.ReactNode;
+    /**
+     * Drawer Title
+     */
+    drawerTitleSecondary?: React.ReactNode;
     /**
      * Drawer Width
      */
     drawerWidth?: number;
+    /**
+     * Drawer Width
+     */
+    drawerWidthSecondary?: number;
     /**
      * Text of first button
      */
@@ -4105,7 +4171,9 @@ export interface TmCustomMapPageProps<FormType = any> extends OrModuleTableHeade
         visible: boolean;
         lat: number;
         lng: number;
-        item: React.ReactNode;
+        item: any;
+        id: string | null;
+        pictureUrl?: string;
     };
     /**
      * Custom icon rendered to select a point in the map
@@ -4119,6 +4187,32 @@ export interface TmCustomMapPageProps<FormType = any> extends OrModuleTableHeade
      * Circle props
      */
     circle?: CircleProps;
+    /**
+     * Open routes modal
+     */
+    openRoutesModal?: boolean;
+    /**
+     * On press cancel and close button function
+     */
+    handleCloseCallbackSecondary?: () => void;
+    /**
+     * Routes items
+     */
+    routesItems?: React.ReactNode;
+    /**
+     * Polylines
+     */
+    polylines?: {
+        color: string | null | undefined;
+        stops: {
+            latitude: number;
+            longitude: number;
+        }[];
+    }[];
+    /**
+     * On click polyline
+     */
+    onClickPolyline?: (event: google.maps.MapMouseEvent | null, route?: any) => void;
 }
 export const TmCustomMapPage: React.FC<TmCustomMapPageProps>;
 export interface TmCustomTabsPageProps<FormType = any> {
@@ -4235,13 +4329,13 @@ export interface TmDashboardProps {
     /**
      *  items from left for render on the dashboard
      */
-    items_left: IDashboardItems[];
+    itemsLeft: IDashboardItems[];
     /**
      *  items from right for render on the dashboard
      */
-    items_right: IDashboardItems[];
+    itemsRight: IDashboardItems[];
 }
-export const TmDashboard: ({ headerProps, items_left, items_right }: TmDashboardProps) => import("react/jsx-runtime").JSX.Element;
+export const TmDashboard: ({ headerProps, itemsLeft, itemsRight }: TmDashboardProps) => import("react/jsx-runtime").JSX.Element;
 export interface TmDescriptionsPageProps {
     /**
      * The ID for input