@leav/ui 0.2.6 → 0.2.8

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

@@ -1,8 +1,8 @@
-import { FunctionComponent } from 'react';
-import { CSSObject } from 'styled-components';
-import { IFilter, ISearchSelection, SearchMode } from '../../../types/search';
-import { IView } from '../../../types/views';
-import { ILibraryDetailExtended } from '../../../_queries/libraries/getLibraryDetailExtendQuery';
+import {FunctionComponent} from 'react';
+import {CSSObject} from 'styled-components';
+import {IFilter, ISearchSelection, SearchMode} from '../../../types/search';
+import {IView} from '../../../types/views';
+import {ILibraryDetailExtended} from '../../../_queries/libraries/getLibraryDetailExtendQuery';
 interface ILibraryItemsListContentProps {
     library: ILibraryDetailExtended;
     defaultView: IView;

package/dist/components/LibraryItemsList/LibraryItemsListContent/LibraryItemsListContent.js

@@ -1,31 +1,34 @@
-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 { useQuery } from '@apollo/client';
-import { useEffect, useMemo, useReducer } from 'react';
+import {useQuery} from '@apollo/client';
+import {useEffect, useMemo, useReducer} from 'react';
 import styled from 'styled-components';
-import { ErrorDisplay, Loading } from '../../../components';
-import { SearchContext } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchContext';
-import searchReducer, { initialSearchState, SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useGetRecordUpdatesSubscription, useLang } from '../../../hooks';
-import { SearchMode } from '../../../types/search';
-import { useSaveUserDataMutation } from '../../../_gqlTypes';
-import { getRecordsFromLibraryQuery } from '../../../_queries/records/getRecordsFromLibraryQuery';
-import { objectValueVersionToArray } from '../../../_utils';
-import { getRequestFromFilters } from '../../../_utils/getRequestFromFilter';
-import { getSelectedViewKey, viewSettingsField } from '../constants';
+import {ErrorDisplay, Loading} from '../../../components';
+import {SearchContext} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchContext';
+import searchReducer, {
+    initialSearchState,
+    SearchActionTypes
+} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {useGetRecordUpdatesSubscription, useLang} from '../../../hooks';
+import {SearchMode} from '../../../types/search';
+import {useSaveUserDataMutation} from '../../../_gqlTypes';
+import {getRecordsFromLibraryQuery} from '../../../_queries/records/getRecordsFromLibraryQuery';
+import {objectValueVersionToArray} from '../../../_utils';
+import {getRequestFromFilters} from '../../../_utils/getRequestFromFilter';
+import {getSelectedViewKey, viewSettingsField} from '../constants';
 import DisplayTypeSelector from '../DisplayTypeSelector';
 import extractAttributesFromLibrary from '../helpers/extractAttributesFromLibrary';
 import getFieldFromKey from '../helpers/getFieldFromKey';
 import LibraryItemsListEmpty from '../LibraryItemsListEmpty';
-import { manageItems } from '../manageItems';
+import {manageItems} from '../manageItems';
 import MenuItemList from '../MenuItemList';
 import MenuItemListSelected from '../MenuItemListSelected';
 import Sidebar from '../Sidebar';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { useKitNotification } from 'aristid-ds';
-const MenuWrapper = styled.div `
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import {useKitNotification} from 'aristid-ds';
+const MenuWrapper = styled.div`
     border-bottom: 1px solid rgb(235, 237, 240);
     padding: 0 1rem;
     height: 4rem;
@@ -35,17 +38,18 @@ const MenuWrapper = styled.div `
     justify-content: space-around;
 `;
 const panelSize = '22.5rem';
-const Wrapper = styled.div `
+const Wrapper = styled.div`
     display: grid;
 
-    ${({ $showSide }) => $showSide
-    ? `
+    ${({$showSide}) =>
+        $showSide
+            ? `
             grid-template-columns: ${panelSize} calc(100% - ${panelSize});
             grid-template-rows: 92% auto;
             grid-template-areas:
                 'side data'
                 'side pagination';`
-    : `
+            : `
             grid-template-columns: auto;
             grid-template-rows: 92% auto;
             grid-template-areas:
@@ -56,31 +60,48 @@ const Wrapper = styled.div `
     position: relative;
     overflow: auto;
 `;
-const LibraryItemsListContent = ({ selectionMode, library, defaultView, showTransparency, onSelectChange, style }) => {
-    const { lang } = useLang();
-    const { t } = useSharedTranslation();
-    const { kitNotification } = useKitNotification();
+const LibraryItemsListContent = ({selectionMode, library, defaultView, showTransparency, onSelectChange, style}) => {
+    const {lang} = useLang();
+    const {t} = useSharedTranslation();
+    const {kitNotification} = useKitNotification();
     const defaultAttributes = extractAttributesFromLibrary(library);
-    const _getFieldsFromView = (view) => {
+    const _getFieldsFromView = view => {
         var _a;
         return !!((_a = view.settings) === null || _a === void 0 ? void 0 : _a.find(s => s.name === viewSettingsField))
             ? view.settings
-                .find(s => s.name === viewSettingsField)
-                .value.reduce((acc, fieldKey) => {
-                const field = getFieldFromKey(fieldKey, library, defaultAttributes, lang);
-                return field ? [...acc, field] : acc;
-            }, [])
+                  .find(s => s.name === viewSettingsField)
+                  .value.reduce((acc, fieldKey) => {
+                      const field = getFieldFromKey(fieldKey, library, defaultAttributes, lang);
+                      return field ? [...acc, field] : acc;
+                  }, [])
             : [];
     };
-    const [searchState, searchDispatch] = useReducer(searchReducer, Object.assign(Object.assign({}, initialSearchState), { library, loading: true, attributes: defaultAttributes, trees: library.linkedTrees, fields: _getFieldsFromView(defaultView), filters: defaultView.filters, sort: defaultView.sort, display: defaultView.display, view: {
-            current: defaultView,
-            reload: false,
-            sync: true
-        }, lang, valuesVersions: defaultView.valuesVersions, showTransparency, mode: selectionMode ? SearchMode.select : SearchMode.search }));
-    useGetRecordUpdatesSubscription({ libraries: [library.id] });
+    const [searchState, searchDispatch] = useReducer(
+        searchReducer,
+        Object.assign(Object.assign({}, initialSearchState), {
+            library,
+            loading: true,
+            attributes: defaultAttributes,
+            trees: library.linkedTrees,
+            fields: _getFieldsFromView(defaultView),
+            filters: defaultView.filters,
+            sort: defaultView.sort,
+            display: defaultView.display,
+            view: {
+                current: defaultView,
+                reload: false,
+                sync: true
+            },
+            lang,
+            valuesVersions: defaultView.valuesVersions,
+            showTransparency,
+            mode: selectionMode ? SearchMode.select : SearchMode.search
+        })
+    );
+    useGetRecordUpdatesSubscription({libraries: [library.id]});
     const [updateSelectedViewMutation] = useSaveUserDataMutation();
     const selectedViewKey = getSelectedViewKey(library.id);
-    const _applyResults = (data) => {
+    const _applyResults = data => {
         var _a;
         const itemsFromQuery = data ? data.records.list : [];
         const newRecords = manageItems({
@@ -90,34 +111,44 @@ const LibraryItemsListContent = ({ selectionMode, library, defaultView, showTran
         searchDispatch({
             type: SearchActionTypes.UPDATE_RESULT,
             records: newRecords,
-            totalCount: (_a = data === null || data === void 0 ? void 0 : data.records.totalCount) !== null && _a !== void 0 ? _a : searchState.totalCount
+            totalCount:
+                (_a = data === null || data === void 0 ? void 0 : data.records.totalCount) !== null && _a !== void 0
+                    ? _a
+                    : searchState.totalCount
         });
     };
-    const _getVersionForRequest = () => searchState.valuesVersions
-        ? objectValueVersionToArray(searchState.valuesVersions).filter(v => !!v.treeNodeId)
-        : [];
+    const _getVersionForRequest = () =>
+        searchState.valuesVersions
+            ? objectValueVersionToArray(searchState.valuesVersions).filter(v => !!v.treeNodeId)
+            : [];
     // We're using a useMemo here to prevent query being fired on every change of searchState.
     // Subsequent search will be triggered on user request and are handled elsewhere.
     // We were previously using the skip property of useQuery but it was causing issues with data update
-    const variables = useMemo(() => ({
-        library: library.id,
-        limit: searchState.pagination,
-        offset: searchState.offset,
-        filters: getRequestFromFilters(searchState.filters),
-        sort: searchState.sort,
-        fullText: searchState.fullText,
-        version: _getVersionForRequest()
-    }), []);
-    const { loading: getRecordsLoading, data: searchData, fetchMore: getRecordsFetchMore } = useQuery(getRecordsFromLibraryQuery(searchState.fields, !searchState.offset), {
-        fetchPolicy: 'network-only',
-        variables,
-        onError: err => {
-            searchDispatch({
-                type: SearchActionTypes.UPDATE_RESULT,
-                error: err
-            });
+    const variables = useMemo(
+        () => ({
+            library: library.id,
+            limit: searchState.pagination,
+            offset: searchState.offset,
+            filters: getRequestFromFilters(searchState.filters),
+            sort: searchState.sort,
+            fullText: searchState.fullText,
+            version: _getVersionForRequest()
+        }),
+        []
+    );
+    const {loading: getRecordsLoading, data: searchData, fetchMore: getRecordsFetchMore} = useQuery(
+        getRecordsFromLibraryQuery(searchState.fields, !searchState.offset),
+        {
+            fetchPolicy: 'network-only',
+            variables,
+            onError: err => {
+                searchDispatch({
+                    type: SearchActionTypes.UPDATE_RESULT,
+                    error: err
+                });
+            }
         }
-    });
+    );
     const _fetchRecords = async () => {
         try {
             const queryFilters = getRequestFromFilters(searchState.filters);
@@ -139,9 +170,8 @@ const LibraryItemsListContent = ({ selectionMode, library, defaultView, showTran
             const recordsData = results.data;
             // We have to call applyResults here because onCompleted is not called when fetchMore is used
             _applyResults(recordsData);
-        }
-        catch (err) {
-            searchDispatch({ type: SearchActionTypes.SET_LOADING, loading: false });
+        } catch (err) {
+            searchDispatch({type: SearchActionTypes.SET_LOADING, loading: false});
             // Error is already handled. This try/catch is just to avoid unhandled rejection
         }
     };
@@ -171,7 +201,7 @@ const LibraryItemsListContent = ({ selectionMode, library, defaultView, showTran
                 global: false
             }
         });
-        searchDispatch({ type: SearchActionTypes.SET_VIEW_RELOAD, reload: false });
+        searchDispatch({type: SearchActionTypes.SET_VIEW_RELOAD, reload: false});
     }, [selectedViewKey, updateSelectedViewMutation, searchState.view, searchState.fields, searchDispatch, library]);
     /**
      * Calls onSelectChange when selection changes
@@ -183,7 +213,7 @@ const LibraryItemsListContent = ({ selectionMode, library, defaultView, showTran
         onSelectChange(searchState.selection, searchState.selection.allSelected ? searchState.filters : null);
     }, [searchState.selection]);
     const _reload = () => {
-        searchDispatch({ type: SearchActionTypes.SET_LOADING, loading: true });
+        searchDispatch({type: SearchActionTypes.SET_LOADING, loading: true});
     };
     const _notifyNewCreation = () => {
         _reload();
@@ -194,9 +224,50 @@ const LibraryItemsListContent = ({ selectionMode, library, defaultView, showTran
     };
     // If some elements are selected and the selection type is search, show the selection Menu
     const menuSelectedActive = !!searchState.selection.selected.length || searchState.selection.allSelected;
-    return (_jsxs(SearchContext.Provider, Object.assign({ value: { state: searchState, dispatch: searchDispatch } }, { children: [_jsxs(MenuWrapper, { children: [_jsx(MenuItemList, { refetch: _reload, notifyNewCreation: _notifyNewCreation, library: library }), _jsx(MenuItemListSelected, { active: menuSelectedActive })] }), _jsxs(Wrapper, Object.assign({ "$showSide": searchState.sideBar.visible, className: searchState.sideBar.visible ? 'wrapper-open' : 'wrapper-close', style: style }, { children: [_jsx(Sidebar, {}), isLoading && _jsx(Loading, {}), !isLoading && searchState.error && _jsx(ErrorDisplay, { message: searchState.error.message }), !isLoading &&
-                        !searchState.error &&
-                        (!searchState.records.length ? (_jsx(LibraryItemsListEmpty, { notifyNewCreation: _notifyNewCreation })) : (_jsx(DisplayTypeSelector, {})))] }))] })));
+    return _jsxs(
+        SearchContext.Provider,
+        Object.assign(
+            {value: {state: searchState, dispatch: searchDispatch}},
+            {
+                children: [
+                    _jsxs(MenuWrapper, {
+                        children: [
+                            _jsx(MenuItemList, {
+                                refetch: _reload,
+                                notifyNewCreation: _notifyNewCreation,
+                                library: library
+                            }),
+                            _jsx(MenuItemListSelected, {active: menuSelectedActive})
+                        ]
+                    }),
+                    _jsxs(
+                        Wrapper,
+                        Object.assign(
+                            {
+                                $showSide: searchState.sideBar.visible,
+                                className: searchState.sideBar.visible ? 'wrapper-open' : 'wrapper-close',
+                                style: style
+                            },
+                            {
+                                children: [
+                                    _jsx(Sidebar, {}),
+                                    isLoading && _jsx(Loading, {}),
+                                    !isLoading &&
+                                        searchState.error &&
+                                        _jsx(ErrorDisplay, {message: searchState.error.message}),
+                                    !isLoading &&
+                                        !searchState.error &&
+                                        (!searchState.records.length
+                                            ? _jsx(LibraryItemsListEmpty, {notifyNewCreation: _notifyNewCreation})
+                                            : _jsx(DisplayTypeSelector, {}))
+                                ]
+                            }
+                        )
+                    )
+                ]
+            }
+        )
+    );
 };
 export default LibraryItemsListContent;
-//# sourceMappingURL=LibraryItemsListContent.js.map
+//# sourceMappingURL=LibraryItemsListContent.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import {FunctionComponent} from 'react';
 interface ILibraryItemsListEmptyProps {
     notifyNewCreation: () => void;
 }

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

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

package/dist/components/LibraryItemsList/LibraryItemsListPagination/LibraryItemsListPagination.js

@@ -1,21 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Pagination } from 'antd';
+import {Pagination} from 'antd';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {SearchActionTypes} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
 function LibraryItemsListPagination() {
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
     const setPagination = (current, size) => {
-        searchDispatch({ type: SearchActionTypes.SET_PAGINATION, page: size });
+        searchDispatch({type: SearchActionTypes.SET_PAGINATION, page: size});
     };
     const setOffset = (page, pageSize) => {
-        searchDispatch({ type: SearchActionTypes.SET_OFFSET, offset: (page - 1) * (pageSize !== null && pageSize !== void 0 ? pageSize : 0) });
+        searchDispatch({
+            type: SearchActionTypes.SET_OFFSET,
+            offset: (page - 1) * (pageSize !== null && pageSize !== void 0 ? pageSize : 0)
+        });
     };
     const currentPage = searchState.offset / searchState.pagination + 1;
     const paginationOptions = [5, 10, 20, 50, 100];
-    return (_jsx(Pagination, { defaultCurrent: currentPage, current: currentPage, total: searchState.totalCount, defaultPageSize: searchState.pagination, onShowSizeChange: setPagination, showSizeChanger: true, pageSizeOptions: paginationOptions.map(option => option.toString()), onChange: setOffset }));
+    return _jsx(Pagination, {
+        defaultCurrent: currentPage,
+        current: currentPage,
+        total: searchState.totalCount,
+        defaultPageSize: searchState.pagination,
+        onShowSizeChange: setPagination,
+        showSizeChanger: true,
+        pageSizeOptions: paginationOptions.map(option => option.toString()),
+        onChange: setOffset
+    });
 }
 export default LibraryItemsListPagination;
-//# sourceMappingURL=LibraryItemsListPagination.js.map
+//# sourceMappingURL=LibraryItemsListPagination.js.map

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

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/BodyCell/BodyCell.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Cell as ReactTableTypeCell } from 'react-table';
-import { ITableRow } from '../../../../types/search';
+import {Cell as ReactTableTypeCell} from 'react-table';
+import {ITableRow} from '../../../../types/search';
 interface IBodyCellProps {
     cell: ReactTableTypeCell<ITableRow>;
     selected: boolean;
 }
-declare function BodyCell({ cell, selected }: IBodyCellProps): JSX.Element;
+declare function BodyCell({cell, selected}: IBodyCellProps): JSX.Element;
 export default BodyCell;

package/dist/components/LibraryItemsList/LibraryItemsListTable/BodyCell/BodyCell.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
-import { infosCol, INFOS_COLUMN_WIDTH, selectionColumn } from '../../constants';
+import {themeVars} from '../../../../antdTheme';
+import {infosCol, INFOS_COLUMN_WIDTH, selectionColumn} from '../../constants';
 import Cell from '../Cell';
 import CellSelection from '../Cell/CellSelection';
-const CustomBodyCell = styled.div `
+const CustomBodyCell = styled.div`
     // Inherit background from row. If background is transparent, the sticky column won't behave properly
     background-color: inherit;
     padding: 4px 0;
@@ -18,26 +18,51 @@ const CustomBodyCell = styled.div `
     display: flex;
     align-items: center;
 `;
-function BodyCell({ cell, selected }) {
+function BodyCell({cell, selected}) {
     var _a, _b, _c, _d, _e, _f, _g;
     const props = cell.getCellProps();
     if (cell.column.id === infosCol) {
         // define info column row style
-        props.style = Object.assign(Object.assign({}, props.style), { flex: '1 0 auto', maxWidth: INFOS_COLUMN_WIDTH, minWidth: INFOS_COLUMN_WIDTH, zIndex: 3 });
+        props.style = Object.assign(Object.assign({}, props.style), {
+            flex: '1 0 auto',
+            maxWidth: INFOS_COLUMN_WIDTH,
+            minWidth: INFOS_COLUMN_WIDTH,
+            zIndex: 3
+        });
     }
     const data = {
         id: (_a = cell === null || cell === void 0 ? void 0 : cell.value) === null || _a === void 0 ? void 0 : _a.id,
         key: (_b = cell === null || cell === void 0 ? void 0 : cell.value) === null || _b === void 0 ? void 0 : _b.id,
-        library: (_c = cell === null || cell === void 0 ? void 0 : cell.value) === null || _c === void 0 ? void 0 : _c.library,
-        label: (_d = cell === null || cell === void 0 ? void 0 : cell.value) === null || _d === void 0 ? void 0 : _d.label,
-        value: (_e = cell === null || cell === void 0 ? void 0 : cell.value) === null || _e === void 0 ? void 0 : _e.value,
-        type: (_f = cell === null || cell === void 0 ? void 0 : cell.value) === null || _f === void 0 ? void 0 : _f.type,
-        format: (_g = cell === null || cell === void 0 ? void 0 : cell.value) === null || _g === void 0 ? void 0 : _g.format
+        library:
+            (_c = cell === null || cell === void 0 ? void 0 : cell.value) === null || _c === void 0
+                ? void 0
+                : _c.library,
+        label:
+            (_d = cell === null || cell === void 0 ? void 0 : cell.value) === null || _d === void 0 ? void 0 : _d.label,
+        value:
+            (_e = cell === null || cell === void 0 ? void 0 : cell.value) === null || _e === void 0 ? void 0 : _e.value,
+        type:
+            (_f = cell === null || cell === void 0 ? void 0 : cell.value) === null || _f === void 0 ? void 0 : _f.type,
+        format:
+            (_g = cell === null || cell === void 0 ? void 0 : cell.value) === null || _g === void 0 ? void 0 : _g.format
     };
     if (!cell.value) {
-        return _jsx(CustomBodyCell, Object.assign({ selected: selected }, props));
+        return _jsx(CustomBodyCell, Object.assign({selected: selected}, props));
     }
-    return (_jsx(CustomBodyCell, Object.assign({}, props, { id: cell.column.id, selected: selected, className: "body-cell" }, { children: cell.column.id === selectionColumn ? (_jsx(CellSelection, { selected: selected })) : (_jsx(Cell, { columnName: cell.column.id, data: data })) })));
+    return _jsx(
+        CustomBodyCell,
+        Object.assign(
+            {},
+            props,
+            {id: cell.column.id, selected: selected, className: 'body-cell'},
+            {
+                children:
+                    cell.column.id === selectionColumn
+                        ? _jsx(CellSelection, {selected: selected})
+                        : _jsx(Cell, {columnName: cell.column.id, data: data})
+            }
+        )
+    );
 }
 export default BodyCell;
-//# sourceMappingURL=BodyCell.js.map
+//# sourceMappingURL=BodyCell.js.map

package/dist/components/LibraryItemsList/LibraryItemsListTable/BodyCell/index.js

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/BodyRow/BodyRow.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Row } from 'react-table';
-import { IItem } from '../../../../types/search';
+import {Row} from 'react-table';
+import {IItem} from '../../../../types/search';
 interface IBodyRowProps {
     row: Row<IItem | any>;
 }
-declare function BodyRow({ row }: IBodyRowProps): JSX.Element;
+declare function BodyRow({row}: IBodyRowProps): JSX.Element;
 export default BodyRow;

package/dist/components/LibraryItemsList/LibraryItemsListTable/BodyRow/index.js

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/AllValuesCount/AllValuesCount.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { AttributeType } from '../../../../../_gqlTypes';
+import {AttributeType} from '../../../../../_gqlTypes';
 interface IAllValuesCountProps {
     values: any[];
     attributeType: AttributeType;
 }
-declare function AllValuesCount({ values, attributeType }: IAllValuesCountProps): JSX.Element;
+declare function AllValuesCount({values, attributeType}: IAllValuesCountProps): JSX.Element;
 export default AllValuesCount;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/AllValuesCount/AllValuesCount.js

@@ -1,17 +1,17 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, 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 { Modal, Tooltip } from 'antd';
+import {Modal, Tooltip} from 'antd';
 import styled from 'styled-components';
-import { themeVars } from '../../../../../antdTheme';
-import { RecordCard } from '../../../../../components';
+import {themeVars} from '../../../../../antdTheme';
+import {RecordCard} from '../../../../../components';
 import List from '../../../../../components/List';
-import { PreviewSize } from '../../../../../constants';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { AttributeType } from '../../../../../_gqlTypes';
-import { stopEvent } from '../../../../../_utils';
-const MoreValuesCount = styled.span `
+import {PreviewSize} from '../../../../../constants';
+import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
+import {AttributeType} from '../../../../../_gqlTypes';
+import {stopEvent} from '../../../../../_utils';
+const MoreValuesCount = styled.span`
     padding: 0 0.75em;
     height: 1.75em;
     line-height: 1.75em;
@@ -23,30 +23,74 @@ const MoreValuesCount = styled.span `
     font-size: 0.9em;
     cursor: pointer;
 `;
-function AllValuesCount({ values, attributeType }) {
-    const { t } = useSharedTranslation();
+function AllValuesCount({values, attributeType}) {
+    const {t} = useSharedTranslation();
     const [modal, contextHolder] = Modal.useModal();
-    const _handleShowMoreClick = (e) => {
+    const _handleShowMoreClick = e => {
         stopEvent(e);
         modal.info({
             icon: null,
-            content: (_jsx(List, { dataSource: values.map(val => (val === null || val === void 0 ? void 0 : val.whoAmI) ? _jsx(RecordCard, { record: val === null || val === void 0 ? void 0 : val.whoAmI, size: PreviewSize.small }) : val), size: "small", maxHeight: "50vh" })),
+            content: _jsx(List, {
+                dataSource: values.map(val =>
+                    (val === null || val === void 0 ? void 0 : val.whoAmI)
+                        ? _jsx(RecordCard, {
+                              record: val === null || val === void 0 ? void 0 : val.whoAmI,
+                              size: PreviewSize.small
+                          })
+                        : val
+                ),
+                size: 'small',
+                maxHeight: '50vh'
+            }),
             okText: t('global.close')
         });
     };
     const otherValuesData = values
         .slice(0, 5)
         .map(val => {
-        var _a, _b;
-        const whoAmI = attributeType === AttributeType.tree ? (_a = val === null || val === void 0 ? void 0 : val.record) === null || _a === void 0 ? void 0 : _a.whoAmI : val === null || val === void 0 ? void 0 : val.whoAmI;
-        if (!whoAmI) {
-            return null;
-        }
-        return (_b = whoAmI.label) !== null && _b !== void 0 ? _b : whoAmI.id;
-    })
+            var _a, _b;
+            const whoAmI =
+                attributeType === AttributeType.tree
+                    ? (_a = val === null || val === void 0 ? void 0 : val.record) === null || _a === void 0
+                        ? void 0
+                        : _a.whoAmI
+                    : val === null || val === void 0
+                    ? void 0
+                    : val.whoAmI;
+            if (!whoAmI) {
+                return null;
+            }
+            return (_b = whoAmI.label) !== null && _b !== void 0 ? _b : whoAmI.id;
+        })
         .filter(val => !!val); // To make sure we don't have null values. This crashes the List component
-    const otherValuesList = (_jsx(List, { dataSource: otherValuesData, size: "small", maxHeight: "50vh", footer: values.length > 5 && _jsx("a", Object.assign({ onClick: _handleShowMoreClick }, { children: t('items_list.show_more_links') })) }));
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, Object.assign({ overlay: otherValuesList, color: "white" }, { children: _jsx(MoreValuesCount, Object.assign({ onClick: _handleShowMoreClick, onDoubleClick: stopEvent }, { children: values.length })) })), contextHolder] }));
+    const otherValuesList = _jsx(List, {
+        dataSource: otherValuesData,
+        size: 'small',
+        maxHeight: '50vh',
+        footer:
+            values.length > 5 &&
+            _jsx('a', Object.assign({onClick: _handleShowMoreClick}, {children: t('items_list.show_more_links')}))
+    });
+    return _jsxs(_Fragment, {
+        children: [
+            _jsx(
+                Tooltip,
+                Object.assign(
+                    {overlay: otherValuesList, color: 'white'},
+                    {
+                        children: _jsx(
+                            MoreValuesCount,
+                            Object.assign(
+                                {onClick: _handleShowMoreClick, onDoubleClick: stopEvent},
+                                {children: values.length}
+                            )
+                        )
+                    }
+                )
+            ),
+            contextHolder
+        ]
+    });
 }
 export default AllValuesCount;
-//# sourceMappingURL=AllValuesCount.js.map
+//# sourceMappingURL=AllValuesCount.js.map

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/AllValuesCount/index.js

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