components.regions.Tabs.Region.tsx Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
There is a newer version: 7.28.2
import React, { useCallback, useContext } from 'react'
import flowRight from 'lodash/flowRight'
import { Tabs as TabsControl } from '@i-novus/n2o-components/lib/display/Tabs/Tabs'

// @ts-ignore ignore import error from js file
import { createRegionContainer } from '../withRegionContainer'
// @ts-ignore ignore import error from js file
import withWidgetProps from '../withWidgetProps'
import { FactoryContext } from '../../../core/factory/context'
import { FactoryLevels } from '../../../core/factory/factoryLevels'

import { TabsController, Props } from './TabsController'

interface Tab {
    content: JSX.Element[]
    disabled: boolean
    icon?: string
    id: string
    invalid?: boolean
    label: string
    opened: boolean
    visible?: boolean
    tooltip?: string
    className?: string
}

export interface TabsRegionProps extends Props {
    tabs: Tab[]
}

function TabsRegionBody({
    tabs,
    activeEntity: active,
    changeActiveEntity: changeActive,
    className,
    hideSingleTab,
    contentStyle,
    contentClassName,
    style,
    datasource,
    activeTabFieldId,
    setResolve,
    resolveModel,
}: TabsRegionProps) {
    const { getComponent } = useContext(FactoryContext)
    const Tabs = getComponent('Tabs', FactoryLevels.SNIPPETS) || TabsControl

    const onChange = useCallback((
        event: React.ChangeEvent,
    ) => {
        const id = event.target.value

        /* зависимость от dataSource и resolve модели */
        if (datasource && activeTabFieldId) {
            const model = resolveModel[datasource]

            setResolve({ ...model, [activeTabFieldId]: id })

            return
        }

        changeActive(id)
    }, [changeActive, datasource, activeTabFieldId, setResolve])

    return (
        
    )
}

export const TabsRegion = flowRight(
    createRegionContainer({ listKey: 'tabs' }),
    withWidgetProps,
    TabsController,
    // @ts-ignore FIXME поправить типизацию
)(TabsRegionBody)