@leav/ui 0.0.1-alpha-2 → 0.0.1-alpha-3

package/src/components/ValuesVersionConfigurator/VersionTree/VersionTree.tsx

@@ -1,125 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {CloseCircleFilled} from '@ant-design/icons';
-import {faFolderTree} from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import {localizedTranslation} from '@leav/utils';
-import {Button, Space, theme} from 'antd';
-import {GlobalToken} from 'antd/lib/theme/interface';
-import React, {SyntheticEvent} from 'react';
-import styled from 'styled-components';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {themeVars} from '../../../antdTheme';
-import useLang from '../../../hooks/useLang';
-import {ITreeNode} from '../../../types/trees';
-import {GetVersionableAttributesByLibraryQuery} from '../../../_gqlTypes';
-import SelectTreeNodeModal from '../../SelectTreeNodeModal';
-
-const Wrapper = styled.div`
-    background: ${themeVars.lightBg};
-    padding: 1rem;
-    border-radius: 3px;
-    margin-bottom: 8px;
-    border: 2px solid transparent;
-`;
-
-const TreeLabel = styled(Space)`
-    font-weight: bold;
-    font-size: 1em;
-`;
-
-const SelectedNodeTitle = styled(Button)<{$hasSelection: boolean; $themeToken: GlobalToken}>`
-    && {
-        width: 100%;
-        margin-top: 0.5rem;
-        padding: 0.5rem;
-        background: ${themeVars.defaultBg};
-        border: 1px solid ${themeVars.borderColor};
-        border-radius: ${p => p.$themeToken.borderRadius}px;
-        cursor: pointer;
-        display: flex;
-        justify-content: space-between;
-        color: ${props => (props.$hasSelection ? themeVars.defaultTextColor : themeVars.secondaryTextColor)};
-        align-items: center;
-    }
-`;
-
-const ClearSelectionBtn = styled(CloseCircleFilled)`
-    && {
-        cursor: pointer;
-        color: ${themeVars.secondaryTextColor};
-        font-size: 0.8em;
-        display: none;
-
-        ${SelectedNodeTitle}:hover & {
-            display: block;
-        }
-    }
-`;
-
-interface IVersionTreeProps {
-    tree: GetVersionableAttributesByLibraryQuery['attributes']['list'][0]['versions_conf']['profile']['trees'][0];
-    selectedNode: ITreeNode | null;
-    readOnly: boolean;
-    onNodeChange: (node: ITreeNode | null) => void;
-}
-
-function VersionTree({tree, selectedNode, readOnly, onNodeChange}: IVersionTreeProps): JSX.Element {
-    const {lang} = useLang();
-    const {t} = useSharedTranslation();
-    const {token} = theme.useToken();
-
-    const [isTreeNodeSelectorOpen, setIsTreeNodeSelectorOpen] = React.useState(false);
-
-    const _handleTreeSelect = (node: ITreeNode) => {
-        onNodeChange(node);
-    };
-
-    const _handleClickSelectedNode = () => {
-        setIsTreeNodeSelectorOpen(true);
-    };
-
-    const _handleCloseTreeSelector = () => {
-        setIsTreeNodeSelectorOpen(false);
-    };
-
-    const _handleClearSelection = (e: SyntheticEvent) => {
-        e.stopPropagation();
-        onNodeChange(null);
-    };
-
-    const treeLabel = localizedTranslation(tree.label, lang);
-    const hasSelection = !!selectedNode;
-
-    return (
-        <>
-            <Wrapper>
-                <TreeLabel>
-                    <FontAwesomeIcon icon={faFolderTree} />
-                    {treeLabel}
-                </TreeLabel>
-                <SelectedNodeTitle
-                    disabled={readOnly}
-                    onClick={_handleClickSelectedNode}
-                    $hasSelection={hasSelection}
-                    $themeToken={token}
-                >
-                    {selectedNode?.title || t('values_version.select_version') + '...'}
-                    {hasSelection && <ClearSelectionBtn onClick={_handleClearSelection} />}
-                </SelectedNodeTitle>
-            </Wrapper>
-            {isTreeNodeSelectorOpen && (
-                <SelectTreeNodeModal
-                    tree={tree}
-                    onClose={_handleCloseTreeSelector}
-                    visible={isTreeNodeSelectorOpen}
-                    onSubmit={_handleTreeSelect}
-                    selectedNodeKey={selectedNode?.id}
-                />
-            )}
-        </>
-    );
-}
-
-export default VersionTree;

