react-table-edit 1.4.9 → 1.4.11

package/dist/component/edit-form/index.d.ts

@@ -22,13 +22,13 @@ type Props = {
     menuWidth?: number;
     rowData: any;
     indexRow: any;
-    template?: any;
     onKeyDown?: any;
     defaultValues?: any;
     schema?: InferType<any>;
     onFormOpen?: (rowData: any, itemsField: FromItemsField[], setItemsField: Dispatch<SetStateAction<FromItemsField[]>>) => void;
     onFormSubmit?: (rowData: any, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>, reset: UseFormReset<any>) => void;
     footerTemplate?: (rowData: any) => JSX.Element;
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
     onChangeField?: (rowData: any, field: string, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>) => void;
     onChange: (rowData: any) => void;
     onPaste?: (e: ClipboardEvent<HTMLInputElement>) => void;

package/dist/component/edit-form-inline/index.d.ts

@@ -0,0 +1,36 @@
+import { ClipboardEvent, Dispatch, JSX, SetStateAction } from "react";
+import { UseFormGetValues, UseFormSetValue } from "react-hook-form";
+import { InferType } from "yup";
+export type FromItemsField = {
+    name: string;
+    label: string;
+    type: 'text' | 'numeric' | 'select' | 'selectCreatable';
+    disabled?: boolean;
+    fraction?: number;
+    min?: number;
+    max?: number;
+    options?: any[];
+};
+type Props = {
+    id?: string;
+    field?: string;
+    displayValue: string;
+    textAlign?: 'left' | 'right' | 'center';
+    placeholder?: string;
+    invalid?: any;
+    rowData: any;
+    indexRow: any;
+    onKeyDown?: any;
+    defaultValues?: any;
+    schema?: InferType<any>;
+    onFormOpen?: (rowData: any, itemsField: FromItemsField[], setItemsField: Dispatch<SetStateAction<FromItemsField[]>>) => void;
+    footerTemplate?: (rowData: any) => JSX.Element;
+    template?: (row: any, indexRow: number) => any;
+    onChangeField?: (rowData: any, field: string, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>) => void;
+    onChange: (rowData: any) => void;
+    onPaste?: (e: ClipboardEvent<HTMLInputElement>) => void;
+    isClearable?: boolean;
+    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+};
+declare const EditFormInline: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export default EditFormInline;

package/dist/component/edit-form-inline/select-table/index.d.ts

@@ -0,0 +1,32 @@
+import { IFColumnSelectTable } from "../../select-table";
+interface ISelectTableBox {
+    id?: string;
+    name: string;
+    control: any;
+    defaultValue?: any;
+    isMulti?: boolean;
+    isLabel?: boolean;
+    inLine?: boolean;
+    labelComponent?: any;
+    options: any[];
+    loadOptions?: any;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: any;
+    labelSize?: any;
+    required?: boolean;
+    errors?: any;
+    cssClass?: string;
+    callback?: any;
+    confirmHandle?: any;
+    columns?: IFColumnSelectTable[];
+    handleAddNew?: any;
+    fieldLabel?: string;
+    fieldValue?: string;
+    isClearable?: boolean;
+    noHeader?: boolean;
+    desciptionLabel?: string;
+    classLabel?: string;
+}
+declare const SelectTableBox: (props: ISelectTableBox) => import("react/jsx-runtime").JSX.Element;
+export default SelectTableBox;

package/dist/component/table/button-handle.d.ts

@@ -1,10 +1,10 @@
 import { IFTableEditButton, IFTableEditPaging, IFTableEditToolbar } from "../type";
-export declare const handleAdd: (dataSource: any[], tableElement: any, columnFistEdit: any, changeDataSource: (data: any[], haveNew?: boolean) => void, pagingSetting: {
+export declare const handleAdd: (dataSource: any[], tableElement: any, columnFistEdit: any, changeDataSource: (data: any[], numberOfRows?: number) => void, pagingSetting: {
     setCurrentPage?: (page: number) => void;
     pageSize?: number;
-} | undefined, setIndexFocus: (item: number) => void, focusNewElement: (col: number, row: number, onLoad?: boolean) => void) => void;
+} | undefined, setIndexFocus: (item: number) => void, focusNewElement: (col: number, row: number, onLoad?: boolean) => void, numberOfRows?: number) => void;
 export declare const handleDuplicate: (dataSource: any[], indexFocus: number, fieldKey: string | undefined, defaultValue: any, fieldUniKey: string[], changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean, onDuplicate?: (newData: any, index: number) => void, // sự kiện khi duplicate
 pagingClient?: boolean, pagingSetting?: IFTableEditPaging) => Promise<void>;
 export declare const handleInsertAfter: (dataSource: any[], indexFocus: number, defaultValue: any, changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
 export declare const handleInsertBefore: (dataSource: any[], indexFocus: number, defaultValue: any, changeDataSource: (data: any[]) => void, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
-export declare const handleDeleteAll: (t: any, messageBoxConfirmDelete: (t: any, callback: () => void, message: string) => void, setIndexFocus: (item: number) => void, changeDataSource: (data: any[], haveNew?: boolean) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;
+export declare const handleDeleteAll: (t: any, messageBoxConfirmDelete: (t: any, callback: () => void, message: string) => void, setIndexFocus: (item: number) => void, changeDataSource: (data: any[]) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;

package/dist/component/type/index.d.ts

@@ -3,7 +3,7 @@ import { IFColumnSelectTable } from "../select-table";
 import { FromItemsField } from "../edit-form";
 import { UseFormGetValues, UseFormReset, UseFormSetValue } from "react-hook-form";
 type ITextAlign = 'center' | 'left' | 'right';
-type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
+type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'formInline' | 'color';
 export type ICommandItem = {
     id: string;
     color?: string;

package/dist/index.d.ts

@@ -71,7 +71,7 @@ type FromItemsField = {
 };
 
 type ITextAlign = 'center' | 'left' | 'right';
-type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
+type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'formInline' | 'color';
 type ICommandItem = {
     id: string;
     color?: string;