@reltio/dashboard 1.4.1584 → 1.4.1586-mui5

package/src/views/custom/NotificationInboxFacet.tsx

@@ -0,0 +1,86 @@
+import React, {memo, useMemo, useState} from 'react';
+import {WorkflowInboxFacetConfig} from '@reltio/mdm-sdk';
+import LayoutItemView from '../../components/LayoutItemView/LayoutItemView';
+import LayoutItemHeader from '../../components/LayoutItemHeader/LayoutItemHeader';
+import LayoutItemContent from '../../components/LayoutItemContent/LayoutItemContent';
+import WorkflowTasksList from '../../components/WorkflowTasksList/WorkflowTasksList';
+import Select from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import {WorkflowTasksCategories} from '../../types/WorkflowTasks';
+import {useWorkflowTasksRequest} from '../../hooks/useWorkflowTasksRequest';
+import {pipe} from 'ramda';
+import {BasicTablePagination, getValue, useReloadFacet} from '@reltio/components';
+import i18n from 'ui-i18n';
+
+import {useStyles} from './styles';
+
+type Props = {
+    config: WorkflowInboxFacetConfig;
+    onToggleFullscreen: (id: string) => void;
+    isUpdated?: boolean;
+    isFullscreen: boolean;
+    onRemove?: (id: string) => void;
+};
+
+const NotificationInboxFacet = ({config, onToggleFullscreen, isUpdated, isFullscreen, onRemove}: Props) => {
+    const styles = useStyles();
+
+    const {id, title, pageSize} = config;
+    const [page, setPage] = useState(0);
+    const [rowsPerPage, setRowsPerPage] = useState(pageSize || 10);
+    const [tasksCategory, setTasksCategory] = useState<WorkflowTasksCategories>(WorkflowTasksCategories.MY);
+
+    const options = useMemo(
+        () => ({tasksCategory, max: rowsPerPage, offset: rowsPerPage * page}),
+        [rowsPerPage, page, tasksCategory]
+    );
+    const {state, data, total, reload} = useWorkflowTasksRequest(options);
+
+    useReloadFacet({state, reload});
+
+    return (
+        <LayoutItemView id={id}>
+            <LayoutItemHeader
+                title={title}
+                onToggleFullscreen={onToggleFullscreen}
+                isUpdated={isUpdated}
+                isFullscreen={isFullscreen}
+                onRemove={onRemove}
+                onRefresh={reload}
+            >
+                <Select
+                    className={styles.tasksSelector}
+                    classes={{
+                        select: styles.tasksSelectorInput
+                    }}
+                    variant={'filled'}
+                    value={tasksCategory}
+                    onChange={pipe(getValue, setTasksCategory)}
+                >
+                    <MenuItem value={WorkflowTasksCategories.MY}>{i18n.text('My tasks')}</MenuItem>
+                    <MenuItem value={WorkflowTasksCategories.TEAM}>{i18n.text('Team tasks')}</MenuItem>
+                </Select>
+            </LayoutItemHeader>
+            <LayoutItemContent loadingState={state} onRefresh={reload} data={data}>
+                {({data, width, height}) => {
+                    return (
+                        <WorkflowTasksList width={width} height={height} tasksCategory={tasksCategory} tasks={data} />
+                    );
+                }}
+            </LayoutItemContent>
+            {total > (pageSize || 10) && (
+                <div className={styles.pagination}>
+                    <BasicTablePagination
+                        count={total}
+                        rowsPerPage={rowsPerPage}
+                        page={page}
+                        onChangePage={setPage}
+                        onChangeRowsPerPage={setRowsPerPage}
+                    />
+                </div>
+            )}
+        </LayoutItemView>
+    );
+};
+
+export default memo(NotificationInboxFacet);

