import React, { createContext, useEffect, useState } from 'react';
import { translateAttributes } from '../../utils/usefulFn';
import List from '../list';
import ToolBar from '../list/toolBar';
import ButtonGroup from '../list/buttonGroup';
import Style from './index.module.less';
import { useWidth } from '../../platforms/web/responsive/useWidth';
export const TableContext = createContext({
    tableAttributes: undefined,
    entity: undefined,
    schema: undefined,
    setTableAttributes: undefined,
    setSchema: undefined,
    onReset: undefined,
});
const ProList = (props) => {
    const { buttonGroup, entity, extraActions, onAction, disabledOp, attributes, data, loading, tablePagination, rowSelection, onReload, disableSerialNumber, title, hideDefaultButtons = false, extraContent, size = 'large', scroll, locale,opWidth } = props;
    const [tableAttributes, setTableAttributes] = useState([]);
    const [schema, setSchema] = useState(undefined);
    const width = useWidth();
    const isMobile = width === 'xs';
    const initTableAttributes = () => {
        if (schema) {
            const judgeAttributes = translateAttributes(schema, entity, attributes);
            const newTableAttributes = judgeAttributes.map((ele) => ({
                attribute: ele,
                show: true,
            }));
            setTableAttributes(newTableAttributes);
        }
    };
    useEffect(() => {
        initTableAttributes();
    }, [attributes, schema]);
    return (<TableContext.Provider value={{
            tableAttributes,
            entity: entity,
            schema,
            setTableAttributes,
            setSchema,
            onReset: () => {
                initTableAttributes();
            },
        }}>
            <div className={Style.container}>
                {!isMobile && !hideDefaultButtons && (<ToolBar title={title} extraContent={extraContent} buttonGroup={buttonGroup} reload={onReload}/>)}
                {isMobile && <ButtonGroup items={buttonGroup}/>}
            <List entity={entity} extraActions={extraActions} onAction={onAction} disabledOp={disabledOp} attributes={attributes} scroll={scroll} locale={locale} data={data} loading={loading} size={size} tablePagination={tablePagination} rowSelection={rowSelection} disableSerialNumber={disableSerialNumber} opWidth={opWidth} />
            </div>
        </TableContext.Provider>);
};
export default ProList;