react-table-edit 1.2.57 → 1.2.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-table-edit",
-  "version": "1.2.57",
+  "version": "1.2.59",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -8,7 +8,7 @@
     "dist/**/*"
   ],
   "scripts": {
-    "build": "rollup -c",
+    "build": "tsup src/index.ts --format cjs,esm --dts",
     "start": "node dist/index.js"
   },
   "keywords": [
@@ -19,46 +19,34 @@
     "table-edit",
     "datagrid"
   ],
-  "license": "MIT",
+  "license": "ISC",
   "author": "hungnv",
-  "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-dom": ">=16.8.6"
-  },
   "dependencies": {
-    "react-router-dom": "^6.3.0"
-  },
-  "devDependencies": {
-    "@floating-ui/utils": "^0.2.8",
     "@hookform/resolvers": "^2.8.10",
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.5.0",
-    "@types/react-datepicker": "^7.0.0",
     "@types/react-resizable": "^3.0.7",
+    "@types/react-datepicker": "^7.0.0",
     "becoxy-icons": "1.8.1",
     "classnames": "2.3.1",
-    "i18next": "^21.8.2",
-    "postcss": "^8.4.35",
-    "react": "^18.2.0",
-    "react-datepicker": "^7.5.0",
     "react-hook-form": "7.43.9",
     "react-hot-toast": "2.2.0",
+    "i18next": "^21.8.2",
     "react-i18next": "^11.16.9",
-    "react-input-mask": "^2.0.4",
-    "react-number-format": "^5.3.3",
     "react-resizable": "^3.0.5",
+    "react-router-dom": "^6.3.0",
     "reactstrap": "9.0.1",
-    "rollup": "^2.56.2",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
     "sweetalert2": "^11.4.14",
+    "react-datepicker": "^7.5.0",
     "sweetalert2-react-content": "^5.0.0",
-    "tslib": "^2.8.1",
-    "typescript": "^5.7.2",
+    "react-input-mask": "^2.0.4",
+    "react-number-format": "^5.3.3",
     "yup": "^0.32.11"
   },
-  "type": "module"
+  "peerDependencies": {
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.2",
+    "typescript": "^5.6.3"
+  }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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