package/src/views/custom/__tests__/CustomActionViewFacet.specs.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import {shallow} from 'enzyme';
+
+import {BasicViewContent} from '@reltio/components';
+import {DashboardViewTypes} from '@reltio/mdm-sdk';
+import CustomActionViewFacet from '../CustomActionViewFacet';
+import {DashboardLayoutItemHeader} from '../../../components';
+
+describe('CustomActionViewFacet tests', () => {
+    const props = {
+        config: {
+            id: 'id',
+            component: DashboardViewTypes.CustomActionViewFacet,
+            url: 'testUrl',
+            title: 'Custom'
+        },
+        onRemove: jest.fn(),
+        onToggleFullscreen: jest.fn(),
+        isUpdated: false,
+        isFullscreen: false
+    };
+
+    it('should render correct default state', () => {
+        const wrapper = shallow(<CustomActionViewFacet {...props} />);
+        expect(wrapper.find(DashboardLayoutItemHeader).props()).toEqual({
+            title: props.config.title,
+            onToggleFullscreen: props.onToggleFullscreen,
+            isUpdated: props.isUpdated,
+            isFullscreen: props.isFullscreen,
+            onRemove: props.onRemove
+        });
+        expect(wrapper.find(BasicViewContent).length).toBe(1);
+        expect(wrapper.find('iframe').prop('src')).toBe(props.config.url);
+    });
+});

package/src/views/custom/__tests__/NotificationInboxFacet.specs.tsx

