@leav/ui 0.2.6 → 0.2.8

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,27 +1,34 @@
-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;
@@ -36,39 +43,50 @@ 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();
@@ -82,24 +100,27 @@ 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);
     };
@@ -110,14 +131,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);
@@ -125,7 +146,7 @@ function ValuesAdd({ attribute, onAdd, onClose }) {
     const _handleCloseCreateRecordModal = () => {
         setIsCreateRecordModalVisible(false);
     };
-    const _handleSearchModalSubmit = async ({ selected }) => {
+    const _handleSearchModalSubmit = async ({selected}) => {
         if (!selected.length) {
             return;
         }
@@ -143,14 +164,18 @@ 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);
@@ -166,7 +191,7 @@ function ValuesAdd({ attribute, onAdd, onClose }) {
             });
         }
     };
-    const _handleSearchPageChange = (page) => {
+    const _handleSearchPageChange = page => {
         if (!searchInputRef.current.input.value) {
             return;
         }
@@ -180,7 +205,7 @@ function ValuesAdd({ attribute, onAdd, onClose }) {
             }
         });
     };
-    const _handleAfterCreateRecord = (record) => {
+    const _handleAfterCreateRecord = record => {
         onAdd([
             {
                 id: record.id,
@@ -188,27 +213,243 @@ 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,5 +1,11 @@
 /// <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;