enwawa-ui 2.0.45 → 2.3.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, DescriptionsProps, SwitchProps } from "antd/lib";
-import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, AlertProps, ColProps, BreadcrumbProps, InputNumberProps, DropdownProps, MenuProps, PaginationProps, RadioChangeEvent, TooltipProps, UploadProps, RowProps, CollapseProps, LayoutProps, SiderProps, SpaceProps, FormProps, ModalFuncProps, FormInstance, TableProps, StepsProps, ModalProps as _ModalProps1, SelectProps, TagProps } from "antd";
+import { ButtonProps, AutoCompleteProps, DescriptionsProps, SwitchProps } from "antd/lib";
+import { CheckboxProps, CountdownProps, DatePickerProps, ImageProps, AlertProps, ColProps, BreadcrumbProps, InputNumberProps, DropdownProps, MenuProps, SelectProps, PaginationProps, RadioChangeEvent, TooltipProps, UploadProps, RowProps, CollapseProps, LayoutProps, SiderProps, SpaceProps, FormProps, ModalFuncProps, FormInstance, TableProps, StepsProps, ModalProps as _ModalProps1, TagProps } from "antd";
 import { Dayjs } from "dayjs";
 import { RangePickerProps } from "antd/lib/date-picker";
 import { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
@@ -12,10 +12,10 @@ import { CardType } from "antd/es/card/Card";
 import { NamePath, Store, StoreValue } from "antd/es/form/interface";
 import { RuleObject } from "antd/es/form";
 import { LabelTooltipType } from "antd/es/form/FormItemLabel";
+import { DefaultOptionType, LabeledValue } from "antd/es/select";
 import { DotPosition } from "antd/es/carousel";
 import { CheckboxGroupProps } from "antd/es/checkbox/Group";
 import { ValueType } from "@rc-component/mini-decimal";
-import { LabeledValue, DefaultOptionType } from "antd/es/select";
 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";
@@ -1011,13 +1011,76 @@ export interface MlAutocompleteSearchProps {
     /**
      * Fetch place details
      */
-    fetchPlaceDetails?: (data: any) => void;
+    fetchPlaceDetails?: (id: any) => any;
     /**
      * Default options
      */
     defaultOptions?: AtSelectProps['options'];
+    /**
+     * Callback function that is fired when input changed in order to fetch places
+     */
+    onSearch?: (value: string) => any;
+    /**
+     * Called when an option is selected, the params are option's value (or key) and option instance
+     */
+    onSelectValue?: AtSelectProps['onSelect'];
 }
 export const MlAutocompleteSearch: React.FC<MlAutocompleteSearchProps>;
+export interface MlAutocompleteSearchTextProps {
+    /**
+     * The ID for input
+     */
+    id?: string;
+    /**
+     * Select props
+     */
+    selectProps?: AutoCompleteProps;
+    /**
+     * Field name
+     */
+    fieldName?: string;
+    /**
+     * Rules
+     */
+    rules?: RuleObject[];
+    /**
+     * Custom options
+     */
+    options?: AutoCompleteProps['options'];
+    /**
+     * Placeholder of select
+     */
+    placeholder?: ReactNode;
+    /**
+     * Whether disabled select
+     */
+    disabled?: boolean;
+    /**
+     * The size of the input box. Note: in the context of a form, the middle size is used
+     */
+    size?: 'large' | 'middle' | 'small';
+    /**
+     * Custom styles properties
+     */
+    style?: React.CSSProperties;
+    /**
+     * Default options
+     */
+    defaultOptions?: AutoCompleteProps['options'];
+    /**
+     * Callback function that is fired when input changed in order to fetch places
+     */
+    onSearch?: (value: string) => any;
+    /**
+     * Callback function that is fired when input changed in order to fetch places
+     */
+    onChange?: (value: any, option: DefaultOptionType | Array<DefaultOptionType>) => any;
+    /**
+     * Called when an option is selected, the params are option's value (or key) and option instance
+     */
+    onSelectValue?: AutoCompleteProps['onSelect'];
+}
+export const MlAutocompleteSearchText: React.FC<MlAutocompleteSearchTextProps>;
 export interface MlBreadcrumbProps {
     /**
      * Custom item renderer
@@ -1456,11 +1519,19 @@ export interface MlInputListProps {
     /**
      * The function to fetch the place details
      */
-    fetchPlaceDetails?: (data: any, id: string) => void;
+    fetchPlaceDetails?: (id: string) => any;
     /**
      * The minimum number of items
      */
     minItems?: number;
+    /**
+     * Callback function that is fired when input changed
+     */
+    onSearch?: (value: string) => any;
+    /**
+     * Called when an option is selected, the params are option's value (or key) and option instance
+     */
+    onSelect?: SelectProps['onSelect'];
 }
 export const MlInputList: React.FC<MlInputListProps>;
 export interface MlLoadingProps {
@@ -3115,7 +3186,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';
+    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';
     /**
      * Label of the field
      */
@@ -3298,7 +3369,7 @@ export interface OrFormInLineItem {
     /**
      * The function to fetch the place details
      */
-    fetchPlaceDetails?: (data: any, id: string) => void;
+    fetchPlaceDetails?: (id: string) => any;
     /**
      * The minimum number of items
      */
@@ -3311,6 +3382,10 @@ export interface OrFormInLineItem {
      * The props for the time range picker
      */
     timeRangePickerProps?: AtTimeRangePickerProps;
+    /**
+     * Allow auto clear for a select field
+     */
+    autoClearSearchValue?: boolean | undefined;
 }
 export interface OrFormItemsInlineProps {
     inputs?: Array<OrFormInLineItem | Array<OrFormInLineItem | OrFormInLineItem[]>>;