enwawa-ui 1.6.3 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.d.ts CHANGED
@@ -8,22 +8,22 @@ import { ValueType } from "@rc-component/mini-decimal";
8
8
  import { RadioChangeEvent } from "antd/es/radio";
9
9
  import { DefaultOptionType, LabeledValue } from "antd/es/select";
10
10
  import { BlockProps, EllipsisConfig, BaseType } from "antd/es/typography/Base";
11
- import { CardTabListType } from "antd/es/card";
12
- import { CardType } from "antd/es/card/Card";
13
- import { TabsProps } from "antd/es/tabs";
14
11
  import { DotPosition } from "antd/es/carousel";
15
12
  import { CheckboxGroupProps } from "antd/es/checkbox/Group";
16
13
  import { NamePath, Store, StoreValue } from "antd/es/form/interface";
17
14
  import { Rule } from "antd/es/form";
18
15
  import { LabelTooltipType } from "antd/es/form/FormItemLabel";
16
+ import { TabsProps } from "antd/es/tabs";
17
+ import { CardTabListType } from "antd/es/card";
18
+ import { CardType } from "antd/es/card/Card";
19
19
  import { Gutter } from "antd/es/grid/row";
20
20
  import { DrawerProps } from "antd/es/drawer";
21
21
  import { AnyObject } from "antd/es/_util/type";
22
22
  import { ColumnsType } from "antd/es/table";
23
23
  import { TableRowSelection } from "antd/es/table/interface";
24
24
  import { GoogleMap, GoogleMapProps } from "@react-google-maps/api";
25
- import { CheckboxChangeEvent } from "antd/es/checkbox";
26
25
  import { WatchOptions } from "rc-field-form/es/interface";
