@esvndev/es-react-table-interface 1.0.1

package/dist/interface.d.ts

@@ -0,0 +1,194 @@
+import { TFunction } from 'i18next';
+import { currencies } from './ultility/constantConfigNumeric';
+import { IButtonToolbar, IToolbarTemplate } from './ultility/Export/InterfaceExport';
+import { ColumnsType } from 'es-grid-template/lib/grid-component/type';
+export interface IBreadCrumbsNotLinkProps {
+    breadCrumbTitle?: string;
+    breadCrumbActive: string;
+    breadCrumbParent?: {
+        link?: string;
+        title: string;
+    }[];
+}
+export interface IHeaderToolbar {
+    breadCrumb: IBreadCrumbsNotLinkProps;
+    buttons?: IButtonToolbar[];
+    CanPer: any;
+    t: TFunction;
+}
+/**
+ * Template dùng cho màn hình giao diện xem danh sách bên ngoài
+ * @param toolbarTemplate là các lựa chọn tìm kiếm được đặt cạnh ô tìm kiếm
+ * @param paramToolbar là các tham số hình thành toolbarTemplate
+ * @param api là api lấy dữ liệu, apiGetDataView: lấy dữ liệu, apiGetOption: lấy danh sách option, apiGetColumns: lấy danh sách cột, vd: api.configApi.pogetdataview
+ * @param stateId là viewId của bảng, vd: 'PurchaseRequest, PurchaseOrder, ...'
+ * @param viewIdTable là viewId của bảng, vd: 'PurchaseRequest, PurchaseOrder, ...'
+ * @param currentPageDefault là trang mặc định khi load lần đầu, vd: 1
+ * @param rowsPerPageDefault là số dòng mặc định khi load lần đầu, vd: 100
+ * @param queryOrderDefault là thuộc tính sắp xếp mặc định, vd: 'Id desc'
+ * @param querySelectDefault là các tham số tìm kiếm mặc định, vd: [{ key: 'PurchaseRequestId', value: 1, ope: '==', predicate: ';' }]
+ * @param queryKeyDataView là các tham số ảnh hưởng đến việc tải lại dữ liệu của bảng, vd: ['PurchaseRequestId', 'PurchaseOrderCode', ...]
+ * @param isSelectMulti là chọn nhiều dòng hay không, vd: true
+ * @param canContextMenuItems là các lựa chọn của context menu, vd: ['Copy', 'Paste', ...]
+ * @param handleContextMenuClick là hàm xử lý khi click vào context menu, vd: (props: any) => void
+ * @param handleDoubleContextMenuClick là hàm xử lý khi double click vào context menu, vd: (props: any) => void
+ * @param rowSelected là dữ liệu của dòng được chọn
+ * @param dataSelected là dữ liệu của các dòng đã được chọn
+ * @param rowDataBound là hàm xử lý dữ liệu trước khi render bảng, thay đổi màu sắc hiển thị...
+ * @param dataSourceFilter là dữ liệu của các ô tìm kiếm của cột loại checkbox
+ * @param listContextShow là danh sách các context menu được hiển thị
+ * @param listContextHide là danh sách các context menu bị ẩn
+ * @param contextMenuOpen là hàm xử lý khi mở context menu, vd: (props: any) => void
+ * @param stateId là viewId của bảng, vd: 'PurchaseRequest, PurchaseOrder, ...'
+ * @param viewIdTable là ....
+ * @param height là chiều cao của bảng
+ * @param t là hàm dịch ngôn ngữ
+ * @param localeLanguage là hàm dịch ngôn ngữ
+ * @param hasIndex hiện số thứ tự
+ * @param breakText cho phép text xuống dòng
+ * @param showColumnChoose ẩn/hiện
+ * @param typeCheckbox loại checkbox checkbox
+ * @param rowSelection
+ * @param hideSelectAll ẩn/hiện select all
+ * @param dataSource dữ liệu của bảng (khi truyền vào sẽ không gọi dữ liệu mặc định)
+ * @param totalCount tổng số bản ghi (khi truyền vào sẽ không gọi dữ liệu mặc định)
+ * @param stateChildId Mã các bảng con vd ['Table1', 'Table2'], bảng con đính kém: 'AttachFile'
+ * @param titleChild Tiêu đề của tabChild
+*/
+export interface IExternalInterface {
+    rowDataBound?: any;
+    stateId: string;
+    titleChild?: string;
+    stateChildId?: {
+        stateId: string;
+        stateName: string;
+        dataSource?: any[];
+        columns?: ColumnsType;
+        totalCount?: number;
+        allowPaging?: boolean;
+        allowResizing?: boolean;
+    }[];
+    viewIdTable: string;
+    currentPageDefault?: number;
+    rowsPerPageDefault?: number;
+    queryOrderDefault?: {
+        field: string;
+        order: string;
+    }[];
+    queryKeyDataView?: any;
+    toolbarTemplate?: any;
+    paramToolbar?: IToolbarTemplate[];
+    isSelectMulti?: boolean;
+    hasIndex?: boolean;
+    dataSourceFilter?: any[];
+    handleContextMenuClick?: (props: any) => void;
+    handleDoubleContextMenuClick?: (props: any) => void;
+    rowSelected?: any;
+    listContextShow?: any;
+    listContextHide?: any;
+    canContextMenuItems?: any;
+    contextMenuOpen?: any;
+    dataSelected?: any;
+    height?: number;
+    maxHeight?: number;
+    loading?: boolean;
+    breakText?: boolean;
+    showToolbar?: boolean;
+    typeCheckbox?: 'checkbox' | 'radio' | undefined;
+    showColumnChoose?: boolean;
+    querySelectDefault?: IQueryFilter[];
+    t: TFunction;
+    localeLanguage?: any;
+    api?: {
+        apiGetColumns: any;
+        apiGetOption: any;
+        apiGetDataView: any;
+    };
+    format?: {
+        thousandSeparator?: string;
+        decimalSeparator?: string;
+        decimalScale?: number | undefined;
+        allowNegative?: boolean;
+        prefix?: string | undefined;
+        suffix?: string | undefined;
+        fixedDecimalScale?: boolean;
+        dateFormat?: string;
+        datetimeFormat?: string;
+        timeFormat?: string;
+        weekFormat?: string;
+        monthFormat?: string;
+        yearFormat?: string;
+    };
+    allowPaging?: boolean;
+    allowResizing?: boolean;
+    summary?: boolean;
+    rowClassName?: any;
+    dataSource?: any[];
+    columns?: ColumnsType;
+    totalCount?: number;
+    hideSelectAll?: boolean;
+    rowSelection?: {
+        preserveSelectedRowKeys?: boolean;
+        selectedRowKeys?: any[];
+        defaultSelectedRowKeys?: any[];
+        onChange?: (selectedRowKeys: any[], selectedRows: any[], info: {
+            type: any;
+        }, selectedRow: any) => void;
+        getCheckboxProps?: (record: any) => Partial<Omit<any, 'checked' | 'defaultChecked'>>;
+        onSelect?: any;
+        /** @deprecated This function is deprecated and should use `onChange` instead */
+        onSelectMultiple?: (selected: boolean, selectedRows: any[], changeRows: any[]) => void;
+        /** @deprecated This function is deprecated and should use `onChange` instead */
+        onSelectAll?: (selected: boolean, selectedRows: any[], changeRows: any[]) => void;
+        /** @deprecated This function is deprecated and should use `onChange` instead */
+        onSelectInvert?: (selectedRowKeys: any[]) => void;
+        /** @deprecated This function is deprecated and should use `onChange` instead */
+        onSelectNone?: () => void;
+        selections?: any[] | boolean;
+        hideSelectAll?: boolean;
+        fixed?: 'left' | 'right' | boolean;
+        columnWidth?: string | number;
+        columnTitle?: React.ReactNode | ((checkboxNode: React.ReactNode) => React.ReactNode);
+        checkStrictly?: boolean;
+        renderCell?: (value: boolean, record: any, index: number, originNode: React.ReactNode) => React.ReactNode | any;
+        onCell?: any;
+    };
+}
+export interface IQueryFilter {
+    key: string;
+    value: any;
+    ope: string;
+    predicate: string;
+}
+export type INumericFormatted = {
+    value: number;
+    decimalScale?: number;
+    type?: ITypeNumericFormatted;
+    currency?: keyof typeof currencies;
+};
+export type ITypeNumericFormatted = 'exchangeMoney' | 'overseaMoney' | 'unitPriceExchange' | 'unitPriceOversea' | 'quantity' | 'rate' | 'ratio' | 'allocationRatio' | 'so_cong' | 'checkbox' | 'color' | 'link' | undefined;
+export interface ITableConfigView {
+    Id?: string;
+    ViewId?: string;
+    ColVirtual?: string;
+    ColOriginal?: string;
+    TblFrom?: string;
+    TblAlias?: string;
+    LeftJoin?: string;
+    Type?: string;
+    Title?: string;
+    Description?: string;
+    TextAlign?: 'left' | 'center' | 'right';
+    ColTemplate?: string;
+    OptionTemplate?: string;
+    TypeDecimal?: ITypeNumericFormatted;
+    Freeze?: 'Left' | 'Right' | undefined;
+    Width?: number;
+    MinWidth?: number;
+    MaxWidth?: number;
+    SortOrder?: number;
+    ColMerge?: number;
+    RowMerge?: number;
+    IsHidden?: boolean;
+    IsActive?: boolean;
+}

