enwawa-ui 2.0.22 → 2.0.23

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, 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 { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, AlertProps, BreadcrumbProps, InputNumberProps, DropdownProps, MenuProps, ColProps, PaginationProps, RadioChangeEvent, TooltipProps, UploadProps, RowProps, CollapseProps, LayoutProps, SiderProps, SpaceProps, FormProps, ModalFuncProps, FormInstance, TableProps, StepsProps, ModalProps as _ModalProps1, SelectProps, TagProps } from "antd";
 import { Dayjs } from "dayjs";
 import { RangePickerProps } from "antd/lib/date-picker";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
@@ -1351,10 +1351,18 @@ export interface MlInfoListProps {
      * Component title
      */
     title?: string;
+    /**
+     * Component title level
+     */
+    titleLevel?: 1 | 2 | 3 | 4 | 5;
+    /**
+     * Component description
+     */
+    description?: string;
     /**
      * List of label value pairs
      */
-    items: {
+    items?: {
         icon: AtIconProps['name'];
         value: string | (() => React.ReactElement);
     }[];
@@ -2911,6 +2919,65 @@ export interface OrSelectTableProps<T = any> extends AtSelectProps {
     rules?: MlFromItemProps['rules'][];
 }
 export const OrSelectTable: React.FC<OrSelectTableProps>;
+export interface OrStepProp {
+    /**
+     * To set the current step, counting from 0. You can overwrite this state by using status of Step
+     */
+    current?: number;
+    /**
+     * To specify the direction of the step bar, horizontal or vertical
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     *
+     */
+    initial?: number;
+    /**
+     *  Place title and description with horizontal or vertical direction
+     * */
+    labelPlacement?: 'horizontal' | 'vertical';
+    /**
+     * Progress circle percentage of current step in process status (only works on basic Steps)
+     */
+    percent?: number;
+    /**
+     * Steps with progress dot style, customize the progress dot by setting it to a function. labelPlacement will be vertical
+     */
+    progressDot?: StepsProps['progressDot'];
+    /**
+     * Change to vertical direction when screen width smaller than 532px
+     */
+    responsive?: boolean;
+    /**
+     * To specify the size of the step bar, default and small are currently supported
+     */
+    size?: 'default' | 'small';
+    /**
+     * To specify the status of current step, can be set to one of the following values: wait process finish error
+     */
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    /**
+     * Type of steps, can be set to one of the following values: default navigation inline
+     */
+    type?: 'default' | 'navigation' | 'inline';
+    /**
+     * Trigger when Step is changed
+     */
+    onChange?: (current: number) => void;
+    /**
+     * StepItem content
+     */
+    items?: StepsProps['items'];
+    /**
+     * Element margin
+     */
+    $margin?: string;
+    /**
+     * Element line height
+     */
+    $lineHeight?: string;
+}
+export const OrStep: React.FC<OrStepProp>;
 interface TextProps extends AtTextProps {
     text: string;
 }
@@ -2918,7 +2985,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';
+    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';
     /**
      * Label of the field
      */
@@ -2987,7 +3054,7 @@ export interface OrFormInLineItem {
     /**
      * Type of the status info
      */
-    type?: 'success' | 'warning' | 'danger' | 'info';
+    type?: 'success' | 'warning' | 'danger' | 'info' | 'default';
     /**
      * Tooltip of the label
      */
@@ -3059,6 +3126,14 @@ export interface OrFormInLineItem {
      * The mode of the upload
      */
     uploadMode?: 'drag' | 'basic';
+    /**
+     * The description of the summary component
+     */
+    description?: string;
+    /**
+     * Stepper props
+     */
+    stepperProps?: OrStepProp;
 }
 export interface OrFormItemsInlineProps {
     inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;
@@ -3376,65 +3451,6 @@ interface OrModalProps {
     content?: string | React.ReactNode;
 }
 export const OrModal: React.FC<OrModalProps>;
-export interface OrStepProp {
-    /**
-     * To set the current step, counting from 0. You can overwrite this state by using status of Step
-     */
-    current?: number;
-    /**
-     * To specify the direction of the step bar, horizontal or vertical
-     */
-    direction?: 'horizontal' | 'vertical';
-    /**
-     *
-     */
-    initial?: number;
-    /**
-     *  Place title and description with horizontal or vertical direction
-     * */
-    labelPlacement?: 'horizontal' | 'vertical';
-    /**
-     * Progress circle percentage of current step in process status (only works on basic Steps)
-     */
-    percent?: number;
-    /**
-     * Steps with progress dot style, customize the progress dot by setting it to a function. labelPlacement will be vertical
-     */
-    progressDot?: StepsProps['progressDot'];
-    /**
-     * Change to vertical direction when screen width smaller than 532px
-     */
-    responsive?: boolean;
-    /**
-     * To specify the size of the step bar, default and small are currently supported
-     */
-    size?: 'default' | 'small';
-    /**
-     * To specify the status of current step, can be set to one of the following values: wait process finish error
-     */
-    status?: 'wait' | 'process' | 'finish' | 'error';
-    /**
-     * Type of steps, can be set to one of the following values: default navigation inline
-     */
-    type?: 'default' | 'navigation' | 'inline';
-    /**
-     * Trigger when Step is changed
-     */
-    onChange?: (current: number) => void;
-    /**
-     * StepItem content
-     */
-    items?: StepsProps['items'];
-    /**
-     * Element margin
-     */
-    $margin?: string;
-    /**
-     * Element line height
-     */
-    $lineHeight?: string;
-}
-export const OrStep: React.FC<OrStepProp>;
 export interface IFormStep<T> {
     title: string;
     inputs?: OrFormItemsInlineProps['inputs'];
@@ -3448,6 +3464,11 @@ export interface IFormStep<T> {
     cancelBtnIcon?: ReactNode;
     isSubmitButtonDanger?: boolean;
     hiddeSubmitButton?: boolean;
+    customButtons?: {
+        label: string;
+        onClick: () => void;
+        type: AtButtonProps['type'];
+    }[];
 }
 export interface TmCrudPageProps<RecordType = AnyObject, FormType = any> {
     /**
@@ -4370,7 +4391,7 @@ export interface AtInputStatusProps {
     /**
      * Status type
      */
-    type?: 'success' | 'warning' | 'danger' | 'info';
+    type?: 'success' | 'warning' | 'danger' | 'info' | 'default';
     visible?: boolean;
 }
 export const AtInputStatus: React.FC<AtInputStatusProps>;