package/src/components/ValuesVersionConfigurator/VersionTree/index.ts

@@ -1,5 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import VersionTree from './VersionTree';
-export default VersionTree;

package/src/components/ValuesVersionConfigurator/index.ts

@@ -1,5 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import ValuesVersionConfigurator from './ValuesVersionConfigurator';
-export default ValuesVersionConfigurator;

package/src/components/index.ts

@@ -1,40 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export * from './AttributePicker';
-export * from './AttributesSelectionList';
-export * from './BasicButton';
-export * from './CreateDirectory';
-export * from './DeactivateRecordsModal';
-export * from './Dimmer';
-export * from './EditApplication';
-export * from './EditAttributeModal';
-export * from './EditLibraryModal';
-export * from './EditTreeModal';
-export * from './EntityCard';
-export * from './EntityPreview';
-export * from './ErrorBoundary';
-export * from './ErrorDisplay';
-export * from './ErrorMessage';
-export * from './ExportModal';
-export * from './FieldsGroup';
-export * from './FloatingMenu';
-export * from './ImageLoading';
-export * from './ImageMissing';
-export * from './ImportModal';
-export * from './LibraryItemsList';
-export * from './LibraryPicker';
-export * from './List';
-export * from './Loading';
-export * from './RecordCard';
-export * from './RecordEdition';
-export * from './RecordPreviewWithModal';
-export * from './SearchModal';
-export * from './SelectTreeNode';
-export * from './SelectTreeNodeModal';
-export * from './SimpleErrorBoundary';
-export * from './SubmitStateNotifier';
-export * from './TreePicker';
-export * from './TriggerPreviewsGenerationModal';
-export * from './UploadFiles';
-export * from './ValuesVersionConfigurator';

package/src/constants.ts

@@ -1,52 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-
-import {TagProps} from 'antd';
-import {KitTag} from 'aristid-ds';
-import {ComponentProps} from 'react';
-import {AttributeFormat, AttributeType} from './_gqlTypes';
-
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export enum PreviewSize {
-    tiny = 'tiny',
-    small = 'small',
-    medium = 'medium',
-    big = 'big'
-}
-
-export const tagColorByAttributeType: {[key in AttributeType]: ComponentProps<typeof KitTag>['color']} = {
-    [AttributeType.simple]: 'purple',
-    [AttributeType.simple_link]: 'blue',
-    [AttributeType.advanced]: 'orange',
-    [AttributeType.advanced_link]: 'volcano',
-    [AttributeType.tree]: 'green'
-};
-
-export const tagColorByAttributeFormat: {[key in AttributeFormat]: TagProps['color']} = {
-    [AttributeFormat.boolean]: 'gold',
-    [AttributeFormat.date]: 'blue',
-    [AttributeFormat.date_range]: 'geekblue',
-    [AttributeFormat.encrypted]: 'red',
-    [AttributeFormat.extended]: 'magenta',
-    [AttributeFormat.numeric]: 'orange',
-    [AttributeFormat.text]: 'green',
-    [AttributeFormat.color]: 'purple',
-    [AttributeFormat.rich_text]: 'volcano'
-};
-
-export enum ErrorDisplayTypes {
-    ERROR = 'error',
-    PERMISSION_ERROR = 'permission_error',
-    PAGE_NOT_FOUND = 'page_not_found_error'
-}
-
-export const defaultPaginationPageSize = 20;
-
-export const APPS_ENDPOINT = 'app';
-export const APP_ENDPOINT = window.location.pathname.split('/').filter(e => e)[1]; // Get endpoint app current from url /APPS_ENDPOINT/:endpoint
-
-export const PREFIX_USER_VIEWS_ORDER_KEY = 'user_views_order_';
-export const PREFIX_SHARED_VIEWS_ORDER_KEY = 'shared_views_order_';

package/src/contexts/LangContext/LangContext.tsx

@@ -1,9 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import React from 'react';
-import {ILangContext} from './_types';
-
-const LangContext = React.createContext<ILangContext | null>(null);
-
-export default LangContext;

package/src/contexts/LangContext/_types.ts

@@ -1,9 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export interface ILangContext {
-    lang: string[];
-    availableLangs: string[];
-    defaultLang: string;
-    setLang: (lang: string) => void;
-}