package/dist/libs/AttachFile/tabAttachFile.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Iprop {
+    listFile: any[];
+    height: any;
+}
+declare const TabAttachFile: (props: Iprop) => React.JSX.Element;
+export default TabAttachFile;

package/dist/libs/breadcrumbs-not-link/index.d.ts

@@ -0,0 +1,11 @@
+import Proptypes from 'prop-types';
+import { IBreadCrumbsNotLinkProps } from '../../interface';
+import React from 'react';
+declare const BreadCrumbsNotLink: {
+    (props: IBreadCrumbsNotLinkProps): React.JSX.Element;
+    propTypes: {
+        breadCrumbActive: Proptypes.Validator<string>;
+        breadCrumbParent: Proptypes.Requireable<object>;
+    };
+};
+export default BreadCrumbsNotLink;

package/dist/libs/grid-table-template-2/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ITable2 } from "../../ultility/ITableGrid";
+declare const _default: React.MemoExoticComponent<(props: ITable2) => React.JSX.Element>;
+export default _default;

package/dist/libs/input-no-control/input-text/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { InputType } from "reactstrap/types/lib/Input";
+interface IFFormInput {
+    name?: string;
+    type?: InputType;
+    height?: number | string;
+    width?: number | string;
+    disabled?: boolean;
+    row?: number;
+    autoFocus?: boolean;
+    placeholder?: string;
+    callback?: any;
+    onBlur?: any;
+    value?: any;
+    setValue?: any;
+    isChangeValueOnEnter?: boolean;
+}
+export declare const BoxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TextInputNoCtrl: (props: IFFormInput) => React.JSX.Element;
+export default TextInputNoCtrl;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ReactInput: (props: any) => React.JSX.Element;
+export default ReactInput;