26
+ import { CheckboxChangeEvent } from "antd/es/checkbox";
27
27
  export interface AtAvatarProps {
28
28
  /**
29
29
  * This attribute defines the alternative text describing the image
@@ -1077,110 +1077,6 @@ export interface MlBreadcrumbProps {
1077
1077
  separator?: BreadcrumbProps['separator'];
1078
1078
  }
1079
1079
  export const MlBreadcrumb: React.FC<MlBreadcrumbProps>;
1080
- export interface MlCardProps {
1081
- /**
1082
- * The ID for input
1083
- */
1084
- id?: string;
1085
- /**
1086
- * The action list, shows at the bottom of the Card
1087
- */
1088
- actions?: Array<ReactNode>;
1089
- /**
1090
- * Current TabPane's key
1091
- */
1092
- activeTabKey?: string;
1093
- /**
1094
- * Inline style to apply to the card content CSSProperties
1095
- */
1096
- bodyStyle?: CSSProperties;
1097
- /**
1098
- * Toggles rendering of the border around the card
1099
- */
1100
- bordered?: boolean;
1101
- /**
1102
- * Card cover
1103
- */
1104
- cover?: ReactNode;
1105
- /**
1106
- * Initial active TabPane's key, if activeTabKey is not set
1107
- */
1108
- defaultActiveTabKey?: string;
1109
- /**
1110
- * Content to render in the top-right corner of the card
1111
- */
1112
- extra?: ReactNode;
1113
- /**
1114
- * Lift up when hovering card
1115
- */
1116
- hoverable?: boolean;
1117
- /**
1118
- * Shows a loading indicator while the contents of the card are being fetched
1119
- */
1120
- loading?: boolean;
1121
- /**
1122
- * Mark item as selected
1123
- */
1124
- selected?: boolean;
1125
- /**
1126
- * Size of card
1127
- */
1128
- size?: 'default' | 'small';
1129
- /**
1130
- * Extra content in tab bar
1131
- */
1132
- tabBarExtraContent?: ReactNode;
1133
- /**
1134
- * List of TabPane's head
1135
- */
1136
- tabList?: CardTabListType[];
1137
- /**
1138
- * Tabs
1139
- */
1140
- tabProps?: TabsProps;
1141
- /**
1142
- * Card title
1143
- */
1144
- title?: ReactNode;
1145
- /**
1146
- * Card style type, can be set to inner or not set
1147
- */
1148
- type?: CardType;
1149
- /**
1150
- /**
1151
- * Callback when card is clicked
1152
- */
1153
- onClick?: React.MouseEventHandler<HTMLDivElement>;
1154
- /**
1155
- * Callback when tab is switched
1156
- */
1157
- onTabChange?: (key: string) => void;
1158
- children?: React.ReactNode;
1159
- /**
1160
- * Card width
1161
- */
1162
- $width?: number;
1163
- /**
1164
- * border color for the card
1165
- */
1166
- $borderColor?: 'violet' | 'gold' | 'white' | 'gray';
1167
- /**
1168
- * margin bottom for the card
1169
- */
1170
- $marginBottom?: number;
1171
- /**
1172
- * padding for the card
1173
- */
1174
- $padding?: number;
1175
- /**
1176
- * background color for the card
1177
- */
1178
- $backgroundColor?: string;
1179
- }
1180
- /**
1181
- * Primary input UI component for user interaction
1182
- */
1183
- export const MlCard: React.FC<MlCardProps>;
1184
1080
  export interface MlCarouselProps {
1185
1081
  /**
1186
1082
  * The ID for input
@@ -1802,6 +1698,110 @@ export interface OrTabsProps {
1802
1698
  hideExtra?: boolean;
1803
1699
  }
1804
1700
  export const OrTabs: React.FC<OrTabsProps>;
1701
+ export interface MlCardProps {
1702
+ /**
1703
+ * The ID for input
1704
+ */
1705
+ id?: string;
1706
+ /**
1707
+ * The action list, shows at the bottom of the Card
1708
+ */
1709
+ actions?: Array<ReactNode>;
1710
+ /**
1711
+ * Current TabPane's key
1712
+ */
1713
+ activeTabKey?: string;
1714
+ /**
1715
+ * Inline style to apply to the card content CSSProperties
1716
+ */
1717
+ bodyStyle?: CSSProperties;
1718
+ /**
1719
+ * Toggles rendering of the border around the card
1720
+ */
1721
+ bordered?: boolean;
1722
+ /**
1723
+ * Card cover
1724
+ */
1725
+ cover?: ReactNode;
1726
+ /**
1727
+ * Initial active TabPane's key, if activeTabKey is not set
1728
+ */
1729
+ defaultActiveTabKey?: string;
1730
+ /**
1731
+ * Content to render in the top-right corner of the card
1732
+ */
1733
+ extra?: ReactNode;
1734
+ /**
1735
+ * Lift up when hovering card
1736
+ */
1737
+ hoverable?: boolean;
1738
+ /**
1739
+ * Shows a loading indicator while the contents of the card are being fetched
1740
+ */
1741
+ loading?: boolean;
1742
+ /**
1743
+ * Mark item as selected
1744
+ */
1745
+ selected?: boolean;
1746
+ /**
1747
+ * Size of card
1748
+ */
1749
+ size?: 'default' | 'small';
1750
+ /**
1751
+ * Extra content in tab bar
1752
+ */
1753
+ tabBarExtraContent?: ReactNode;
1754
+ /**
1755
+ * List of TabPane's head
1756
+ */
1757
+ tabList?: CardTabListType[];
1758
+ /**
1759
+ * Tabs
1760
+ */
1761
+ tabProps?: TabsProps;
1762
+ /**
1763
+ * Card title
1764
+ */
1765
+ title?: ReactNode;
1766
+ /**
1767
+ * Card style type, can be set to inner or not set
1768
+ */
1769
+ type?: CardType;
1770
+ /**
1771
+ /**
1772
+ * Callback when card is clicked
1773
+ */
1774
+ onClick?: React.MouseEventHandler<HTMLDivElement>;
1775
+ /**
1776
+ * Callback when tab is switched
1777
+ */
1778
+ onTabChange?: (key: string) => void;
1779
+ children?: React.ReactNode;
1780
+ /**
1781
+ * Card width
1782
+ */
1783
+ $width?: number;
1784
+ /**
1785
+ * border color for the card
1786
+ */
1787
+ $borderColor?: 'violet' | 'gold' | 'white' | 'gray';
1788
+ /**
1789
+ * margin bottom for the card
1790
+ */
1791
+ $marginBottom?: number;
1792
+ /**
1793
+ * padding for the card
1794
+ */
1795
+ $padding?: number;
1796
+ /**
1797
+ * background color for the card
1798
+ */
1799
+ $backgroundColor?: string;
1800
+ }
1801
+ /**
1802
+ * Primary input UI component for user interaction
1803
+ */
1804
+ export const OrCard: React.FC<MlCardProps>;
1805
1805
  export interface OrTicketCardProps {
1806
1806
  /**
1807
1807
  * Image source
@@ -2729,68 +2729,6 @@ export interface OrFormItemsInlineProps {
2729
2729
  inputs?: Array<OrFormInLineItem | OrFormInLineItem[]>;
2730
2730
  }
2731
2731
  export const OrFormItemsInline: React.FC<OrFormItemsInlineProps>;
2732
- export interface OrTableModuleLayoutProps {
2733
- /**
2734
- * Page title
2735
- */
2736
- title?: string;
2737
- /**
2738
- * page subtitle
2739
- */
2740
- subtitle?: string;
2741
- /**
2742
- * subtitle Content
2743
- */
2744
- subtitleContent?: string;
2745
- /**
2746
- * Children component
2747
- */
2748
- children?: React.ReactNode;
2749
- /**
2750
- * margin
2751
- */
2752
- $margin?: string;
2753
- /**
2754
- * padding
2755
- */
2756
- padding?: string;
2757
- /**
2758
- * whether to show left arrow
2759
- */
2760
- leftArrow?: boolean;
2761
- /**
2762
- * left arrow click event
2763
- */
2764
- onClickLeftArrow?: () => void;
2765
- }
2766
- export const OrTableModuleLayout: React.FC<OrTableModuleLayoutProps>;
2767
- export interface OrHeaderBalanceProps {
2768
- /**
2769
- * The title of the drawer
2770
- */
2771
- title?: string;
2772
- /**
2773
- * The subtitle of the drawer
2774
- */
2775
- subtitle?: string;
2776
- /**
2777
- * The balance of the drawer
2778
- */
2779
- balance?: string;
2780
- /**
2781
- * container padding
2782
- */
2783
- padding?: string;
2784
- /**
2785
- * whether to show left arrow
2786
- */
2787
- showLeftArrow?: boolean;
2788
- /**
2789
- * left arrow click event
2790
- */
2791
- onClickLeftArrow?: () => void;
2792
- }
2793
- export const OrHeaderBalance: React.FC<OrHeaderBalanceProps>;
2794
2732
  type _Size1 = 'large' | 'middle' | 'small';
