@leav/ui 0.2.6 → 0.2.8

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryInfo/EditLibraryInfoForm/EditLibraryInfoForm.js

@@ -1,50 +1,56 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var __rest =
+    (this && this.__rest) ||
+    function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+            }
+        return t;
+    };
+import {jsx as _jsx, jsxs as _jsxs} 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 { CloseOutlined } from '@ant-design/icons';
-import { idFormatRegex, localizedTranslation, slugifyString } from '@leav/utils';
-import { Form, Input, Select } from 'antd';
-import { useState } from 'react';
+import {CloseOutlined} from '@ant-design/icons';
+import {idFormatRegex, localizedTranslation, slugifyString} from '@leav/utils';
+import {Form, Input, Select} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { useLang } from '../../../../../hooks';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { AttributeType, LibraryBehavior } from '../../../../../_gqlTypes';
+import {useLang} from '../../../../../hooks';
+import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
+import {AttributeType, LibraryBehavior} from '../../../../../_gqlTypes';
 import FieldsGroup from '../../../../FieldsGroup';
-import { SubmitStateNotifier } from '../../../../SubmitStateNotifier';
-const SelectFormItem = styled(Form.Item) `
+import {SubmitStateNotifier} from '../../../../SubmitStateNotifier';
+const SelectFormItem = styled(Form.Item)`
     .ant-form-item-extra {
         min-height: 0;
     }
 `;
-function EditLibraryInfoForm({ form, library, onSubmitField, onCheckLibraryUniqueness, loading, readOnly }) {
+function EditLibraryInfoForm({form, library, onSubmitField, onCheckLibraryUniqueness, loading, readOnly}) {
     var _a, _b, _c, _d;
-    const { t } = useSharedTranslation();
-    const { lang, availableLangs, defaultLang } = useLang();
+    const {t} = useSharedTranslation();
+    const {lang, availableLangs, defaultLang} = useLang();
     const isEditing = !!library;
     const [hasIdBeenEdited, setHasIdBeenEdited] = useState(false);
     const [runningFieldsSubmit, setRunningFieldsSubmit] = useState([]);
     const [processedFieldsSubmit, setProcessedFieldsSubmit] = useState([]);
-    const isReadOnly = readOnly || (isEditing && !((_a = library === null || library === void 0 ? void 0 : library.permissions) === null || _a === void 0 ? void 0 : _a.admin_library));
-    const _getRequiredMessage = (field) => t('errors.field_required', {
-        interpolation: { escapeValue: false },
-        fieldName: t(`libraries.${field}`)
-    });
-    const _handleLabelChange = (labelLang) => (e) => {
+    const isReadOnly =
+        readOnly ||
+        (isEditing &&
+            !((_a = library === null || library === void 0 ? void 0 : library.permissions) === null || _a === void 0
+                ? void 0
+                : _a.admin_library));
+    const _getRequiredMessage = field =>
+        t('errors.field_required', {
+            interpolation: {escapeValue: false},
+            fieldName: t(`libraries.${field}`)
+        });
+    const _handleLabelChange = labelLang => e => {
         // If ID hasn't been edited manually, generate it from label
         if (!isEditing && labelLang === defaultLang && !hasIdBeenEdited) {
-            form.setFieldsValue({ id: slugifyString(e.target.value) });
+            form.setFieldsValue({id: slugifyString(e.target.value)});
         }
     };
     const _handleIdChange = () => {
@@ -67,15 +73,15 @@ function EditLibraryInfoForm({ form, library, onSubmitField, onCheckLibraryUniqu
         setProcessedFieldsSubmit([...processedFieldsSubmit, field]);
         setRunningFieldsSubmit(runningFieldsSubmit.filter(f => f !== field));
     };
-    const _handleSelectChange = (field) => (value) => {
+    const _handleSelectChange = field => value => {
         _handleFieldSubmit(field, value);
     };
-    const _handleBlur = (field) => async (e) => {
+    const _handleBlur = field => async e => {
         if (isEditing) {
             _handleFieldSubmit(field, e.target.value);
         }
     };
-    const _handleSubmitOnEnter = (field) => (e) => {
+    const _handleSubmitOnEnter = field => e => {
         // If shift is pressed, don't submit
         if (e.shiftKey || !isEditing) {
             return;
@@ -85,31 +91,43 @@ function EditLibraryInfoForm({ form, library, onSubmitField, onCheckLibraryUniqu
             _handleFieldSubmit(field, e.currentTarget.value);
         }
     };
-    const _e = library !== null && library !== void 0 ? library : {}, { label: libLabel, recordIdentityConf: libRecordIdentityConf } = _e, librarySettings = __rest(_e, ["label", "recordIdentityConf"]);
+    const _e = library !== null && library !== void 0 ? library : {},
+        {label: libLabel, recordIdentityConf: libRecordIdentityConf} = _e,
+        librarySettings = __rest(_e, ['label', 'recordIdentityConf']);
     const label = libLabel
-        ? Object.assign({}, availableLangs.reduce((acc, availableLang) => {
-            var _a;
-            acc[`label_${availableLang}`] = (_a = library.label[availableLang]) !== null && _a !== void 0 ? _a : '';
-            return acc;
-        }, {})) : {};
-    const recordIdentityConf = Object.keys(libRecordIdentityConf !== null && libRecordIdentityConf !== void 0 ? libRecordIdentityConf : {})
+        ? Object.assign(
+              {},
+              availableLangs.reduce((acc, availableLang) => {
+                  var _a;
+                  acc[`label_${availableLang}`] =
+                      (_a = library.label[availableLang]) !== null && _a !== void 0 ? _a : '';
+                  return acc;
+              }, {})
+          )
+        : {};
+    const recordIdentityConf = Object.keys(
+        libRecordIdentityConf !== null && libRecordIdentityConf !== void 0 ? libRecordIdentityConf : {}
+    )
         .filter(key => key !== '__typename')
         .reduce((acc, confKey) => {
-        var _a;
-        return (Object.assign(Object.assign({}, acc), { [`recordIdentityConf_${confKey}`]: (_a = libRecordIdentityConf[confKey]) !== null && _a !== void 0 ? _a : null }));
-    }, {});
-    const formInitValues = Object.assign(Object.assign(Object.assign({ behavior: LibraryBehavior.standard }, librarySettings), label), recordIdentityConf);
-    const _getFieldState = (field) => {
+            var _a;
+            return Object.assign(Object.assign({}, acc), {
+                [`recordIdentityConf_${confKey}`]:
+                    (_a = libRecordIdentityConf[confKey]) !== null && _a !== void 0 ? _a : null
+            });
+        }, {});
+    const formInitValues = Object.assign(
+        Object.assign(Object.assign({behavior: LibraryBehavior.standard}, librarySettings), label),
+        recordIdentityConf
+    );
+    const _getFieldState = field => {
         if (runningFieldsSubmit.find(f => f === field)) {
             return 'processing';
-        }
-        else if (processedFieldsSubmit.find(f => f === field)) {
+        } else if (processedFieldsSubmit.find(f => f === field)) {
             return 'success';
-        }
-        else if (form.getFieldError(field).length) {
+        } else if (form.getFieldError(field).length) {
             return 'error';
-        }
-        else {
+        } else {
             return 'idle';
         }
     };
@@ -123,15 +141,29 @@ function EditLibraryInfoForm({ form, library, onSubmitField, onCheckLibraryUniqu
         value: b,
         label: t(`libraries.behavior_${b}`)
     }));
-    const attributesOptions = ((_b = library === null || library === void 0 ? void 0 : library.attributes) !== null && _b !== void 0 ? _b : []).map(_toAttributeSelectOption);
-    const filesLinkAttributesOptions = ((_c = library === null || library === void 0 ? void 0 : library.attributes) !== null && _c !== void 0 ? _c : [])
+    const attributesOptions = ((_b = library === null || library === void 0 ? void 0 : library.attributes) !== null &&
+    _b !== void 0
+        ? _b
+        : []
+    ).map(_toAttributeSelectOption);
+    const filesLinkAttributesOptions = ((_c = library === null || library === void 0 ? void 0 : library.attributes) !==
+        null && _c !== void 0
+        ? _c
+        : []
+    )
         .filter(a => {
-        var _a;
-        return (a.type === AttributeType.simple_link || a.type === AttributeType.advanced_link) &&
-            ((_a = a.linked_library) === null || _a === void 0 ? void 0 : _a.behavior) === LibraryBehavior.files;
-    })
+            var _a;
+            return (
+                (a.type === AttributeType.simple_link || a.type === AttributeType.advanced_link) &&
+                ((_a = a.linked_library) === null || _a === void 0 ? void 0 : _a.behavior) === LibraryBehavior.files
+            );
+        })
         .map(_toAttributeSelectOption);
-    const treeAttributesOptions = ((_d = library === null || library === void 0 ? void 0 : library.attributes) !== null && _d !== void 0 ? _d : [])
+    const treeAttributesOptions = ((_d = library === null || library === void 0 ? void 0 : library.attributes) !==
+        null && _d !== void 0
+        ? _d
+        : []
+    )
         .filter(a => a.type === AttributeType.tree)
         .map(_toAttributeSelectOption);
     const recordIdentityFields = [
@@ -156,22 +188,159 @@ function EditLibraryInfoForm({ form, library, onSubmitField, onCheckLibraryUniqu
             options: treeAttributesOptions
         }
     ];
-    return (_jsxs(Form, Object.assign({ "aria-label": "application_form", form: form, labelCol: { span: 6 }, wrapperCol: { span: 24 }, initialValues: formInitValues, labelWrap: true, disabled: !isEditing && loading }, { children: [_jsx(FieldsGroup, Object.assign({ label: t('libraries.label') }, { children: availableLangs.map(availableLang => (_jsx(Form.Item, Object.assign({ name: `label_${availableLang}`, label: availableLang.toLowerCase(), labelCol: { span: 2 }, wrapperCol: { span: 22 }, rules: [
-                        { required: availableLang === defaultLang, message: t('errors.default_language_required') }
-                    ], style: { marginBottom: '0.5rem' } }, { children: _jsx(Input, { "aria-label": `label_${availableLang}`, onChange: _handleLabelChange(availableLang), onBlur: _handleBlur(`label_${availableLang}`), onKeyPress: _handleSubmitOnEnter(`label_${availableLang}`), disabled: isReadOnly || !!runningFieldsSubmit.find(f => f === `label_${availableLang}`), suffix: _jsx(SubmitStateNotifier, { state: _getFieldState(`label_${availableLang}`) }) }) }), `label_${availableLang}`))) }), "app_label"), _jsx(Form.Item, Object.assign({ name: "id", label: t('global.id'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [
-                    { required: true, message: _getRequiredMessage('id') },
-                    { pattern: idFormatRegex, message: t('errors.invalid_id_format') },
-                    {
-                        validateTrigger: ['onBlur', 'onSubmit'],
-                        validator: _handleLibraryUniquenessValidation,
-                        message: t('errors.id_already_exists')
-                    }
-                ], hasFeedback: true }, { children: _jsx(Input, { disabled: isReadOnly || isEditing, onChange: _handleIdChange }) }), "id"), _jsx(Form.Item, Object.assign({ name: "behavior", label: t('libraries.behavior'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [{ required: true, message: _getRequiredMessage('behavior') }], hasFeedback: true }, { children: _jsx(Select, { options: behaviorOptions, disabled: isReadOnly || isEditing, "aria-label": "" }) }), "behavior"), isEditing && (_jsx(FieldsGroup, Object.assign({ label: t('libraries.record_identity') }, { children: recordIdentityFields.map(({ fieldName, options }) => (_jsx(SelectFormItem, Object.assign({ name: `recordIdentityConf_${fieldName}`, label: t(`libraries.${fieldName}`), labelCol: { span: 6 }, style: { marginBottom: '0.5rem' }, extra: _jsx(SubmitStateNotifier, { state: _getFieldState(fieldName), style: {
-                            position: 'absolute',
-                            right: '35px',
-                            top: '0',
-                            transform: 'translateY(6px)'
-                        }, "aria-label": "" }) }, { children: _jsx(Select, { allowClear: { clearIcon: _jsx(CloseOutlined, {}) }, autoClearSearchValue: true, showSearch: true, onChange: _handleSelectChange(`recordIdentityConf_${fieldName}`), options: options, disabled: isReadOnly || !!runningFieldsSubmit.find(f => f === fieldName), "aria-label": "" }) }), fieldName))) }), "recordIdentityConf"))] })));
+    return _jsxs(
+        Form,
+        Object.assign(
+            {
+                'aria-label': 'application_form',
+                form: form,
+                labelCol: {span: 6},
+                wrapperCol: {span: 24},
+                initialValues: formInitValues,
+                labelWrap: true,
+                disabled: !isEditing && loading
+            },
+            {
+                children: [
+                    _jsx(
+                        FieldsGroup,
+                        Object.assign(
+                            {label: t('libraries.label')},
+                            {
+                                children: availableLangs.map(availableLang =>
+                                    _jsx(
+                                        Form.Item,
+                                        Object.assign(
+                                            {
+                                                name: `label_${availableLang}`,
+                                                label: availableLang.toLowerCase(),
+                                                labelCol: {span: 2},
+                                                wrapperCol: {span: 22},
+                                                rules: [
+                                                    {
+                                                        required: availableLang === defaultLang,
+                                                        message: t('errors.default_language_required')
+                                                    }
+                                                ],
+                                                style: {marginBottom: '0.5rem'}
+                                            },
+                                            {
+                                                children: _jsx(Input, {
+                                                    'aria-label': `label_${availableLang}`,
+                                                    onChange: _handleLabelChange(availableLang),
+                                                    onBlur: _handleBlur(`label_${availableLang}`),
+                                                    onKeyPress: _handleSubmitOnEnter(`label_${availableLang}`),
+                                                    disabled:
+                                                        isReadOnly ||
+                                                        !!runningFieldsSubmit.find(f => f === `label_${availableLang}`),
+                                                    suffix: _jsx(SubmitStateNotifier, {
+                                                        state: _getFieldState(`label_${availableLang}`)
+                                                    })
+                                                })
+                                            }
+                                        ),
+                                        `label_${availableLang}`
+                                    )
+                                )
+                            }
+                        ),
+                        'app_label'
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'id',
+                                label: t('global.id'),
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                rules: [
+                                    {required: true, message: _getRequiredMessage('id')},
+                                    {pattern: idFormatRegex, message: t('errors.invalid_id_format')},
+                                    {
+                                        validateTrigger: ['onBlur', 'onSubmit'],
+                                        validator: _handleLibraryUniquenessValidation,
+                                        message: t('errors.id_already_exists')
+                                    }
+                                ],
+                                hasFeedback: true
+                            },
+                            {children: _jsx(Input, {disabled: isReadOnly || isEditing, onChange: _handleIdChange})}
+                        ),
+                        'id'
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'behavior',
+                                label: t('libraries.behavior'),
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                rules: [{required: true, message: _getRequiredMessage('behavior')}],
+                                hasFeedback: true
+                            },
+                            {
+                                children: _jsx(Select, {
+                                    options: behaviorOptions,
+                                    disabled: isReadOnly || isEditing,
+                                    'aria-label': ''
+                                })
+                            }
+                        ),
+                        'behavior'
+                    ),
+                    isEditing &&
+                        _jsx(
+                            FieldsGroup,
+                            Object.assign(
+                                {label: t('libraries.record_identity')},
+                                {
+                                    children: recordIdentityFields.map(({fieldName, options}) =>
+                                        _jsx(
+                                            SelectFormItem,
+                                            Object.assign(
+                                                {
+                                                    name: `recordIdentityConf_${fieldName}`,
+                                                    label: t(`libraries.${fieldName}`),
+                                                    labelCol: {span: 6},
+                                                    style: {marginBottom: '0.5rem'},
+                                                    extra: _jsx(SubmitStateNotifier, {
+                                                        state: _getFieldState(fieldName),
+                                                        style: {
+                                                            position: 'absolute',
+                                                            right: '35px',
+                                                            top: '0',
+                                                            transform: 'translateY(6px)'
+                                                        },
+                                                        'aria-label': ''
+                                                    })
+                                                },
+                                                {
+                                                    children: _jsx(Select, {
+                                                        allowClear: {clearIcon: _jsx(CloseOutlined, {})},
+                                                        autoClearSearchValue: true,
+                                                        showSearch: true,
+                                                        onChange: _handleSelectChange(
+                                                            `recordIdentityConf_${fieldName}`
+                                                        ),
+                                                        options: options,
+                                                        disabled:
+                                                            isReadOnly ||
+                                                            !!runningFieldsSubmit.find(f => f === fieldName),
+                                                        'aria-label': ''
+                                                    })
+                                                }
+                                            ),
+                                            fieldName
+                                        )
+                                    )
+                                }
+                            ),
+                            'recordIdentityConf'
+                        )
+                ]
+            }
+        )
+    );
 }
 export default EditLibraryInfoForm;
-//# sourceMappingURL=EditLibraryInfoForm.js.map
+//# sourceMappingURL=EditLibraryInfoForm.js.map

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryInfo/EditLibraryInfoForm/index.d.ts

@@ -1 +1 @@
-export { default as EditLibraryInfoForm } from './EditLibraryInfoForm';
+export {default as EditLibraryInfoForm} from './EditLibraryInfoForm';

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryInfo/EditLibraryInfoForm/index.js

@@ -1,5 +1,5 @@
 // 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 EditLibraryInfoForm } from './EditLibraryInfoForm';
-//# sourceMappingURL=index.js.map
+export {default as EditLibraryInfoForm} from './EditLibraryInfoForm';
+//# sourceMappingURL=index.js.map

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryInfo/index.d.ts

@@ -1 +1 @@
-export { default as EditLibraryInfo } from './EditLibraryInfo';
+export {default as EditLibraryInfo} from './EditLibraryInfo';

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryInfo/index.js

@@ -1,5 +1,5 @@
 // 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 EditLibraryInfo } from './EditLibraryInfo';
-//# sourceMappingURL=index.js.map
+export {default as EditLibraryInfo} from './EditLibraryInfo';
+//# sourceMappingURL=index.js.map

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryPreviewsSettings/EditLibraryPreviewsSettings.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { LibraryDetailsFragment } from '../../../../_gqlTypes';
+import {LibraryDetailsFragment} from '../../../../_gqlTypes';
 interface IEditLibraryPreviewsSettingsProps {
     library: LibraryDetailsFragment;
     readOnly?: boolean;
 }
-declare function EditLibraryPreviewsSettings({ library, readOnly }: IEditLibraryPreviewsSettingsProps): JSX.Element;
+declare function EditLibraryPreviewsSettings({library, readOnly}: IEditLibraryPreviewsSettingsProps): JSX.Element;
 export default EditLibraryPreviewsSettings;

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryPreviewsSettings/EditLibraryPreviewsSettings.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} 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 { useSaveLibraryMutation } from '../../../../_gqlTypes';
-import { PreviewsSettingsList } from './PreviewsSettingsList';
-function EditLibraryPreviewsSettings({ library, readOnly }) {
+import {useSaveLibraryMutation} from '../../../../_gqlTypes';
+import {PreviewsSettingsList} from './PreviewsSettingsList';
+function EditLibraryPreviewsSettings({library, readOnly}) {
     const [saveLibrary] = useSaveLibraryMutation();
-    const _cleanPreviewsSettings = (previewsSettings) => {
+    const _cleanPreviewsSettings = previewsSettings => {
         return previewsSettings
             .filter(settings => !settings.system) // Don't save system settings
             .map(previewSetting => ({
-            label: previewSetting.label,
-            description: previewSetting.description,
-            versions: {
-                background: previewSetting.versions.background,
-                density: previewSetting.versions.density,
-                sizes: previewSetting.versions.sizes
-                    .filter(({ name, size }) => name && size) // Remove empty sizes
-                    .map(({ name, size }) => ({ name, size }))
-            }
-        }));
+                label: previewSetting.label,
+                description: previewSetting.description,
+                versions: {
+                    background: previewSetting.versions.background,
+                    density: previewSetting.versions.density,
+                    sizes: previewSetting.versions.sizes
+                        .filter(({name, size}) => name && size) // Remove empty sizes
+                        .map(({name, size}) => ({name, size}))
+                }
+            }));
     };
-    const _handleChange = async (newPreviewsSettings) => {
+    const _handleChange = async newPreviewsSettings => {
         await saveLibrary({
             variables: {
                 library: {
@@ -31,7 +31,11 @@ function EditLibraryPreviewsSettings({ library, readOnly }) {
             }
         });
     };
-    return (_jsx(PreviewsSettingsList, { readOnly: readOnly, previewsSettings: library.previewsSettings, onChange: _handleChange }));
+    return _jsx(PreviewsSettingsList, {
+        readOnly: readOnly,
+        previewsSettings: library.previewsSettings,
+        onChange: _handleChange
+    });
 }
 export default EditLibraryPreviewsSettings;
-//# sourceMappingURL=EditLibraryPreviewsSettings.js.map
+//# sourceMappingURL=EditLibraryPreviewsSettings.js.map

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryPreviewsSettings/EditPreviewsSettingsModal/EditPreviewsSettingsModal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LibraryPreviewsSettingsFragment } from '../../../../../_gqlTypes';
+import {LibraryPreviewsSettingsFragment} from '../../../../../_gqlTypes';
 interface IEditPreviewsSettingsModalProps {
     previewsSetting?: LibraryPreviewsSettingsFragment;
     open: boolean;
@@ -7,5 +7,11 @@ interface IEditPreviewsSettingsModalProps {
     onSubmit: (previewsSetting: LibraryPreviewsSettingsFragment) => Promise<void>;
     readOnly?: boolean;
 }
-declare function EditPreviewsSettingsModal({ previewsSetting, readOnly, open, onClose, onSubmit }: IEditPreviewsSettingsModalProps): JSX.Element;
+declare function EditPreviewsSettingsModal({
+    previewsSetting,
+    readOnly,
+    open,
+    onClose,
+    onSubmit
+}: IEditPreviewsSettingsModalProps): JSX.Element;
 export default EditPreviewsSettingsModal;