package/src/contexts/LangContext/index.ts

@@ -1,5 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as LangContext} from './LangContext';
-export * from './_types';

package/src/contexts/UserContext/UserContext.ts

@@ -1,7 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import React from 'react';
-import {IUserContext} from './types';
-
-export const UserContext = React.createContext<IUserContext | null>(null);

package/src/contexts/UserContext/index.ts

@@ -1,2 +0,0 @@
-export * from './types';
-export {UserContext} from './UserContext';

package/src/contexts/UserContext/types.ts

@@ -1,11 +0,0 @@
-import {IRecordIdentityWhoAmI} from '_ui/types/records';
-
-export interface IUserContextData {
-    userId: string;
-    userWhoAmI: IRecordIdentityWhoAmI;
-}
-
-export interface IUserContext {
-    userData: IUserContextData;
-    setUserData?: (userData: IUserContextData) => void;
-}

package/src/contexts/index.ts

@@ -1,5 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export * from './LangContext';
-export * from './UserContext';

package/src/gqlFragments/index.ts

@@ -1,4 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {recordIdentityFragment} from './recordIdentityFragment';

package/src/gqlFragments/recordIdentityFragment.ts

@@ -1,21 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {gql} from '@apollo/client';
-
-export const recordIdentityFragment = gql`
-    fragment RecordIdentity on Record {
-        id
-        whoAmI {
-            id
-            label
-            subLabel
-            color
-            library {
-                id
-                label
-            }
-            preview
-        }
-    }
-`;

package/src/gqlPossibleTypes/index.ts

@@ -1,28 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {PossibleTypesMap} from '@apollo/client';
-
-/**
- * This is a map of GraphQL interfaces with their possible types (the types which implement them).
- * This is used by the Apollo client to know which types to expect when querying an interface.
- * These possible types can be retrieved with a simple GraphQL query:
- * {
- *   __schema {
- *     types {
- *       name
- *       possibleTypes {
- *         name
- *       }
- *     }
- *   }
- * }
- *
- * As there are quite a few interfaces in the API, this map is used to avoid having to query the API on each app load.
- * More infos: https://www.apollographql.com/docs/react/data/fragments/#defining-possibletypes-manually
- */
-export const gqlPossibleTypes: PossibleTypesMap = {
-    Attribute: ['StandardAttribute', 'LinkAttribute', 'TreeAttribute'],
-    StandardValuesListConf: ['StandardStringValuesListConf', 'StandardDateRangeValuesListConf'],
-    GenericValue: ['Value', 'LinkValue', 'TreeValue']
-};

package/src/hooks/index.ts

@@ -1,17 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-
-export {useSaveApplicationMutation} from '../_gqlTypes';
-export {useAntdLocale} from './useAntdLocale';
-export {default as useAppLang} from './useAppLang';
-export {default as useAuth} from './useAuth';
-export {default as useGetRecordForm} from './useGetRecordForm';
-export {useGetRecordUpdatesSubscription} from './useGetRecordUpdatesSubscription';
-export {default as useLang} from './useLang';
-export {default as useLocalStorage} from './useLocalStorage';
-export {default as useRecordsConsultationHistory} from './useRecordsConsultationHistory';
-export {useRefreshFieldValues} from './useRefreshFieldValues';
-export {default as useRefreshToken} from './useRefreshToken';
-export {useUser} from './useUser';
-export {useValuesCacheUpdate} from './useValuesCacheUpdate';

package/src/hooks/useAntdLocale/index.ts

@@ -1,4 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as useAntdLocale} from './useAntdLocale';

package/src/hooks/useAntdLocale/useAntdLocale.ts

@@ -1,17 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {Locale} from 'antd/es/locale';
-import enUS from 'antd/lib/locale/en_US';
-import frFR from 'antd/lib/locale/fr_FR';
-
-const useAntdLocale = (lang: string): Locale => {
-    const localeByLang = {
-        fr: frFR,
-        en: enUS
-    };
-
-    return localeByLang[lang] ?? enUS;
-};
-
-export default useAntdLocale;

package/src/hooks/useAppLang/index.ts

@@ -1,4 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default} from './useAppLang';

package/src/hooks/useAppLang/useAppLang.tsx