@@ -0,0 +1,144 @@
+import React from 'react';
+import {act} from 'react-dom/test-utils';
+import {mount} from 'enzyme';
+
+import NotificationInboxFacet from '../NotificationInboxFacet';
+import * as useWorkflowTasksRequest from '../../../hooks/useWorkflowTasksRequest';
+import * as WorkflowTasksListImport from '../../../components/WorkflowTasksList/WorkflowTasksList';
+import WorkflowTasksList from '../../../components/WorkflowTasksList/WorkflowTasksList';
+import {BasicView, BasicViewContent, BasicViewHeader, EmptyStub, RequestStates} from '@reltio/components';
+import {DashboardPopupMenu, DashboardLayoutItemHeader} from '../../../components';
+import Select from '@mui/material/Select';
+import * as ReltioComponents from '@reltio/components';
+import {EnrichedWorkflowTaskData, WorkflowTasksCategories} from '../../../types/WorkflowTasks';
+import {DashboardViewTypes} from '@reltio/mdm-sdk';
+
+jest.mock('@reltio/components', () => ({
+    ...(jest.requireActual('@reltio/components') as Record<string, unknown>),
+    useReloadAllFacets: jest.fn(),
+    BasicTablePagination: () => null
+}));
+
+describe('NotificationInboxFacet tests', () => {
+    const props = {
+        config: {
+            id: 'id',
+            component: DashboardViewTypes.NotificationInboxFacet,
+            title: 'Notifications'
+        },
+        onRemove: jest.fn(),
+        onToggleFullscreen: jest.fn(),
+        isUpdated: false,
+        isFullscreen: false
+    };
+
+    const tasksData = [
+        {
+            assignee: 'polina.arsenteva',
+            objectURIs: ['entities/1fIVXrYH'],
+            createdBy: 'sairam.singireesu@reltio.com',
+            priorityClass: 'Medium',
+            createTime: 1621534310502,
+            dueDate: 1621707110507,
+            displayName: 'Delete Review',
+            processDefinitionDisplayName: 'Recommend for Delete'
+        }
+    ];
+    const reload = jest.fn();
+
+    beforeAll(() => {
+        jest.spyOn(ReltioComponents, 'useReloadFacet').mockImplementation(() => {});
+        jest.spyOn(useWorkflowTasksRequest, 'useWorkflowTasksRequest').mockImplementation(() => {
+            return {
+                state: RequestStates.LOADED,
+                data: tasksData as EnrichedWorkflowTaskData[],
+                total: 50,
+                reload
+            };
+        });
+        jest.spyOn(WorkflowTasksListImport, 'default').mockImplementation(EmptyStub);
+    });
+
+    it('should render correct default state', () => {
+        const wrapper = mount(<NotificationInboxFacet {...props} />);
+        expect(wrapper.find(DashboardLayoutItemHeader).props()).toMatchObject({
+            title: props.config.title,
+            onToggleFullscreen: props.onToggleFullscreen,
+            isUpdated: props.isUpdated,
+            isFullscreen: props.isFullscreen,
+            onRefresh: reload,
+            onRemove: props.onRemove
+        });
+        expect(wrapper.find(BasicView).length).toBe(1);
+        expect(wrapper.find(BasicViewHeader).length).toBe(1);
+        expect(wrapper.find(BasicViewHeader).prop('title')).toEqual(props.config.title);
+        expect(wrapper.find(DashboardPopupMenu).length).toBe(1);
+        expect(wrapper.find(BasicViewContent).length).toBe(1);
+        expect(wrapper.find(Select).prop('value')).toEqual(WorkflowTasksCategories.MY);
+        expect(wrapper.find(WorkflowTasksList).props()).toMatchObject({
+            tasksCategory: WorkflowTasksCategories.MY,
+            tasks: tasksData
+        });
+        expect(useWorkflowTasksRequest.useWorkflowTasksRequest).toBeCalledWith({
+            tasksCategory: WorkflowTasksCategories.MY,
+            max: 10,
+            offset: 0
+        });
+    });
+
+    it('should apply changed category correctly', () => {
+        const wrapper = mount(<NotificationInboxFacet {...props} />);
+        act(() => {
+            const selectEvent = {target: {value: WorkflowTasksCategories.TEAM}} as React.ChangeEvent<{value: unknown}>;
+            const childSelect = {} as React.ReactNode;
+            wrapper.find(Select).prop('onChange')(selectEvent, childSelect);
+        });
+        wrapper.update();
+        expect(wrapper.find(Select).prop('value')).toEqual(WorkflowTasksCategories.TEAM);
+        expect(wrapper.find(WorkflowTasksList).prop('tasksCategory')).toBe(WorkflowTasksCategories.TEAM);
+        expect(useWorkflowTasksRequest.useWorkflowTasksRequest).toBeCalledWith({
+            tasksCategory: WorkflowTasksCategories.TEAM,
+            max: 10,
+            offset: 0
+        });
+    });
+
+    it('should render basicTablePagination', () => {
+        const wrapper = mount(<NotificationInboxFacet {...props} config={{...props.config, pageSize: 15}} />);
+        const {BasicTablePagination} = ReltioComponents;
+        wrapper.update();
+        expect(wrapper.find(BasicTablePagination).prop('count')).toBe(50);
+        expect(wrapper.find(BasicTablePagination).prop('page')).toBe(0);
+        expect(wrapper.find(BasicTablePagination).prop('rowsPerPage')).toBe(15);
+        wrapper.find(BasicTablePagination).prop('onChangePage')(1);
+        wrapper.update();
+        expect(useWorkflowTasksRequest.useWorkflowTasksRequest).toBeCalledWith({
+            tasksCategory: WorkflowTasksCategories.MY,
+            max: 15,
+            offset: 15
+        });
+        expect(wrapper.find(BasicTablePagination).prop('page')).toBe(1);
+        wrapper.find(BasicTablePagination).prop('onChangePage')(0);
+        wrapper.update();
+        expect(useWorkflowTasksRequest.useWorkflowTasksRequest).toBeCalledWith({
+            tasksCategory: WorkflowTasksCategories.MY,
+            max: 15,
+            offset: 0
+        });
+        wrapper.find(BasicTablePagination).prop('onChangeRowsPerPage')(20);
+        wrapper.update();
+        expect(useWorkflowTasksRequest.useWorkflowTasksRequest).toBeCalledWith({
+            tasksCategory: WorkflowTasksCategories.MY,
+            max: 20,
+            offset: 0
+        });
+        expect(wrapper.find(BasicTablePagination).prop('rowsPerPage')).toBe(20);
+    });
+
+    it('should not render basicTablePagination if pageSize > total', () => {
+        const wrapper = mount(<NotificationInboxFacet {...props} config={{...props.config, pageSize: 100}} />);
+        const {BasicTablePagination} = ReltioComponents;
+        wrapper.update();
+        expect(wrapper.find(BasicTablePagination)).toHaveLength(0);
+    });
+});

package/src/views/custom/styles.ts

@@ -0,0 +1,31 @@
+import {makeStyles} from '@mui/styles';
+
+export const useStyles = makeStyles(() => ({
+    viewContent: {
+        height: '100%',
+        overflow: 'hidden',
+        position: 'relative',
+        padding: '0 16px 16px'
+    },
+    iframe: {
+        borderWidth: 0,
+        width: '100%',
+        height: '100%'
+    },
+    tasksSelector: {
+        position: 'relative',
+        margin: '0 6px 0 0',
+        flexBasis: '220px',
+        flexShrink: 1
+    },
+    tasksSelectorInput: {
+        fontSize: '14px',
+        lineHeight: '16px',
+        padding: '12px 32px 10px 12px'
+    },
+    pagination: {
+        height: '52px',
+        flexGrow: 0,
+        flexShrink: 0
+    }
+}));