package/dist/ultility/Export/InterfaceExport.d.ts

@@ -0,0 +1,28 @@
+import * as Icon from "becoxy-icons";
+import { TFunction } from "i18next";
+export interface IButtonToolbar {
+    userAction: string;
+    userSubject: string;
+    actionClick: () => void;
+    title: string;
+    color?: string;
+    fontSize?: number;
+    icon?: keyof typeof Icon;
+    disabled?: boolean;
+}
+export interface IToolbarTemplate {
+    width?: number;
+    type: 'date' | 'daterange' | 'select' | 'selecttree' | 'input';
+    placeholder?: string;
+    fieldLabel?: string;
+    fieldValue?: string;
+    keyCode: string;
+    data: any;
+    setData: any;
+    option?: any[];
+    isClearable?: boolean;
+    columns?: any[];
+    isMulti?: boolean;
+    t: TFunction;
+    position?: string;
+}

package/dist/ultility/Export/functionExport.d.ts

@@ -0,0 +1,21 @@
+import { IGridColumns } from "../IGridColumns";
+export declare const renderColumnTableGrid: (res: any[], t: any, more: {
+    hasIndex?: boolean;
+    breakText?: boolean;
+}) => (import("es-grid-template/lib/grid-component/type").ColumnType<import("es-grid-template/lib/grid-component/type").AnyObject> | import("es-grid-template/lib/grid-component/type").ColumnEditType<import("es-grid-template/lib/grid-component/type").AnyObject>)[];
+/**
+ * render cột cho table be-table-template
+ * @param res là dữ liệu cấu hình bảng api trả về
+ * @param t là hàm dịch ngôn ngữ
+*/
+export declare const renderColumnTable: (res: any[], t: any, hasIndex?: boolean) => IGridColumns[];
+/**
+ * render cột cho table be-table-template
+ * @param res là dữ liệu cấu hình bảng api trả về
+ * @param listViewId là danh sách viewId của bảng
+ * @param isGetDataAuto có lấy dữ liệu tự động hay không
+ * @param t là hàm dịch ngôn ngữ
+*/
+export declare const renderColumnTableBe: (res: any[], t: any, listViewId: any[], hasIndex?: boolean) => {
+    [key: string]: any[];
+};

