react-table-edit 1.3.6 → 1.3.8

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

@@ -0,0 +1,9 @@
+import { IFTableEditButton, IFTableEditPaging, IFTableEditToolbar } from ".";
+export declare const handleAdd: (dataSource: any[], tableElement: any, columnFistEdit: any, changeDataSource: (data: any[], haveNew?: boolean) => void, pagingSetting: {
+    setCurrentPage?: (page: number) => void;
+    pageSize?: number;
+} | undefined, setItemFocus: (item: string) => void, focusNewElement: (column: any, value: string, index: number, onLoad: boolean) => void) => void;
+export declare const handleDuplicate: (dataSource: any[], itemFocus: string, 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) => Promise<void>;
+export declare const handleInsertAfter: (dataSource: any[], itemFocus: string, 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[], itemFocus: string, 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, setItemFocus: (item: string) => void, changeDataSource: (data: any[], haveNew?: boolean) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;

package/dist/component/table/command.d.ts

@@ -4,8 +4,9 @@ type IFDataProps = {
     commandItems: ICommandItem[];
     rowData: any;
     indexRow: number;
-    indexFocus?: number;
-    setIndexFocus: Dispatch<SetStateAction<number | undefined>>;
+    currentItem: string;
+    itemFocus?: string;
+    setItemFocus: Dispatch<SetStateAction<string>>;
     handleCommandClick: any;
 };
 declare const CommandElement: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;

package/dist/component/table/footer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IColumnTable, IFTableEditFormat } from ".";
+interface FooterColProps {
+    col: IColumnTable;
+    indexCol: number;
+    dataSource: any[];
+    objWidthFix: {
+        [key: number]: number;
+    };
+    formatSetting?: IFTableEditFormat;
+}
+declare const FooterCol: React.FC<FooterColProps>;
+export default FooterCol;

