@leav/ui 0.2.8 → 0.3.0

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,50 +35,24 @@ 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})
-                                          }
-                                        : 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
-                                        })
-                                    }
-                                )
-                            )
+    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
+                }) })) })) })));
 }
 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,25 +85,14 @@ 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: [
                 {
@@ -118,14 +107,7 @@ 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,
@@ -133,10 +115,8 @@ 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
@@ -148,12 +128,7 @@ 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 = {
@@ -179,114 +154,10 @@ 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,30 +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 {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,21 +50,9 @@ 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,26 +44,7 @@ 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