package/dist/ultility/Export/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InterfaceExport';
+export * from './functionExport';

package/dist/ultility/IGridColumns.d.ts

@@ -0,0 +1,52 @@
+export type IFColumnType = "number" | "date" | "datetime" | "string" | "boolean" | "checkbox" | "currency" | null | undefined;
+export type IFTextAlign = "center" | "left" | "right" | "Center" | "Left" | "Right";
+export type IFClipMode = "Clip" | "Ellipsis" | "EllipsisWithTooltip";
+export type IFTypeOfTypeFilter = "Dropdown" | "Number" | "DropTree" | "Date" | "Time" | "DateRange" | "Checkbox" | "Range";
+export type IFTypeExport = "date" | "datetime" | "number" | "option" | null | undefined;
+export interface IGridColumns {
+    isPrimaryKey?: boolean;
+    field?: string;
+    headerText?: string;
+    headerTextAlign?: IFTextAlign;
+    headerDescription?: string;
+    textAlign?: IFTextAlign;
+    headerTemplate?: any;
+    visible?: any;
+    note?: any;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    type?: IFColumnType;
+    filter?: Object;
+    typeFilter?: IFTypeOfTypeFilter;
+    typeExport?: IFTypeExport;
+    filterBarTemplate?: any;
+    filterTemplate?: any;
+    allowFiltering?: boolean;
+    allowGrouping?: boolean;
+    allowResizing?: boolean;
+    allowSearching?: boolean;
+    allowSorting?: boolean;
+    autoFit?: boolean;
+    edit?: any;
+    format?: any;
+    formatter?: any;
+    freeze?: 'Right' | 'Left';
+    showColumnMenu?: boolean;
+    template?: any;
+    commands?: any;
+    hideOperator?: boolean;
+    clipMode?: IFClipMode;
+    editType?: string;
+    source?: any;
+    description?: string;
+    allowEditing?: boolean;
+    show?: any;
+    haveSum?: boolean;
+    isWorkFlow?: boolean;
+}
+export interface IGridFooter {
+    field: string;
+    value: number;
+    currencyCode?: string;
+}

package/dist/ultility/ITableGrid.d.ts

