react-table-edit 1.2.52 → 1.2.54

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

@@ -0,0 +1,39 @@
+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;
+    onChange: any;
+    onPaste?: any;
+    textAlign?: 'left' | 'right' | 'center';
+    placeholder?: string;
+    invalid?: any;
+    menuHeight?: number;
+    menuWidth?: number;
+    rowData: any;
+    indexRow: any;
+    template?: any;
+    onKeyDown?: any;
+    defaultValues?: any;
+    schema?: InferType<any>;
+    onFormOpen?: any;
+    onFormSubmit?: any;
+    footerTemplate?: any;
+    onChangeField?: any;
+    minWidth?: number;
+    openOnFocus?: boolean;
+    isClearable?: boolean;
+    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+};
+declare const EditForm: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export default EditForm;

package/dist/component/edit-form/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;
+    defaultOptions: 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/icon/index.d.ts

@@ -0,0 +1,2 @@
+declare const IconCustom: (props: any) => import("react/jsx-runtime").JSX.Element | null;
+export default IconCustom;

package/dist/component/input-date/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import 'react-datepicker/dist/react-datepicker.css';
+interface IFFormInput {
+    id?: string;
+    onKeyDown?: (e: React.KeyboardEvent) => any;
+    dateFormat: string;
+    onChange?: (date: Date | null) => void;
+    className?: string;
+    value: Date | null;
+}
+declare const DateInput: React.FC<IFFormInput>;
+export default DateInput;

package/dist/component/input-number/index.d.ts

@@ -0,0 +1,27 @@
+import { InputType } from "reactstrap/types/lib/Input";
+interface IFFormInput {
+    control: any;
+    name: string;
+    id?: string;
+    type?: InputType;
+    label: string;
+    labelSize?: string;
+    required?: boolean;
+    errors?: any;
+    classes?: string;
+    min?: number;
+    max?: number;
+    fractionCurrency?: number;
+    disabled?: boolean;
+    width?: number;
+    isLabel?: boolean;
+    inLine?: boolean;
+    placeholder?: string;
+    thousandSeparator?: string;
+    decimalSeparator?: string;
+    callback?: any;
+    allowNegative?: boolean;
+    fixedDecimalScale?: boolean;
+}
+declare const NumberInput: (props: IFFormInput) => import("react/jsx-runtime").JSX.Element;
+export default NumberInput;

package/dist/component/input-style/fonts.d.ts

@@ -0,0 +1,4 @@
+export declare const OptionFont: {
+    value: number;
+    label: string;
+}[];

package/dist/component/input-style/index.d.ts

@@ -0,0 +1,23 @@
+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) => import("react/jsx-runtime").JSX.Element;
+export { InputStyleComponent };

package/dist/component/input-text/index.d.ts

@@ -0,0 +1,25 @@
+import { InputType } from "reactstrap/types/lib/Input";
+interface IFFormInput {
+    control: any;
+    name: string;
+    id?: string;
+    type?: InputType;
+    label: string;
+    labelSize?: string;
+    required?: boolean;
+    errors?: any;
+    classes?: string;
+    height?: number | string;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    row?: number;
+    isLabel?: boolean;
+    inLine?: boolean;
+    autoFocus?: boolean;
+    placeholder?: string;
+    callback?: any;
+    readOnly?: boolean;
+}
+declare const TextInput: (props: IFFormInput) => import("react/jsx-runtime").JSX.Element;
+export default TextInput;

package/dist/component/modal-header/index.d.ts

@@ -0,0 +1,8 @@
+interface IFDataProps {
+    title: string;
+    handleModal?: any;
+    typeModal?: string;
+    component?: any;
+}
+declare const ModalHeader: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalHeader;

package/dist/component/notifications.d.ts

@@ -0,0 +1,9 @@
+import { TFunction } from 'react-i18next';
+export declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => void;
+export declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnCancel?: string) => void;
+export declare const messageBoxConfirmDelete: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
+export declare const messageBoxConfirm: (t: TFunction<"translation", undefined>, handle: any, data: any, message: string, title?: string, btnOk?: string, btnCancel?: string) => void;
+export declare const messageBoxError: (t: TFunction<"translation", undefined>, message: string, title?: string, btnCancel?: string) => void;
+export declare const notificationError: (param: string) => string;
+export declare const notificationSuccess: (param: string) => string;
+export declare const messageBoxConfirm2: (t: TFunction<"translation", undefined>, data: any, data2: any, message: string) => Promise<boolean>;

package/dist/component/react-input/index.d.ts

@@ -0,0 +1,2 @@
+declare const ReactInput: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ReactInput;

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

@@ -0,0 +1,57 @@
+import React from "react";
+export 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;
+};
+export type IFTableSelectFormat = {
+    dateFormat?: string;
+    datetimeFormat?: 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;
+    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;
+    onCloseMenu?: any;
+    formatSetting?: IFTableSelectFormat;
+};
+declare const SelectTable: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export { SelectTable };

package/dist/component/select-table-tree/index.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+export 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;
+};
+export 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.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export { SelectTableTree };

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

@@ -0,0 +1,11 @@
+interface IFDataProps {
+    open: boolean;
+    children: any;
+    toggleSidebar: any;
+    width?: string | number;
+    keyboard?: boolean;
+    hiddenBackground?: boolean;
+    hiddenFullScreenButton?: boolean;
+}
+declare const Sidebar: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/component/sidebar-setting-column/index.d.ts

