react-table-edit 1.2.31 → 1.2.33

package/dist/index.d.mts

@@ -0,0 +1,366 @@
+import * as react from 'react';
+import react__default, { ReactNode, Dispatch, SetStateAction } from 'react';
+import { TFunction } from 'react-i18next';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type IFColumnSelectTable = {
+    field: string;
+    headerText: string;
+    visible?: boolean;
+    textAlign?: 'left' | 'right' | 'center';
+    type?: 'text' | 'numeric' | 'date' | 'datetime';
+    template?: any;
+    typeCondition?: any;
+    fraction?: number;
+    width?: number;
+    maxWidth?: number;
+    minWidth?: number;
+};
+type IFTableSelectFormat = {
+    dateFormat?: string;
+    datetimeFormat?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    colorNegative?: string;
+    prefixNegative?: string;
+    suffixNegative?: string;
+};
+type Props$1 = {
+    id?: string;
+    component?: any;
+    footerComponent?: any;
+    fieldValue?: string;
+    fieldLabel?: string;
+    onChange: any;
+    textAlign?: 'left' | 'right' | 'center';
+    placeholder?: string;
+    invalid?: any;
+    loadOptions?: any;
+    menuWidth?: number;
+    width?: number;
+    rowData?: any;
+    value: any;
+    onKeyDown?: any;
+    onOpenMenu?: any;
+    formatOptionLabel?: any;
+    handleAdd?: any;
+    options: any[];
+    isMulti?: boolean;
+    noHeader?: boolean;
+    maxHeight?: number;
+    columns?: IFColumnSelectTable[];
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    allowCreate?: boolean;
+    showFooter?: boolean;
+    onPaste?: any;
+    formatSetting?: IFTableSelectFormat;
+};
+declare const SelectTable: react__default.ForwardRefExoticComponent<Props$1 & react__default.RefAttributes<unknown>>;
+
+type ITextAlign = 'center' | 'left' | 'right';
+type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
+type ICommandItem = {
+    id: string;
+    color?: string;
+    tooltip?: string;
+    icon?: string;
+    commandTemplate?: ReactNode;
+};
+type ISettingFormElement = {
+    schema: any;
+    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+    menuWidth?: number;
+    menuHeight?: number;
+    displayValue?: any;
+    footerTemplate?: any;
+    openOnFocus?: boolean;
+    isClearable?: boolean;
+    onChangeField?: any;
+    onFormOpen?: any;
+    onFormSubmit?: any;
+};
+type ISettingSelectElement = {
+    isClearable?: boolean;
+    isMulti?: boolean;
+    noHeader?: boolean;
+    showFooter?: boolean;
+    footerComponent?: any;
+    formatOptionLabel?: any;
+    selectChilds?: boolean;
+    loadOptions?: any;
+    defaultValue?: any;
+    fieldValue?: string;
+    fieldLabel?: string;
+    fieldChild?: string;
+    options?: any[];
+    widthPopup?: string | number;
+    heightPopup?: string | number;
+    iconGroup?: string;
+    handAddNew?: any;
+    validateOption?: any;
+    optionsField?: string;
+    columns?: IFColumnSelectTable[];
+    onOpenMenu?: any;
+};
+type ISettingNumericElement = {
+    min?: number;
+    max?: number;
+    fraction?: number;
+    allowNegative?: boolean;
+};
+type IColumnTable = {
+    field: string;
+    headerText?: string;
+    isPrimarykey?: boolean;
+    isUnikey?: boolean;
+    haveSum?: boolean;
+    haveToolTip?: boolean;
+    validate?: any;
+    disabledCondition?: any;
+    callback?: any;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    editEnable?: boolean;
+    visible?: boolean;
+    invisibleDisable?: boolean;
+    editType?: IEditType;
+    textAlign?: ITextAlign;
+    fixedType?: 'left' | 'right' | undefined;
+    template?: any;
+    commandItems?: ICommandItem[];
+    editTypeCondition?: any;
+    onPaste?: any;
+    onPasteValidate?: any;
+    placeholder?: string;
+    numericSettings?: ISettingNumericElement;
+    selectSettings?: ISettingSelectElement;
+    formSettings?: ISettingFormElement;
+    columns?: IColumnTable[];
+};
+type IFToolbarOptions = {
+    align: 'left' | 'right' | 'center';
+    template: any;
+};
+type IFTableEditPaging = {
+    allowPaging?: boolean;
+    pagingClient?: boolean;
+    currentPage?: number;
+    setCurrentPage?: Dispatch<SetStateAction<number>>;
+    setPageSize?: Dispatch<SetStateAction<number>>;
+    pageSize?: number;
+    totalItem?: number;
+};
+type IFTableEditButton = {
+    deleteAllDisable?: boolean;
+    insertAfterDisable?: boolean;
+    insertBeforeDisable?: boolean;
+    duplicateDisable?: boolean;
+};
+type IFTableEditToolbar = {
+    showTopToolbar?: boolean;
+    toolbarOptions?: IFToolbarOptions[];
+    toolbarBottomOptions?: IFToolbarOptions[];
+    showBottomToolbar?: boolean;
+};
+type IFTableEditSearchSetting = {
+    searchEnable?: boolean;
+    searchClient?: boolean;
+    searchTerm?: string;
+    keyField?: string[];
+    setSearchTerm?: Dispatch<SetStateAction<string>>;
+};
+type IFTableEditFormat = {
+    dateFormat?: string;
+    datetimeFormat?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    colorNegative?: string;
+    prefixNegative?: string;
+    suffixNegative?: string;
+};
+type IFTableEditProps = {
+    idTable?: string;
+    dataSource: any[];
+    selectEnable?: boolean;
+    defaultValue?: any;
+    columns: IColumnTable[];
+    setDataSource?: any;
+    commandClick?: any;
+    rowChange?: any;
+    handleSelect?: any;
+    dataSourceChange?: any;
+    height?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    selectedItem?: any;
+    setSelectedItem?: Dispatch<SetStateAction<any>>;
+    isMulti?: boolean;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    haveSum?: boolean;
+    disableAutoKey?: boolean;
+    formatSetting?: IFTableEditFormat;
+    pagingSetting?: IFTableEditPaging;
+    buttonSetting?: IFTableEditButton;
+    toolbarSetting?: IFTableEditToolbar;
+    searchSetting?: IFTableEditSearchSetting;
+};
+type IFPageSize = {
+    pageSize: number;
+};
+type IFCurrentPage = {
+    currentPage: number;
+};
+type IFCurrentPageConfig = {
+    currentPage: number;
+    oldPage: number;
+};
+type IFRef = {
+    refeshFocusRow: any;
+};
+type IHeaderColumnTable = {
+    field: string;
+    headerText?: string;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    visible?: boolean;
+    rowspan?: number;
+    columns?: IColumnTable[];
+    textAlign?: ITextAlign;
+    fixedType?: 'left' | 'right' | undefined;
+    index?: number;
+};
+declare const TableEdit: react.ForwardRefExoticComponent<IFTableEditProps & react.RefAttributes<IFRef>>;
+
+type FromItemsField = {
+    name: string;
+    label: string;
+    type: 'text' | 'numeric' | 'select' | 'selectCreatable';
+    disabled?: boolean;
+    fraction?: number;
+    min?: number;
+    max?: number;
+    options?: any[];
+};
+
+declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => void;
+declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnCancel?: string) => void;
+declare const messageBoxConfirmDelete: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
+declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string, title?: string, btnOk?: string, btnCancel?: string) => void;
+declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string, title?: string, btnCancel?: string) => void;
+declare const notificationError: (param: string) => string;
+declare const notificationSuccess: (param: string) => string;
+declare const messageBoxConfirm2: (t: TFunction<"translation", undefined>, data: any, data2: any, message: string) => Promise<boolean>;
+
+declare const useOnClickOutside: (ref: any, handler: any) => void;
+declare const checkThousandSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
+declare const checkDecimalSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
+declare const isNullOrUndefined: (d: any) => boolean;
+declare const generateUUID: () => string;
+/**
+ * format chuỗi kí tự số
+ * @param str chuỗi số cần format
+ * @param decimalSeparator kí tự thập phân
+ * @param thousandSeparator kí tự phân cách hàng nghìn
+ * @param fraction số kí tự thập phân
+ * @param isDone đã nhập xong
+ * @returns
+ */
+declare const formartNumberic: (str: string | number, decimalSeparator: string, thousandSeparator: string, fraction?: number, isDone?: boolean, haveNegative?: boolean) => string;
+declare const roundNumber: (num: number, fraction: number) => number;
+declare const formatDateTime: (data: any, format?: string) => string;
+
+type IFDataProps = {
+    buttonWidth?: number;
+    tabParent?: boolean;
+    tabChild?: boolean;
+    resourceCodeParent?: string;
+    resourceCode: string;
+    resources: any[];
+    renderModal?: any;
+    windowSize?: any;
+};
+declare const TabsMenuComponent: ({ buttonWidth, tabParent, tabChild, resourceCodeParent, resources, resourceCode, windowSize, renderModal }: IFDataProps) => react_jsx_runtime.JSX.Element;
+
+type IFColumnSelectTableTree = {
+    field: string;
+    headerText: string;
+    visible?: boolean;
+    textAlign?: 'left' | 'right' | 'center';
+    type?: 'text' | 'numeric' | 'date' | 'datetime';
+    template?: any;
+    typeCondition?: any;
+    fraction?: number;
+    width?: number;
+    maxWidth?: number;
+    minWidth?: number;
+};
+type IFTableTreeSelectFormat = {
+    dateFormat?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    colorNegative?: string;
+    prefixNegative?: string;
+    suffixNegative?: string;
+};
+type Props = {
+    id?: string;
+    component?: any;
+    footerComponent?: any;
+    fieldValue?: string;
+    fieldLabel?: string;
+    onChange: any;
+    textAlign?: 'left' | 'right' | 'center';
+    placeholder?: string;
+    invalid?: any;
+    loadOptions?: any;
+    menuWidth?: number;
+    width?: number;
+    rowData?: any;
+    value: any;
+    onKeyDown?: any;
+    formatOptionLabel?: any;
+    handleAdd?: any;
+    options: any[];
+    isMulti?: boolean;
+    noHeader?: boolean;
+    maxHeight?: number;
+    columns?: IFColumnSelectTableTree[];
+    fieldChildren?: string;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+    showFooter?: boolean;
+    selectChilds?: boolean;
+    formatSetting?: IFTableTreeSelectFormat;
+    onOpenMenu?: any;
+    onPaste?: any;
+};
+declare const SelectTableTree: react__default.ForwardRefExoticComponent<Props & react__default.RefAttributes<unknown>>;
+
+interface IFDataStyleSetting {
+    color: string;
+    backgroundColor: string;
+    fontFamily: string;
+    fontSize: number;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+}
+interface IFDataInputStyle {
+    value: IFDataStyleSetting;
+    onChange: any;
+    disabled?: boolean;
+    disabledColor?: boolean;
+    disabledBackgroundColor?: boolean;
+    disabledFontFamily?: boolean;
+    disabledFontSize?: boolean;
+    disabledBold?: boolean;
+    disabledItalic?: boolean;
+    disabledUnderline?: boolean;
+}
+declare const InputStyleComponent: (props: IFDataInputStyle) => react_jsx_runtime.JSX.Element;
+
+export { type FromItemsField, type IColumnTable, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditProps, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFTableTreeSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };