@leav/ui 0.2.8 → 0.3.0

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfo.js

@@ -1,28 +1,28 @@
-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} 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 } 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 {Form} from 'antd';
-import {useEffect} from 'react';
-import {useLang} from '../../../../hooks';
-import {useCheckTreeExistenceLazyQuery, useSaveTreeMutation} from '../../../../_gqlTypes';
-import {EditTreeInfoForm} from './EditTreeInfoForm';
-function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
-    const {availableLangs} = useLang();
+import { Form } from 'antd';
+import { useEffect } from 'react';
+import { useLang } from '../../../../hooks';
+import { useCheckTreeExistenceLazyQuery, useSaveTreeMutation } from '../../../../_gqlTypes';
+import { EditTreeInfoForm } from './EditTreeInfoForm';
+function EditTreeInfo({ tree, onSetSubmitFunction, readOnly }) {
+    const { availableLangs } = useLang();
     const [form] = Form.useForm();
     const isEditing = !!tree;
-    const [saveTree, {loading}] = useSaveTreeMutation();
+    const [saveTree, { loading }] = useSaveTreeMutation();
     const [checkTreeExistence] = useCheckTreeExistenceLazyQuery({
         fetchPolicy: 'no-cache',
         nextFetchPolicy: 'no-cache',
@@ -40,14 +40,12 @@ function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
         const label = Object.keys(values)
             .filter(key => key.startsWith('label_'))
             .reduce((acc, key) => {
-                var _a;
-                acc[key.replace('label_', '')] = (_a = values[key]) !== null && _a !== void 0 ? _a : '';
-                return acc;
-            }, {});
+            var _a;
+            acc[key.replace('label_', '')] = (_a = values[key]) !== null && _a !== void 0 ? _a : '';
+            return acc;
+        }, {});
         const libraries = ((_a = form.getFieldValue('libraries')) !== null && _a !== void 0 ? _a : []).map(library => {
-            const _a = library.settings,
-                {__typename} = _a,
-                settingsToSave = __rest(_a, ['__typename']);
+            const _a = library.settings, { __typename } = _a, settingsToSave = __rest(_a, ["__typename"]);
             return {
                 library: library.library.id,
                 settings: settingsToSave
@@ -65,27 +63,15 @@ function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
                 }
             });
             return res.data.saveTree;
-        } catch (e) {
+        }
+        catch (e) {
             // Display errors in form
-            form.setFields(
-                Object.keys(
-                    (_e =
-                        (_d =
-                            (_c = (_b = e.graphQLErrors) === null || _b === void 0 ? void 0 : _b[0]) === null ||
-                            _c === void 0
-                                ? void 0
-                                : _c.extensions) === null || _d === void 0
-                            ? void 0
-                            : _d.fields) !== null && _e !== void 0
-                        ? _e
-                        : {}
-                ).map(fieldName => {
-                    return {
-                        name: fieldName,
-                        errors: [e.graphQLErrors[0].extensions.fields[fieldName]]
-                    };
-                })
-            );
+            form.setFields(Object.keys((_e = (_d = (_c = (_b = e.graphQLErrors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.fields) !== null && _e !== void 0 ? _e : {}).map(fieldName => {
+                return {
+                    name: fieldName,
+                    errors: [e.graphQLErrors[0].extensions.fields[fieldName]]
+                };
+            }));
             throw e;
         }
     };
@@ -105,11 +91,10 @@ function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
                     return acc;
                 }, {})
             };