package/src/views/tableBased/ActivitiesViewFacet.tsx

@@ -0,0 +1,79 @@
+import React, {memo, useCallback, useMemo, useState} from 'react';
+import {DateRangeTypes} from '@reltio/mdm-sdk';
+import {ActivitiesFilter, ActivityLog, ActivityLogFilter, useReloadFacet} from '@reltio/components';
+import LayoutItemView from '../../components/LayoutItemView/LayoutItemView';
+import LayoutItemHeader from '../../components/LayoutItemHeader/LayoutItemHeader';
+import LayoutItemContent from '../../components/LayoutItemContent/LayoutItemContent';
+import {ActivitiesViewFacetConfig} from '../../types/ActivitiesViewFacetConfig';
+import {DEFAULT_ROWS_PER_PAGE, getRowsPerPageOptions} from './helpers';
+import {useActivitiesRequest} from '../../hooks/useActivitiesRequest';
+
+import {useStyles} from './styles';
+
+type Props = {
+    config: ActivitiesViewFacetConfig;
+    onToggleFullscreen: (id: string) => void;
+    isUpdated?: boolean;
+    isFullscreen: boolean;
+    onRemove?: (id: string) => void;
+};
+
+const ActivitiesViewFacet = ({config, isUpdated, isFullscreen, onToggleFullscreen, onRemove}: Props) => {
+    const {id, title, exportTypes} = config;
+    const styles = useStyles();
+
+    const [page, setPage] = useState(0);
+    const [rowsPerPage, setRowsPerPage] = useState(DEFAULT_ROWS_PER_PAGE);
+    const rowsPerPageOptions = useMemo(() => getRowsPerPageOptions(DEFAULT_ROWS_PER_PAGE), []);
+    const [filter, setFilter] = useState<ActivitiesFilter>({
+        users: [],
+        activities: [],
+        dateRange: {
+            type: DateRangeTypes.WITHIN,
+            period: [4, 'months']
+        }
+    });
+    const {state, data, total, reload} = useActivitiesRequest({filter, max: rowsPerPage, offset: page * rowsPerPage});
+
+    const handleFilterChange = useCallback((value: ActivitiesFilter) => {
+        setFilter(value);
+        setPage(0);
+    }, []);
+
+    useReloadFacet({state, reload});
+
+    return (
+        <LayoutItemView id={id}>
+            <LayoutItemHeader
+                title={title}
+                onToggleFullscreen={onToggleFullscreen}
+                isUpdated={isUpdated}
+                isFullscreen={isFullscreen}
+                onRemove={onRemove}
+                onRefresh={reload}
+            />
+            <div className={styles.activityLogFilter}>
+                <ActivityLogFilter value={filter} onChange={handleFilterChange} exportTypes={exportTypes} />
+            </div>
+            <LayoutItemContent loadingState={state} onRefresh={reload} data={data}>
+                {({data, width, height}) => {
+                    return (
+                        <ActivityLog
+                            width={width}
+                            height={height}
+                            activities={data}
+                            count={total}
+                            page={page}
+                            onChangePage={setPage}
+                            rowsPerPage={rowsPerPage}
+                            onChangeRowsPerPage={setRowsPerPage}
+                            rowsPerPageOptions={rowsPerPageOptions}
+                        />
+                    );
+                }}
+            </LayoutItemContent>
+        </LayoutItemView>
+    );
+};
+
+export default memo(ActivitiesViewFacet);

package/src/views/tableBased/FilteredEntitiesViewFacet.tsx