@@ -0,0 +1,207 @@
+import { ReactNode } from "react";
+import { IGridColumns } from "./IGridColumns";
+import { TFunction } from "i18next";
+export interface IRowInfo {
+    type?: string;
+    data?: any;
+}
+interface ITableDefault {
+    resource?: string;
+    idTable?: string;
+    columns?: any;
+    dataTable: any;
+    height?: number | string;
+}
+export interface IRowSelected {
+    rowData?: any;
+    selected?: any;
+    rightClick?: boolean;
+}
+export interface ITable extends ITableDefault {
+    ref?: any;
+    columns?: any;
+    rowHeight?: any;
+    showToolbar?: boolean;
+    allowFilter?: boolean;
+    allowSort?: boolean;
+    showPagination?: boolean;
+    pageSize?: number;
+    totalItem?: number;
+    setCurrentPage?: any;
+    setPageSize?: any;
+    setToolbarAction?: any;
+    setCommandData?: any;
+    showContextMenu?: boolean;
+    setContextMenuClick?: any;
+    contextMenuItems?: any[];
+    contextMenuOpen?: any;
+    listContextHide?: any;
+    listContextShow?: any;
+    recordDoubleClick?: any;
+    allowGrouping?: boolean;
+    allowExcelExport?: boolean;
+    groupBy?: string;
+    exports?: boolean;
+    searchTerm?: any;
+    setSearchTerm?: any;
+    setQueryFilter?: any;
+    filterColumnsOptions?: any;
+    queryFilter?: any;
+    dataSourceFilter?: any;
+    setDataSelected?: any;
+    selectionSettings?: any;
+    listDateRange?: any[];
+    allowResizing?: boolean;
+    childMapping?: any;
+    dataInjectServices?: any;
+    editOptions?: any;
+    handleClick?: any;
+    queryOrder?: any;
+    setQueryOrder?: any;
+    allowPaging?: boolean;
+    setDoubleClickData?: any;
+    enablePersistence?: boolean;
+    currentPage?: number;
+    showColumnChooser?: any;
+    frozenColumns?: any;
+    groupSettings?: any;
+    aggregateColumn?: any;
+    dataSelected?: any;
+    toolbarTemplate?: any;
+    showDropArea?: boolean;
+    setRowInfo?: any;
+    childGrid?: any;
+    searchForm?: boolean;
+    rowDataBound?: any;
+    columnsAggregate?: any;
+    customClass?: any;
+    style?: any;
+    gridLines?: 'Both' | 'Default';
+    isRefreshGrid?: boolean;
+    searchColumnsOptions?: any;
+    handleContextMenuClick?: (props: any) => void;
+    rowSelected?: (props: IRowSelected) => void;
+}
+export interface ITable2 extends ITableDefault {
+    ref?: any;
+    columns: IGridColumns[];
+    rowHeight?: any;
+    hasWorkflow?: boolean;
+    showToolbar?: boolean;
+    allowFilter?: boolean;
+    allowSort?: boolean;
+    showPagination?: boolean;
+    pageSize?: number;
+    totalItem?: number;
+    setCurrentPage?: any;
+    setPageSize?: any;
+    setToolbarAction?: any;
+    setCommandData?: any;
+    showContextMenu?: boolean;
+    handleContextMenuClick?: (props: any) => void;
+    contextMenuItems?: any[];
+    contextMenuOpen?: (props: any) => void;
+    listContextHide?: any;
+    listContextShow?: any;
+    recordDoubleClick?: any;
+    allowGrouping?: boolean;
+    allowExcelExport?: boolean;
+    groupBy?: string;
+    templateGroup?: any;
+    exports?: boolean;
+    searchTerm?: any;
+    setSearchTerm?: any;
+    setQueryFilter?: any;
+    filterColumnsOptions?: any;
+    queryFilter?: any;
+    dataSourceFilter?: any;
+    selectionSettings?: any;
+    listDateRange?: any[];
+    allowResizing?: boolean;
+    childMapping?: any;
+    dataInjectServices?: any;
+    editOptions?: any;
+    handleClick?: any;
+    queryOrder?: any;
+    setQueryOrder?: any;
+    setDoubleClickData?: any;
+    allowPaging?: boolean;
+    handleDoubleClick?: (props: any) => void;
+    enablePersistence?: boolean;
+    currentPage?: number;
+    showColumnChooser?: any;
+    frozenColumns?: any;
+    groupSettings?: any;
+    aggregateColumn?: any;
+    toolbarTemplate?: any;
+    showDropArea?: boolean;
+    searchForm?: boolean;
+    rowSelected?: (props: IRowSelected) => void;
+    columnsAggregate?: IColumnsAggregate[];
+    customClass?: any;
+    typeSelect?: 'Multiple' | 'Single';
+    dataSelected?: any;
+    rowDataBound?: any;
+    gridLines?: 'Both' | 'Default';
+    isRefreshGrid?: boolean;
+    t: TFunction;
+}
+export interface IContextMenu {
+    id: string;
+    text: string;
+    target?: string;
+    iconCss?: string;
+}
+export interface IRowInfo {
+    type?: string;
+    data?: any;
+    index?: number;
+}
+export interface IListOptionFilter {
+    key?: string;
+    data?: any;
+}
+export interface ITableTemplate extends ITableDefault {
+    typeModal?: boolean;
+    setDataTable?: any;
+    allowPaging?: boolean;
+    pageSize?: number;
+    totalItem?: number;
+    setCurrentPage?: any;
+    setPageSize?: any;
+    showContextMenu?: boolean;
+    setContextMenuClick?: any;
+    contextMenuItems?: any[];
+    contextMenuOpen?: any;
+    listContextShow?: any;
+    listContextHide?: any;
+    recordDoubleClick?: any;
+    allowExcelExport?: boolean;
+    setDataSelected?: any;
+    selectionSettings?: any;
+    allowResizing?: boolean;
+    setDoubleClickData?: any;
+    currentPage?: number;
+    inlineEdit?: boolean;
+    setCommandClick?: any;
+    allowEditOnDblClick?: boolean;
+    allowDeleting?: boolean;
+    allowEditing?: boolean;
+    allowAdding?: boolean;
+    allowSelection?: boolean;
+    listDelete?: any;
+    setListDelete?: any;
+    rowDataBound?: any;
+    columnsAggregate?: any;
+    customClass?: any;
+}
+export type ITypeAggregate = 'Sum' | 'Average' | 'Min' | 'Max' | 'Count' | 'Truecount' | 'Falsecount' | 'Custom';
+export interface IColumnsAggregate {
+    field: string;
+    type: ITypeAggregate;
+    value: any;
+    currency?: any;
+    showCurrency?: boolean;
+    label?: string | ReactNode;
+}
+export {};