-        } else if (field === 'libraries') {
+        }
+        else if (field === 'libraries') {
             const librariesToSave = value.map(library => {
-                const _a = library.settings,
-                    {__typename} = _a,
-                    settingsToSave = __rest(_a, ['__typename']);
+                const _a = library.settings, { __typename } = _a, settingsToSave = __rest(_a, ["__typename"]);
                 return {
                     library: library.library.id,
                     settings: settingsToSave
@@ -118,7 +103,8 @@ function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
             dataToSave = {
                 libraries: librariesToSave
             };
-        } else {
+        }
+        else {
             dataToSave = {
                 [field]: value
             };
@@ -126,7 +112,7 @@ function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
         try {
             await saveTree({
                 variables: {
-                    tree: Object.assign({id: tree.id}, dataToSave)
+                    tree: Object.assign({ id: tree.id }, dataToSave)
                 }
             });
             form.setFields([
@@ -135,51 +121,27 @@ function EditTreeInfo({tree, onSetSubmitFunction, readOnly}) {
                     touched: false
                 }
             ]);
-        } catch (err) {
+        }
+        catch (err) {
             // Display errors in form
             form.setFields([
                 {
                     name: field,
-                    errors: [
-                        (_e =
-                            (_d =
-                                (_c =
-                                    (_b = (_a = err.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) ===
-                                        null || _b === void 0
-                                        ? void 0
-                                        : _b.extensions) === null || _c === void 0
-                                    ? void 0
-                                    : _c.fields) === null || _d === void 0
-                                ? void 0
-                                : _d[field]) !== null && _e !== void 0
-                            ? _e
-                            : err.message
-                    ]
+                    errors: [(_e = (_d = (_c = (_b = (_a = err.graphQLErrors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.fields) === null || _d === void 0 ? void 0 : _d[field]) !== null && _e !== void 0 ? _e : err.message]
                 }
             ]);
         }
     };
-    const _isTreeUnique = async value => {
+    const _isTreeUnique = async (value) => {
         var _a;
-        const {data: treeExistenceData} = await checkTreeExistence({
+        const { data: treeExistenceData } = await checkTreeExistence({
             variables: {
                 id: value
             }
         });
-        return !((_a =
-            treeExistenceData === null || treeExistenceData === void 0 ? void 0 : treeExistenceData.trees) === null ||
-        _a === void 0
-            ? void 0
-            : _a.totalCount);
+        return !((_a = treeExistenceData === null || treeExistenceData === void 0 ? void 0 : treeExistenceData.trees) === null || _a === void 0 ? void 0 : _a.totalCount);
     };
-    return _jsx(EditTreeInfoForm, {
-        form: form,
-        onCheckTreeUniqueness: _isTreeUnique,
-        onSubmitField: _submitField,
-        tree: tree,
-        loading: loading,
-        readOnly: readOnly
-    });
+    return (_jsx(EditTreeInfoForm, { form: form, onCheckTreeUniqueness: _isTreeUnique, onSubmitField: _submitField, tree: tree, loading: loading, readOnly: readOnly }));
 }
 export default EditTreeInfo;
-//# sourceMappingURL=EditTreeInfo.js.map
+//# sourceMappingURL=EditTreeInfo.js.map

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/EditTreeInfoForm.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import {FormInstance} from 'antd';
-import {TreeDetailsFragment} from '../../../../../_gqlTypes';
+import { FormInstance } from 'antd';
+import { TreeDetailsFragment } from '../../../../../_gqlTypes';
 export declare type FormValues = Partial<TreeDetailsFragment>;
 interface IEditTreeInfoFormProps {
     form: FormInstance<FormValues>;
@@ -10,12 +10,5 @@ interface IEditTreeInfoFormProps {
     onCheckTreeUniqueness: (value: string) => Promise<boolean>;
     readOnly?: boolean;
 }
-declare function EditTreeInfoForm({
-    form,
-    tree,
-    onSubmitField,
-    onCheckTreeUniqueness,
-    loading,
-    readOnly: isReadOnly
-}: IEditTreeInfoFormProps): JSX.Element;
+declare function EditTreeInfoForm({ form, tree, onSubmitField, onCheckTreeUniqueness, loading, readOnly: isReadOnly }: IEditTreeInfoFormProps): JSX.Element;
 export default EditTreeInfoForm;

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/EditTreeInfoForm.js

@@ -1,43 +1,42 @@
-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 {idFormatRegex, slugifyString} from '@leav/utils';
-import {Form, Input, Select} from 'antd';
-import {useState} from 'react';
-import {useLang} from '../../../../../hooks';
-import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
-import {TreeBehavior} from '../../../../../_gqlTypes';
+import { idFormatRegex, slugifyString } from '@leav/utils';
+import { Form, Input, Select } from 'antd';
+import { useState } from 'react';
+import { useLang } from '../../../../../hooks';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { TreeBehavior } from '../../../../../_gqlTypes';
 import FieldsGroup from '../../../../FieldsGroup';
-import {SubmitStateNotifier} from '../../../../SubmitStateNotifier';
-import {TreeLibrariesForm} from './TreeLibrariesForm';
-function EditTreeInfoForm({form, tree, onSubmitField, onCheckTreeUniqueness, loading, readOnly: isReadOnly}) {
-    const {t} = useSharedTranslation();
-    const {availableLangs, defaultLang} = useLang();
+import { SubmitStateNotifier } from '../../../../SubmitStateNotifier';
+import { TreeLibrariesForm } from './TreeLibrariesForm';
+function EditTreeInfoForm({ form, tree, onSubmitField, onCheckTreeUniqueness, loading, readOnly: isReadOnly }) {
+    const { t } = useSharedTranslation();
+    const { availableLangs, defaultLang } = useLang();
     const [hasIdBeenEdited, setHasIdBeenEdited] = useState(false);
     const [runningFieldsSubmit, setRunningFieldsSubmit] = useState([]);
     const [processedFieldsSubmit, setProcessedFieldsSubmit] = useState([]);
     const isEditing = !!tree;
-    const _getRequiredMessage = field =>
-        t('errors.field_required', {
-            interpolation: {escapeValue: false},
-            fieldName: t(`trees.${field}`)
-        });
-    const _handleLabelChange = labelLang => e => {
+    const _getRequiredMessage = (field) => t('errors.field_required', {
+        interpolation: { escapeValue: false },
+        fieldName: t(`trees.${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 = () => {
@@ -64,13 +63,13 @@ function EditTreeInfoForm({form, tree, onSubmitField, onCheckTreeUniqueness, loa
         setProcessedFieldsSubmit([...processedFieldsSubmit, field]);
         setRunningFieldsSubmit(runningFieldsSubmit.filter(f => f !== field));
     };
-    const _handleLibrariesChange = libraries => {
+    const _handleLibrariesChange = (libraries) => {
         _handleFieldSubmit('libraries', libraries);
     };
-    const _handleBlur = field => async e => {
+    const _handleBlur = (field) => async (e) => {
         _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;
@@ -80,154 +79,44 @@ function EditTreeInfoForm({form, tree, onSubmitField, onCheckTreeUniqueness, loa
             _handleFieldSubmit(field, e.currentTarget.value);
         }
     };
-    const _a = tree !== null && tree !== void 0 ? tree : {},
-        {label: treeLabel} = _a,
-        treeSettings = __rest(_a, ['label']);
+    const _a = tree !== null && tree !== void 0 ? tree : {}, { label: treeLabel } = _a, treeSettings = __rest(_a, ["label"]);
     const label = treeLabel
-        ? Object.assign(
-              {},
-              availableLangs.reduce((acc, availableLang) => {
-                  var _a;
-                  acc[`label_${availableLang}`] = (_a = tree.label[availableLang]) !== null && _a !== void 0 ? _a : '';
-                  return acc;
-              }, {})
-          )
-        : {};
-    const formInitValues = Object.assign(Object.assign({behavior: TreeBehavior.standard}, treeSettings), label);
+        ? Object.assign({}, availableLangs.reduce((acc, availableLang) => {
+            var _a;
+            acc[`label_${availableLang}`] = (_a = tree.label[availableLang]) !== null && _a !== void 0 ? _a : '';
+            return acc;
+        }, {})) : {};
+    const formInitValues = Object.assign(Object.assign({ behavior: TreeBehavior.standard }, treeSettings), label);
     const behaviorSelectOptions = Object.values(TreeBehavior).map(b => ({
         key: b,
         value: b,
         label: t(`trees.behavior_${b}`)
     }));
-    const _getFieldState = field => {
+    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';
         }
     };
-    return _jsxs(
-        Form,
-        Object.assign(
-            {
-                'aria-label': 'tree_form',
-                form: form,
-                labelCol: {span: 6},
-                wrapperCol: {span: 24},
-                initialValues: formInitValues,
-                labelWrap: true,
-                disabled: !isEditing && loading
-            },
-            {
-                children: [
-                    _jsx(
-                        FieldsGroup,
-                        Object.assign(
-                            {label: t('trees.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}`
-                                    )
-                                )
-                            }
-                        ),
-                        'tree_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: _handleTreeUniquenessValidation,
-                                        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('trees.behavior'),
-                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
-                                rules: [{required: true, message: _getRequiredMessage('behavior')}],
-                                hasFeedback: true
-                            },
-                            {
-                                children: _jsx(Select, {
-                                    options: behaviorSelectOptions,
-                                    disabled: isReadOnly || isEditing,
-                                    'aria-label': ''
-                                })
-                            }
-                        ),
-                        'behavior'
-                    ),
-                    _jsx(
-                        Form.Item,
-                        Object.assign(
-                            {name: 'libraries'},
-                            {
-                                children: _jsx(TreeLibrariesForm, {
-                                    readOnly: isReadOnly,
-                                    onChange: _handleLibrariesChange,
-                                    extra: _jsx(SubmitStateNotifier, {state: _getFieldState('libraries')})
-                                })
-                            }
-                        ),
-                        'libraries'
-                    )
-                ]
-            }
-        )
-    );
+    return (_jsxs(Form, Object.assign({ "aria-label": "tree_form", form: form, labelCol: { span: 6 }, wrapperCol: { span: 24 }, initialValues: formInitValues, labelWrap: true, disabled: !isEditing && loading }, { children: [_jsx(FieldsGroup, Object.assign({ label: t('trees.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}`))) }), "tree_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: _handleTreeUniquenessValidation,
+                        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('trees.behavior'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [{ required: true, message: _getRequiredMessage('behavior') }], hasFeedback: true }, { children: _jsx(Select, { options: behaviorSelectOptions, disabled: isReadOnly || isEditing, "aria-label": "" }) }), "behavior"), _jsx(Form.Item, Object.assign({ name: "libraries" }, { children: _jsx(TreeLibrariesForm, { readOnly: isReadOnly, onChange: _handleLibrariesChange, extra: _jsx(SubmitStateNotifier, { state: _getFieldState('libraries') }) }) }), "libraries")] })));
 }
 export default EditTreeInfoForm;
-//# sourceMappingURL=EditTreeInfoForm.js.map
+//# sourceMappingURL=EditTreeInfoForm.js.map

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/TreeLibrariesForm.d.ts

@@ -1,9 +1,9 @@
-import {ReactNode} from 'react';
-import {TreeDetailsFragment} from '../../../../../../_gqlTypes';
+import { ReactNode } from 'react';
+import { TreeDetailsFragment } from '../../../../../../_gqlTypes';
 interface ITreeLibrariesFormProps {
     onChange: (libraries: TreeDetailsFragment['libraries']) => void;
     readOnly?: boolean;
     extra?: ReactNode;
 }
-declare function TreeLibrariesForm({onChange, extra, readOnly}: ITreeLibrariesFormProps): JSX.Element;
+declare function TreeLibrariesForm({ onChange, extra, readOnly }: ITreeLibrariesFormProps): JSX.Element;
 export default TreeLibrariesForm;