2795
2733
  export interface OrLabelTextBoxProps {
2796
2734
  title?: string;
@@ -3029,6 +2967,7 @@ export interface OrMarkProps {
3029
2967
  };
3030
2968
  component?: React.ReactNode;
3031
2969
  hasOverlay?: boolean;
2970
+ translate?: number[];
3032
2971
  }
3033
2972
  export const OrMark: React.FC<OrMarkProps>;
3034
2973
  type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
@@ -3555,7 +3494,8 @@ export interface MarkersGroup {
3555
3494
  }
3556
3495
  export interface TmMapPageProps {
3557
3496
  rightDrawer?: OrDrawerProps;
3558
- leftTopSelect: AtSelectProps;
3497
+ topLeftSelect: AtSelectProps;
3498
+ topLeftButton?: AtButtonProps;
3559
3499
  map: GoogleMapProps & {
3560
3500
  GOOGLE_MAPS_API_KEY: string;
3561
3501
  ref?: React.RefObject<GoogleMap>;
@@ -3564,6 +3504,10 @@ export interface TmMapPageProps {
3564
3504
  realtimeMarkers?: MarkersGroup[];
3565
3505
  }
3566
3506
  export const TmMapPage: React.FC<TmMapPageProps>;
3507
+ export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
3508
+ export const useModal: () => readonly [instance: import("antd/es/modal/useModal").HookAPI, contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
3509
+ export const useForm: <T = any>() => [import("antd").FormInstance<T>];
3510
+ export const useFormWatch: <T = any>(name: string, form?: FormInstance | WatchOptions<FormInstance>) => T;
3567
3511
  export interface TmRechargePageProps<FormType = any> {
3568
3512
  /**
3569
3513
  * Page title
@@ -3728,112 +3672,7 @@ export interface TmRechargePageProps<FormType = any> {
3728
3672
  onClickLeftArrow?: () => void;
3729
3673
  editable?: boolean;
3730
3674
  }
3731
- 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;
3732
- export const useMessage: () => readonly [import("antd/es/message/interface").MessageInstance, import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
3733
- export const useModal: () => readonly [instance: import("antd/es/modal/useModal").HookAPI, contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>];
3734
- export const useForm: <T = any>() => [import("antd").FormInstance<T>];
3735
- export const useFormWatch: <T = any>(name: string, form?: FormInstance | WatchOptions<FormInstance>) => T;
3736
- export interface OrPaymentCardProps {
3737
- /**
3738
- * The title of the card
3739
- */
3740
- cardTitle: string;
3741
- /**
3742
- * font size of the input
3743
- */
3744
- fontSize?: string;
3745
- /**
3746
- * height of the input
3747
- */
3748
- height?: string;
3749
- /**
3750
- * rule for the amount input
3751
- */
3752
- ruleAmount?: MlFromItemProps['rules'];
3753
- /**
3754
- * rule for the coupon input
3755
- */
3756
- ruleCoupon?: MlFromItemProps['rules'];
3757
- /**
3758
- * Form ref
3759
- */
3760
- form?: FormProps['form'];
3761
- /**
3762
- * Form init values
3763
- */
3764
- initialValues?: IFormData;
3765
- /**
3766
- * On submit function
3767
- */
3768
- onFinish?: FormProps['onFinish'];
3769
- /**
3770
- * Coupon button text
3771
- */
3772
- couponBtn?: string;
3773
- /**
3774
- * Amount placeholder
3775
- */
3776
- amountPlaceholder?: string;
3777
- /**
3778
- * Coupon placeholder
3779
- */
3780
- couponPlaceholder?: string;
3781
- /**
3782
- * Radio group items
3783
- */
3784
- currenciesOptions?: Array<{
3785
- label: ReactNode;
3786
- value: string;
3787
- disabled?: boolean;
3788
- symbol?: string;
3789
- }>;
3790
- /**
3791
- * Radio group default value
3792
- */
3793
- defaultCurrency?: number;
3794
- /**
3795
- * Amount to pay text
3796
- */
3797
- amountToPayText?: string;
3798
- /**
3799
- * Amount to pay
3800
- */
3801
- amountToPay?: number;
3802
- /**
3803
- * Coupon text
3804
- */
3805
- couponText?: string;
3806
- /**
3807
- * Discount
3808
- */
3809
- discount?: number;
3810
- /**
3811
- * Total text
3812
- */
3813
- totalText?: string;
3814
- /**
3815
- * Total
3816
- */
3817
- total?: number;
3818
- /**
3819
- * Tax text
3820
- */
3821
- taxText?: string;
3822
- /**
3823
- * Tax
3824
- */
3825
- tax?: number;
3826
- /**
3827
- * Pay button text
3828
- */
3829
- payBtn?: string;
3830
- /**
3831
- * Apply coupon click
3832
- */
3833
- applyCouponClick?: () => void;
3834
- editable?: boolean;
3835
- }
3836
- export const OrPaymentCard: React.FC<OrPaymentCardProps>;
3675
+ 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, }: TmRechargePageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
3837
3676
  export interface PaymentMethod {
3838
3677
  value: string;
3839
3678
  icon?: React.ReactNode;
@@ -3874,6 +3713,41 @@ export interface OrPaymentMethodsProps<FormType = any> {
3874
3713
  onCloseDrawer?: (e: React.MouseEvent | React.KeyboardEvent) => void;
3875
3714
  }
3876
3715
  export const OrPaymentMethods: <FormType extends Store>({ drawerTitle, open, paymentMethods, currentPaymentSelectedFields, showPaymentMethods, termsDisclaimer, onCloseDrawer, disabledButton, }: OrPaymentMethodsProps<FormType>) => import("react/jsx-runtime").JSX.Element;
3716
+ export interface OrTableModuleLayoutProps {
3717
+ /**
3718
+ * Page title
3719
+ */
3720
+ title?: string;
3721
+ /**
3722
+ * page subtitle
3723
+ */
3724
+ subtitle?: string;
3725
+ /**
3726
+ * subtitle Content
3727
+ */
3728
+ subtitleContent?: string;
3729
+ /**
3730
+ * Children component
3731
+ */
3732
+ children?: React.ReactNode;
3733
+ /**
3734
+ * margin
3735
+ */
3736
+ $margin?: string;
3737
+ /**
3738
+ * padding
3739
+ */
3740
+ padding?: string;
3741
+ /**
3742
+ * whether to show left arrow
3743
+ */
3744
+ leftArrow?: boolean;
3745
+ /**
3746
+ * left arrow click event
3747
+ */
3748
+ onClickLeftArrow?: () => void;
3749
+ }
3750
+ export const OrTableModuleLayout: React.FC<OrTableModuleLayoutProps>;
3877
3751
  export interface OrRechargeProps {
3878
3752
  /**
3879
3753
  * Page title