@leav/ui 0.2.7 → 0.2.8

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,49 +67,50 @@ 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({
@@ -123,37 +124,60 @@ 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 = () => {
@@ -181,9 +205,156 @@ 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,3 +1,5 @@
-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,64 +1,68 @@
 // 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 => ({
-                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 => ({
+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
                 }));
-            })
-                .flat();
-            newAttributes.push(...newLinkedAttributes);
+                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];
         }
-        return [...acc, ...newAttributes];
-    }
-    return acc;
-}, []);
-//# sourceMappingURL=extractAttributesFromLibrary.js.map
+        return acc;
+    }, []);
+//# sourceMappingURL=extractAttributesFromLibrary.js.map

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

@@ -1,5 +1,10 @@
-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