@leav/ui 0.2.7 → 0.2.8

package/dist/components/LibraryItemsList/MenuSelection/MenuSelection.js

@@ -1,16 +1,16 @@
-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 { DownOutlined } from '@ant-design/icons';
-import { Button, Dropdown } from 'antd';
+import {DownOutlined} from '@ant-design/icons';
+import {Button, Dropdown} from 'antd';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { SearchMode } from '../../../types/search';
-import { SearchActionTypes } from '../hooks/useSearchReducer/searchReducer';
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import {SearchMode} from '../../../types/search';
+import {SearchActionTypes} from '../hooks/useSearchReducer/searchReducer';
 function MenuSelection() {
-    const { t } = useSharedTranslation();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const {t} = useSharedTranslation();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
     const selectAll = () => {
         searchDispatch({
             type: SearchActionTypes.SELECT_ALL
@@ -35,24 +35,50 @@ function MenuSelection() {
             selected
         });
     };
-    return (_jsx("span", Object.assign({ "data-testid": "dropdown-menu-selection" }, { children: _jsx(Dropdown, Object.assign({ menu: {
-                items: [
-                    searchState.mode !== SearchMode.select
-                        ? {
-                            key: 'select_all',
-                            onClick: selectAll,
-                            label: t('items-menu-dropdown.select-all', { nb: searchState.totalCount })
+    return _jsx(
+        'span',
+        Object.assign(
+            {'data-testid': 'dropdown-menu-selection'},
+            {
+                children: _jsx(
+                    Dropdown,
+                    Object.assign(
+                        {
+                            menu: {
+                                items: [
+                                    searchState.mode !== SearchMode.select
+                                        ? {
+                                              key: 'select_all',
+                                              onClick: selectAll,
+                                              label: t('items-menu-dropdown.select-all', {nb: searchState.totalCount})
+                                          }
+                                        : null,
+                                    {
+                                        key: 'select',
+                                        onClick: selectVisible,
+                                        label: t('items-menu-dropdown.select-visible', {nb: searchState.records.length})
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            children: _jsx(
+                                Button,
+                                Object.assign(
+                                    {icon: _jsx(DownOutlined, {})},
+                                    {
+                                        children: t('items-list-row.nb-elements', {
+                                            nbItems: searchState.totalCount
+                                        })
+                                    }
+                                )
+                            )
                         }
-                        : null,
-                    {
-                        key: 'select',
-                        onClick: selectVisible,
-                        label: t('items-menu-dropdown.select-visible', { nb: searchState.records.length })
-                    }
-                ]
-            } }, { children: _jsx(Button, Object.assign({ icon: _jsx(DownOutlined, {}) }, { children: t('items-list-row.nb-elements', {
-                    nbItems: searchState.totalCount
-                }) })) })) })));
+                    )
+                )
+            }
+        )
+    );
 }
 export default MenuSelection;
-//# sourceMappingURL=MenuSelection.js.map
+//# sourceMappingURL=MenuSelection.js.map

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ILibraryDetailExtended } from '../../../_queries/libraries/getLibraryDetailExtendQuery';
+import {ILibraryDetailExtended} from '../../../_queries/libraries/getLibraryDetailExtendQuery';
 interface IMenuViewProps {
     library: ILibraryDetailExtended;
 }
-declare function MenuView({ library }: IMenuViewProps): JSX.Element;
+declare function MenuView({library}: IMenuViewProps): JSX.Element;
 export default MenuView;

package/dist/components/LibraryItemsList/MenuView/MenuView.js

@@ -1,48 +1,48 @@
-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 { AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled } from '@ant-design/icons';
-import { localizedTranslation, objectToNameValueArray } from '@leav/utils';
-import { Badge, Button, Dropdown, Space, Tooltip } from 'antd';
-import { GrUndo } from 'react-icons/gr';
-import { VscLayers } from 'react-icons/vsc';
+import {AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled} from '@ant-design/icons';
+import {localizedTranslation, objectToNameValueArray} from '@leav/utils';
+import {Badge, Button, Dropdown, Space, Tooltip} from 'antd';
+import {GrUndo} from 'react-icons/gr';
+import {VscLayers} from 'react-icons/vsc';
 import styled from 'styled-components';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {SearchActionTypes} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
 import useExecuteAddViewMutation from '../../../hooks/useExecuteAddViewMutation/useExecuteAddViewMutation';
 import useLang from '../../../hooks/useLang';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { SidebarContentType } from '../../../types/search';
-import { ViewTypes } from '../../../_gqlTypes';
-import { prepareView } from '../../../_utils';
-import { getRequestFromFilters } from '../../../_utils/getRequestFromFilter';
-import { PREFIX_USER_VIEWS_ORDER_KEY } from '../../../constants';
-import { useUser } from '../../../hooks/useUser/useUser';
-import { defaultView, viewSettingsField } from '../constants';
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import {SidebarContentType} from '../../../types/search';
+import {ViewTypes} from '../../../_gqlTypes';
+import {prepareView} from '../../../_utils';
+import {getRequestFromFilters} from '../../../_utils/getRequestFromFilter';
+import {PREFIX_USER_VIEWS_ORDER_KEY} from '../../../constants';
+import {useUser} from '../../../hooks/useUser/useUser';
+import {defaultView, viewSettingsField} from '../constants';
 import FiltersDropdown from '../FiltersDropdown';
 import useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';
 import IconViewType from '../IconViewType';
-const ViewButton = styled(Button) `
+const ViewButton = styled(Button)`
     && {
         display: flex;
         align-items: center;
     }
 `;
-const ViewLabel = styled.span `
+const ViewLabel = styled.span`
     width: 180px;
     overflow: hidden;
     text-overflow: ellipsis;
     whitespace: nowrap;
 `;
-function MenuView({ library }) {
+function MenuView({library}) {
     var _a, _b, _c, _d;
-    const { t } = useSharedTranslation();
-    const { lang, defaultLang } = useLang();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const { userData } = useUser();
-    const { addView } = useExecuteAddViewMutation();
-    const { updateViewsOrder } = useUpdateViewsOrderMutation(library.id);
+    const {t} = useSharedTranslation();
+    const {lang, defaultLang} = useLang();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
+    const {userData} = useUser();
+    const {addView} = useExecuteAddViewMutation();
+    const {updateViewsOrder} = useUpdateViewsOrderMutation(library.id);
     const _toggleShowView = () => {
         const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.view;
         searchDispatch({
@@ -77,7 +77,7 @@ function MenuView({ library }) {
         return {
             library: library.id,
             label: {
-                [defaultLang]: t('view.add-view.title', { lng: defaultLang })
+                [defaultLang]: t('view.add-view.title', {lng: defaultLang})
             },
             display: searchState.display,
             shared: false,
@@ -85,14 +85,25 @@ function MenuView({ library }) {
             filters: getRequestFromFilters(searchState.filters),
             valuesVersions: searchState.valuesVersions
                 ? objectToNameValueArray(searchState.valuesVersions)
-                    .map(version => {
-                    var _a, _b, _c;
-                    return ({
-                        treeId: (_a = version === null || version === void 0 ? void 0 : version.name) !== null && _a !== void 0 ? _a : null,
-                        treeNode: (_c = (_b = version === null || version === void 0 ? void 0 : version.value) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : null
-                    });
-                })
-                    .filter(v => v.treeId !== null && v.treeNode !== null)
+                      .map(version => {
+                          var _a, _b, _c;
+                          return {
+                              treeId:
+                                  (_a = version === null || version === void 0 ? void 0 : version.name) !== null &&
+                                  _a !== void 0
+                                      ? _a
+                                      : null,
+                              treeNode:
+                                  (_c =
+                                      (_b = version === null || version === void 0 ? void 0 : version.value) === null ||
+                                      _b === void 0
+                                          ? void 0
+                                          : _b.id) !== null && _c !== void 0
+                                      ? _c
+                                      : null
+                          };
+                      })
+                      .filter(v => v.treeId !== null && v.treeNode !== null)
                 : null,
             settings: [
                 {
@@ -107,7 +118,14 @@ function MenuView({ library }) {
         if (searchState.view.current.id !== defaultView.id) {
             // save view in backend
             await addView({
-                view: Object.assign(Object.assign({}, _getNewViewFromSearchState()), { id: searchState.view.current.id, label: searchState.view.current.label, description: searchState.view.current.description, shared: searchState.view.current.shared, color: searchState.view.current.color, sort: (_a = searchState.sort) !== null && _a !== void 0 ? _a : null })
+                view: Object.assign(Object.assign({}, _getNewViewFromSearchState()), {
+                    id: searchState.view.current.id,
+                    label: searchState.view.current.label,
+                    description: searchState.view.current.description,
+                    shared: searchState.view.current.shared,
+                    color: searchState.view.current.color,
+                    sort: (_a = searchState.sort) !== null && _a !== void 0 ? _a : null
+                })
             });
             searchDispatch({
                 type: SearchActionTypes.SET_VIEW_SYNC,
@@ -115,8 +133,10 @@ function MenuView({ library }) {
             });
         }
     };
-    const _handleAddView = async (viewType) => {
-        const newView = Object.assign(Object.assign({}, _getNewViewFromSearchState()), { display: Object.assign(Object.assign({}, searchState.display), { type: viewType }) });
+    const _handleAddView = async viewType => {
+        const newView = Object.assign(Object.assign({}, _getNewViewFromSearchState()), {
+            display: Object.assign(Object.assign({}, searchState.display), {type: viewType})
+        });
         // save view in backend
         const newViewRes = await addView({
             view: newView
@@ -128,7 +148,12 @@ function MenuView({ library }) {
         });
         searchDispatch({
             type: SearchActionTypes.CHANGE_VIEW,
-            view: prepareView(newViewRes.data.saveView, searchState.attributes, searchState.library.id, userData === null || userData === void 0 ? void 0 : userData.userId)
+            view: prepareView(
+                newViewRes.data.saveView,
+                searchState.attributes,
+                searchState.library.id,
+                userData === null || userData === void 0 ? void 0 : userData.userId
+            )
         });
     };
     const menu = {
@@ -154,10 +179,114 @@ function MenuView({ library }) {
             }
         ]
     };
-    return (_jsxs(Space, Object.assign({ size: "large" }, { children: [_jsxs(Button.Group, { children: [_jsx(Tooltip, Object.assign({ title: localizedTranslation((_a = searchState.view.current) === null || _a === void 0 ? void 0 : _a.label, lang) || t('select-view.default-view') }, { children: _jsx(ViewButton, Object.assign({ icon: _jsx(IconViewType, { style: { marginRight: '8px' }, type: searchState.view.current.display.type }), "data-testid": "dropdown-view-options", onClick: _toggleShowView, color: (_b = searchState.view.current) === null || _b === void 0 ? void 0 : _b.color }, { children: _jsx(ViewLabel, { children: localizedTranslation((_c = searchState.view.current) === null || _c === void 0 ? void 0 : _c.label, lang) ||
-                                    t('select-view.default-view') }) })) })), _jsx(Button, { disabled: searchState.view.sync, icon: _jsx(GrUndo, {}), onClick: _resetView, style: { paddingTop: '6px' } }), _jsx(Button, { icon: _jsx(SaveFilled, {}), onClick: _saveView, disabled: searchState.view.sync ||
-                            ((_d = searchState.view.current) === null || _d === void 0 ? void 0 : _d.id) === defaultView.id ||
-                            !searchState.view.current.owner }), _jsx(Dropdown, Object.assign({ menu: menu, trigger: ['click'] }, { children: _jsx(Button, { icon: _jsx(PlusOutlined, {}) }) }))] }), _jsx(Badge, Object.assign({ dot: !!searchState.filters.length }, { children: _jsxs(Button.Group, { children: [_jsx(Button, Object.assign({ onClick: _toggleShowFilters, icon: _jsx(FilterOutlined, {}) }, { children: t('filters.filters') })), _jsx(FiltersDropdown, { libraryId: library.id, button: _jsx(Button, { icon: _jsx(PlusOutlined, {}), type: 'default' }), attributes: library.attributes, trees: library.linkedTrees, libraries: [] })] }) })), _jsx(Button, { onClick: _toggleShowVersions, icon: _jsx(VscLayers, {}), style: { paddingTop: '5px' } })] })));
+    return _jsxs(
+        Space,
+        Object.assign(
+            {size: 'large'},
+            {
+                children: [
+                    _jsxs(Button.Group, {
+                        children: [
+                            _jsx(
+                                Tooltip,
+                                Object.assign(
+                                    {
+                                        title:
+                                            localizedTranslation(
+                                                (_a = searchState.view.current) === null || _a === void 0
+                                                    ? void 0
+                                                    : _a.label,
+                                                lang
+                                            ) || t('select-view.default-view')
+                                    },
+                                    {
+                                        children: _jsx(
+                                            ViewButton,
+                                            Object.assign(
+                                                {
+                                                    icon: _jsx(IconViewType, {
+                                                        style: {marginRight: '8px'},
+                                                        type: searchState.view.current.display.type
+                                                    }),
+                                                    'data-testid': 'dropdown-view-options',
+                                                    onClick: _toggleShowView,
+                                                    color:
+                                                        (_b = searchState.view.current) === null || _b === void 0
+                                                            ? void 0
+                                                            : _b.color
+                                                },
+                                                {
+                                                    children: _jsx(ViewLabel, {
+                                                        children:
+                                                            localizedTranslation(
+                                                                (_c = searchState.view.current) === null ||
+                                                                    _c === void 0
+                                                                    ? void 0
+                                                                    : _c.label,
+                                                                lang
+                                                            ) || t('select-view.default-view')
+                                                    })
+                                                }
+                                            )
+                                        )
+                                    }
+                                )
+                            ),
+                            _jsx(Button, {
+                                disabled: searchState.view.sync,
+                                icon: _jsx(GrUndo, {}),
+                                onClick: _resetView,
+                                style: {paddingTop: '6px'}
+                            }),
+                            _jsx(Button, {
+                                icon: _jsx(SaveFilled, {}),
+                                onClick: _saveView,
+                                disabled:
+                                    searchState.view.sync ||
+                                    ((_d = searchState.view.current) === null || _d === void 0 ? void 0 : _d.id) ===
+                                        defaultView.id ||
+                                    !searchState.view.current.owner
+                            }),
+                            _jsx(
+                                Dropdown,
+                                Object.assign(
+                                    {menu: menu, trigger: ['click']},
+                                    {children: _jsx(Button, {icon: _jsx(PlusOutlined, {})})}
+                                )
+                            )
+                        ]
+                    }),
+                    _jsx(
+                        Badge,
+                        Object.assign(
+                            {dot: !!searchState.filters.length},
+                            {
+                                children: _jsxs(Button.Group, {
+                                    children: [
+                                        _jsx(
+                                            Button,
+                                            Object.assign(
+                                                {onClick: _toggleShowFilters, icon: _jsx(FilterOutlined, {})},
+                                                {children: t('filters.filters')}
+                                            )
+                                        ),
+                                        _jsx(FiltersDropdown, {
+                                            libraryId: library.id,
+                                            button: _jsx(Button, {icon: _jsx(PlusOutlined, {}), type: 'default'}),
+                                            attributes: library.attributes,
+                                            trees: library.linkedTrees,
+                                            libraries: []
+                                        })
+                                    ]
+                                })
+                            }
+                        )
+                    ),
+                    _jsx(Button, {onClick: _toggleShowVersions, icon: _jsx(VscLayers, {}), style: {paddingTop: '5px'}})
+                ]
+            }
+        )
+    );
 }
 export default MenuView;
-//# sourceMappingURL=MenuView.js.map
+//# sourceMappingURL=MenuView.js.map

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

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

package/dist/components/LibraryItemsList/SearchItems/SearchItems.js

@@ -1,21 +1,30 @@
-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 { Input } from 'antd';
+import {Input} from 'antd';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import {SearchActionTypes} from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
 function SearchItems() {
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const { t } = useSharedTranslation();
-    const handleChange = (event) => {
-        searchDispatch({ type: SearchActionTypes.SET_FULLTEXT, fullText: event.target.value });
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
+    const {t} = useSharedTranslation();
+    const handleChange = event => {
+        searchDispatch({type: SearchActionTypes.SET_FULLTEXT, fullText: event.target.value});
     };
     const handleEnter = e => {
-        searchDispatch({ type: SearchActionTypes.APPLY_FILTERS });
+        searchDispatch({type: SearchActionTypes.APPLY_FILTERS});
     };
-    return (_jsx(Input.Search, { style: { maxWidth: 500, minWidth: 250 }, placeholder: t('search.placeholder'), value: searchState.fullText, onChange: handleChange, onPressEnter: handleEnter, onSearch: handleEnter, loading: searchState.loading, allowClear: true }));
+    return _jsx(Input.Search, {
+        style: {maxWidth: 500, minWidth: 250},
+        placeholder: t('search.placeholder'),
+        value: searchState.fullText,
+        onChange: handleChange,
+        onPressEnter: handleEnter,
+        onSearch: handleEnter,
+        loading: searchState.loading,
+        allowClear: true
+    });
 }
 export default SearchItems;
-//# sourceMappingURL=SearchItems.js.map
+//# sourceMappingURL=SearchItems.js.map

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

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

package/dist/components/LibraryItemsList/Sidebar/Sidebar.js

@@ -1,16 +1,16 @@
-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 styled from 'styled-components';
-import { SidebarContentType } from '../../../types/search';
+import {SidebarContentType} from '../../../types/search';
 import FiltersPanel from '../FiltersPanel';
 import useSearchReducer from '../hooks/useSearchReducer';
 import VersionsPanel from '../VersionsPanel';
 import ViewPanel from '../ViewPanel';
-const Wrapper = styled.div `
+const Wrapper = styled.div`
     grid-area: side;
-    display: ${({ $visible }) => ($visible ? 'flex' : 'none')};
+    display: ${({$visible}) => ($visible ? 'flex' : 'none')};
     position: relative;
     height: calc(100vh - 7rem);
     overflow: hidden;
@@ -50,9 +50,21 @@ const Wrapper = styled.div `
     }
 `;
 function Sidebar() {
-    const { state } = useSearchReducer();
-    const { visible, type } = state.sideBar;
-    return (_jsxs(Wrapper, Object.assign({ "$visible": visible, className: visible ? 'wrapped-filter-open' : 'wrapped-filter-close' }, { children: [visible && type === SidebarContentType.filters && _jsx(FiltersPanel, {}), visible && type === SidebarContentType.view && _jsx(ViewPanel, {}), visible && type === SidebarContentType.versions && _jsx(VersionsPanel, {})] })));
+    const {state} = useSearchReducer();
+    const {visible, type} = state.sideBar;
+    return _jsxs(
+        Wrapper,
+        Object.assign(
+            {$visible: visible, className: visible ? 'wrapped-filter-open' : 'wrapped-filter-close'},
+            {
+                children: [
+                    visible && type === SidebarContentType.filters && _jsx(FiltersPanel, {}),
+                    visible && type === SidebarContentType.view && _jsx(ViewPanel, {}),
+                    visible && type === SidebarContentType.versions && _jsx(VersionsPanel, {})
+                ]
+            }
+        )
+    );
 }
 export default Sidebar;
-//# sourceMappingURL=Sidebar.js.map
+//# sourceMappingURL=Sidebar.js.map

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

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

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IItem } from '../../../../types/search';
+import {IItem} from '../../../../types/search';
 interface IItemTileDisplayProps {
     item: IItem;
 }
-declare function ItemTileDisplay({ item }: IItemTileDisplayProps): JSX.Element;
+declare function ItemTileDisplay({item}: IItemTileDisplayProps): JSX.Element;
 export default ItemTileDisplay;

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.js

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

package/dist/components/LibraryItemsList/TileDisplay/TileDisplay.js

@@ -1,34 +1,34 @@
-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 { Spin } from 'antd';
+import {Spin} from 'antd';
 import styled from 'styled-components';
-import { themeVars } from '../../../antdTheme';
+import {themeVars} from '../../../antdTheme';
 import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { displayTypeToPreviewSize } from '../helpers/displayTypeToPreviewSize';
-import { SearchActionTypes } from '../hooks/useSearchReducer/searchReducer';
+import {displayTypeToPreviewSize} from '../helpers/displayTypeToPreviewSize';
+import {SearchActionTypes} from '../hooks/useSearchReducer/searchReducer';
 import LibraryItemsListPagination from '../LibraryItemsListPagination';
 import getItemPreviewSize from './helpers/getItemPreviewSize';
 import ItemTileDisplay from './ItemTileDisplay';
-const LoadingWrapper = styled.div `
+const LoadingWrapper = styled.div`
     height: 30rem;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 `;
-const Wrapper = styled.div `
+const Wrapper = styled.div`
     grid-area: data;
     height: 100%;
     overflow-y: scroll;
     border-radius: 0.25rem 0.25rem 0 0;
     border-bottom: none;
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(calc(${({ $size: size }) => size} + 1rem), 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(calc(${({$size: size}) => size} + 1rem), 1fr));
     align-content: flex-start;
 `;
-const Footer = styled.div `
+const Footer = styled.div`
     grid-area: pagination;
     display: flex;
     justify-content: space-around;
@@ -36,7 +36,7 @@ const Footer = styled.div `
     padding: 0.5rem;
 `;
 function TileDisplay() {
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
     const itemPreviewSize = getItemPreviewSize(displayTypeToPreviewSize(searchState.display.size));
     const _handleClick = () => {
         searchDispatch({
@@ -44,7 +44,26 @@ function TileDisplay() {
             selected: []
         });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, Object.assign({ "$size": itemPreviewSize, onClick: _handleClick }, { children: searchState.loading ? (_jsx(LoadingWrapper, { children: _jsx(Spin, { size: "large" }) })) : (_jsx(_Fragment, { children: searchState.records.map(record => (_jsx(ItemTileDisplay, { item: record }, record.whoAmI.id))) })) })), _jsx(Footer, { children: _jsx(LibraryItemsListPagination, {}) })] }));
+    return _jsxs(_Fragment, {
+        children: [
+            _jsx(
+                Wrapper,
+                Object.assign(
+                    {$size: itemPreviewSize, onClick: _handleClick},
+                    {
+                        children: searchState.loading
+                            ? _jsx(LoadingWrapper, {children: _jsx(Spin, {size: 'large'})})
+                            : _jsx(_Fragment, {
+                                  children: searchState.records.map(record =>
+                                      _jsx(ItemTileDisplay, {item: record}, record.whoAmI.id)
+                                  )
+                              })
+                    }
+                )
+            ),
+            _jsx(Footer, {children: _jsx(LibraryItemsListPagination, {})})
+        ]
+    });
 }
 export default TileDisplay;
-//# sourceMappingURL=TileDisplay.js.map
+//# sourceMappingURL=TileDisplay.js.map

package/dist/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.d.ts

@@ -1,3 +1,3 @@
-import { PreviewSize } from '../../../../constants';
+import {PreviewSize} from '../../../../constants';
 declare const _default: (size: PreviewSize) => string;
 export default _default;

package/dist/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.js

@@ -1,11 +1,11 @@
 // 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 {PreviewSize} from '../../../../constants';
 const itemPreviewSize = {
     [PreviewSize.small]: '100px',
     [PreviewSize.medium]: '200px',
     [PreviewSize.big]: '300px'
 };
-export default (size) => itemPreviewSize[size];
-//# sourceMappingURL=getItemPreviewSize.js.map
+export default size => itemPreviewSize[size];
+//# sourceMappingURL=getItemPreviewSize.js.map

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

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