Thaïs
56 lines
1.9 KiB
TypeScript
56 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
import { HotkeysProvider } from 'react-hotkeys-hook';
|
|
import { MemoryRouter } from 'react-router-dom';
|
|
|
|
import { ClientConfigProvider } from '@/client-config/components/ClientConfigProvider';
|
|
import { INITIAL_HOTKEYS_SCOPES } from '@/ui/hotkey/constants';
|
|
import { DefaultLayout } from '@/ui/layout/components/DefaultLayout';
|
|
import { RecoilScope } from '@/ui/recoil-scope/components/RecoilScope';
|
|
import { HooksEntityTable } from '@/ui/table/components/HooksEntityTable';
|
|
import { TableContext } from '@/ui/table/states/TableContext';
|
|
import { UserProvider } from '@/users/components/UserProvider';
|
|
import { companiesFilters } from '~/pages/companies/companies-filters';
|
|
|
|
import { ComponentStorybookLayout } from './ComponentStorybookLayout';
|
|
import { FullHeightStorybookLayout } from './FullHeightStorybookLayout';
|
|
|
|
export function getRenderWrapperForPage(
|
|
children: React.ReactElement,
|
|
currentPath: string,
|
|
) {
|
|
return function render() {
|
|
return (
|
|
<UserProvider>
|
|
<ClientConfigProvider>
|
|
<HotkeysProvider initiallyActiveScopes={INITIAL_HOTKEYS_SCOPES}>
|
|
<MemoryRouter initialEntries={[currentPath]}>
|
|
<FullHeightStorybookLayout>
|
|
<DefaultLayout>{children}</DefaultLayout>
|
|
</FullHeightStorybookLayout>
|
|
</MemoryRouter>
|
|
</HotkeysProvider>
|
|
</ClientConfigProvider>
|
|
</UserProvider>
|
|
);
|
|
};
|
|
}
|
|
|
|
export function getRenderWrapperForEntityTableComponent(
|
|
children: React.ReactElement,
|
|
) {
|
|
return function Render() {
|
|
return (
|
|
<RecoilScope SpecificContext={TableContext}>
|
|
{/*
|
|
TODO: add company mocked loader
|
|
<CompanyEntityTableData */}
|
|
<HooksEntityTable
|
|
availableFilters={companiesFilters}
|
|
numberOfColumns={5}
|
|
/>
|
|
<ComponentStorybookLayout>{children}</ComponentStorybookLayout>
|
|
</RecoilScope>
|
|
);
|
|
};
|
|
}
|