package/dist/ultility/constantConfigNumeric.d.ts

@@ -0,0 +1,20 @@
+export declare const defaultNumericConfig: {
+    thousandSeparatorDisplay: string;
+    decimalSeparatorDisplay: string;
+    thousandSeparatorReport: string;
+    decimalSeparatorReport: string;
+    exchangeMoney: number;
+    overseaMoney: number;
+    unitPriceExchange: number;
+    unitPriceOversea: number;
+    quantity: number;
+    rate: number;
+    ratio: number;
+    allocationRatio: number;
+    so_cong: number;
+    symbolNegative: string;
+    colorNegative: string;
+    prefixNegative: string;
+    suffixNegative: string;
+};
+export declare const currencies: any;

package/dist/ultility/constantOperator.d.ts

@@ -0,0 +1,3 @@
+export declare const operator: any;
+export declare const direction: any;
+export declare const predicate: any;

package/dist/ultility/request/index.d.ts

@@ -0,0 +1,3 @@
+export declare const apiGetOption: (data?: Record<string, any>, config?: RequestInit, timeout?: number) => Promise<any>;
+export declare const apiTableConfig: (data?: any, config?: any, timeout?: number) => Promise<any>;
+export declare const apiGetDataView: (data?: any, config?: any, timeout?: number) => Promise<any>;

package/dist/ultility/themeConfig.d.ts

@@ -0,0 +1,39 @@
+declare const themeConfig: {
+    app: {
+        appName: string;
+        appLogoImage: string;
+    };
+    layout: {
+        isRTL: boolean;
+        skin: string;
+        type: string;
+        contentWidth: string;
+        menu: {
+            isHidden: boolean;
+            isCollapsed: boolean;
+        };
+        navbar: {
+            height: number;
+            type: string;
+            backgroundColor: string;
+        };
+        footer: {
+            type: string;
+            height: number;
+        };
+        customizer: boolean;
+        scrollTop: boolean;
+        toastPosition: "top-right";
+    };
+    system: {
+        dateFormat: string;
+        dateTimeFormat: string;
+        timeFormat: string;
+        dateFormatMoment: string;
+        dateTimeFormatMoment: string;
+        pageSizes: number[];
+    };
+    selectZIndex: number;
+    themeColor: string;
+};
+export default themeConfig;