@@ -0,0 +1,9 @@
+import { IColumnTable } from '../table';
+export interface IFPropsDetail {
+    column: IColumnTable[];
+    setColumn: any;
+    openSidebar: boolean;
+    handleSidebar: any;
+}
+declare const SidebarSetColumn: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
+export default SidebarSetColumn;

package/dist/component/tab-menu/index.d.ts

@@ -0,0 +1,12 @@
+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) => import("react/jsx-runtime").JSX.Element;
+export { TabsMenuComponent };

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

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ICommandItem } from '.';
+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/table/header.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IHeaderColumnTable } from '.';
+import 'react-resizable/css/styles.css';
+type IFDataProps = {
+    selectEnable: boolean;
+    dataSource: any[];
+    setSelectedRows: Dispatch<SetStateAction<any[]>>;
+    col: IHeaderColumnTable;
+    column: IHeaderColumnTable[];
+    setColumn: Dispatch<SetStateAction<IHeaderColumnTable[]>>;
+    indexCol: number;
+    indexParent: number;
+    objWidthFix: any;
+    totalCount: number;
+    selectedRows: any[];
+    isMulti: boolean;
+};
+declare const HeaderTableCol: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderTableCol;

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

@@ -0,0 +1,180 @@
+import { Dispatch, ReactNode, SetStateAction } from "react";
+import { IFColumnSelectTable } from "../select-table";
+type ITextAlign = 'center' | 'left' | 'right';
+type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
+export type ICommandItem = {
+    id: string;
+    color?: string;
+    tooltip?: string;
+    icon?: string;
+    commandTemplate?: ReactNode;
+};
+export type IFToolbarOptions = {
+    align: 'left' | 'right' | 'center';
+    template: any;
+};
+export 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;
+};
+export type ISettingSelectElement = {
+    isClearable?: boolean;
+    isMulti?: boolean;
+    noHeader?: boolean;
+    showFooter?: boolean;
+    footerComponent?: any;
+    formatOptionLabel?: any;
+    selectChilds?: boolean;
+    allowCreate?: 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;
+};
+export type ISettingNumericElement = {
+    min?: number;
+    max?: number;
+    fraction?: number;
+    allowNegative?: boolean;
+};
+export 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[];
+};
+export type IFTableEditPaging = {
+    allowPaging?: boolean;
+    pagingClient?: boolean;
+    currentPage?: number;
+    setCurrentPage?: Dispatch<SetStateAction<number>>;
+    setPageSize?: Dispatch<SetStateAction<number>>;
+    pageSize?: number;
+    totalItem?: number;
+};
+export type IFTableEditButton = {
+    deleteAllDisable?: boolean;
+    insertAfterDisable?: boolean;
+    insertBeforeDisable?: boolean;
+    duplicateDisable?: boolean;
+};
+export type IFTableEditToolbar = {
+    showTopToolbar?: boolean;
+    toolbarOptions?: IFToolbarOptions[];
+    toolbarBottomOptions?: IFToolbarOptions[];
+    showBottomToolbar?: boolean;
+};
+export type IFTableEditSearchSetting = {
+    searchEnable?: boolean;
+    searchClient?: boolean;
+    searchTerm?: string;
+    keyField?: string[];
+    setSearchTerm?: Dispatch<SetStateAction<string>>;
+};
+export type IFTableEditFormat = {
+    dateFormat?: string;
+    datetimeFormat?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    colorNegative?: string;
+    prefixNegative?: string;
+    suffixNegative?: string;
+};
+export 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;
+};
+export type IFPageSize = {
+    pageSize: number;
+};
+export type IFCurrentPage = {
+    currentPage: number;
+};
+export type IFCurrentPageConfig = {
+    currentPage: number;
+    oldPage: number;
+};
+type IFRef = {
+    refeshFocusRow: any;
+};
+export 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: import("react").ForwardRefExoticComponent<IFTableEditProps & import("react").RefAttributes<IFRef>>;
+export default TableEdit;

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

@@ -0,0 +1,10 @@
+type IFDataProps = {
+    onChangePage?: any;
+    onChangePageSize?: any;
+    pageOptions: number[];
+    currentPage: number;
+    pageSize: number;
+    totalItem: number;
+};
+declare const PagingComponent: ({ totalItem, pageSize, currentPage, onChangePage, pageOptions, onChangePageSize }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export { PagingComponent };

package/dist/component/table/render-edit.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { IColumnTable, IFTableEditToolbar } from '.';
+interface RenderEditProps {
+    row: any;
+    col: IColumnTable;
+    indexRow: number;
+    indexCol: number;
+    idTable: string;
+    toolbarSetting?: IFTableEditToolbar;
+    pasteDataFromExcel: any;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    thousandSeparator: string;
+    decimalSeparator: string;
+    tableElement: any;
+    checkKeyDown: any;
+    handleDataChange: (row: any, col: IColumnTable, indexRow: number) => void;
+}
+export declare const RenderEdit: React.NamedExoticComponent<RenderEditProps>;
+export {};

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

@@ -0,0 +1,7 @@
+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;

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

@@ -0,0 +1,3 @@
+import { IFToolbarOptions } from ".";
+declare const renderToolbarTop: (toolbarTopOption: IFToolbarOptions[]) => import("react/jsx-runtime").JSX.Element;
+export default renderToolbarTop;