@@ -0,0 +1,67 @@
+import React, {memo, useMemo, useState} from 'react';
+import {useReloadFacet} from '@reltio/components';
+import {FilteredEntitiesFacetConfig} from '../../types/FilteredEntitiesFacetConfig';
+import {useFilteredEntitiesRequest} from '../../hooks/useFilteredEntitiesRequest';
+import {getRowsPerPageOptions, DEFAULT_ROWS_PER_PAGE} from './helpers';
+import LayoutItemView from '../../components/LayoutItemView/LayoutItemView';
+import LayoutItemHeader from '../../components/LayoutItemHeader/LayoutItemHeader';
+import LayoutItemContent from '../../components/LayoutItemContent/LayoutItemContent';
+import {withPagination} from '../../HOCs/withPagination';
+import EntityTable from '../../components/EntityTable/EntityTable';
+
+type Props = {
+    config: FilteredEntitiesFacetConfig;
+    onToggleFullscreen: (id: string) => void;
+    isUpdated?: boolean;
+    isFullscreen: boolean;
+    onRemove?: (id: string) => void;
+};
+
+const TableWithPagination = withPagination(EntityTable);
+
+const FilteredEntitiesViewFacet = ({config, onToggleFullscreen, isUpdated, isFullscreen, onRemove}: Props) => {
+    const {id, title, filters, max = DEFAULT_ROWS_PER_PAGE} = config;
+    const rowsPerPageOptions = useMemo(() => getRowsPerPageOptions(max), [max]);
+    const [rowsPerPage, setRowsPerPage] = useState(max);
+    const [page, setPage] = useState(0);
+
+    const {data, state, reload, total} = useFilteredEntitiesRequest({
+        filters,
+        max: rowsPerPage,
+        offset: rowsPerPage * page
+    });
+
+    useReloadFacet({state, reload});
+
+    return (
+        <LayoutItemView id={id}>
+            <LayoutItemHeader
+                title={title}
+                onToggleFullscreen={onToggleFullscreen}
+                isUpdated={isUpdated}
+                isFullscreen={isFullscreen}
+                onRefresh={reload}
+                onRemove={onRemove}
+            />
+            <LayoutItemContent loadingState={state} onRefresh={reload} data={data}>
+                {({data, width, height}) => {
+                    return (
+                        <TableWithPagination
+                            height={height}
+                            onChangePage={setPage}
+                            page={page}
+                            rowsPerPage={rowsPerPage}
+                            count={total}
+                            onChangeRowsPerPage={setRowsPerPage}
+                            rowsPerPageOptions={rowsPerPageOptions}
+                            width={width}
+                            data={data}
+                        />
+                    );
+                }}
+            </LayoutItemContent>
+        </LayoutItemView>
+    );
+};
+
+export default memo(FilteredEntitiesViewFacet);

package/src/views/tableBased/FilteredSavedSearchesFacet.tsx

