@leav/ui 0.2.8 → 0.3.0

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/ValuesAdd/ValuesAdd.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import {IRecordIdentity} from '../../../../../../types/records';
-import {RecordFormAttributeLinkAttributeFragment} from '../../../../../../_gqlTypes';
+import { IRecordIdentity } from '../../../../../../types/records';
+import { RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
 interface IValuesAddProps {
     attribute: RecordFormAttributeLinkAttributeFragment;
     onAdd: (values: IRecordIdentity[]) => void;
     onClose: () => void;
 }
-declare function ValuesAdd({attribute, onAdd, onClose}: IValuesAddProps): JSX.Element;
+declare function ValuesAdd({ attribute, onAdd, onClose }: IValuesAddProps): JSX.Element;
 export default ValuesAdd;

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/ValuesAdd/ValuesAdd.js

@@ -1,34 +1,27 @@
-import {jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // 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 {
-    BulbOutlined,
-    CloseOutlined,
-    CloudUploadOutlined,
-    FolderAddOutlined,
-    PlusOutlined,
-    SearchOutlined
-} from '@ant-design/icons';
-import {useLazyQuery} from '@apollo/client';
-import {localizedTranslation} from '@leav/utils';
-import {Button, Divider, Input, Space, Spin} from 'antd';
-import {useEffect, useRef, useState} from 'react';
+import { BulbOutlined, CloseOutlined, CloudUploadOutlined, FolderAddOutlined, PlusOutlined, SearchOutlined } from '@ant-design/icons';
+import { useLazyQuery } from '@apollo/client';
+import { localizedTranslation } from '@leav/utils';
+import { Button, Divider, Input, Space, Spin } from 'antd';
+import { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
-import {themeVars} from '../../../../../../antdTheme';
-import {CreateDirectory} from '../../../../../../components/CreateDirectory';
-import {ErrorDisplay} from '../../../../../../components/ErrorDisplay';
+import { themeVars } from '../../../../../../antdTheme';
+import { CreateDirectory } from '../../../../../../components/CreateDirectory';
+import { ErrorDisplay } from '../../../../../../components/ErrorDisplay';
 import List from '../../../../../../components/List';
-import {RecordCard} from '../../../../../../components/RecordCard';
+import { RecordCard } from '../../../../../../components/RecordCard';
 import EditRecordModal from '../../../../../../components/RecordEdition/EditRecordModal';
-import {SearchModal} from '../../../../../../components/SearchModal';
-import {UploadFiles} from '../../../../../../components/UploadFiles';
-import {PreviewSize} from '../../../../../../constants';
-import {useLang} from '../../../../../../hooks';
-import {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';
-import {LibraryBehavior} from '../../../../../../_gqlTypes';
-import {getRecordsFromLibraryQuery} from '../../../../../../_queries/records/getRecordsFromLibraryQuery';
-const Wrapper = styled.div`
+import { SearchModal } from '../../../../../../components/SearchModal';
+import { UploadFiles } from '../../../../../../components/UploadFiles';
+import { PreviewSize } from '../../../../../../constants';
+import { useLang } from '../../../../../../hooks';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { LibraryBehavior } from '../../../../../../_gqlTypes';
+import { getRecordsFromLibraryQuery } from '../../../../../../_queries/records/getRecordsFromLibraryQuery';
+const Wrapper = styled.div `
     background-color: ${themeVars.defaultBg};
     padding: 1em;
     z-index: 1;
@@ -43,50 +36,39 @@ const Wrapper = styled.div`
         margin-top: 5px;
     }
 `;
-const ListsWrapper = styled.div`
+const ListsWrapper = styled.div `
     max-height: 30rem;
     overflow-y: scroll;
 `;
-const SearchActions = styled.div`
+const SearchActions = styled.div `
     margin: 0 0 1em 0;
     width: 100%;
     display: flex;
     direction: row;
     align-items: center;
 `;
-const FooterWrapper = styled(Space)`
+const FooterWrapper = styled(Space) `
     padding-top: 1em;
     width: 100%;
     display: flex;
     justify-content: space-between;
 `;
-const SearchInput = styled(Input.Search)`
+const SearchInput = styled(Input.Search) `
     flex-grow: 1;
     margin-right: 1em;
 `;
-const CloseButton = styled(CloseOutlined)`
+const CloseButton = styled(CloseOutlined) `
     margin-left: 2em;
 `;
-const StartTypingMessage = styled.div`
+const StartTypingMessage = styled.div `
     padding: 0.5rem;
     font-style: italic;
 `;
-const _renderListItem = item =>
-    _jsx(
-        RecordCard,
-        {
-            record: item.whoAmI,
-            size: PreviewSize.small,
-            withLibrary: false,
-            simplistic: true,
-            style: {margin: '0.3rem 0'}
-        },
-        item.id
-    );
-function ValuesAdd({attribute, onAdd, onClose}) {
+const _renderListItem = (item) => (_jsx(RecordCard, { record: item.whoAmI, size: PreviewSize.small, withLibrary: false, simplistic: true, style: { margin: '0.3rem 0' } }, item.id));
+function ValuesAdd({ attribute, onAdd, onClose }) {
     var _a, _b, _c;
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
     const valuesList = attribute.linkValuesList.enable ? attribute.linkValuesList.values : [];
     const [filteredValuesList, setFilteredValuesList] = useState(valuesList);
     const wrapperRef = useRef();
@@ -100,27 +82,24 @@ function ValuesAdd({attribute, onAdd, onClose}) {
     const [searchCurrentPage, setSearchCurrentPage] = useState(1);
     const pageSize = 10;
     const canSearch = !attribute.linkValuesList.enable || attribute.linkValuesList.allowFreeEntry;
-    const canCreateRecord =
-        attribute.linked_library.permissions.create_record &&
+    const canCreateRecord = attribute.linked_library.permissions.create_record &&
         attribute.linked_library.behavior !== LibraryBehavior.files &&
         attribute.linked_library.behavior !== LibraryBehavior.directories;
-    const canUploadFile =
-        attribute.linked_library.permissions.create_record &&
+    const canUploadFile = attribute.linked_library.permissions.create_record &&
         attribute.linked_library.behavior === LibraryBehavior.files;
-    const canCreateDirectory =
-        attribute.linked_library.permissions.create_record &&
+    const canCreateDirectory = attribute.linked_library.permissions.create_record &&
         attribute.linked_library.behavior === LibraryBehavior.directories;
-    const [runSearch, {loading, error, data: searchData}] = useLazyQuery(getRecordsFromLibraryQuery([], true));
+    const [runSearch, { loading, error, data: searchData }] = useLazyQuery(getRecordsFromLibraryQuery([], true));
     useEffect(() => {
         var _a;
-        wrapperRef.current.scrollIntoView({block: 'nearest'});
+        wrapperRef.current.scrollIntoView({ block: 'nearest' });
         (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
-    const _handleItemClick = valueListItem => {
+    const _handleItemClick = (valueListItem) => {
         onAdd([valueListItem]);
     };
     const _handleClose = () => onClose();
-    const _handleSelectionChange = selection => setSelectedValues(selection);
+    const _handleSelectionChange = (selection) => setSelectedValues(selection);
     const _handleSubmit = () => {
         onAdd(selectedValues);
     };
@@ -131,14 +110,14 @@ function ValuesAdd({attribute, onAdd, onClose}) {
     const _handleCloseUploadFiles = () => setIsUploadFilesModalVisible(false);
     const _handleClickCreateDirectoryModal = () => setIsCreateDirectoryModalVisible(true);
     const _handleCloseCreateDirectoryModal = () => setIsCreateDirectoryModalVisible(false);
-    const _onUploadFilesCompleted = async data => {
+    const _onUploadFilesCompleted = async (data) => {
         const toAdd = data.map(d => {
-            return {id: d.record.id, whoAmI: d.record.whoAmI};
+            return { id: d.record.id, whoAmI: d.record.whoAmI };
         });
         onAdd(toAdd);
     };
-    const _onCreateDirectoryCompleted = async data => {
-        onAdd([{id: data.id, whoAmI: data.whoAmI}]);
+    const _onCreateDirectoryCompleted = async (data) => {
+        onAdd([{ id: data.id, whoAmI: data.whoAmI }]);
     };
     const _handleOpenCreateRecordModal = () => {
         setIsCreateRecordModalVisible(true);
@@ -146,7 +125,7 @@ function ValuesAdd({attribute, onAdd, onClose}) {
     const _handleCloseCreateRecordModal = () => {
         setIsCreateRecordModalVisible(false);
     };
-    const _handleSearchModalSubmit = async ({selected}) => {
+    const _handleSearchModalSubmit = async ({ selected }) => {
         if (!selected.length) {
             return;
         }
@@ -164,18 +143,14 @@ function ValuesAdd({attribute, onAdd, onClose}) {
         }));
         onAdd(valuesToSave);
     };
-    const _handleSearchSubmit = submittedSearch => {
+    const _handleSearchSubmit = (submittedSearch) => {
         setValuesListCurrentPage(1);
         setSearchCurrentPage(1);
         if (valuesList.length) {
             const newValuesList = valuesList.filter(value => {
                 var _a, _b;
                 const regex = new RegExp(submittedSearch.toLowerCase());
-                const label =
-                    (_b = String((_a = value.whoAmI) === null || _a === void 0 ? void 0 : _a.label)) !== null &&
-                    _b !== void 0
-                        ? _b
-                        : '';
+                const label = (_b = String((_a = value.whoAmI) === null || _a === void 0 ? void 0 : _a.label)) !== null && _b !== void 0 ? _b : '';
                 return !submittedSearch || value.id.match(regex) || label.toLowerCase().match(regex);
             });
             setFilteredValuesList(newValuesList);
@@ -191,7 +166,7 @@ function ValuesAdd({attribute, onAdd, onClose}) {
             });
         }
     };
-    const _handleSearchPageChange = page => {
+    const _handleSearchPageChange = (page) => {
         if (!searchInputRef.current.input.value) {
             return;
         }
@@ -205,7 +180,7 @@ function ValuesAdd({attribute, onAdd, onClose}) {
             }
         });
     };
-    const _handleAfterCreateRecord = record => {
+    const _handleAfterCreateRecord = (record) => {
         onAdd([
             {
                 id: record.id,
@@ -213,243 +188,27 @@ function ValuesAdd({attribute, onAdd, onClose}) {
             }
         ]);
     };
-    const currentSearch =
-        (_b =
-            (_a = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) === null ||
-            _a === void 0
-                ? void 0
-                : _a.input) === null || _b === void 0
-            ? void 0
-            : _b.value;
-    const searchResult =
-        searchData && currentSearch
-            ? searchData.records.list.map(record => ({
-                  id: record.whoAmI.id,
-                  whoAmI: record.whoAmI
-              }))
-            : [];
+    const currentSearch = (_b = (_a = searchInputRef === null || searchInputRef === void 0 ? void 0 : searchInputRef.current) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.value;
+    const searchResult = searchData && currentSearch
+        ? searchData.records.list.map(record => ({
+            id: record.whoAmI.id,
+            whoAmI: record.whoAmI
+        }))
+        : [];
     const listCommonProps = {
         onItemClick: _handleItemClick,
         renderItemContent: _renderListItem,
         selectable: attribute.multiple_values,
         selectedItems: selectedValues,
         onSelectionChange: _handleSelectionChange,
-        locale: {emptyText: t('record_edition.no_matching_value')}
+        locale: { emptyText: t('record_edition.no_matching_value') }
     };
     const paginationCommonProps = {
         simple: true,
         pageSize,
         current: valuesListCurrentPage
     };
-    return _jsxs(_Fragment, {
-        children: [
-            _jsxs(
-                Wrapper,
-                Object.assign(
-                    {'data-testid': 'values-add', ref: wrapperRef},
-                    {
-                        children: [
-                            _jsxs(SearchActions, {
-                                children: [
-                                    _jsx(SearchInput, {
-                                        placeholder: t('record_edition.search_elements'),
-                                        onSearch: _handleSearchSubmit,
-                                        loading: loading,
-                                        allowClear: true,
-                                        ref: searchInputRef,
-                                        'aria-label': t('record_edition.search_elements')
-                                    }),
-                                    _jsx(CloseButton, {onClick: _handleClose, role: 'button'})
-                                ]
-                            }),
-                            _jsxs(ListsWrapper, {
-                                children: [
-                                    !filteredValuesList.length && !searchResult.length && currentSearch
-                                        ? t('record_edition.no_matching_value')
-                                        : _jsx(_Fragment, {}),
-                                    !!filteredValuesList.length &&
-                                        _jsxs(_Fragment, {
-                                            children: [
-                                                _jsx(
-                                                    Divider,
-                                                    Object.assign(
-                                                        {orientation: 'left'},
-                                                        {children: t('record_edition.values_list')}
-                                                    )
-                                                ),
-                                                _jsx(
-                                                    List,
-                                                    Object.assign({}, listCommonProps, {
-                                                        'data-testid': 'values_list',
-                                                        dataSource: filteredValuesList,
-                                                        pagination: false
-                                                    })
-                                                )
-                                            ]
-                                        }),
-                                    canSearch &&
-                                        !!searchResult.length &&
-                                        _jsxs(_Fragment, {
-                                            children: [
-                                                _jsx(
-                                                    Divider,
-                                                    Object.assign(
-                                                        {orientation: 'left'},
-                                                        {
-                                                            children: localizedTranslation(
-                                                                attribute.linked_library.label,
-                                                                lang
-                                                            )
-                                                        }
-                                                    )
-                                                ),
-                                                loading && _jsx(Spin, {}),
-                                                error && _jsx(ErrorDisplay, {message: error.message}),
-                                                !loading &&
-                                                    !error &&
-                                                    _jsx(
-                                                        List,
-                                                        Object.assign({}, listCommonProps, {
-                                                            'data-testid': 'search_result',
-                                                            dataSource: searchResult,
-                                                            pagination: Object.assign(
-                                                                Object.assign({}, paginationCommonProps),
-                                                                {
-                                                                    total:
-                                                                        (_c =
-                                                                            searchData === null || searchData === void 0
-                                                                                ? void 0
-                                                                                : searchData.records.totalCount) !==
-                                                                            null && _c !== void 0
-                                                                            ? _c
-                                                                            : 0,
-                                                                    current: searchCurrentPage,
-                                                                    onChange: _handleSearchPageChange
-                                                                }
-                                                            )
-                                                        })
-                                                    )
-                                            ]
-                                        }),
-                                    canSearch &&
-                                        !currentSearch &&
-                                        _jsxs(StartTypingMessage, {
-                                            children: [
-                                                _jsx(BulbOutlined, {}),
-                                                ' ',
-                                                t('record_edition.start_typing_message')
-                                            ]
-                                        })
-                                ]
-                            }),
-                            _jsxs(FooterWrapper, {
-                                children: [
-                                    _jsxs(Space, {
-                                        children: [
-                                            canSearch &&
-                                                _jsx(
-                                                    Button,
-                                                    Object.assign(
-                                                        {
-                                                            size: 'small',
-                                                            icon: _jsx(SearchOutlined, {}),
-                                                            onClick: _handleClickAdvancedSearch
-                                                        },
-                                                        {children: t('record_edition.advanced_search')}
-                                                    )
-                                                ),
-                                            canCreateRecord &&
-                                                _jsx(
-                                                    Button,
-                                                    Object.assign(
-                                                        {
-                                                            size: 'small',
-                                                            icon: _jsx(PlusOutlined, {}),
-                                                            onClick: _handleOpenCreateRecordModal
-                                                        },
-                                                        {children: t('record_edition.new_record')}
-                                                    )
-                                                ),
-                                            canUploadFile &&
-                                                _jsx(
-                                                    Button,
-                                                    Object.assign(
-                                                        {
-                                                            size: 'small',
-                                                            icon: _jsx(CloudUploadOutlined, {}),
-                                                            onClick: _handleClickUploadFiles
-                                                        },
-                                                        {children: t('upload.title')}
-                                                    )
-                                                ),
-                                            canCreateDirectory &&
-                                                _jsx(
-                                                    Button,
-                                                    Object.assign(
-                                                        {
-                                                            size: 'small',
-                                                            icon: _jsx(FolderAddOutlined, {}),
-                                                            onClick: _handleClickCreateDirectoryModal
-                                                        },
-                                                        {children: t('create_directory.title')}
-                                                    )
-                                                )
-                                        ]
-                                    }),
-                                    _jsxs(Space, {
-                                        children: [
-                                            _jsx(
-                                                Button,
-                                                Object.assign(
-                                                    {size: 'small', onClick: _handleClose},
-                                                    {children: t('global.cancel')}
-                                                )
-                                            ),
-                                            _jsx(
-                                                Button,
-                                                Object.assign(
-                                                    {type: 'primary', size: 'small', onClick: _handleSubmit},
-                                                    {children: t('global.submit')}
-                                                )
-                                            )
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    }
-                )
-            ),
-            isSearchModalVisible &&
-                _jsx(SearchModal, {
-                    libId: attribute.linked_library.id,
-                    visible: isSearchModalVisible,
-                    setVisible: setIsSearchModalVisible,
-                    submitAction: _handleSearchModalSubmit
-                }),
-            isCreateRecordModalVisible &&
-                _jsx(EditRecordModal, {
-                    open: isCreateRecordModalVisible,
-                    library: attribute.linked_library.id,
-                    record: null,
-                    onClose: _handleCloseCreateRecordModal,
-                    afterCreate: _handleAfterCreateRecord
-                }),
-            isUploadFilesModalVisible &&
-                _jsx(UploadFiles, {
-                    libraryId: attribute.linked_library.id,
-                    multiple: attribute.multiple_values,
-                    onCompleted: _onUploadFilesCompleted,
-                    onClose: _handleCloseUploadFiles
-                }),
-            isCreateDirectoryModalVisible &&
-                _jsx(CreateDirectory, {
-                    libraryId: attribute.linked_library.id,
-                    onCompleted: _onCreateDirectoryCompleted,
-                    onClose: _handleCloseCreateDirectoryModal
-                })
-        ]
-    });
+    return (_jsxs(_Fragment, { children: [_jsxs(Wrapper, Object.assign({ "data-testid": "values-add", ref: wrapperRef }, { children: [_jsxs(SearchActions, { children: [_jsx(SearchInput, { placeholder: t('record_edition.search_elements'), onSearch: _handleSearchSubmit, loading: loading, allowClear: true, ref: searchInputRef, "aria-label": t('record_edition.search_elements') }), _jsx(CloseButton, { onClick: _handleClose, role: "button" })] }), _jsxs(ListsWrapper, { children: [!filteredValuesList.length && !searchResult.length && currentSearch ? (t('record_edition.no_matching_value')) : (_jsx(_Fragment, {})), !!filteredValuesList.length && (_jsxs(_Fragment, { children: [_jsx(Divider, Object.assign({ orientation: "left" }, { children: t('record_edition.values_list') })), _jsx(List, Object.assign({}, listCommonProps, { "data-testid": "values_list", dataSource: filteredValuesList, pagination: false }))] })), canSearch && !!searchResult.length && (_jsxs(_Fragment, { children: [_jsx(Divider, Object.assign({ orientation: "left" }, { children: localizedTranslation(attribute.linked_library.label, lang) })), loading && _jsx(Spin, {}), error && _jsx(ErrorDisplay, { message: error.message }), !loading && !error && (_jsx(List, Object.assign({}, listCommonProps, { "data-testid": "search_result", dataSource: searchResult, pagination: Object.assign(Object.assign({}, paginationCommonProps), { total: (_c = searchData === null || searchData === void 0 ? void 0 : searchData.records.totalCount) !== null && _c !== void 0 ? _c : 0, current: searchCurrentPage, onChange: _handleSearchPageChange }) })))] })), canSearch && !currentSearch && (_jsxs(StartTypingMessage, { children: [_jsx(BulbOutlined, {}), " ", t('record_edition.start_typing_message')] }))] }), _jsxs(FooterWrapper, { children: [_jsxs(Space, { children: [canSearch && (_jsx(Button, Object.assign({ size: "small", icon: _jsx(SearchOutlined, {}), onClick: _handleClickAdvancedSearch }, { children: t('record_edition.advanced_search') }))), canCreateRecord && (_jsx(Button, Object.assign({ size: "small", icon: _jsx(PlusOutlined, {}), onClick: _handleOpenCreateRecordModal }, { children: t('record_edition.new_record') }))), canUploadFile && (_jsx(Button, Object.assign({ size: "small", icon: _jsx(CloudUploadOutlined, {}), onClick: _handleClickUploadFiles }, { children: t('upload.title') }))), canCreateDirectory && (_jsx(Button, Object.assign({ size: "small", icon: _jsx(FolderAddOutlined, {}), onClick: _handleClickCreateDirectoryModal }, { children: t('create_directory.title') })))] }), _jsxs(Space, { children: [_jsx(Button, Object.assign({ size: "small", onClick: _handleClose }, { children: t('global.cancel') })), _jsx(Button, Object.assign({ type: "primary", size: "small", onClick: _handleSubmit }, { children: t('global.submit') }))] })] })] })), isSearchModalVisible && (_jsx(SearchModal, { libId: attribute.linked_library.id, visible: isSearchModalVisible, setVisible: setIsSearchModalVisible, submitAction: _handleSearchModalSubmit })), isCreateRecordModalVisible && (_jsx(EditRecordModal, { open: isCreateRecordModalVisible, library: attribute.linked_library.id, record: null, onClose: _handleCloseCreateRecordModal, afterCreate: _handleAfterCreateRecord })), isUploadFilesModalVisible && (_jsx(UploadFiles, { libraryId: attribute.linked_library.id, multiple: attribute.multiple_values, onCompleted: _onUploadFilesCompleted, onClose: _handleCloseUploadFiles })), isCreateDirectoryModalVisible && (_jsx(CreateDirectory, { libraryId: attribute.linked_library.id, onCompleted: _onCreateDirectoryCompleted, onClose: _handleCloseCreateDirectoryModal }))] }));
 }
 export default ValuesAdd;
-//# sourceMappingURL=ValuesAdd.js.map
+//# sourceMappingURL=ValuesAdd.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/ValuesAdd/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ValuesAdd from './ValuesAdd';
 export default ValuesAdd;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/LinkField/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import LinkField from './LinkField';
 export default LinkField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/StandardField/StandardField.d.ts

@@ -1,11 +1,5 @@
 /// <reference types="react" />
-import {ICommonFieldsSettings} from '@leav/utils';
-import {IFormElementProps} from '../../_types';
-declare function StandardField({
-    element,
-    onValueSubmit,
-    onValueDelete,
-    onDeleteMultipleValues,
-    metadataEdit
-}: IFormElementProps<ICommonFieldsSettings>): JSX.Element;
+import { ICommonFieldsSettings } from '@leav/utils';
+import { IFormElementProps } from '../../_types';
+declare function StandardField({ element, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit }: IFormElementProps<ICommonFieldsSettings>): JSX.Element;
 export default StandardField;