@@ -1,39 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {useEffect, useState} from 'react';
-
-export default function useAppLang() {
-    const [isLoading, setIsLoading] = useState<boolean>(true);
-    const [error, setError] = useState<string>();
-    const [lang, setLang] = useState<string>('');
-
-    const _fetchLang = async () => {
-        try {
-            const res = await fetch('/global-lang', {method: 'GET'});
-
-            // make the promise be rejected if we didn't get a 2xx response
-            if (!res.ok) {
-                throw new Error(
-                    res.status === 404
-                        ? 'Unable to connect to server. Please check your Internet connection.'
-                        : res.statusText,
-                    {cause: res}
-                );
-            }
-
-            const resContent = await res.text();
-            setLang(resContent);
-        } catch (err) {
-            setError(err.message);
-        } finally {
-            setIsLoading(false);
-        }
-    };
-
-    useEffect(() => {
-        _fetchLang();
-    }, []);
-
-    return {lang, error, loading: isLoading};
-}

package/src/hooks/useAuth/index.ts

@@ -1,4 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default} from './useAuth';

package/src/hooks/useAuth/useAuth.ts

@@ -1,23 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-
-import useRefreshToken from '../useRefreshToken';
-
-interface IAuthHook {
-    logout: () => Promise<void>;
-}
-
-function useAuth(): IAuthHook {
-    const {setRefreshToken} = useRefreshToken();
-
-    return {
-        logout: async () => {
-            await fetch('/auth/logout', {method: 'POST'});
-            setRefreshToken('');
-            window.location.reload();
-        }
-    };
-}
-
-export default useAuth;

package/src/hooks/useCanEditRecord/index.ts

@@ -1 +0,0 @@
-export {useCanEditRecord} from './useCanEditRecord';

package/src/hooks/useCanEditRecord/useCanEditRecord.test.tsx