@@ -0,0 +1,85 @@
+import React, {memo, useCallback, useMemo, useState} from 'react';
+import {useDispatch} from 'react-redux';
+import {find, pipe, propEq} from 'ramda';
+import i18n from 'ui-i18n';
+import {TableWithBars, useReloadFacet} from '@reltio/components';
+import {ui} from '@reltio/mdm-module';
+import {FilteredSavedSearchesFacetConfig} from '../../types/FilteredSavedSearchesFacetConfig';
+import {useSavedSearchesRequest} from '../../hooks/useSavedSearchesRequest';
+import {DEFAULT_ROWS_PER_PAGE, getRowsPerPageOptions} from './helpers';
+import LayoutItemView from '../../components/LayoutItemView/LayoutItemView';
+import LayoutItemHeader from '../../components/LayoutItemHeader/LayoutItemHeader';
+import LayoutItemContent from '../../components/LayoutItemContent/LayoutItemContent';
+import {withPagination} from '../../HOCs/withPagination';
+import {savedSearchDataToChartData, savedSearchDataToSearchState} from '../../services/savedSearches';
+
+type Props = {
+    config: FilteredSavedSearchesFacetConfig;
+    onToggleFullscreen: (id: string) => void;
+    isUpdated?: boolean;
+    isFullscreen: boolean;
+    onRemove?: (id: string) => void;
+};
+
+const TableWithPagination = withPagination(TableWithBars);
+
+const FilteredSavedSearchesFacet = ({config, onToggleFullscreen, isUpdated, isFullscreen, onRemove}: Props) => {
+    const {id, title, options, max = DEFAULT_ROWS_PER_PAGE} = config;
+
+    const rowsPerPageOptions = useMemo(() => getRowsPerPageOptions(max), [max]);
+    const [rowsPerPage, setRowsPerPage] = useState(max);
+    const [page, setPage] = useState(0);
+    const {data, state, reload, total} = useSavedSearchesRequest({
+        options,
+        max: rowsPerPage,
+        offset: rowsPerPage * page
+    });
+    const chartData = useMemo(() => savedSearchDataToChartData(data), [data]);
+
+    const dispatch = useDispatch();
+    const onSSClick = useCallback(
+        (uri: string) => {
+            pipe(find(propEq('uri', uri)), savedSearchDataToSearchState, ui.actions.openSearch, dispatch)(data);
+        },
+        [dispatch, data]
+    );
+
+    useReloadFacet({state, reload});
+
+    return (
+        <LayoutItemView id={id}>
+            <LayoutItemHeader
+                title={title}
+                onToggleFullscreen={onToggleFullscreen}
+                isFullscreen={isFullscreen}
+                isUpdated={isUpdated}
+                onRefresh={reload}
+                onRemove={onRemove}
+            />
+            <LayoutItemContent loadingState={state} onRefresh={reload} data={chartData}>
+                {({data, width, height}) => {
+                    return (
+                        <TableWithPagination
+                            width={width}
+                            height={height}
+                            data={data}
+                            count={total}
+                            onChangePage={setPage}
+                            page={page}
+                            rowsPerPage={rowsPerPage}
+                            onChangeRowsPerPage={setRowsPerPage}
+                            rowsPerPageOptions={rowsPerPageOptions}
+                            options={{
+                                headers: [i18n.text('Name')],
+                                showValues: options?.countResults
+                            }}
+                            onItemClick={onSSClick}
+                        />
+                    );
+                }}
+            </LayoutItemContent>
+        </LayoutItemView>
+    );
+};
+
+export default memo(FilteredSavedSearchesFacet);

package/src/views/tableBased/__tests__/ActivitiesViewFacet.specs.tsx

