@leav/ui 0.2.8 → 0.3.0

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,34 +1,31 @@
-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;
@@ -38,18 +35,17 @@ 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:
@@ -60,48 +56,31 @@ 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({
@@ -111,44 +90,34 @@ const LibraryItemsListContent = ({selectionMode, library, defaultView, showTrans
         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);
@@ -170,8 +139,9 @@ const LibraryItemsListContent = ({selectionMode, library, defaultView, showTrans
             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
         }
     };
@@ -201,7 +171,7 @@ const LibraryItemsListContent = ({selectionMode, library, defaultView, showTrans
                 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
@@ -213,7 +183,7 @@ const LibraryItemsListContent = ({selectionMode, library, defaultView, showTrans
         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();
@@ -224,50 +194,9 @@ const LibraryItemsListContent = ({selectionMode, library, defaultView, showTrans
     };
     // 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/LibraryItemsListEmpty.js

@@ -19,9 +19,12 @@ const LibraryItemsListEmpty = ({ notifyNewCreation }) => {
     const _handleImportModalClose = () => {
         setIsImportModalVisible(false);
     };
+    // "Create and edit" on create modal is not available here as the modal will be destroyed as soon as the record is
+    // created and the list refreshed. Handling this situation might be complicated and not worth the effort for a
+    // pretty rare use case (creating a record from an empty library and wanting to edit it right away).
     return (_jsxs(_Fragment, { children: [_jsx(Empty, Object.assign({ image: Empty.PRESENTED_IMAGE_SIMPLE, imageStyle: {
                     height: 60
-                }, description: _jsxs("span", { children: [t('items_list.no_data'), "."] }) }, { children: _jsxs(Row, { children: [_jsx(Col, Object.assign({ span: 11 }, { children: _jsx(Row, Object.assign({ justify: "end" }, { children: _jsx(Col, { children: _jsx(CreateNewRecordButton, { label: t('items_list.new_record'), notifyNewCreation: notifyNewCreation, libraryBehavior: searchState.library.behavior, libraryId: searchState.library.id, valuesVersions: searchState.valuesVersions }) }) })) })), _jsx(Col, Object.assign({ span: 2 }, { children: _jsx("span", { children: t('global.or') }) })), _jsx(Col, Object.assign({ span: 11 }, { children: _jsx(Row, Object.assign({ justify: "start" }, { children: _jsx(Col, { children: _jsx(Button, Object.assign({ type: "primary", style: {
+                }, description: _jsxs("span", { children: [t('items_list.no_data'), "."] }) }, { children: _jsxs(Row, { children: [_jsx(Col, Object.assign({ span: 11 }, { children: _jsx(Row, Object.assign({ justify: "end" }, { children: _jsx(Col, { children: _jsx(CreateNewRecordButton, { label: t('items_list.new_record'), notifyNewCreation: notifyNewCreation, libraryBehavior: searchState.library.behavior, libraryId: searchState.library.id, valuesVersions: searchState.valuesVersions, canCreateAndEdit: false }) }) })) })), _jsx(Col, Object.assign({ span: 2 }, { children: _jsx("span", { children: t('global.or') }) })), _jsx(Col, Object.assign({ span: 11 }, { children: _jsx(Row, Object.assign({ justify: "start" }, { children: _jsx(Col, { children: _jsx(Button, Object.assign({ type: "primary", style: {
                                             width: 'fit-content'
                                         }, block: true, icon: _jsx(CloudUploadOutlined, {}), className: "primary-btn", onClick: _handleImportModalOpen }, { children: t('items_list.import_data') })) }) })) }))] }) })), isImportModalVisible && (_jsx(ImportModal, { open: isImportModalVisible, library: searchState.library.id, onClose: _handleImportModalClose }))] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"LibraryItemsListEmpty.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/LibraryItemsListEmpty/LibraryItemsListEmpty.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,mBAAmB,EAAe,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAoB,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,gDAAgD,CAAC;AAMrF,MAAM,qBAAqB,GAAmD,CAAC,EAAC,iBAAiB,EAAC,EAAE,EAAE;IAClG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACH,8BACI,KAAC,KAAK,kBACF,KAAK,EAAE,KAAK,CAAC,sBAAsB,EACnC,UAAU,EAAE;oBACR,MAAM,EAAE,EAAE;iBACb,EACD,WAAW,EAAE,2BAAO,CAAC,CAAC,oBAAoB,CAAC,SAAS,gBAEpD,MAAC,GAAG,eACA,KAAC,GAAG,kBAAC,IAAI,EAAE,EAAE,gBACT,KAAC,GAAG,kBAAC,OAAO,EAAC,KAAK,gBACd,KAAC,GAAG,cACA,KAAC,qBAAqB,IAClB,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACjC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,QAAQ,EAC7C,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EACjC,cAAc,EAAE,WAAW,CAAC,cAAc,GAC5C,GACA,IACJ,IACJ,EACN,KAAC,GAAG,kBAAC,IAAI,EAAE,CAAC,gBACR,yBAAO,CAAC,CAAC,WAAW,CAAC,GAAQ,IAC3B,EACN,KAAC,GAAG,kBAAC,IAAI,EAAE,EAAE,gBACT,KAAC,GAAG,kBAAC,OAAO,EAAC,OAAO,gBAChB,KAAC,GAAG,cACA,KAAC,MAAM,kBACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4CACH,KAAK,EAAE,aAAa;yCACvB,EACD,KAAK,QACL,IAAI,EAAE,KAAC,mBAAmB,KAAG,EAC7B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,sBAAsB,gBAE9B,CAAC,CAAC,wBAAwB,CAAC,IACvB,GACP,IACJ,IACJ,IACJ,IACF,EACP,oBAAoB,IAAI,CACrB,KAAC,WAAW,IACR,IAAI,EAAE,oBAAoB,EAC1B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,uBAAuB,GAClC,CACL,IACF,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"LibraryItemsListEmpty.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/LibraryItemsListEmpty/LibraryItemsListEmpty.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAoB,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AACvD,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,gDAAgD,CAAC;AAMrF,MAAM,qBAAqB,GAAmD,CAAC,EAAC,iBAAiB,EAAC,EAAE,EAAE;IAClG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,kHAAkH;IAClH,8GAA8G;IAC9G,oGAAoG;IACpG,OAAO,CACH,8BACI,KAAC,KAAK,kBACF,KAAK,EAAE,KAAK,CAAC,sBAAsB,EACnC,UAAU,EAAE;oBACR,MAAM,EAAE,EAAE;iBACb,EACD,WAAW,EAAE,2BAAO,CAAC,CAAC,oBAAoB,CAAC,SAAS,gBAEpD,MAAC,GAAG,eACA,KAAC,GAAG,kBAAC,IAAI,EAAE,EAAE,gBACT,KAAC,GAAG,kBAAC,OAAO,EAAC,KAAK,gBACd,KAAC,GAAG,cACA,KAAC,qBAAqB,IAClB,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACjC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,QAAQ,EAC7C,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EACjC,cAAc,EAAE,WAAW,CAAC,cAAc,EAC1C,gBAAgB,EAAE,KAAK,GACzB,GACA,IACJ,IACJ,EACN,KAAC,GAAG,kBAAC,IAAI,EAAE,CAAC,gBACR,yBAAO,CAAC,CAAC,WAAW,CAAC,GAAQ,IAC3B,EACN,KAAC,GAAG,kBAAC,IAAI,EAAE,EAAE,gBACT,KAAC,GAAG,kBAAC,OAAO,EAAC,OAAO,gBAChB,KAAC,GAAG,cACA,KAAC,MAAM,kBACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;4CACH,KAAK,EAAE,aAAa;yCACvB,EACD,KAAK,QACL,IAAI,EAAE,KAAC,mBAAmB,KAAG,EAC7B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,sBAAsB,gBAE9B,CAAC,CAAC,wBAAwB,CAAC,IACvB,GACP,IACJ,IACJ,IACJ,IACF,EACP,oBAAoB,IAAI,CACrB,KAAC,WAAW,IACR,IAAI,EAAE,oBAAoB,EAC1B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,uBAAuB,GAClC,CACL,IACF,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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,33 +1,21 @@
-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,51 +18,26 @@ 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;