enwawa-ui 1.8.0 → 1.9.0

package/lib/index.d.ts

@@ -298,6 +298,101 @@ export interface AtDatePickerPros {
     $width?: string;
 }
 export const AtDatePicker: React.FC<AtDatePickerPros>;
+export interface AtDateRangePickerProps {
+    /**
+     * If true, the date picker will be disabled
+     */
+    disabled?: boolean;
+    /**
+     *  Whether to show clear button
+     */
+    allowClear?: boolean;
+    /**
+     * If get focus when component mounted
+     */
+    autoFocus?: boolean;
+    /**
+     * Whether has border style
+     */
+    bordered?: boolean;
+    /**
+     * Trigger change when blur. e.g. datetime picker no need click confirm button
+     */
+    changeOnBlur?: boolean;
+    /**
+     * Specify the date that cannot be selected
+     */
+    disabledDate?: (currentDate: Dayjs) => boolean;
+    /**
+     * To set the date format, support multi-format matching when it is an array, display the first one shall prevail. refer to dayjs#format. for example: Custom Format
+     */
+    format?: string | string[];
+    /**
+     * Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices)
+     */
+    inputReadOnly?: boolean;
+    /**
+     * Localization configuration
+     */
+    locale?: DatePickerProps['locale'];
+    /**
+     * The picker panel mode（ Cannot select year or month anymore? )
+     */
+    mode?: 'time' | 'date' | 'month' | 'year' | 'decade';
+    /**
+     * The open state of picker
+     */
+    open?: boolean;
+    /**
+     * Set picker type
+     */
+    picker?: DatePickerProps['picker'];
+    /**
+     * Placeholder of the input
+     */
+    placeholder?: string;
+    /**
+     * The position where the selection box pops up
+     */
+    placement?: DatePickerProps['placement'];
+    /**
+     * The preset ranges for quick selection
+     */
+    presents?: DatePickerProps['presets'];
+    /**
+     * Show time on date
+     */
+    showTime?: boolean;
+    /**
+     * To determine the size of the input box, the height of large and small, are 40px and 24px respectively, while default size is 32px
+     */
+    size?: DatePickerProps['size'];
+    /**
+     * Set validation status
+     */
+    status?: DatePickerProps['status'];
+    /**
+     * Callback function, can be executed whether the popup calendar is popped up or closed
+     */
+    onOpenChange?: (status: boolean) => void;
+    /**
+     * Callback when picker panel mode is changed
+     */
+    onPanelChange?: (value: Dayjs | null, mode: DatePickerProps['mode']) => void;
+    /**
+     * set format on 12h
+     */
+    use12Hours?: boolean;
+    /**
+     * The computed style of the svg element
+     */
+    style?: CSSProperties;
+    /**
+     * width of the input box
+     */
+    $width?: string;
+}
+export const AtDateRangePicker: React.FC<AtDateRangePickerProps>;
 export interface AtDividerProps {
     /**
      * The ID for input
@@ -2694,7 +2789,7 @@ export interface OrFormInLineItem {
     /**
      * Type of components available for the form
      */
-    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info';
+    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'date-range-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info';
     /**
      * Label of the field
      */
@@ -3368,6 +3463,17 @@ export interface TmCrudPageProps<RecordType = AnyObject, FormType = any> {
     secondaryOnClick?: () => void;
 }
 export const TmCrudPage: <RecordType extends AnyObject, FormType extends Store>({ columns, data, loadingTable, formSteps, onValuesChange, onCloseLeftDrawer, leftDrawerContent, openLeftDrawer, subtitle, subContent, open, pageSize, currentPage, currentFormStep, titleLeftDrawer, leftDrawerWidth, drawerContent, showDrawerContent, showSearchBox, drawerTitle, drawerWidth, firstButtonText, secondButtonText, onClickFirstButton, onClickSecondButton, $margin, title, tableTitle, buttonAddText, addButtonOnClick, onChangePagination, total, showTotal, disabledButtons, searchBoxOnSearch, searchBoxPlaceholder, tableHeaderCustomLeftElements, pagination, handleCloseCallback, tableTitleLevel, secondaryButtonText, secondaryOnClick, }: TmCrudPageProps<RecordType, FormType>) => import("react/jsx-runtime").JSX.Element;
+export interface TmFormListPageProps<FormType = any> {
+    formList?: {
+        title?: string;
+        formStepProps?: IFormStep<FormType>[];
+        formProps?: OrFormProps;
+        stepProps?: OrStepProp;
+        disabledButtons?: boolean;
+        formButtonProps?: AtButtonProps;
+    }[];
+}
+export const TmFormListPage: <FormType extends Store>({ formList, }: TmFormListPageProps<FormType>) => import("react/jsx-runtime").JSX.Element;
 export interface OrSimpleBannerProps {
     /**
      * Id of the OrSimpleBannerProps