package/dist/component/table/header.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { IHeaderColumnTable } from '.';
+import { IHeaderColumnTable } from '../table';
 import 'react-resizable/css/styles.css';
 type IFDataProps = {
     selectEnable: boolean;

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

@@ -82,9 +82,9 @@ export type IColumnTable = {
     formSettings?: ISettingFormElement;
     columns?: IColumnTable[];
     disablePaste?: boolean;
-    validate?: (value: any, row: any) => boolean;
+    validate?: (value: any, row: any) => string | undefined;
     disabledCondition?: (row: any) => boolean;
-    callback?: (value: any, indexRow: number) => void;
+    callback?: (value: any, indexRow: number, item: any) => void;
     template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
     editTypeCondition?: (row: any) => string;
     onPaste?: (dataRow: any, dataPaste: any) => void;
@@ -142,16 +142,18 @@ export type IFTableEditProps = {
     addDisable?: boolean;
     haveSum?: boolean;
     disableAutoKey?: boolean;
+    isTree?: boolean;
+    fieldChildren?: string;
     formatSetting?: IFTableEditFormat;
     pagingSetting?: IFTableEditPaging;
     buttonSetting?: IFTableEditButton;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
     selectedItem?: any;
+    setDataSource?: any;
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
-    setDataSource?: (data: any[]) => void;
     dataSourceChange?: (data: any[]) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;

package/dist/component/table/key-handlers.d.ts

@@ -0,0 +1,31 @@
+import { KeyboardEvent } from "react";
+import { IFTableEditPaging } from ".";
+export interface KeyHandlerParams {
+    row: any;
+    dataSource: any[];
+    itemFocus: string;
+    parents: string;
+    indexRow: number;
+    indexCol: number;
+    contentColumns: any[];
+    idElement: string;
+    pagingClient?: boolean;
+    totalCount: number;
+    columnLastEdit: number;
+    moveIndexRowToNewPage: () => void;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    handleDuplicate: () => void;
+    pagingSetting?: IFTableEditPaging;
+    focusNewElement: (col: number, parent: string, row?: number, forceFocus?: boolean) => void;
+    setItemFocus: (newParents: string) => void;
+    getNewParents: (parent: string, index: number) => string;
+    fieldChildren?: string;
+}
+export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;

package/dist/component/table/toolbar-bottom.d.ts

@@ -1,7 +1,6 @@
-import { IFTableEditButton, IFTableEditToolbar } from "./type";
 export type IFToolbarOptions = {
     align: 'left' | 'right' | 'center';
     template: any;
 };
-declare const renderToolbarBottom: (t: any, handleAdd: any, handleDuplicate: any, handleInsertBefore: any, handleInsertAfter: any, handleDeleteAll: any, dataSource: any[], headerColumns: any[], indexFocus: number, setOpenPopupSetupColumn: any, editDisable?: boolean, buttonSetting?: IFTableEditButton, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar) => import("react/jsx-runtime").JSX.Element;
-export default renderToolbarBottom;
+declare const ToolbarBottom: ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, itemFocus, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns, t }: any) => import("react/jsx-runtime").JSX.Element;
+export default ToolbarBottom;

package/dist/component/table/toolbar-top.d.ts

@@ -2,5 +2,8 @@ export type IFToolbarOptions = {
     align: 'left' | 'right' | 'center';
     template: any;
 };
-declare const renderToolbarTop: (toolbarTopOption: IFToolbarOptions[]) => import("react/jsx-runtime").JSX.Element;
-export default renderToolbarTop;
+type IFDataProps = {
+    toolbarTopOption?: IFToolbarOptions[];
+};
+declare const RenderToolbarTop: ({ toolbarTopOption }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default RenderToolbarTop;

package/dist/component/table-old/command.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ICommandItem } from '../table';
+type IFDataProps = {
+    commandItems: ICommandItem[];
+    rowData: any;
+    indexRow: number;
+    indexFocus?: number;
+    setIndexFocus: Dispatch<SetStateAction<number | undefined>>;
+    handleCommandClick: any;
+};
+declare const CommandElement: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default CommandElement;

package/dist/component/utils.d.ts

@@ -15,3 +15,9 @@ export declare const generateUUID: () => string;
 export declare const formartNumberic: (str: string | number, decimalSeparator: string, thousandSeparator: string, fraction?: number, isDone?: boolean, haveNegative?: boolean) => string;
 export declare const roundNumber: (num: number, fraction: number) => number;
 export declare const formatDateTime: (data: any, format?: string) => string;
+export declare const FindNodeByPath: (tree: any[], path: string) => {
+    parent: any[];
+    lastIndex: number | undefined;
+    firstIndex: number;
+    node: any;
+} | null;

package/dist/index.d.ts

@@ -37,7 +37,7 @@ type IFTableSelectFormat = {
     prefixNegative?: string;
     suffixNegative?: string;
 };
-type Props$1 = {
+type Props = {
     id?: string;
     value: any;
     options: any[];
@@ -68,7 +68,7 @@ type Props$1 = {
     footerComponent?: () => JSX.Element;
     onChange: (val: any) => void;
 };
-declare const SelectTable: React__default.ForwardRefExoticComponent<Props$1 & React__default.RefAttributes<unknown>>;
+declare const SelectTable: React__default.ForwardRefExoticComponent<Props & React__default.RefAttributes<unknown>>;
 
 type ITextAlign = 'center' | 'left' | 'right';
 type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
@@ -150,9 +150,9 @@ type IColumnTable = {
     formSettings?: ISettingFormElement;
     columns?: IColumnTable[];
     disablePaste?: boolean;
-    validate?: (value: any, row: any) => boolean;
+    validate?: (value: any, row: any) => string | undefined;
     disabledCondition?: (row: any) => boolean;
-    callback?: (value: any, indexRow: number) => void;
+    callback?: (value: any, indexRow: number, item: any) => void;
     template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
     editTypeCondition?: (row: any) => string;
     onPaste?: (dataRow: any, dataPaste: any) => void;
@@ -210,16 +210,18 @@ type IFTableEditProps = {
     addDisable?: boolean;
     haveSum?: boolean;
     disableAutoKey?: boolean;
+    isTree?: boolean;
+    fieldChildren?: string;
     formatSetting?: IFTableEditFormat;
     pagingSetting?: IFTableEditPaging;
     buttonSetting?: IFTableEditButton;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
     selectedItem?: any;
+    setDataSource?: any;
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
-    setDataSource?: (data: any[]) => void;
     dataSourceChange?: (data: any[]) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;
@@ -278,6 +280,12 @@ declare const generateUUID: () => string;
 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;
+declare const FindNodeByPath: (tree: any[], path: string) => {
+    parent: any[];
+    lastIndex: number | undefined;
+    firstIndex: number;
+    node: any;
+} | null;
 
 type IFDataProps$1 = {
     buttonWidth?: number;
@@ -291,61 +299,6 @@ type IFDataProps$1 = {
 };
 declare const TabsMenuComponent: ({ buttonWidth, tabParent, tabChild, resourceCodeParent, resources, resourceCode, windowSize, renderModal }: IFDataProps$1) => 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;
@@ -429,4 +382,4 @@ interface IFPropsDetail {
 }
 declare const ImportExcelComponent: (props: IFPropsDetail) => react_jsx_runtime.JSX.Element;
 
-export { ExportExcelComponent, type FromItemsField, type IColumnTable, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFPropsDetail, 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, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+export { ExportExcelComponent, FindNodeByPath, type FromItemsField, type IColumnTable, type ICommandItem, type IFColumnSelectTable, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFPropsDetail, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditProps, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, ImportExcelComponent, InputStyleComponent, SelectTable, TabsMenuComponent, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };