@leav/ui 0.2.8 → 0.3.0

package/dist/components/LibraryItemsList/ViewPanel/ViewPanel.js

@@ -1,36 +1,36 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+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 {faAngleLeft} from '@fortawesome/free-solid-svg-icons';
-import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import {localizedTranslation} from '@leav/utils';
-import {Badge, Button, Input} from 'antd';
-import {useState} from 'react';
-import {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';
+import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { localizedTranslation } from '@leav/utils';
+import { Badge, Button, Input } from 'antd';
+import { useState } from 'react';
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 import styled from 'styled-components';
-import {themeVars} from '../../../antdTheme';
-import {ErrorDisplay} from '../../../components/ErrorDisplay';
+import { themeVars } from '../../../antdTheme';
+import { ErrorDisplay } from '../../../components/ErrorDisplay';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import {SearchActionTypes} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import {Loading} from '../../../components/Loading';
-import {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '../../../constants';
-import {useLang} from '../../../hooks';
-import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
-import {useUser} from '../../../hooks/useUser/useUser';
-import {useGetUserDataQuery, useGetViewsListQuery} from '../../../_gqlTypes';
-import {prepareView} from '../../../_utils';
+import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import { Loading } from '../../../components/Loading';
+import { PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY } from '../../../constants';
+import { useLang } from '../../../hooks';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { useUser } from '../../../hooks/useUser/useUser';
+import { useGetUserDataQuery, useGetViewsListQuery } from '../../../_gqlTypes';
+import { prepareView } from '../../../_utils';
 import useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';
 import EditView from './EditView';
 import View from './View';
-const Wrapper = styled.div`
+const Wrapper = styled.div `
     width: 100%;
     display: flex;
     flex-flow: column nowrap;
     border-right: ${themeVars.borderLightColor} 1px solid;
     overflow-y: auto;
 `;
-const Header = styled.div`
+const Header = styled.div `
     width: 100%;
     background-color: ${themeVars.headerBg};
     display: grid;
@@ -58,7 +58,7 @@ const Header = styled.div`
         }
     }
 `;
-const SubHeader = styled.div`
+const SubHeader = styled.div `
     width: 100%;
     border-top: ${themeVars.activeColor} 1px solid;
     border-bottom: ${themeVars.activeColor} 1px solid;
@@ -67,50 +67,49 @@ const SubHeader = styled.div`
     font-weight: 700;
     font-size: 14px;
 `;
-const Views = styled.div`
+const Views = styled.div `
     width: 100%;
 `;
-const SearchWrapper = styled.div`
+const SearchWrapper = styled.div `
     margin: 1rem;
 `;
-const CustomBadge = styled(Badge)`
+const CustomBadge = styled(Badge) `
     margin-left: 8px;
     && > * {
         background-color: ${themeVars.borderLightColor};
         color: ${themeVars.defaultTextColor};
     }
 `;