@@ -1,195 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {QueryResult} from '@apollo/client';
-import {Mockify} from '@leav/utils';
-import * as gqlTypes from '_ui/_gqlTypes';
-import {render, screen} from '../../_tests/testUtils';
-import {useCanEditRecord} from './useCanEditRecord';
-
-describe('useCanEditRecord', () => {
-    const mockLib = {id: 'my_lib'};
-    const mockRecordId = '123456';
-
-    test('If record is editable, returns true', async () => {
-        const mockResultIsAllowed: Mockify<typeof gqlTypes.useIsAllowedQuery> = {
-            loading: false,
-            data: {
-                isAllowed: [
-                    {
-                        name: gqlTypes.PermissionsActions.create_record,
-                        allowed: true
-                    },
-                    {
-                        name: gqlTypes.PermissionsActions.access_record,
-                        allowed: true
-                    },
-                    {
-                        name: gqlTypes.PermissionsActions.edit_record,
-                        allowed: true
-                    },
-                    {
-                        name: gqlTypes.PermissionsActions.delete_record,
-                        allowed: true
-                    }
-                ]
-            },
-            called: true
-        };
-        const spy = jest
-            .spyOn(gqlTypes, 'useIsAllowedQuery')
-            .mockImplementation(
-                () => mockResultIsAllowed as QueryResult<gqlTypes.IsAllowedQuery, gqlTypes.IsAllowedQueryVariables>
-            );
-
-        const ComponentUsingHook = () => {
-            const {loading, canEdit} = useCanEditRecord(mockLib, mockRecordId);
-
-            return loading ? <>LOADING</> : <div data-testid="elem">{canEdit ? 'CAN_EDIT' : 'CANNOT_EDIT'}</div>;
-        };
-
-        render(<ComponentUsingHook />);
-
-        expect(screen.getByTestId('elem')).toHaveTextContent('CAN_EDIT');
-
-        spy.mockRestore();
-    });
-
-    test('If record is not editable, return false', async () => {
-        const mockResultIsAllowed: Mockify<typeof gqlTypes.useIsAllowedQuery> = {
-            loading: false,
-            data: {
-                isAllowed: [
-                    {
-                        name: gqlTypes.PermissionsActions.create_record,
-                        allowed: true
-                    },
-                    {
-                        name: gqlTypes.PermissionsActions.access_record,
-                        allowed: false
-                    },
-                    {
-                        name: gqlTypes.PermissionsActions.edit_record,
-                        allowed: false
-                    },
-                    {
-                        name: gqlTypes.PermissionsActions.delete_record,
-                        allowed: true
-                    }
-                ]
-            },
-            called: true
-        };
-        const spy = jest
-            .spyOn(gqlTypes, 'useIsAllowedQuery')
-            .mockImplementation(
-                () => mockResultIsAllowed as QueryResult<gqlTypes.IsAllowedQuery, gqlTypes.IsAllowedQueryVariables>
-            );
-
-        const ComponentUsingHook = () => {
-            const {loading, canEdit, isReadOnly} = useCanEditRecord(mockLib, mockRecordId);
-
-            return loading ? (
-                <>LOADING</>
-            ) : (
-                <>
-                    <div data-testid="can-edit">{canEdit ? 'CAN_EDIT' : 'CANNOT_EDIT'}</div>
-                    <div data-testid="is-read-only">{isReadOnly ? 'READ_ONLY' : 'NOT_READ_ONLY'}</div>
-                </>
-            );
-        };
-
-        render(<ComponentUsingHook />);
-
-        expect(screen.getByTestId('can-edit')).toHaveTextContent('CANNOT_EDIT');
-        expect(screen.getByTestId('is-read-only')).toHaveTextContent('READ_ONLY');
-
-        spy.mockRestore();
-    });
-
-    test('If record is not specified, use creation permission on library', async () => {
-        const mockResultLibraryPermissions: Mockify<typeof gqlTypes.useGetLibraryPermissionsQuery> = {
-            loading: false,
-            data: {
-                libraries: {
-                    list: [
-                        {
-                            permissions: {
-                                [gqlTypes.PermissionsActions.access_library]: true,
-                                [gqlTypes.PermissionsActions.create_record]: true,
-                                [gqlTypes.PermissionsActions.access_record]: true,
-                                [gqlTypes.PermissionsActions.edit_record]: true,
-                                [gqlTypes.PermissionsActions.delete_record]: true
-                            }
-                        }
-                    ]
-                }
-            },
-            called: true
-        };
-        const spy = jest
-            .spyOn(gqlTypes, 'useGetLibraryPermissionsQuery')
-            .mockImplementation(
-                () =>
-                    mockResultLibraryPermissions as QueryResult<
-                        gqlTypes.GetLibraryPermissionsQuery,
-                        gqlTypes.GetLibraryPermissionsQueryVariables
-                    >
-            );
-
-        const ComponentUsingHook = () => {
-            const {loading, canEdit} = useCanEditRecord(mockLib);
-
-            return loading ? <>LOADING</> : <div data-testid="elem">{canEdit ? 'CAN_EDIT' : 'CANNOT_EDIT'}</div>;
-        };
-
-        render(<ComponentUsingHook />);
-
-        expect(screen.getByTestId('elem')).toHaveTextContent('CAN_EDIT');
-
-        spy.mockRestore();
-    });
-
-    test('If record is not specified, use creation permission on library. Returns false', async () => {
-        const mockResultLibraryPermissions: Mockify<typeof gqlTypes.useGetLibraryPermissionsQuery> = {
-            loading: false,
-            data: {
-                libraries: {
-                    list: [
-                        {
-                            permissions: {
-                                [gqlTypes.PermissionsActions.access_library]: true,
-                                [gqlTypes.PermissionsActions.create_record]: false,
-                                [gqlTypes.PermissionsActions.access_record]: true,
-                                [gqlTypes.PermissionsActions.edit_record]: true,
-                                [gqlTypes.PermissionsActions.delete_record]: true
-                            }
-                        }
-                    ]
-                }
-            },
-            called: true
-        };
-        const spy = jest
-            .spyOn(gqlTypes, 'useGetLibraryPermissionsQuery')
-            .mockImplementation(
-                () =>
-                    mockResultLibraryPermissions as QueryResult<
-                        gqlTypes.GetLibraryPermissionsQuery,
-                        gqlTypes.GetLibraryPermissionsQueryVariables
-                    >
-            );
-
-        const ComponentUsingHook = () => {
-            const {loading, canEdit} = useCanEditRecord(mockLib);
-
-            return loading ? <>LOADING</> : <div data-testid="elem">{canEdit ? 'CAN_EDIT' : 'CANNOT_EDIT'}</div>;
-        };
-
-        render(<ComponentUsingHook />);
-
-        expect(screen.getByTestId('elem')).toHaveTextContent('CANNOT_EDIT');
-
-        spy.mockRestore();
-    });
-});