@@ -0,0 +1,113 @@
+import React from 'react';
+import {mount} from 'enzyme';
+
+import ActivitiesViewFacet from '../ActivitiesViewFacet';
+import * as useActivitiesRequest from '../../../hooks/useActivitiesRequest';
+import {
+    ActivityLog,
+    ActivityLogFilter,
+    BasicView,
+    BasicViewContent,
+    BasicViewHeader,
+    RequestStates
+} from '@reltio/components';
+import * as ReltioComponents from '@reltio/components';
+import {DashboardPopupMenu, DashboardLayoutItemHeader} from '../../../components';
+import {DEFAULT_ROWS_PER_PAGE} from '../helpers';
+import {DashboardViewTypes, DateRangeTypes} from '@reltio/mdm-sdk';
+
+jest.mock('@reltio/components', () => ({
+    ...jest.requireActual<Record<string, unknown>>('@reltio/components'),
+    ActivityLog: () => null,
+    ActivityLogFilter: () => null
+}));
+
+describe('ActivitiesViewFacet tests', () => {
+    const props = {
+        config: {
+            id: 'id',
+            component: DashboardViewTypes.ActivitiesViewFacet,
+            title: 'Activity log',
+            exportTypes: ['csv']
+        },
+        onRemove: jest.fn(),
+        onToggleFullscreen: jest.fn(),
+        isUpdated: false,
+        isFullscreen: false
+    };
+
+    const activities = [
+        {
+            uri: 'activities/6a7f-1247-7db88358',
+            user: 'vyacheslav.kovyazin',
+            label: 'USER_SEARCH',
+            description:
+                '{"activity":{"query":"filter=((equals(type%2C\'configuration%2FentityTypes%2FREGISTRY\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FDoctesting\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FPeople\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FHCP\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FAZGlobalLOV\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FSalesDept\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FTrial1\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FMine\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FDetailLoadTracker\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FProcessTracker\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FLocation\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FHCA\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FMarketingDept\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FETLLOV\')%20or%20equals(type%2C\'configuration%2FentityTypes%2FOMG\'))%20and%20exists(attributes.Commenters))","uiState":{"view":{"searchResultsMode":"list","entityTypeTab":"configuration/entityTypes/HCP","sortField":null,"sortOrder":null,"tabs":{"configuration/entityTypes/REGISTRY":[{"id":"label","label":"Profile","size":250},{"id":"entityId","label":"Entity ID","size":366.5},{"id":"scores","label":"Scores","size":366.5}],"configuration/entityTypes/Doctesting":[{"id":"label","label":"Profile","size":250},{"id":"entityId","label":"Entity ID","size":370.5},{"id":"scores","label":"Scores","size":370.5}],"configuration/entityTypes/People":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/HCP":[{"id":"label","label":"Profile","size":250},{"id":"entityId","label":"Entity ID","size":366.5},{"id":"scores","label":"Scores","size":366.5}],"configuration/entityTypes/AZGlobalLOV":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/SalesDept":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/Trial1":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/Mine":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/DetailLoadTracker":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/ProcessTracker":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/Location":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/HCA":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/MarketingDept":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/ETLLOV":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}],"configuration/entityTypes/OMG":[{"id":"label","label":"Profile"},{"id":"entityId","label":"Entity ID"},{"id":"scores","label":"Scores"}]},"previewPanelMode":null},"facets":{},"advanced":[{"attributes":[{"data":{"fieldName":"attributes.Commenters"},"operator":"and","filter":"exists","id":"U547D8x2M5bIjwofm3s6n","values":[]}],"operator":"or","entityTypes":[],"id":"Di2JkM2JryMZpOzjiN-U_"}],"searchOptions":{"searchByOv":false,"ovOnly":false},"keyword":null,"map":null,"version":"2.0","readableQuery":"Commenter exists"}},"version":"2.0"}',
+            timestamp: 1622451175422,
+            items: [
+                {
+                    id: '7G4iT0Rd',
+                    user: 'vyacheslav.kovyazin',
+                    method: 'POST',
+                    url: '/reltio/api/alenat/activities',
+                    clientType: 'Reltio UI',
+                    timestamp: 1622451175422
+                }
+            ],
+            itemsTotal: 1
+        }
+    ];
+    const reload = jest.fn();
+
+    beforeAll(() => {
+        jest.spyOn(ReltioComponents, 'useReloadFacet').mockImplementation(() => {});
+        jest.spyOn(useActivitiesRequest, 'useActivitiesRequest').mockImplementation(() => {
+            return {
+                state: RequestStates.LOADED,
+                data: activities,
+                total: 10,
+                reload
+            };
+        });
+    });
+
+    it('should render correct default state', () => {
+        const wrapper = mount(<ActivitiesViewFacet {...props} />);
+        expect(wrapper.find(DashboardLayoutItemHeader).props()).toMatchObject({
+            title: props.config.title,
+            onToggleFullscreen: props.onToggleFullscreen,
+            isUpdated: props.isUpdated,
+            isFullscreen: props.isFullscreen,
+            onRefresh: reload,
+            onRemove: props.onRemove
+        });
+        expect(wrapper.find(BasicView).length).toBe(1);
+        expect(wrapper.find(BasicViewHeader).length).toBe(1);
+        expect(wrapper.find(BasicViewHeader).prop('title')).toEqual(props.config.title);
+        expect(wrapper.find(DashboardPopupMenu).length).toBe(1);
+        expect(wrapper.find(BasicViewContent).length).toBe(1);
+        const defaultFilter = {
+            users: [],
+            activities: [],
+            dateRange: {
+                type: DateRangeTypes.WITHIN,
+                period: [4, 'months']
+            }
+        };
+        expect(wrapper.find('.activityLogFilter').length).toBe(1);
+        expect(wrapper.find(ActivityLogFilter).length).toBe(1);
+        expect(wrapper.find(ActivityLogFilter).prop('value')).toEqual(defaultFilter);
+        expect(wrapper.find(ActivityLogFilter).prop('exportTypes')).toEqual(props.config.exportTypes);
+        expect(wrapper.find(ActivityLog).props()).toMatchObject({
+            activities,
+            count: 10,
+            page: 0,
+            rowsPerPage: DEFAULT_ROWS_PER_PAGE
+        });
+        expect(useActivitiesRequest.useActivitiesRequest).toBeCalledWith({
+            filter: defaultFilter,
+            offset: 0,
+            max: DEFAULT_ROWS_PER_PAGE
+        });
+    });
+});