-const _sortViewFunction = referenceOrder => (viewA, viewB) => {
+const _sortViewFunction = (referenceOrder) => (viewA, viewB) => {
     const orderA = referenceOrder.indexOf(viewA.id);
     const orderB = referenceOrder.indexOf(viewB.id);
     const isAOrdered = orderA !== -1;
     const isBOrdered = orderB !== -1;
     if (isAOrdered && isBOrdered) {
         return orderA - orderB;
-    } else if (isAOrdered && !isBOrdered) {
+    }
+    else if (isAOrdered && !isBOrdered) {
         return -1;
-    } else if (!isAOrdered && isBOrdered) {
+    }
+    else if (!isAOrdered && isBOrdered) {
         return 1;
-    } else {
+    }
+    else {
         return Number(viewA.id) - Number(viewB.id);
     }
 };
 function ViewPanel() {
     var _a, _b, _c;
-    const {t} = useSharedTranslation();
-    const {userData} = useUser();
-    const {lang} = useLang();
+    const { t } = useSharedTranslation();
+    const { userData } = useUser();
+    const { lang } = useLang();
     const [search, setSearch] = useState('');
-    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
     const [editView, setEditView] = useState(false);
-    const {updateViewsOrder} = useUpdateViewsOrderMutation(searchState.library.id);
+    const { updateViewsOrder } = useUpdateViewsOrderMutation(searchState.library.id);
     const getViewsList = useGetViewsListQuery({
         variables: {
-            libraryId:
-                ((_a = searchState === null || searchState === void 0 ? void 0 : searchState.library) === null ||
-                _a === void 0
-                    ? void 0
-                    : _a.id) || ''
+            libraryId: ((_a = searchState === null || searchState === void 0 ? void 0 : searchState.library) === null || _a === void 0 ? void 0 : _a.id) || ''
         }
     });
     const getOrderDataQuery = useGetUserDataQuery({
@@ -124,60 +123,37 @@ function ViewPanel() {
             var _a, _b;
             searchDispatch({
                 type: SearchActionTypes.SET_USER_VIEWS_ORDER,
-                userViewsOrder:
-                    ((_a = d.userData) === null || _a === void 0
-                        ? void 0
-                        : _a.data[PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id]) || []
+                userViewsOrder: ((_a = d.userData) === null || _a === void 0 ? void 0 : _a.data[PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id]) || []
             });
             searchDispatch({
                 type: SearchActionTypes.SET_SHARED_VIEWS_ORDER,
-                sharedViewsOrder:
-                    ((_b = d.userData) === null || _b === void 0
-                        ? void 0
-                        : _b.data[PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id]) || []
+                sharedViewsOrder: ((_b = d.userData) === null || _b === void 0 ? void 0 : _b.data[PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id]) || []
             });
         }
     });
     if (getViewsList.loading) {
         return _jsx(Loading, {});
     }
-    const _handleSearchSubmit = value => {
+    const _handleSearchSubmit = (value) => {
         setSearch(value);
     };
-    const {sharedViews, userViews} =
-        (_c =
-            (_b = getViewsList.data) === null || _b === void 0
-                ? void 0
-                : _b.views.list.reduce(
-                      (acc, view) => {
-                          const v = prepareView(
-                              view,
-                              searchState.attributes,
-                              searchState.library.id,
-                              userData === null || userData === void 0 ? void 0 : userData.userId
-                          );
-                          if (
-                              search &&
-                              !localizedTranslation(v.label, lang).toUpperCase().includes(search.toUpperCase())
-                          ) {
-                              return acc;
-                          }
-                          if (v.shared) {
-                              return Object.assign(Object.assign({}, acc), {sharedViews: [...acc.sharedViews, v]});
-                          }
-                          return Object.assign(Object.assign({}, acc), {userViews: [...acc.userViews, v]});
-                      },
-                      {sharedViews: [], userViews: []}
-                  )) !== null && _c !== void 0
-            ? _c
-            : {sharedViews: [], userViews: []};
+    const { sharedViews, userViews } = (_c = (_b = getViewsList.data) === null || _b === void 0 ? void 0 : _b.views.list.reduce((acc, view) => {
+        const v = prepareView(view, searchState.attributes, searchState.library.id, userData === null || userData === void 0 ? void 0 : userData.userId);
+        if (search && !localizedTranslation(v.label, lang).toUpperCase().includes(search.toUpperCase())) {
+            return acc;
+        }
+        if (v.shared) {
+            return Object.assign(Object.assign({}, acc), { sharedViews: [...acc.sharedViews, v] });
+        }
+        return Object.assign(Object.assign({}, acc), { userViews: [...acc.userViews, v] });
+    }, { sharedViews: [], userViews: [] })) !== null && _c !== void 0 ? _c : { sharedViews: [], userViews: [] };
     if (getViewsList.error || getOrderDataQuery.error) {
-        return _jsx(ErrorDisplay, {message: (getViewsList.error || getOrderDataQuery.error).message});
+        return _jsx(ErrorDisplay, { message: (getViewsList.error || getOrderDataQuery.error).message });
     }
     if (!sharedViews || !userViews) {
-        return _jsx(ErrorDisplay, {message: t('error.error_occurred')});
+        return _jsx(ErrorDisplay, { message: t('error.error_occurred') });
     }
-    const _showModal = view => {
+    const _showModal = (view) => {
         setEditView(view);
     };
     const _closeModal = () => {
@@ -205,156 +181,9 @@ function ViewPanel() {
     userViews.sort(_sortViewFunction(searchState.userViewsOrder));
     sharedViews.sort(_sortViewFunction(searchState.sharedViewsOrder));
     const handleHide = () => {
-        searchDispatch({type: SearchActionTypes.TOGGLE_SIDEBAR});
+        searchDispatch({ type: SearchActionTypes.TOGGLE_SIDEBAR });
     };
-    return _jsxs(Wrapper, {
-        children: [
-            editView &&
-                _jsx(EditView, {
-                    view: editView,
-                    visible: !!editView,
-                    onClose: _closeModal,
-                    libraryId: searchState.library.id
-                }),
-            _jsxs(Header, {
-                children: [
-                    _jsx('span', {children: t('view.views')}),
-                    _jsx(Button, {onClick: handleHide, icon: _jsx(FontAwesomeIcon, {icon: faAngleLeft})})
-                ]
-            }),
-            _jsx(SearchWrapper, {
-                children: _jsx(Input.Search, {placeholder: t('view.search'), onSearch: _handleSearchSubmit})
-            }),
-            _jsx(SubHeader, {children: t('view.shared-views')}),
-            _jsx(
-                DragDropContext,
-                Object.assign(
-                    {onDragEnd: onDragEnd},
-                    {
-                        children: _jsx(
-                            Droppable,
-                            Object.assign(
-                                {droppableId: 'shared'},
-                                {
-                                    children: providedDroppable =>
-                                        _jsxs(
-                                            Views,
-                                            Object.assign(
-                                                {},
-                                                providedDroppable.droppableProps,
-                                                {ref: providedDroppable.innerRef},
-                                                {
-                                                    children: [
-                                                        sharedViews.map((view, idx) =>
-                                                            _jsx(
-                                                                Draggable,
-                                                                Object.assign(
-                                                                    {draggableId: idx.toString(), index: idx},
-                                                                    {
-                                                                        children: provided =>
-                                                                            _jsx(
-                                                                                'div',
-                                                                                Object.assign(
-                                                                                    {ref: provided.innerRef},
-                                                                                    provided.draggableProps,
-                                                                                    provided.dragHandleProps,
-                                                                                    {
-                                                                                        children: _jsx(
-                                                                                            View,
-                                                                                            {
-                                                                                                view: view,
-                                                                                                onEdit: () =>
-                                                                                                    _showModal(view),
-                                                                                                handleProps:
-                                                                                                    provided.dragHandleProps
-                                                                                            },
-                                                                                            view.id
-                                                                                        )
-                                                                                    }
-                                                                                )
-                                                                            )
-                                                                    }
-                                                                ),
-                                                                idx
-                                                            )
-                                                        ),
-                                                        providedDroppable.placeholder
-                                                    ]
-                                                }
-                                            )
-                                        )
-                                }
-                            )
-                        )
-                    }
-                )
-            ),
-            _jsxs(SubHeader, {children: [t('view.my-views'), _jsx(CustomBadge, {count: userViews.length})]}),
-            _jsx(
-                DragDropContext,
-                Object.assign(
-                    {onDragEnd: onDragEnd},
-                    {
-                        children: _jsx(
-                            Droppable,
-                            Object.assign(
-                                {droppableId: 'user'},
-                                {
-                                    children: providedDroppable =>
-                                        _jsxs(
-                                            Views,
-                                            Object.assign(
-                                                {},
-                                                providedDroppable.droppableProps,
-                                                {ref: providedDroppable.innerRef},
-                                                {
-                                                    children: [
-                                                        userViews.map((view, idx) =>
-                                                            _jsx(
-                                                                Draggable,
-                                                                Object.assign(
-                                                                    {draggableId: idx.toString(), index: idx},
-                                                                    {
-                                                                        children: provided =>
-                                                                            _jsx(
-                                                                                'div',
-                                                                                Object.assign(
-                                                                                    {ref: provided.innerRef},
-                                                                                    provided.draggableProps,
-                                                                                    provided.dragHandleProps,
-                                                                                    {
-                                                                                        children: _jsx(
-                                                                                            View,
-                                                                                            {
-                                                                                                view: view,
-                                                                                                onEdit: () =>
-                                                                                                    _showModal(view),
-                                                                                                handleProps:
-                                                                                                    provided.dragHandleProps
-                                                                                            },
-                                                                                            view.id
-                                                                                        )
-                                                                                    }
-                                                                                )
-                                                                            )
-                                                                    }
-                                                                ),
-                                                                idx
-                                                            )
-                                                        ),
-                                                        providedDroppable.placeholder
-                                                    ]
-                                                }
-                                            )
-                                        )
-                                }
-                            )
-                        )
-                    }
-                )
-            )
-        ]
-    });
+    return (_jsxs(Wrapper, { children: [editView && (_jsx(EditView, { view: editView, visible: !!editView, onClose: _closeModal, libraryId: searchState.library.id })), _jsxs(Header, { children: [_jsx("span", { children: t('view.views') }), _jsx(Button, { onClick: handleHide, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] }), _jsx(SearchWrapper, { children: _jsx(Input.Search, { placeholder: t('view.search'), onSearch: _handleSearchSubmit }) }), _jsx(SubHeader, { children: t('view.shared-views') }), _jsx(DragDropContext, Object.assign({ onDragEnd: onDragEnd }, { children: _jsx(Droppable, Object.assign({ droppableId: 'shared' }, { children: providedDroppable => (_jsxs(Views, Object.assign({}, providedDroppable.droppableProps, { ref: providedDroppable.innerRef }, { children: [sharedViews.map((view, idx) => (_jsx(Draggable, Object.assign({ draggableId: idx.toString(), index: idx }, { children: provided => (_jsx("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { children: _jsx(View, { view: view, onEdit: () => _showModal(view), handleProps: provided.dragHandleProps }, view.id) }))) }), idx))), providedDroppable.placeholder] }))) })) })), _jsxs(SubHeader, { children: [t('view.my-views'), _jsx(CustomBadge, { count: userViews.length })] }), _jsx(DragDropContext, Object.assign({ onDragEnd: onDragEnd }, { children: _jsx(Droppable, Object.assign({ droppableId: 'user' }, { children: providedDroppable => (_jsxs(Views, Object.assign({}, providedDroppable.droppableProps, { ref: providedDroppable.innerRef }, { children: [userViews.map((view, idx) => (_jsx(Draggable, Object.assign({ draggableId: idx.toString(), index: idx }, { children: provided => (_jsx("div", Object.assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { children: _jsx(View, { view: view, onEdit: () => _showModal(view), handleProps: provided.dragHandleProps }, view.id) }))) }), idx))), providedDroppable.placeholder] }))) })) }))] }));
 }
 export default ViewPanel;
-//# sourceMappingURL=ViewPanel.js.map
+//# sourceMappingURL=ViewPanel.js.map

package/dist/components/LibraryItemsList/ViewPanel/index.js

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

package/dist/components/LibraryItemsList/constants.d.ts

@@ -1,11 +1,11 @@
-import {IView} from '../../types/views';
-import {AttributeFormat} from '../../_gqlTypes';
-export declare const INFOS_COLUMN_WIDTH = '350px';
-export declare const selectionColumn = 'selection-column';
-export declare const infosCol = 'infos';
+import { IView } from '../../types/views';
+import { AttributeFormat } from '../../_gqlTypes';
+export declare const INFOS_COLUMN_WIDTH = "350px";
+export declare const selectionColumn = "selection-column";
+export declare const infosCol = "infos";
 export declare const initialColumnsLimit = 5;
-export declare const viewSettingsField = 'fields';
-export declare const attributeExtendedKey = 'extended';
+export declare const viewSettingsField = "fields";
+export declare const attributeExtendedKey = "extended";
 export declare const defaultView: IView;
 export declare const formatNotUsingCondition: AttributeFormat[];
 export declare const defaultLinkAttributeFilterFormat = AttributeFormat.text;

package/dist/components/LibraryItemsList/constants.js

@@ -1,4 +1,4 @@
-import {AttributeFormat, ViewSizes, ViewTypes} from '../../_gqlTypes';
+import { AttributeFormat, ViewSizes, ViewTypes } from '../../_gqlTypes';
 export const INFOS_COLUMN_WIDTH = '350px';
 export const selectionColumn = 'selection-column';
 export const infosCol = 'infos';
@@ -7,13 +7,13 @@ export const viewSettingsField = 'fields';
 export const attributeExtendedKey = 'extended';
 export const defaultView = {
     id: 'default-view',
-    label: {fr: 'Vue par défaut', en: 'Default view'},
+    label: { fr: 'Vue par défaut', en: 'Default view' },
     owner: true,
-    display: {type: ViewTypes.list, size: ViewSizes.MEDIUM},
+    display: { type: ViewTypes.list, size: ViewSizes.MEDIUM },
     shared: false,
     filters: []
 };
 export const formatNotUsingCondition = [AttributeFormat.boolean];
 export const defaultLinkAttributeFilterFormat = AttributeFormat.text;
-export const getSelectedViewKey = libraryId => `selected_view_${libraryId}`;
-//# sourceMappingURL=constants.js.map
+export const getSelectedViewKey = (libraryId) => `selected_view_${libraryId}`;
+//# sourceMappingURL=constants.js.map

package/dist/components/LibraryItemsList/helpers/defaultFilterConditionByAttributeFormat.d.ts

@@ -1,3 +1,3 @@
-import {AttributeConditionType} from '../../../types/search';
-import {AttributeFormat} from '../../../_gqlTypes';
+import { AttributeConditionType } from '../../../types/search';
+import { AttributeFormat } from '../../../_gqlTypes';
 export declare const defaultFilterConditionByAttributeFormat: (format: AttributeFormat) => AttributeConditionType;

package/dist/components/LibraryItemsList/helpers/defaultFilterConditionByAttributeFormat.js

@@ -1,9 +1,9 @@
 // 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 {AttributeConditionFilter} from '../../../types/search';
-import {AttributeFormat} from '../../../_gqlTypes';
-export const defaultFilterConditionByAttributeFormat = format => {
+import { AttributeConditionFilter } from '../../../types/search';
+import { AttributeFormat } from '../../../_gqlTypes';
+export const defaultFilterConditionByAttributeFormat = (format) => {
     switch (format) {
         case AttributeFormat.boolean:
         case AttributeFormat.date:
@@ -18,4 +18,4 @@ export const defaultFilterConditionByAttributeFormat = format => {
             return AttributeConditionFilter.CONTAINS;
     }
 };
-//# sourceMappingURL=defaultFilterConditionByAttributeFormat.js.map
+//# sourceMappingURL=defaultFilterConditionByAttributeFormat.js.map

package/dist/components/LibraryItemsList/helpers/displayTypeToPreviewSize.d.ts

@@ -1,5 +1,3 @@
-import {PreviewSize} from '../../../constants';
-import {ViewSizes} from '../../../_gqlTypes';
-export declare const displayTypeToPreviewSize: (
-    displayType: ViewSizes
-) => PreviewSize.small | PreviewSize.medium | PreviewSize.big;
+import { PreviewSize } from '../../../constants';
+import { ViewSizes } from '../../../_gqlTypes';
+export declare const displayTypeToPreviewSize: (displayType: ViewSizes) => PreviewSize.small | PreviewSize.medium | PreviewSize.big;

package/dist/components/LibraryItemsList/helpers/displayTypeToPreviewSize.js

@@ -1,9 +1,9 @@
 // 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 {PreviewSize} from '../../../constants';
-import {ViewSizes} from '../../../_gqlTypes';
-export const displayTypeToPreviewSize = displayType => {
+import { PreviewSize } from '../../../constants';
+import { ViewSizes } from '../../../_gqlTypes';
+export const displayTypeToPreviewSize = (displayType) => {
     switch (displayType) {
         case ViewSizes.SMALL:
             return PreviewSize.small;
@@ -15,4 +15,4 @@ export const displayTypeToPreviewSize = displayType => {
             return PreviewSize.small;
     }
 };
-//# sourceMappingURL=displayTypeToPreviewSize.js.map
+//# sourceMappingURL=displayTypeToPreviewSize.js.map

package/dist/components/LibraryItemsList/helpers/extractAttributesFromLibrary.d.ts

@@ -1,4 +1,4 @@
-import {IAttribute} from '../../../types/search';
-import {ILibraryDetailExtended} from '../../../_queries/libraries/getLibraryDetailExtendQuery';
+import { IAttribute } from '../../../types/search';
+import { ILibraryDetailExtended } from '../../../_queries/libraries/getLibraryDetailExtendQuery';
 declare const _default: (library: ILibraryDetailExtended) => IAttribute[];
 export default _default;

package/dist/components/LibraryItemsList/helpers/extractAttributesFromLibrary.js

@@ -1,68 +1,64 @@
 // 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 {isTypeLink} from '@leav/utils';
-import {AttributeFormat, AttributeType} from '../../../_gqlTypes';
-export default library =>
-    library.attributes.reduce((acc, attribute) => {
-        if (
-            (attribute.format === null ||
-                (attribute.format && Object.values(AttributeFormat).includes(attribute.format))) &&
-            attribute.type &&
-            Object.values(AttributeType).includes(attribute.type)
-        ) {
-            const newAttributes = [
-                {
-                    id: attribute.id,
-                    type: attribute.type,
-                    format: attribute.format,
-                    label: attribute.label,
-                    isLink: isTypeLink(attribute.type),
-                    isMultiple: attribute.multiple_values,
-                    linkedLibrary: attribute.linked_library,
-                    linkedTree: attribute.linked_tree,
-                    library: library.id,
-                    embedded_fields: attribute.embedded_fields
-                }
-            ];
-            // case attribute is a linked attribute
-            if (
-                (attribute.type === AttributeType.simple_link || attribute.type === AttributeType.advanced_link) &&
-                attribute.linked_library
-            ) {
-                const linkedLibraryId = attribute.linked_library.id;
-                const newLinkedAttributes = attribute.linked_library.attributes.map(linkedAttribute => ({
+import { isTypeLink } from '@leav/utils';
+import { AttributeFormat, AttributeType } from '../../../_gqlTypes';
+export default (library) => library.attributes.reduce((acc, attribute) => {
+    if ((attribute.format === null ||
+        (attribute.format && Object.values(AttributeFormat).includes(attribute.format))) &&
+        attribute.type &&
+        Object.values(AttributeType).includes(attribute.type)) {
+        const newAttributes = [
+            {
+                id: attribute.id,
+                type: attribute.type,
+                format: attribute.format,
+                label: attribute.label,
+                isLink: isTypeLink(attribute.type),
+                isMultiple: attribute.multiple_values,
+                linkedLibrary: attribute.linked_library,
+                linkedTree: attribute.linked_tree,
+                library: library.id,
+                embedded_fields: attribute.embedded_fields
+            }
+        ];
+        // case attribute is a linked attribute
+        if ((attribute.type === AttributeType.simple_link || attribute.type === AttributeType.advanced_link) &&
+            attribute.linked_library) {
+            const linkedLibraryId = attribute.linked_library.id;
+            const newLinkedAttributes = attribute.linked_library.attributes.map(linkedAttribute => ({
+                id: linkedAttribute.id,
+                type: linkedAttribute.type,
+                format: linkedAttribute.format,
+                label: linkedAttribute.label,
+                isLink: isTypeLink(linkedAttribute.type),
+                isMultiple: linkedAttribute.multiple_values,
+                linkedLibrary: attribute.linked_library,
+                linkedTree: attribute.linked_tree,
+                library: linkedLibraryId
+            }));
+            newAttributes.push(...newLinkedAttributes);
+        }
+        if (attribute.type === AttributeType.tree &&
+            attribute.linked_tree) {
+            const newLinkedAttributes = attribute.linked_tree.libraries
+                .map(linkedTreeLibrary => {
+                const linkedLibraryId = linkedTreeLibrary.library.id;
+                return linkedTreeLibrary.library.attributes.map(linkedAttribute => ({
                     id: linkedAttribute.id,
                     type: linkedAttribute.type,
                     format: linkedAttribute.format,
                     label: linkedAttribute.label,
                     isLink: isTypeLink(linkedAttribute.type),
                     isMultiple: linkedAttribute.multiple_values,
-                    linkedLibrary: attribute.linked_library,
-                    linkedTree: attribute.linked_tree,
                     library: linkedLibraryId
                 }));
-                newAttributes.push(...newLinkedAttributes);
-            }
-            if (attribute.type === AttributeType.tree && attribute.linked_tree) {
-                const newLinkedAttributes = attribute.linked_tree.libraries
-                    .map(linkedTreeLibrary => {
-                        const linkedLibraryId = linkedTreeLibrary.library.id;
-                        return linkedTreeLibrary.library.attributes.map(linkedAttribute => ({
-                            id: linkedAttribute.id,
-                            type: linkedAttribute.type,
-                            format: linkedAttribute.format,
-                            label: linkedAttribute.label,
-                            isLink: isTypeLink(linkedAttribute.type),
-                            isMultiple: linkedAttribute.multiple_values,
-                            library: linkedLibraryId
-                        }));
-                    })
-                    .flat();
-                newAttributes.push(...newLinkedAttributes);
-            }
-            return [...acc, ...newAttributes];
+            })
+                .flat();
+            newAttributes.push(...newLinkedAttributes);
         }
-        return acc;
-    }, []);
-//# sourceMappingURL=extractAttributesFromLibrary.js.map
+        return [...acc, ...newAttributes];
+    }
+    return acc;
+}, []);
+//# sourceMappingURL=extractAttributesFromLibrary.js.map

package/dist/components/LibraryItemsList/helpers/getFieldFromKey.d.ts

@@ -1,10 +1,5 @@
-import {ILang} from '../../../types/misc';
-import {IAttribute, IField} from '../../../types/search';
-import {ILibraryDetailExtended} from '../../../_queries/libraries/getLibraryDetailExtendQuery';
-declare const _default: (
-    fieldKey: string,
-    library: ILibraryDetailExtended,
-    attributes: IAttribute[],
-    lang: ILang
-) => IField;
+import { ILang } from '../../../types/misc';
+import { IAttribute, IField } from '../../../types/search';
+import { ILibraryDetailExtended } from '../../../_queries/libraries/getLibraryDetailExtendQuery';
+declare const _default: (fieldKey: string, library: ILibraryDetailExtended, attributes: IAttribute[], lang: ILang) => IField;
 export default _default;

package/dist/components/LibraryItemsList/helpers/getFieldFromKey.js

@@ -1,8 +1,8 @@
 // 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 {localizedTranslation} from '@leav/utils';
-import {getAttributeFromKey} from '../../../_utils';
+import { localizedTranslation } from '@leav/utils';
+import { getAttributeFromKey } from '../../../_utils';
 export default (fieldKey, library, attributes, lang) => {
     let parentAttributeData;
     const splitKey = fieldKey.split('.');
@@ -37,4 +37,4 @@ export default (fieldKey, library, attributes, lang) => {
     };
     return field;
 };
-//# sourceMappingURL=getFieldFromKey.js.map
+//# sourceMappingURL=getFieldFromKey.js.map